/* Estilos para hacer transparente el fondo de todos los modales */

/* Fondo gris semi-transparente para los modales */
.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.3) !important;
    opacity: 1 !important;
}

/* Asegurar que el estado show también tenga el fondo gris */
.modal-backdrop.show {
    background-color: rgba(0, 0, 0, 0.3) !important;
    opacity: 1 !important;
}

/* Aplicar a modales específicos */
#deleteAccountModal .modal-backdrop,
.x-jet-dialog-modal .modal-backdrop,
[wire\\:model*="confirmingUserDeletion"] .modal-backdrop {
    background-color: rgba(0, 0, 0, 0.3) !important;
    opacity: 1 !important;
}

/* Modales de Jetstream */
.x-jet-dialog-modal {
    background-color: transparent !important;
}

/* Asegurar que cualquier modal tenga fondo transparente */
.modal {
    background-color: transparent !important;
}

.modal-dialog {
    background-color: transparent !important;
}

/* Solo el contenido del modal debe tener fondo */
.modal-content {
    background-color: white !important;
}