/* Utilidades accesibles y neutrales (sin colores ni tamaños específicos) */

/* Ocultar visualmente manteniendo accesible para lectores de pantalla */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important; /* evita envoltura */
  border: 0 !important;
}

/* Hacer visible al enfocar (útil para saltos de contenido) */
.sr-only.focusable:active,
.sr-only.focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}