/* ============================================================
 *  DIBAL UIX v1.0 – BootstrapDialog Override (corporativo)
 * ============================================================ */

/* CONTENEDOR GENERAL DEL MODAL */
.dibal-theme .bootstrap-dialog .modal-content {
    border-radius: var(--dibal-radius-base);
    border: 1px solid rgba(15,23,42,.06);
    box-shadow: var(--dibal-shadow-card);
    overflow: visible;
    padding: 0; /* el padding vive en header/body/footer */
    background-color: #ffffff;
}

/* HEADER BASE (default / light) */
.dibal-theme .bootstrap-dialog .modal-header {
    background: #ffffff;
    border-bottom: 1px solid rgba(0,0,0,.06);
    padding: .65rem 1rem;
}

/* El wrapper interno del header (el plugin lo pone como display: contents) */
.dibal-theme .bootstrap-dialog-header {
    display: flex !important;          /* pisamos display: contents del plugin */
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

/* TÍTULO */
.dibal-theme .bootstrap-dialog .bootstrap-dialog-title {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
}

/* BOTÓN CERRAR */
.dibal-theme .bootstrap-dialog .bootstrap-dialog-close-button {
    font-size: 1.2rem;
    opacity: .8;
    filter: none;
}

/* ====== MAPEAMOS LOS TYPE-* A COLORES CORPORATIVOS DIBAL ====== */

/* default / light: header blanco, línea primaria sutil */
.dibal-theme .bootstrap-dialog.type-default .modal-header,
.dibal-theme .bootstrap-dialog.type-light .modal-header {
    background: #ffffff;
    border-bottom: 2px solid var(--dibal-primary);
}

.dibal-theme .bootstrap-dialog.type-default .bootstrap-dialog-title,
.dibal-theme .bootstrap-dialog.type-light .bootstrap-dialog-title {
    color: var(--dibal-gray-900);
}

.dibal-theme .bootstrap-dialog.type-default .bootstrap-dialog-close-button,
.dibal-theme .bootstrap-dialog.type-light .bootstrap-dialog-close-button {
    color: var(--dibal-gray-500);
}

/* primary / info / success: barra corporativa azul */
.dibal-theme .bootstrap-dialog.type-primary .modal-header,
.dibal-theme .bootstrap-dialog.type-info .modal-header,
.dibal-theme .bootstrap-dialog.type-success .modal-header {
    background: linear-gradient(90deg, var(--dibal-primary-dark), var(--dibal-primary));
    border-bottom: none;
}

.dibal-theme .bootstrap-dialog.type-primary .bootstrap-dialog-title,
.dibal-theme .bootstrap-dialog.type-info .bootstrap-dialog-title,
.dibal-theme .bootstrap-dialog.type-success .bootstrap-dialog-title {
    color: #ffffff;
}

.dibal-theme .bootstrap-dialog.type-primary .bootstrap-dialog-close-button,
.dibal-theme .bootstrap-dialog.type-info .bootstrap-dialog-close-button,
.dibal-theme .bootstrap-dialog.type-success .bootstrap-dialog-close-button {
    color: #e5e7eb;
}

/* secondary: usa el secondary corporativo (indigo) */
.dibal-theme .bootstrap-dialog.type-secondary .modal-header,
.dibal-theme .bootstrap-dialog.type-dark .modal-header {
    background: linear-gradient(90deg, var(--dibal-secondary), #4f46e5);
    border-bottom: none;
}

.dibal-theme .bootstrap-dialog.type-secondary .bootstrap-dialog-title,
.dibal-theme .bootstrap-dialog.type-dark .bootstrap-dialog-title {
    color: #ffffff;
}

.dibal-theme .bootstrap-dialog.type-secondary .bootstrap-dialog-close-button,
.dibal-theme .bootstrap-dialog.type-dark .bootstrap-dialog-close-button {
    color: #e5e7eb;
}

/* warning: usa el accent corporativo (naranja) */
.dibal-theme .bootstrap-dialog.type-warning .modal-header {
    background: linear-gradient(90deg, var(--dibal-accent), #ea580c);
    border-bottom: none;
}

.dibal-theme .bootstrap-dialog.type-warning .bootstrap-dialog-title {
    color: #ffffff;
}

.dibal-theme .bootstrap-dialog.type-warning .bootstrap-dialog-close-button {
    color: #fef3c7;
}

/* danger: rojo estilo DIBAL (coherente con tus botones danger) */
.dibal-theme .bootstrap-dialog.type-danger .modal-header {
    background: linear-gradient(90deg, #b91c1c, #ef4444);
    border-bottom: none;
}

.dibal-theme .bootstrap-dialog.type-danger .bootstrap-dialog-title {
    color: #ffffff;
}

.dibal-theme .bootstrap-dialog.type-danger .bootstrap-dialog-close-button {
    color: #fee2e2;
}

/* BODY / MENSAJE */
.dibal-theme .bootstrap-dialog .modal-body {
    padding: .85rem 1.1rem;
    background: #ffffff;
}

.dibal-theme .bootstrap-dialog .bootstrap-dialog-message {
    font-size: .9rem;
    color: var(--dibal-gray-700);
    line-height: 1.35;
}

/* FOOTER */
.dibal-theme .bootstrap-dialog .modal-footer {
    padding: .6rem 1rem;
    border-top: 1px solid rgba(0,0,0,.06);
    background-color: #f9fafb;
    margin: 0;
}

/* CONTENEDOR DE BOTONES DEL FOOTER */
.dibal-theme .bootstrap-dialog-footer-buttons {
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    width: 100%;
}

/* BOTONES FOOTER – estilo DIBAL */
.dibal-theme .bootstrap-dialog-footer-buttons .btn {
    border-radius: var(--dibal-radius-pill);
    font-weight: 600;
    padding: .35rem 1rem;
    font-size: .85rem;
}

/* primario */
.dibal-theme .bootstrap-dialog-footer-buttons .btn-primary {
    background-color: var(--dibal-primary);
    border-color: var(--dibal-primary);
    color: #ffffff;
}

.dibal-theme .bootstrap-dialog-footer-buttons .btn-primary:hover {
    background-color: var(--dibal-primary-dark);
    border-color: var(--dibal-primary-dark);
}

/* secundario / default */
.dibal-theme .bootstrap-dialog-footer-buttons .btn-secondary,
.dibal-theme .bootstrap-dialog-footer-buttons .btn-default {
    background-color: var(--dibal-gray-300);
    border-color: var(--dibal-gray-300);
    color: var(--dibal-gray-800);
}

.dibal-theme .bootstrap-dialog-footer-buttons .btn-secondary:hover,
.dibal-theme .bootstrap-dialog-footer-buttons .btn-default:hover {
    background-color: #d1d5db;
    border-color: #9ca3af;
}

/* TAMAÑOS GRANDES */
.dibal-theme .bootstrap-dialog.size-large .bootstrap-dialog-title {
    font-size: 1.1rem;
}

.dibal-theme .bootstrap-dialog.size-large .bootstrap-dialog-message {
    font-size: .95rem;
}

/* Ajuste para modal-xl del plugin */
.dibal-theme .bootstrap-dialog .modal-xl {
    max-width: 95%;
}