.web-idioma{display:inline-flex;align-items:center;flex-shrink:0;margin-left:8px}
.web-idioma select{font:700 13px/1.2 system-ui,sans-serif;color:#fff;background:#102b47;border:1px solid #8098b0;border-radius:8px;min-height:44px;max-width:108px;padding:8px;cursor:pointer}
.web-idioma select:focus-visible{outline:3px solid #f4c35b;outline-offset:3px}
.web-idioma-independiente{display:flex;justify-content:flex-end;margin:8px 16px}
@media(max-width:520px){.maestro-landing .header .header-inner{gap:6px}.maestro-landing .header .mobile-home{display:none}.web-idioma{margin-left:auto}.maestro-landing .header .menu-toggle{order:5}}

.web-idioma-error{display:block;position:fixed;top:70px;left:16px;right:16px;z-index:10001;background:#fff4dc;color:#542900;padding:12px;border:1px solid #9b6500;border-radius:8px;font:600 14px/1.4 system-ui}

/* Sin parpadeo del idioma equivocado: idioma.js pone html.idioma-pendiente solo cuando el idioma es inglés
   y la quita tras el primer render con diccionarios (o a los 2.5 s). Si el JS se detiene, la animación
   vuelve a mostrar la página a los 3 s: nunca queda en blanco. */
html.idioma-pendiente body{visibility:hidden;animation:idioma-salida 0s linear 3s forwards}
@keyframes idioma-salida{to{visibility:visible}}