html.age-gate-pending,
html.age-gate-pending body {
    overflow: hidden;
}

html.age-gate-pending body {
    padding-right: var(--age-gate-scrollbar-width, 0);
}

.age-gate {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
    background: var(--green-900, #023725);
    color: var(--cream, #fff7dc);
    opacity: 1;
    visibility: visible;
    transition: opacity 180ms ease, visibility 180ms ease;
}

.age-gate.is-closing {
    opacity: 0;
    visibility: hidden;
}

.age-gate__language {
    position: absolute;
    top: max(24px, env(safe-area-inset-top));
    right: max(24px, env(safe-area-inset-right));
    z-index: 1;
}

.age-gate__language .language {
    background: rgba(255, 255, 255, 0.1);
}

.age-gate__dialog {
    display: flex;
    width: min(100%, 900px);
    min-height: min(720px, calc(100dvh - 48px));
    margin: auto;
    align-items: center;
    justify-content: center;
    outline: none;
}

.age-gate__content {
    display: flex;
    width: min(100%, 660px);
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.age-gate [hidden] {
    display: none;
}

.age-gate__logo {
    display: block;
    width: clamp(190px, 19vw, 260px);
    height: auto;
    margin-bottom: clamp(36px, 5.4vh, 54px);
}

.age-gate__badge {
    display: grid;
    width: 72px;
    height: 72px;
    margin-bottom: clamp(36px, 5.2vh, 52px);
    place-items: center;
    border: 1.5px solid var(--gold, #d6cf8d);
    border-radius: 50%;
    color: var(--gold, #d6cf8d);
    font-size: 21px;
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 1;
}

.age-gate h1,
.age-gate h2 {
    max-width: 640px;
    margin: 0;
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: clamp(34px, 3.45vw, 50px);
    font-weight: 400;
    letter-spacing: -0.045em;
    line-height: 1.08;
}

.age-gate h2 {
    font-size: clamp(32px, 3.2vw, 46px);
}

.age-gate__description {
    max-width: 620px;
    margin: 24px 0 0;
    color: rgba(255, 255, 255, 0.77);
    font-size: 14px;
    line-height: 1.55;
}

.age-gate__actions {
    display: flex;
    margin-top: 30px;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.age-gate__button {
    min-height: 46px;
    border: 1px solid rgba(255, 247, 220, 0.36);
    border-radius: 999px;
    padding: 11px 24px;
    background: transparent;
    color: var(--cream, #fff7dc);
    cursor: pointer;
    font: 600 12px/1.2 "Inter", sans-serif;
    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.age-gate__button:hover {
    border-color: var(--cream, #fff7dc);
}

.age-gate__button:active {
    transform: translateY(1px);
}

.age-gate__button:focus-visible {
    outline: 3px solid var(--gold, #d6cf8d);
    outline-offset: 3px;
}

.age-gate__button--confirm {
    min-width: 232px;
    border-color: var(--orange, #e5421c);
    background: var(--orange, #e5421c);
    color: #fff;
}

.age-gate__button--confirm:hover {
    border-color: #f15a37;
    background: #f15a37;
}

.age-gate__button--leave {
    min-width: 118px;
}

.age-gate__disclaimer {
    max-width: 600px;
    margin: 30px 0 0;
    color: rgba(255, 247, 220, 0.2);
    font-size: 11px;
    line-height: 1.5;
}

.age-gate__noscript {
    max-width: 520px;
    margin: 20px 0 0;
    color: var(--cream, #fff7dc);
    font-size: 13px;
    line-height: 1.5;
}

.age-gate__denied .age-gate__button {
    margin-top: 30px;
}

#conteudo:focus {
    outline: none;
}

/* Ajuste nos tamanhos do Conteúdo do Age Gate*/

/*@media (min-width: 641px) {
    .age-gate__dialog {
        width: min(100%, 1180px);
        min-height: min(860px, calc(100dvh - 48px));
    }

    .age-gate__content {
        width: min(100%, 880px);
    }

    .age-gate__logo {
        width: clamp(340px, 26vw, 460px);
        margin-bottom: clamp(42px, 5vh, 70px);
    }

    .age-gate__badge {
        width: 76px;
        height: 76px;
        font-size: 22px;
        margin-bottom: 28px;
    }

    .age-gate h1,
    .age-gate h2 {
        max-width: 860px;
        font-size: clamp(48px, 4.2vw, 68px);
        line-height: 1.04;
        letter-spacing: -0.05em;
    }

    .age-gate h2 {
        font-size: clamp(44px, 3.8vw, 62px);
    }

    .age-gate__description {
        max-width: 760px;
        margin-top: 30px;
        font-size: 18px;
        line-height: 1.6;
    }

    .age-gate__actions {
        margin-top: 38px;
        gap: 16px;
    }

    .age-gate__button {
        min-height: 56px;
        padding: 14px 30px;
        font-size: 14px;
    }

    .age-gate__button--confirm {
        min-width: 280px;
    }

    .age-gate__button--leave {
        min-width: 140px;
    }

    .age-gate__disclaimer {
        max-width: 700px;
        margin-top: 38px;
        font-size: 12px;
        line-height: 1.6;
    }
}*/

/* Ajuste nos tamanhos do Conteúdo do Age Gate*/

@media (max-width: 640px) {
    .age-gate {
        padding: max(22px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));
    }

    .age-gate__dialog {
        min-height: calc(100dvh - 44px);
        padding-top: 52px;
    }

    .age-gate__language {
        top: max(16px, env(safe-area-inset-top));
        right: max(20px, env(safe-area-inset-right));
    }

    .age-gate__logo {
        width: min(53vw, 205px);
        margin-bottom: 45px;
    }

    .age-gate__badge {
        width: 64px;
        height: 64px;
        margin-bottom: 44px;
        font-size: 19px;
    }

    .age-gate h1,
    .age-gate h2 {
        max-width: 345px;
        font-size: clamp(29px, 8vw, 34px);
    }

    .age-gate__description {
        max-width: 345px;
        margin-top: 22px;
        font-size: 12px;
    }

    .age-gate__actions {
        width: 100%;
        margin-top: 28px;
        gap: 9px;
    }

    .age-gate__button {
        min-height: 44px;
        padding: 10px 17px;
        font-size: 10px;
    }

    .age-gate__button--confirm {
        min-width: 0;
    }

    .age-gate__button--leave {
        min-width: 92px;
    }

    .age-gate__disclaimer {
        max-width: 330px;
        margin-top: 28px;
        font-size: 9px;
    }
}

/*@media (max-height: 700px) {
    .age-gate__dialog {
        min-height: auto;
    }

    .age-gate__logo {
        width: 170px;
        margin-bottom: 24px;
    }

    .age-gate__badge {
        width: 56px;
        height: 56px;
        margin-bottom: 24px;
        font-size: 17px;
    }

    .age-gate h1,
    .age-gate h2 {
        font-size: clamp(28px, 5vh, 40px);
    }

    .age-gate__description {
        margin-top: 16px;
    }

    .age-gate__actions,
    .age-gate__denied .age-gate__button {
        margin-top: 20px;
    }

    .age-gate__disclaimer {
        margin-top: 18px;
    }
}*/

@media (prefers-reduced-motion: reduce) {
    .age-gate,
    .age-gate__button {
        transition: none;
    }
}