/* Clases de accesibilidad */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Mejoras de contraste para accesibilidad */
a:focus {
  outline: 3px solid #007bff;
  outline-offset: 2px;
}

button:focus,
input:focus {
  outline: 3px solid #007bff;
  outline-offset: 2px;
}

/* Mejoras para interacción táctil */
button,
.btn,
a.btn {
  min-height: 44px;
  min-width: 44px;
}

/* Estado focus-visible para mejorar la accesibilidad del teclado */
:focus-visible {
  outline: 3px solid #007bff;
  outline-offset: 2px;
}