/* ══════════════════════════════════════
   NAV
══════════════════════════════════════ */
#nav {
  position:fixed; top:0; left:0; right:0; z-index:9700;
  display:flex; align-items:center; justify-content:space-between;
  padding:1.8rem 3rem; color:var(--white);
  transition:opacity .4s, transform .4s var(--ease), color .3s;
}
#nav.hidden { opacity:0; pointer-events:none; transform:translateY(-10px) }
#nav.nav-dark { color:var(--black) }
.nav-logo { font-family:var(--sans); font-size:1rem; font-weight:700; letter-spacing:.04em; transition:opacity .3s }
.nav-logo:hover { opacity:.45 }
.nav-right { display:flex; align-items:center; gap:2.4rem }
.nav-links { display:flex; gap:2.5rem; list-style:none }
/* Selector de idioma */
.nav-lang { display:flex; align-items:center; gap:.45rem; padding-left:2.2rem; border-left:1px solid rgba(128,128,128,.35); }
.lang-btn { font-family:var(--mono); font-size:.62rem; letter-spacing:.12em; color:currentColor; opacity:.4; transition:opacity .25s; cursor:none; }
.lang-btn.active { opacity:1 }
.lang-btn:hover { opacity:.85 }
.lang-sep { font-family:var(--mono); font-size:.62rem; opacity:.3 }
.po-lang { border-left:none; padding-left:0; margin-right:.4rem }
.po-lang .lang-btn { font-size:.56rem }
.lst-top-r { display:flex; align-items:center; gap:1.4rem }
.nav-link {
  font-family:var(--sans); font-size:.68rem; font-weight:600;
  letter-spacing:.18em; text-transform:uppercase;
  position:relative; padding-bottom:2px; transition:opacity .25s;
}
.nav-link::after {
  content:''; position:absolute; bottom:0; left:0;
  width:0; height:1px; background:currentColor;
  transition:width .35s var(--ease);
}
.nav-link:hover, .nav-link.active { opacity:.5 }
.nav-link:hover::after, .nav-link.active::after { width:100% }