/* 1. CORRECCIÓN DE Z-INDEX PARA MODALES MÚLTIPLES */
.modal {
    z-index: 1055 !important;
}

.modal-backdrop {
    z-index: 1050 !important;
}

/* 2. SOPORTE PARA MODALES ANIDADOS */
.modal-backdrop + .modal-backdrop {
    z-index: 1060 !important;
}

.modal.show + .modal.show {
    z-index: 1065 !important;
}

/* 3. CORRECCIÓN DE OVERFLOW PARA MODALES MÚLTIPLES */
body.modal-open {
    overflow: hidden !important;
    padding-right: 0 !important;
}

/* 4. TRANSICIONES MEJORADAS */
.modal-backdrop.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

.modal-backdrop.show {
    opacity: 0.5;
}

/* 5. BACKDROP PARA SEGUNDO MODAL */
.modal-backdrop.show + .modal-backdrop.show {
    opacity: 0.7;
}

/* 6. CORRECCIÓN PARA TRANSICIONES DE ARGON */
.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}

.modal.show .modal-dialog {
    transform: none;
}

/* 7. PREVENIR INTERFERENCIAS DE ARGON DASHBOARD */
.sidenav {
    z-index: 1040 !important;
}

.navbar.navbar-main {
    z-index: 1030 !important;
}

/* 8. ASEGURAR VISIBILIDAD CORRECTA */
.modal.fade {
    transition: opacity 0.15s linear;
}

.modal.show {
    display: block !important;
}

/* 9. FIX PARA SCROLLBAR EN MODALES MÚLTIPLES */
body.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

/* 10. CENTRADO MEJORADO PARA MODALES ANIDADOS */
.modal.show .modal-dialog {
    margin: 1.75rem auto;
}