/* Manza's Bot — capa de accesibilidad compartida (2026-10-08). Se carga al FINAL del <head> de todas las páginas.
   Reglas que valen para toda la web; lo específico de cada pantalla sigue en su propio <style>. */

/* 1) Contraste: gris de apoyo y vidrio un poco más firmes, para que el texto no dependa del frame del video de fondo. */
:root{
  --muted: 35 12% 74%;
  --glass-bg: rgba(15, 15, 20, 0.6);
}

/* 2) Foco de teclado siempre visible (anillo doble: se ve sobre claro y sobre oscuro), incluso donde alguien puso outline:none. */
:where(a, button, input, select, textarea, summary, [role="button"], [role="tab"], [role="switch"], [tabindex]):focus-visible{
  outline: 2px solid #fff !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.55);
  border-radius: inherit;
}
:where(a, button, input, select, textarea, summary, [role="button"], [role="tab"]):focus:not(:focus-visible){ outline: none; }

/* 3) Objetivos táctiles de 44px en pantallas táctiles — sin cambiar el aspecto en escritorio. */
@media (pointer: coarse){
  .btn-sm, .a11y-icon-btn, [role="tab"], .chip button, .sw{ min-height: 44px; min-width: 44px; }
  .sw{ min-width: 52px; }
  .a11y-icon-btn{ display: inline-flex; align-items: center; justify-content: center; }
}

/* 4) Movimiento: por defecto las animaciones van COMPLETAS. Quien las quiera reducidas las apaga con el botón "Animaciones"
   (se guarda en este navegador). Decisión del dueño (2026-10-08): no se apagan solas por la configuración del sistema operativo. */
html[data-motion="reduced"] *, html[data-motion="reduced"] *::before, html[data-motion="reduced"] *::after{
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  animation-delay: 0ms !important;
  transition-duration: 0.01ms !important;
  transition-delay: 0ms !important;
  scroll-behavior: auto !important;
}

/* 5) Enlace "saltar al contenido" (los botones de pausar video / animaciones se sacaron a pedido del dueño, 2026-10-08). */
.a11y-skip{
  position: fixed; left: 12px; top: -64px; z-index: 9500; padding: 12px 18px; border-radius: 12px;
  background: #fff; color: #111; font: 600 14px/1.2 Inter, system-ui, sans-serif; text-decoration: none;
  transition: top .18s cubic-bezier(.23,1,.32,1);
}
.a11y-skip:focus{ top: 12px; }

/* 6) Clase auxiliar para texto solo para lectores de pantalla. */
.sr-only{ position:absolute !important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }