@media (max-width: 576px) {
    html body #idadeModal.show {
        position: fixed !important;
        inset: 0 !important;
        display: grid !important;
        width: 100% !important;
        height: 100vh !important;
        height: 100dvh !important;
        place-items: center !important;
        box-sizing: border-box !important;
        padding: max(14px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

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

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

    html body #idadeModal.show .modal-content {
        display: block !important;
    }

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