/* ============================================================
   accesibilidad.css
   VA AL FINAL A PROPOSITO: sus reglas apagan animaciones y tienen que pisar a las de boletos.css, que se cargan antes.
   Parte de la hoja del sitio. Ver README para el orden de carga.
   ============================================================ */

/* ---------- ACCESIBILIDAD ----------
   Dos ajustes para que el sitio sirva a más gente.
   -------------------------------- */

/* Hay personas a las que el movimiento en pantalla les provoca
   mareo, y activan en su sistema la opción de "reducir
   animaciones". Si está activada, apagamos el deslizamiento y
   el fundido de los boletos. El navegador nos lo avisa solo. */
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  .ticket{ transition:none; opacity:1; transform:none; }
}

/* Quien navega con el teclado en vez del mouse (con la tecla
   Tab) necesita ver dónde está parado. Esto le pinta un contorno
   rosa al elemento seleccionado. No aparece al usar el mouse. */
:focus-visible{ outline:3px solid var(--rosa); outline-offset:2px; }