/* Menu unico del sitio. Cargado el ultimo en el de cada pagina. Las reglas :where() son de especificidad cero: solo actuan como base para paginas que no traen estilos propios de nav. El resto de reglas si tienen especificidad suficiente para unificar el comportamiento movil en todas. */ :where(.nav){position:sticky;top:0;z-index:100;background:rgba(9,9,13,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)} :where(.nav__in){height:66px;display:flex;align-items:center;justify-content:space-between;gap:22px} :where(.nav__logo,.logo){font-family:var(--fh);font-size:19px;font-weight:800;letter-spacing:-.5px} :where(.nav__logo,.logo) span{color:var(--coral)} :where(.nav__links){display:flex;align-items:center;gap:22px;font-size:13px;color:var(--ink-2)} :where(.nav__links a){transition:color .2s} :where(.nav__links a:hover,.nav__links a.active){color:var(--ink)} :where(.nav__cta){font-family:var(--fh);font-size:13px;font-weight:700;color:var(--bg);background:var(--ink);padding:9px 18px;border-radius:999px} :where(.nav__cta:hover){background:var(--coral);color:var(--bg)} .nav .nav__tog{display:none;flex-direction:column;gap:5px;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--border-hi);border-radius:10px;background:rgba(242,237,231,.03)} .nav .nav__tog span{width:18px;height:1.5px;background:var(--ink);display:block;transition:transform .22s var(--ease),opacity .18s} .nav .nav__tog.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)} .nav .nav__tog.open span:nth-child(2){opacity:0} .nav .nav__tog.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)} @media(max-width:860px){ .nav .nav__links{display:none} .nav .nav__tog{display:flex} .nav .nav__links.open{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:100%;left:20px;right:20px;background:rgba(17,17,23,.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-hi);border-radius:14px;padding:10px;gap:0;box-shadow:0 24px 70px rgba(0,0,0,.38)} .nav .nav__links.open a:not(.nav__cta){display:block;padding:13px 12px;border-bottom:1px solid var(--border);border-radius:8px} .nav .nav__links.open a::after{display:none} .nav .nav__links.open a.active{background:rgba(255,85,51,.08);color:var(--ink)} /* El presupuesto siempre visible dentro del menu movil: antes desaparecia. */ .nav .nav__links.open .nav__cta{display:block;margin-top:10px;text-align:center;padding:13px 18px} }