/* ============================================================================
   Conmutador de idioma con TRES lenguas (27-ago-2026)

   Al abrir el francés, la cabecera pasó de un botón de idioma a dos, y entre
   1025 y 1280 px eso echaba el CTA dorado fuera del viewport. Medido con
   Playwright: a 1100 px el borde derecho del botón se iba a 1195 px.

   Aquí se recupera el espacio en ESE rango y sólo en ese rango: píldoras de
   idioma más ceñidas y el botón de acceso con su icono, sin la etiqueta. Por
   debajo de 1025 manda el cajón móvil y esto no aplica.

   ⚠️ Defecto PREVIO, no de este cambio: entre 1025 y 1080 px la cabecera ya
   desbordaba con DOS idiomas — producción, medida el 27-ago, dejaba el CTA en
   1077 px con un viewport de 1040. Con tres idiomas y estas reglas queda en
   1065, o sea 12 px MEJOR que antes, pero sigue saliéndose. Arreglarlo es
   rediseñar la cabecera en ese rango y no entra aquí.
   ============================================================================ */
@media (min-width: 1025px) and (max-width: 1280px) {
  .site-header .header-actions { gap: 6px; }

  .site-header .header-actions .header-lang {
    padding: 6px 7px;
    font-size: 0.75rem;
  }

  /* El icono se queda; la etiqueta es la que ocupa. `account_circle` se
     entiende solo y es lo que ya se enseña en móvil. */
  .site-header .header-actions .header-login span:not(.material-icons) { display: none; }
  .site-header .header-actions .header-login { padding: 6px 8px; }
}