/* ═══ SC · Menú "Servicios" — páginas de servicio accesibles solo desde el menú ═══ */
.nav-dd{position:relative}
.nav-dd>a{display:inline-flex;align-items:center;gap:.32rem}
.nav-dd>a .dd-chv{width:9px;height:9px;flex-shrink:0;transition:transform .35s var(--ease)}
.nav-dd.open>a .dd-chv,html:not(.dd-js) .nav-dd:hover>a .dd-chv{transform:rotate(180deg)}
.nav-dd.is-active>a{color:var(--ink)}
.nav-dd.is-active>a::after{right:0}
.nav-panel{position:absolute;top:calc(100% + 20px);left:-1.5rem;width:580px;padding:1.25rem 1.25rem .95rem;
  background:rgba(244,241,235,.97);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);
  border:1px solid var(--faint);border-radius:14px;box-shadow:0 34px 70px -34px rgba(13,13,13,.38),0 2px 6px rgba(13,13,13,.04);
  opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;
  transition:opacity .25s var(--ease),transform .4s var(--ease-expo),visibility .25s}
.nav-panel::before{content:'';position:absolute;left:0;right:0;top:-22px;height:22px}
.nav-dd.open .nav-panel,html:not(.dd-js) .nav-dd:hover .nav-panel,html:not(.dd-js) .nav-dd:focus-within .nav-panel{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.nav-panel-hd{display:flex;justify-content:space-between;align-items:baseline;padding:0 .6rem .8rem;margin-bottom:.35rem;border-bottom:1px solid var(--faint)}
.nav-panel-hd span{font-family:var(--mono);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.nav-panel-hd span:first-child{color:var(--accent)}
.nav-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:.2rem}
.nav-links .nav-panel a{display:grid;grid-template-columns:auto 1fr;gap:.18rem .8rem;padding:.8rem .7rem;border-radius:9px;
  font-size:inherit;letter-spacing:0;color:inherit;position:relative;transition:background .25s}
.nav-links .nav-panel a::after{display:none}
.nav-links .nav-panel a:hover,.nav-links .nav-panel a:focus-visible{background:rgba(27,79,110,.07)}
.np-n{grid-row:span 2;font-family:var(--mono);font-size:.6rem;font-weight:500;color:#9A968C;padding-top:.12rem;transition:color .25s}
.np-t{font-size:.8rem;font-weight:600;color:var(--ink);letter-spacing:-.01em;line-height:1.3}
.np-d{font-size:.7rem;font-weight:400;color:var(--muted);line-height:1.45}
.nav-links .nav-panel a:hover .np-n,.nav-links .nav-panel a.is-current .np-n{color:var(--accent)}
.nav-links .nav-panel a.is-current{background:rgba(27,79,110,.06)}
.nav-links .nav-panel a.is-current::before{content:'';position:absolute;left:0;top:.8rem;bottom:.8rem;width:2px;border-radius:2px;background:var(--accent)}
.nav-panel-ft{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.45rem;padding:.8rem .7rem 0;border-top:1px solid var(--faint)}
.nav-links .nav-panel .nav-panel-ft a{display:inline-flex;padding:0;font-size:.7rem;font-weight:600;color:var(--accent);background:none}
.nav-links .nav-panel .nav-panel-ft a:hover{background:none;color:var(--accent-h)}
.nav-panel-ft span{font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
/* móvil */
.mob{overflow-y:auto;justify-content:safe center;padding:4.5rem 1.5rem 3rem}
.mob-sub{display:flex;flex-direction:column;align-items:stretch;width:min(300px,100%);margin-top:-1.1rem;border-top:1px solid var(--faint)}
.mob .mob-sub a{display:flex;align-items:baseline;gap:.75rem;font-family:var(--sans);font-style:normal;font-size:.9rem;font-weight:500;
  color:var(--body);letter-spacing:-.005em;padding:.7rem .2rem;border-bottom:1px solid var(--faint)}
.mob .mob-sub a span{font-family:var(--mono);font-size:.62rem;color:#9A968C}
.mob .mob-sub a:hover,.mob .mob-sub a.is-current{color:var(--accent)}
.mob .mob-sub a.is-current span{color:var(--accent)}
@media(max-width:1024px){.nav-panel{width:520px}}
@media(prefers-reduced-motion:reduce){.nav-panel{transition:none}}
.nav-links .nav-panel a.np{align-content:start}
.mob{gap:1.5rem}
.mob .mob-sub a{padding:.58rem .2rem}