/* Control junto al tema, sin cambiar los contratos internos del chrome. */
.i18n-control { display: inline-flex; align-items: center; min-inline-size: 0; }
.i18n-control select { min-block-size: 44px; max-inline-size: 13rem; padding-inline: .5rem; font: inherit; font-size: .875rem; color: var(--ink); background: var(--paper); border: 1px solid var(--line-control, var(--ink)); border-radius: 0; }
.i18n-control select:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.i18n-native-label { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); }
.i18n-version { min-inline-size: 0; white-space: nowrap; margin-inline-start: .5rem; color: var(--ink); font-size: .75rem; }
.i18n-regional { text-align: start; }
.i18n-regional a { overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .i18n-control select { max-inline-size: 7rem; }
  /* En móvil el selector ya muestra el idioma; el rótulo queda para lectores de pantalla. */
  .i18n-version { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) {
  .i18n-control, .i18n-control * { transition: none; animation: none; }
}