/* ✅ Input válido */
.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: #198754 !important; /* verde */
    background-color: #f6fffa !important;
    padding-right: 2.25rem !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23198754' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 11.001 8a8 8 0 0115.998 0zM6.46 10.793l5.147-5.147-1.061-1.06L6.46 8.672 5.454 7.667l-1.06 1.06 2.066 2.066z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem 1rem;
}

/* ✅ Input inválido */
.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: #dc3545 !important; /* rojo */
    background-color: #fff5f5 !important;
    padding-right: 2.25rem !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 11.001 8a8 8 0 0115.998 0zM4.646 4.646l6.708 6.708m0-6.708L4.646 11.354' stroke='%23dc3545' stroke-width='2'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem 1rem;
}

/* ✅ Mensajes de feedback */
.valid-feedback,
.invalid-feedback {
    font-size: 0.875rem;
    font-style: italic;
    margin-top: 0.25rem;
}

/* ✅ Tooltip adicional si usas tooltips de Bootstrap */
.tooltip {
    font-size: 0.85rem;
}