:root {
    --ingco-yellow: #f0ad4e;
    --ingco-dark: #212529;
}

.btn-ingco {
    background-color: var(--ingco-yellow);
    border-color: var(--ingco-yellow);
    color: white !important;
}

.btn-ingco:hover {
    background-color: #e3a03c;
    border-color: #d89b43;
}

.btn-ingco-outline {
    color: var(--ingco-yellow);
    border-color: var(--ingco-yellow);
}

.btn-ingco-outline:hover {
    color: white;
    background-color: var(--ingco-yellow);
    border-color: var(--ingco-yellow);
}

body {
    background-color: #f8f9fa;
}

.card {
    border: none;
}

/* --- NUEVOS ESTILOS AÑADIDOS --- */
/* Estilos para la validación personalizada en tiempo real */
.form-control.is-custom-valid,
.form-select.is-custom-valid {
    border-color: #198754; /* Color de éxito de Bootstrap */
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

/* --- AJUSTE PARA LA COLUMNA RUT --- */
.rut-column {
    white-space: nowrap; /* Evita que el RUT se parta en dos líneas */
    min-width: 125px;    /* Asegura un ancho mínimo para la columna */
}