/**
 * RUT Handler - Estilos CSS
 * Version: 2.0
 * Fecha: 25 febrero 2026
 */

/* Estilo para inputs de RUT con error */
.rut-error {
    border-color: #ef4444 !important;
    background-color: #fef2f2 !important;
}

.rut-error:focus {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
}

/* Clase auxiliar para inputs de RUT */
.rut-input {
    transition: all 0.2s ease-in-out;
}

.rut-input:focus {
    outline: none;
}

/* Mensaje de error de RUT (si se usa) */
.rut-error-message {
    color: #dc2626;
    font-size: 0.875rem;
    margin-top: 0.25rem;
    display: none;
}

.rut-error-message.show {
    display: block;
}

/* Placeholder mejorado */
.rut-input::placeholder {
    color: #9ca3af;
    font-style: italic;
}

/* Estado válido (opcional) */
.rut-valid {
    border-color: #10b981 !important;
}

.rut-valid:focus {
    border-color: #059669 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1) !important;
}