@media (max-width: 576px) {
    html body #idadeModal.show {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom)) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    html body #idadeModal .modal-dialog {
        width: min(100%, 460px) !important;
        max-width: min(100%, 460px) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: calc(100dvh - max(24px, env(safe-area-inset-top)) - max(24px, env(safe-area-inset-bottom))) !important;
        margin: auto !important;
        display: block !important;
        transform: none !important;
    }

    html body #idadeModal .modal-content,
    html body #idadeModal .idioma-age-card {
        height: auto !important;
        min-height: 0 !important;
        max-height: inherit !important;
    }

    html body #idadeModal .idioma-age-card {
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}