/* Comportamiento comun de los modales Softmor.
   El encabezado y las acciones permanecen visibles; solo se desplaza el cuerpo. */

.modal-dialog-scrollable .modal-content {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.modal-dialog-scrollable .modal-content > form {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow: hidden;
}

.modal-dialog-scrollable .modal-content > form > .modal-header,
.modal-dialog-scrollable .modal-content > form > .modal-footer {
    flex: 0 0 auto;
}

.modal-dialog-scrollable .modal-content > form > .modal-body,
.modal-dialog-scrollable .modal-content > .modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 575px) {
    .modal-dialog.modal-dialog-scrollable {
        height: calc(100vh - 16px);
        margin: 8px;
        min-height: calc(100vh - 16px);
    }

    .modal-dialog-scrollable .modal-content {
        height: 100%;
        max-height: 100%;
    }

    @supports (height: 100dvh) {
        .modal-dialog.modal-dialog-scrollable {
            height: calc(100dvh - 16px);
            min-height: calc(100dvh - 16px);
        }
    }
}