/* ==========================================================================
   EDWIN HOTFIX: FORZADO DE OPACIDAD Y FONDOS (Agrega esto al final del CSS)
   ========================================================================== */

/* 1. Asegurar que el contenedor real del contenido sea SIEMPRE blanco y opaco */
.modal-content, 
.modal-dialog, 
div[class*="modal-content"], /* Selector comodín por si cambia el nombre */
.modal > div {
    background-color: #ffffff !important;
    opacity: 1 !important;
    backdrop-filter: none !important; /* Elimina efectos de vidrio heredados */
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
}

/* 2. Reparar el Header del Modal (manteniendo tu gradiente) */
.modal-header, 
div[class*="modal-header"] {
    background: var(--gradient-secondary) !important; /* Tu gradiente azul/violeta */
    color: #ffffff !important;
    opacity: 1 !important;
}

/* 3. Reparar el Cuerpo del Modal (Fondo blanco sólido) */
.modal-body, 
.modal-footer,
div[class*="modal-body"] {
    background-color: #ffffff !important;
    color: var(--text-primary) !important;
}

/* 4. CRÍTICO: Reparar los Inputs y Selects transparentes */
/* Esto soluciona que al tocar un desplegable se vea el fondo */
select, 
option, 
input[type="text"],
input[type="number"],
.form-control,
.input-select,
.zone-multiselect__dropdown {
    background-color: #ffffff !important;
    color: #0f172a !important; /* var(--text-primary) */
    opacity: 1 !important;
}

/* 5. Asegurar que las opciones del select no sean transparentes */
select option {
    background-color: white !important;
    color: black !important;
}