/* ─────────────────────────────────────────────────────────────────────
   a11y.css — Reglas de accesibilidad globales
   2026-05-09 — Audit L-9: WCAG 2.1 AA Success Criterion 2.3.3
   "Animation from Interactions"
   ───────────────────────────────────────────────────────────────────── */

/* prefers-reduced-motion: usuarios con vestibular disorders (mareo por
   movimiento), TDAH, migraña, autismo, o que simplemente prefieren UI
   estática activan este media query a nivel SO (Settings → Accesibilidad
   → Reducir movimiento en macOS/iOS, Configuración → Accesibilidad →
   Mostrar animaciones en Windows, etc.).

   Cuando está activo: anular TODAS las animaciones y transiciones.
   - `animation: none` para keyframes
   - `transition: none` para transitions
   - `scroll-behavior: auto` para scroll smooth
   - `!important` necesario porque clases utility (Tailwind, mobile.css,
     desktop-fixes.css) y reglas inline pueden sobrescribir.

   El carousel hero (Apple3DCarousel en app.js) ya respeta el media query
   en JS (app.js:21) — esto cubre el resto: fade-in modales, slide-in
   notifications, hover transitions, scroll-to-top smooth, etc. */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}