/**
 * Estilos para Validación de Formulario UNILA
 */

/* Campo con error */
.mfunila-form-control.mfunila-error {
    border: 2px solid #dc3545 !important;
    background-color: #fff5f5 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

/* Mensaje de error */
.mfunila-error-message {
    display: block;
    color: #dc3545;
    font-size: 0.875em;
    margin-top: 0.25rem;
    font-weight: 500;
    animation: slideDown 0.3s ease-out;
}

/* Animación del mensaje de error */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Estilo cuando el campo está correcto (opcional) */
.mfunila-form-control:valid:not(:placeholder-shown) {
    border-color: #28a745;
}

/* Mejora visual del foco */
.mfunila-form-control:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Ajuste para campos deshabilitados */
.mfunila-form-control:disabled {
    background-color: #e9ecef;
    opacity: 0.7;
    cursor: not-allowed;
}

/* Responsivo: mensajes de error en móviles */
@media (max-width: 768px) {
    .mfunila-error-message {
        font-size: 0.8em;
    }
}