/**
 * Modales Bindiy — unificado en toda la plataforma ERP (cabecera teal legible,
 * contenido sombreado). Cargar después de Bootstrap del layout.
 * Excluye Bootbox (.bootbox).
 */
.modal:not(.bootbox) .modal-dialog:not([class*="fullscreen"]) > .modal-content {
    border: 0;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
    overflow: hidden;
}

.modal:not(.bootbox) .modal-dialog[class*="fullscreen"] > .modal-content {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.modal-dialog.modal-dialog-top {
    margin-top: 1.25rem;
    margin-bottom: auto;
}

/* Solo .modal-header: no afecta .card-header.bg-alegra-alter */
.modal:not(.bootbox) .modal-header.bg-alegra:not(.modal-header-plain),
.modal:not(.bootbox) .modal-header.bg-alegra-alter {
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

/* Cabecera teal incluso si no está cargado bindiy.css (tienda / demos) */
.modal:not(.bootbox) .modal-header.bg-alegra:not(.modal-header-plain) {
    background-color: rgba(19, 82, 75, var(--bs-bg-opacity, 1)) !important;
    color: #fff;
}

.modal:not(.bootbox) .modal-header.bg-alegra:not(.modal-header-plain) .modal-title,
.modal:not(.bootbox) .modal-header.bg-alegra:not(.modal-header-plain) .modal-title.text-light,
.modal:not(.bootbox) .modal-header.bg-alegra:not(.modal-header-plain) .modal-title.text-alegra {
    color: #fff !important;
    font-weight: 600;
}

/* Cabeceras “lavanda” en modal → mismo teal que Productos */
.modal:not(.bootbox) .modal-header.bg-alegra-alter {
    background-color: rgba(19, 82, 75, var(--bs-bg-opacity, 1)) !important;
    color: #fff;
}

.modal:not(.bootbox) .modal-header.bg-alegra-alter .modal-title,
.modal:not(.bootbox) .modal-header.bg-alegra-alter .modal-title.text-alegra {
    color: #fff !important;
    font-weight: 600;
}

.modal:not(.bootbox) .modal-header.bg-alegra:not(.modal-header-plain) > .btn-close,
.modal:not(.bootbox) .modal-header.bg-alegra-alter > .btn-close {
    opacity: 0.92;
    filter: brightness(0) invert(1);
}

/* Bootstrap 4: botón cerrar .close (tienda ecommerce) */
.modal:not(.bootbox) .modal-header.bg-alegra:not(.modal-header-plain) > .close,
.modal:not(.bootbox) .modal-header.bg-alegra-alter > .close {
    color: #fff !important;
    opacity: 0.9;
    text-shadow: none;
}