/* Selector de idioma (28/09/2026). Misma piel que el botón de menú móvil: cristal oscuro
   redondo junto al botón de inscripción, visible desde el hero. Desplegable debajo. */
.lang{position:relative}
.lang__btn{display:grid;place-content:center;width:46px;height:46px;padding:0;border-radius:50%;cursor:pointer;
  background:rgba(11,11,13,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 24px rgba(0,0,0,.3);color:#fff;
  font:700 12.5px/1 inherit;font-family:inherit;letter-spacing:.12em;text-indent:.12em;text-transform:uppercase;
  transition:opacity .5s var(--ease),background-color .25s}
.lang__btn:hover,.lang.is-open .lang__btn{background:rgba(11,11,13,.95)}
.intro-on .lang__btn{opacity:0}
.lang__list{position:absolute;right:0;top:calc(100% + 8px);min-width:168px;margin:0;padding:6px;list-style:none;
  border-radius:18px;background:rgba(11,11,13,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 40px rgba(0,0,0,.4);
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .25s var(--ease),transform .3s var(--ease),visibility 0s .3s}
.lang.is-open .lang__list{opacity:1;visibility:visible;transform:none;transition:opacity .25s var(--ease),transform .3s var(--ease)}
.lang__list a{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:11px 13px;border-radius:12px;
  color:rgba(255,255,255,.82);font-size:14px;white-space:nowrap;transition:background-color .2s,color .2s}
.lang__list a b{font-size:11px;font-weight:700;letter-spacing:.14em;color:rgba(255,255,255,.45)}
.lang__list a:hover{background:rgba(255,255,255,.1);color:#fff}
.lang__list a[aria-current]{background:var(--red);color:#fff}
.lang__list a[aria-current] b{color:rgba(255,255,255,.85)}

/* en el pie: los cuatro idiomas en línea, en el gris de los enlaces legales */
.pie__langs{display:flex;gap:4px 14px;flex-wrap:wrap}
.pie__langs a{color:#77737c;transition:color .25s}
.pie__langs a:hover,.pie__langs a[aria-current]{color:#fff}
@media(max-width:700px){.pie__langs{justify-content:center;font-size:12px}}

/* La cápsula del menú va centrada en la página, pero a la derecha tiene el botón de idioma
   y el de inscripción, y a la izquierda solo el escudo: entre 1140 y 1340 px, con los rótulos
   de EU/FR (más largos), tocaba el botón. Se corre a la izquierda solo en ese tramo. */
@media(min-width:1140px) and (max-width:1339px){ .nav__menu{margin-left:-48px} }

/* «¿Hablamos?» va en una línea (nowrap); «Hitz egingo dugu?» / «On en parle ?» no caben:
   en los otros idiomas puede partir en dos. */
html:not([lang="es"]) .pie__h{white-space:normal}

/* Como el botón de inscripción: oculto en el hero, entra con la barra al dejarlo atrás
   (.nav--solid). En todos los anchos. */
.lang{opacity:0;transform:translateY(-150%);pointer-events:none;transition:opacity .4s var(--ease),transform .5s var(--ease)}
.nav--solid .lang{opacity:1;transform:none;pointer-events:auto}