@media (max-width: 600px) {

    /* Afecta solo a tu modal QR */
    #qr-scannerContainer.modal {
        /* Que ocupe casi toda la ventana en móvil */
        max-height: 85vh !important;
        height: 85vh !important;
    }

    /* Ajusta el contenido restando la altura del footer (~56px) */
    #qr-scannerContainer .modal-content {
        max-height: calc(85vh - 56px) !important;
        height: calc(85vh - 56px) !important;
    }

    /* Opcional: evita scroll extra en el modal */
    #qr-scannerContainer.modal {
        overflow-y: hidden;
    }

    /* Pie (footer) pegado abajo */
    #qr-scannerContainer .modal-footer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
}