/* ============ SELECTOR DE IDIOMA ES / EN ============
   Lo cargan las dos versiones (español e inglés). Escritorio: junto a los
   enlaces del menú, con su misma letra y los mismos colores de tema (sigue a
   --nav-link / --nav-active, así que cambia solo sobre fondo negro y coral).
   Tablet y móvil: dentro del menú overlay, entre los enlaces y el botón. */
.idioma {
  display: flex;
  align-items: center;
  gap: .35em;
  font-family: var(--font-nav);
  font-weight: 500;
  font-size: var(--nav-font);
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: var(--nav-link);
  transform: translateY(var(--cap-nudge));
  transition: color .3s ease;
}
.idioma a {
  color: inherit;
  text-decoration: none;
  transition: color .3s ease, opacity .3s ease;
}
.idioma a:hover { opacity: .7; }
.idioma a[aria-current="true"] { color: var(--nav-active); }
.idioma__sep { opacity: .5; }

/* En el overlay: mismo par, centrado y más grande, en tinta sobre blanco;
   el idioma actual va en morado (el color del activo del menú). */
.idioma--menu {
  justify-content: center;
  font-size: clamp(20px, 5.4vw, 32px);
  color: var(--tinta);
  transform: none;
  padding: clamp(10px, 2.4vh, 24px) 0;
}
.idioma--menu a[aria-current="true"] { color: var(--morado); }

@media (max-width: 1024px) {
  .nav-cluster .idioma { display: none; }
}

/* Páginas legales: el par va junto a «Volver al inicio», con su misma letra. */
.leg-acciones {
  display: flex;
  align-items: center;
  gap: clamp(16px, 2.4vw, 32px);
}
.idioma--leg {
  font-size: clamp(13px, 1.05vw, 17px);
  letter-spacing: .01em;
  color: var(--tinta);
  transform: none;
}
.idioma--leg a[aria-current="true"] { color: var(--morado); }