/* Estilos de validación — complementan styles.css */

.error {
    border-color: var(--error) !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1) !important;
}

/* No se toca "display" aquí: se hereda de styles.css (display: block) */
.error-message {
    color: var(--error);
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.required-field::after {
    content: " *";
    color: var(--error);
    font-weight: bold;
}