.modal-backdrop {
    opacity: 0.5 !important;
    z-index: 1040 !important; /* Asegurarse de que el backdrop esté por detrás del modal */
}

.modal-dialog {
    z-index: 1050 !important; /* Asegurarse de que el modal se muestre en primer plano */
}

.modal-content {
    background-color: #fff; /* Asegurarse de que el contenido del modal sea visible */
    opacity: 1 !important;
    z-index: 1051 !important; /* Asegurarse de que el contenido esté por encima del backdrop */
}