/* Accesibilidad por teclado (APP-145). */

/* El foco se ve siempre, sobre fondo claro y oscuro: anillo verde con halo blanco. */
html body :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid #0f4a4d !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.92) !important;
}

/* Enlace «Saltar al contenido»: invisible hasta que recibe el foco. */
.rv-saltar {
  position: absolute;
  top: 8px;
  left: -9999px;
  z-index: 2147483001;
  padding: 12px 18px;
  border-radius: 8px;
  background: #0f4a4d;
  color: #fff;
  font: 600 15px/1.2 system-ui, sans-serif;
  text-decoration: none;
}

.rv-saltar:focus {
  left: 8px;
}

/* Quien pide menos movimiento no recibe animaciones ni desplazamientos suaves. */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto !important;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}