/* /* Contraste de texto */
body {
  color: #222;
  background-color: #fff;
}

/* Foco visible en todos los elementos interactivos */
a:focus,
button:focus,
input:focus,
textarea:focus {
  outline: 3px solid #f7b2c2; /* Rosa pastel visible */
  outline-offset: 3px;
  border-radius: 4px;
}

/* Enlaces accesibles */
a {
  color: #b42e5a;
  text-decoration: underline;
}
a:hover,
a:focus {
  color: #8f1f46;
}

/* Evitar que texto esté sobre fondos poco legibles */
.overlay-text {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 0.5rem;
  border-radius: 4px;
}

/* Formularios legibles */
input,
textarea,
button {
  font-size: 1rem;
  line-height: 1.4;
}
label {
  font-weight: 600;
}