/* Menú compartido — misma barra que la página de inicio (/).
   Se carga después de los estilos de cada página para que mande sobre ellos. */
:root{--marco:clamp(10px,2.4vw,46px);--f-serif:"Instrument Serif",ui-serif,Georgia,"Times New Roman",serif}

/* ───────────── NAV ───────────── */
.nav{position:fixed;inset:0 0 auto;z-index:50;pointer-events:none;
  padding-top:calc(env(safe-area-inset-top,0px) + var(--marco) + clamp(10px,1.6vw,28px));
  padding-left:max(calc(var(--marco) + 12px),env(safe-area-inset-left,0px));
  padding-right:max(calc(var(--marco) + 12px),env(safe-area-inset-right,0px));
  transition:padding .5s var(--ease),transform .55s var(--ease)}
.nav.is-scrolled{padding-top:calc(env(safe-area-inset-top,0px) + 12px)}
.nav.is-hidden{transform:translateY(-130%)}
@media (prefers-reduced-motion:reduce){.nav{transition:none}}
.nav-pill{pointer-events:auto;max-width:1580px;margin:0 auto;height:clamp(64px,5.4vw,96px);border-radius:999px;display:flex;align-items:center;gap:clamp(12px,2vw,40px);
  padding:0 clamp(10px,1.1vw,20px) 0 clamp(20px,2.6vw,52px);
  background:linear-gradient(180deg,rgba(6,32,72,.78),rgba(2,24,58,.78));
  -webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);
  border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 50px rgba(0,8,20,.28),inset 0 1px 0 rgba(255,255,255,.06);
  transition:height .5s var(--ease)}
.nav.is-scrolled .nav-pill{height:68px}
.nav-logo{flex:none;display:flex;align-items:center}
.nav-logo img{height:clamp(34px,2.9vw,52px);width:auto}
.nav-links{display:flex;align-items:center;gap:clamp(14px,2.4vw,46px);margin-left:auto;font-size:clamp(14px,1.05vw,19px)}
.nav-links > a,.nav-links > .nav-dd > button{position:relative;white-space:nowrap}
.nav-links > a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav-links > a:hover::after{transform:scaleX(1)}
.nav-dd{position:relative}
.dd-btn{display:inline-flex;align-items:center;gap:14px;height:clamp(44px,3.2vw,62px);padding:0 clamp(18px,1.6vw,30px);border-radius:999px;background:#fff;color:var(--azul-marca);transition:transform .25s}
.dd-btn svg{width:14px;height:14px;transition:transform .35s var(--ease)}
.nav-dd.is-open .dd-btn svg{transform:rotate(180deg)}
.dd-panel{position:absolute;top:calc(100% + 14px);left:0;width:max(100%,360px);border-radius:20px;overflow:hidden;
  background:rgba(66,80,96,.78);-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);
  border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(0,0,0,.35);
  opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top left;pointer-events:none;transition:opacity .3s,transform .4s var(--ease)}
