/* === Bootstrap Modals Pantalla Completa === */
.modal-dialog-ct {
    max-width: 96% !important; /* Ancho casi completo */
    margin: 1.5rem auto;       /* Espaciado arriba/abajo */
}

.modal-content-ct {
    height: 90vh;              /* Alto 90% de la pantalla */
    border-radius: 0.75rem;    /* Bordes redondeados */
}

/* Ajustar el header y footer para mantener estilo */
.modal-header,
.modal-footer {
    padding: 1rem 1.5rem;
    border: none; /* Sin bordes */
    background-color: #f8f9fa; /* Color suave */
}

/* Header con título centrado */
.modal-title {
    flex: 1;
    text-align: center;
}