/* Estilos específicos para accesibilidad */

/* Mejora de contraste en enlaces */
a {
    text-decoration: underline;
    color: #0056b3;
}

a:hover, a:focus {
    text-decoration: underline;
    color: #003d80;
    outline: 2px solid #0056b3;
    outline-offset: 2px;
}

/* Asegurar que los elementos focusables sean visibles */
a:focus, button:focus, input:focus, select:focus, textarea:focus {
    outline: 2px solid #0056b3;
    outline-offset: 2px;
}

/* Mejorar contraste de texto sobre imágenes */
.hero-text {
    text-shadow: 0 0 10px rgba(0,0,0,0.5);
}

/* Mejorar contraste de botones */
.btn-primary, .btn-outline {
    font-weight: 600;
}

/* Mejorar contraste en campos de formulario */
.form-styled input,
.form-styled select,
.form-styled textarea {
    border: 1px solid #666;
    padding: 10px;
    font-size: 16px; /* Mejorar legibilidad */
}

.form-styled label {
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
}

/* Focus visible para elementos de formulario */
.form-styled input:focus,
.form-styled select:focus,
.form-styled textarea:focus {
    border-color: #0056b3;
    box-shadow: 0 0 0 2px rgba(0,86,179,0.25);
}

/* Mejorar legibilidad de texto legal */
.legal-content {
    line-height: 1.8;
}

.legal-content h2 {
    margin-top: 2em;
    margin-bottom: 1em;
}

.legal-content h3 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    color: #333;
}

.legal-content p, .legal-content li {
    color: #444;
    max-width: 80ch;
}

.legal-content ul {
    margin-bottom: 1.5em;
}