/* validation.css - Estilos para campos de validación */

/* Contenedores relativos para iconos */
.input-wrapper {
    position: relative;
}

/* Estilos para campos válidos e inválidos */
input.is-valid,
select.is-valid {
    border-color: #10b981 !important;
    background-color: #f0fdf4 !important;
    padding-right: 40px !important;
}

input.is-invalid,
select.is-invalid {
    border-color: #ef4444 !important;
    background-color: #fef2f2 !important;
    padding-right: 40px !important;
}

/* Eliminar el background image por defecto que causaba conflicto */
input.is-valid,
input.is-invalid {
    background-image: none !important;
}

/* Animación suave para campos */
input, select {
    transition: all 0.2s ease;
}

/* Focus states */
input.is-valid:focus {
    border-color: #10b981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

input.is-invalid:focus {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}