.nav-dd.is-open .dd-panel{opacity:1;transform:none;pointer-events:auto}
.dd-panel a{display:flex;align-items:center;gap:16px;padding:14px 22px;font-size:17px;transition:background .25s}
.dd-panel a:first-child{padding-top:18px}.dd-panel a:last-child{padding-bottom:20px}
.dd-num{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-serif);font-style:italic;font-size:24px;transition:background .25s}
.dd-panel a:hover,.dd-panel a:focus-visible{background:#0A1F4A;outline:none}
.dd-panel a:hover .dd-num,.dd-panel a:focus-visible .dd-num{background:rgba(255,255,255,.2)}
.btn-planes{flex:none;display:inline-flex;align-items:center;justify-content:center;height:clamp(44px,3.2vw,62px);padding:0 clamp(24px,3.2vw,68px);border-radius:999px;background:var(--amarillo);color:var(--tinta);font-size:clamp(14px,1.05vw,19px);font-weight:500;transition:transform .25s,box-shadow .25s}
.btn-planes:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(255,183,0,.35)}
.nav-burger{display:none;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.08);place-items:center;margin-left:4px}
.nav-burger span{display:block;width:18px;height:1.5px;background:#fff;box-shadow:0 6px 0 #fff,0 -6px 0 #fff}
@media (max-width:480px){.nav-pill > .btn-planes{display:none}.nav-burger{margin-left:auto}}
@media (max-width:1100px){
  .nav-links{display:none}
  .nav-burger{display:grid}
  .nav-pill{padding-right:8px}
  .btn-planes{margin-left:auto;padding:0 20px;height:46px}
}
.menu-sheet{position:fixed;inset:0;z-index:70;background:rgba(3,12,22,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
  padding:calc(env(safe-area-inset-top,0px) + 24px) max(24px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 24px) max(24px,env(safe-area-inset-left,0px));
  display:flex;flex-direction:column;gap:6px;opacity:0;pointer-events:none;transition:opacity .35s}
.menu-sheet.is-open{opacity:1;pointer-events:auto}
.menu-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.menu-top img{height:38px;width:auto}
.menu-close{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.08);font-size:26px;line-height:1}
.menu-sheet .m-label{font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-top:18px}
.menu-sheet a.m-big{font-size:28px;font-weight:600;padding:8px 0;border-bottom:1px solid var(--linea)}
.menu-sheet a.m-sub{display:flex;gap:14px;align-items:baseline;font-size:20px;padding:6px 0}
/* Menú */
.nav-pill{background:rgba(255,255,255,.74);border:1px solid rgba(0,44,69,.08);box-shadow:0 18px 50px rgba(0,44,69,.12),inset 0 1px 0 rgba(255,255,255,.9);color:var(--azul-marca)}
.dd-btn{background:var(--azul-marca);color:#fff}
.dd-panel{background:rgba(255,255,255,.94);border:1px solid rgba(0,44,69,.08);box-shadow:0 24px 60px rgba(0,44,69,.18);color:var(--azul-marca)}
.dd-panel a:hover,.dd-panel a:focus-visible{background:#F6EEE9}
.dd-panel a:hover .dd-num,.dd-panel a:focus-visible .dd-num{background:var(--amarillo);color:var(--azul-marca)}
.nav-burger{background:rgba(0,44,69,.07)}
.nav-burger span{background:var(--azul-marca);box-shadow:0 6px 0 var(--azul-marca),0 -6px 0 var(--azul-marca)}
.menu-sheet{background:rgba(248,241,239,.97);color:var(--azul-marca);--linea:rgba(0,44,69,.1)}
.menu-close{background:rgba(0,44,69,.07)}
.menu-sheet .m-label{color:rgba(0,44,69,.5)}
.menu-sheet a.m-sub i{color:#C98A00}
.nav-links > a[aria-current]{font-weight:600}
.nav-links > a[aria-current]::after{transform:scaleX(1)}
.menu-sheet a.m-big[aria-current]{color:#C98A00}

/* Páginas internas: el menú del inicio ocupa más alto que el que tenían,
   así que el contenido baja solo lo que haga falta (en móvil casi nada). */
#menu ~ main{padding-top:max(0px,calc(var(--marco) + clamp(10px,1.6vw,28px) + clamp(64px,4.8vw,86px) - 82px))}

/* ── Medidas del menú: todo sale de la altura de la cápsula ──
   --h  alto de la cápsula · --in  margen interno del botón amarillo (igual arriba, abajo y a la derecha) */
.nav-pill{--h:clamp(64px,4.8vw,86px);--in:calc(var(--h) * .13);
  height:var(--h);gap:clamp(16px,2vw,36px);padding:0 var(--in) 0 calc(var(--h) * .38)}
.nav.is-scrolled .nav-pill{--h:64px;height:var(--h)}
.nav-logo img{height:calc(var(--h) * .5);transition:height .5s var(--ease)}
.nav-links{gap:clamp(18px,2.2vw,40px)}
.btn-planes,.dd-btn{height:calc(var(--h) - 2 * var(--in));transition:height .5s var(--ease),transform .25s,box-shadow .25s}
.btn-planes{padding:0 clamp(22px,1.8vw,34px);white-space:nowrap}
.dd-btn{padding:0 clamp(18px,1.4vw,26px)}
.nav-burger{width:calc(var(--h) - 2 * var(--in));height:calc(var(--h) - 2 * var(--in));margin-left:0;transition:height .5s var(--ease),width .5s var(--ease)}
.menu-sheet .btn-planes{height:58px;padding:0 28px}
/* El botón principal del menú móvil va al pie y a todo el ancho, como en el inicio */
.menu-sheet > .btn-planes{margin:auto 0 0;width:100%;height:56px}
/* Botones al pie del menú móvil: Evalúa tu caso + botón principal (igual que en el inicio) */
.menu-sheet{overflow-y:auto;overscroll-behavior:contain}
.menu-sheet .m-ctas{margin-top:auto;padding-top:22px;display:grid;gap:10px}
.menu-sheet .m-ctas .btn-planes{margin:0;width:100%;height:56px}
.menu-sheet .m-evalua{display:flex;align-items:center;justify-content:center;gap:10px;height:56px;border-radius:999px;
  border:1.5px solid var(--azul-marca);color:var(--azul-marca);font-size:16px;font-weight:500;transition:background .25s,color .25s}
.menu-sheet .m-evalua svg{width:20px;height:20px;flex:none}
.menu-sheet .m-evalua:hover,.menu-sheet .m-evalua:focus-visible{background:var(--azul-marca);color:#fff}
@media (max-height:740px){   /* celulares bajitos: que los dos botones quepan sin desplazar */
  .menu-top{margin-bottom:14px}
  .menu-sheet .m-label{margin-top:12px}
  .menu-sheet a.m-big{font-size:24px;padding:6px 0}
  .menu-sheet .m-ctas{padding-top:16px;gap:8px}
  .menu-sheet .m-evalua,.menu-sheet .m-ctas .btn-planes{height:52px}
}
@media (max-width:1100px){
  .nav-pill{gap:10px;padding-right:var(--in)}
  .nav-pill > .btn-planes{margin-left:auto;padding:0 20px;height:calc(var(--h) - 2 * var(--in))}
}
@media (max-width:480px){.nav-burger{margin-left:auto}}