/* ========================================
   BOOTSTRAP 5 MODAL FIX - UNIVERSAL CSS
   ========================================
   Soluciona los problemas de opacidad y z-index de los modales
*/

/* CORRECCIÓN CRÍTICA: Forzar la opacidad del modal */
.modal.show {
    opacity: 1 !important;
    display: block !important;
}

.modal.fade.show {
    opacity: 1 !important;
}

/* Asegurar que el modal se muestre por encima de todo */
.modal {
    z-index: 1055 !important;
}

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

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

/* Forzar visibilidad del contenido del modal */
.modal-dialog {
    opacity: 1 !important;
    transform: none !important;
}

.modal-content {
    opacity: 1 !important;
}

/* Override cualquier CSS que pueda estar interfiriendo */
.modal[id*="Modal"] {
    opacity: 1 !important;
}

.modal[id*="Modal"].show {
    opacity: 1 !important;
}

/* Estilo personalizado para modales más anchos */
.modal-xl-custom {
    max-width: 80% !important;
}

/* Asegurar que las animaciones funcionen */
.modal.fade {
    transition: opacity 0.15s linear;
}

.modal.fade .modal-dialog {
    transition: transform 0.15s ease-out;
    transform: translate(0, -50px);
}

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

/* Modal XL */
.modal-xl {
    max-width: 85% !important;
    width: 85% !important;
}

/* Backdrop completo */
.modal-backdrop {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 1050 !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

body.modal-open {
    overflow: hidden !important;
}