/* Accesibilidad común a las páginas públicas (WCAG 2.2 AA). */

/* Enlace «Saltar al contenido»: invisible hasta que recibe el foco con el teclado. */
.skip-link {
  position: fixed; left: 16px; top: -100px; z-index: 300;
  background: oklch(0.235 0.022 145); color: oklch(0.965 0.012 95);
  padding: 12px 18px; border-radius: 999px; font-weight: 700; font-size: 14px;
  text-decoration: none; transition: top .15s ease;
}
.skip-link:focus { top: 16px; outline: 3px solid oklch(0.84 0.17 128); outline-offset: 2px; }

/* Foco visible en todo lo interactivo (varios campos usan outline:none para su propio estilo). */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid oklch(0.55 0.15 140) !important;
  outline-offset: 2px !important;
}

/* Respeta «reducir movimiento» del sistema. */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation-duration: .01ms !important; animation-iteration-count: 1 !important;
    transition-duration: .01ms !important; scroll-behavior: auto !important;
  }
  .fadeup { opacity: 1 !important; transform: none !important; }
}

/* Texto solo para lectores de pantalla (por si la página no usa Tailwind). */
.vh {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}