.zg-faq__list {
            display: flex;
            flex-direction: column;
        }

        .zg-faq__item+.zg-faq__item {
            margin-top: 23.87px;
        }

        .zg-faq__item:first-child+.zg-faq__item {
            margin-top: 21.8px;
        }

        .zg-faq__item {
            border-radius: 10.379px;
            border: 1px solid var(--zg-line);
            background: var(--zg-bg);
            overflow: hidden;
        }

        .zg-faq__item:first-child {
            width: 719.267px;
            margin-left: auto;
        }

        .zg-faq__btn {
            width: 100%;
            min-height: 78.956px;
            display: flex;
            align-items: center;
            gap: 16.18px;
            padding: 0 71px 0 28.02px;
            text-align: left;
            color: #fff;
        }

        .zg-faq__dot {
            width: 14.019px;
            height: 14.019px;
            border-radius: 999px;
            background: var(--zg-purple);
            box-shadow: 0 0 0 2.95px rgba(105, 0, 255, .23);
            flex: none;
        }

        .zg-faq__label {
            flex: 1;
            font-family: var(--zg-display);
            font-weight: 600;
            font-style: italic;
            font-size: 17.909px;
            line-height: 15.092px;
            text-transform: uppercase;
        }

        .zg-faq__chev {
            flex: none;
            transition: transform .18s ease;
        }

        .zg-faq__item[data-open='true'] .zg-faq__chev {
            transform: rotate(180deg);
        }

        .zg-faq__panel {
            display: grid;
            grid-template-rows: 0fr;
            transition: grid-template-rows .22s ease;
        }

        .zg-faq__item[data-open='true'] .zg-faq__panel {
            grid-template-rows: 1fr;
        }

        .zg-faq__panel>div {
            overflow: hidden;
        }

        .zg-faq__panel p {
            font-family: var(--zg-display);
            font-size: 15.5px;
            line-height: 1.5;
            color: rgba(255, 255, 255, .72);
            padding: 0 71px 26px 58.2px;
        }

        .zg-testi {
            position: relative;
            margin-top: 101.24px;
            padding: 62px 0 56.24px;
            background: rgba(19, 0, 45, .78);
        }

        .zg-testi::before,
        .zg-testi::after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            height: 1px;
            z-index: 2;
            pointer-events: none;
            background: linear-gradient(90deg, rgba(105, 0, 255, .68) 0%, rgba(105, 0, 255, .36) 12.5%, rgba(105, 0, 255, .13) 25%, rgba(105, 0, 255, .04) 37.5%, rgba(105, 0, 255, .04) 50%, rgba(105, 0, 255, .13) 62.5%, rgba(105, 0, 255, .37) 75%, rgba(105, 0, 255, .68) 87.5%, rgba(105, 0, 255, 1) 100%);
        }

        .zg-testi::before {
            top: 0;
            scale: -1 1;
        }

        .zg-testi::after {
            bottom: 0;
        }

        .zg-testi__head {
            --zg-w: 1457px;
            position: relative;
            padding-left: 11px;
        }

        .zg-testi__title {
            font-family: var(--zg-display);
            font-weight: 900;
            font-style: italic;
            font-size: 47.067px;
            line-height: 39.665px;
            text-transform: uppercase;
        }

        .zg-testi__sub {
            font-size: 18.82px;
            line-height: 15.86px;
            margin-top: 21.98px;
        }

        .zg-testi__nav {
            position: absolute;
            right: 0;
            top: 35px;
            display: flex;
            align-items: center;
            gap: 45.07px;
        }

        .zg-testi__arrow {
            width: 55.95px;
            height: 55.95px;
            border-radius: 999px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: filter .18s ease;
        }

        .zg-testi__arrow--next {
            background: #d9d9d9;
            color: #1a003f;
        }

        .zg-testi__arrow--prev {
            background: var(--zg-bg);
            color: #fff;
        }

        .zg-testi__arrow:hover {
            filter: brightness(1.15);
        }

        .zg-testi__track {
            --zg-w: 1457px;
            margin-top: 54.4px;
        }

        .zg-card {
            min-height: 430.764px;
            height: 100%;
            background-image: var(--zg-svg-card);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

        .zg-card__in {
            height: 100%;
            padding: 51.05px 41.33px 0;
            display: flex;
            flex-direction: column;
            -webkit-mask-image: var(--zg-svg-card);
            mask-image: var(--zg-svg-card);
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
        }

        .zg-card__stars {
            display: flex;
            gap: 7.85px;
        }

        .zg-card__stars svg {
            width: 21.332px;
            height: 21.332px;
            display: block;
        }

        .zg-card__rule {
            height: 1px;
            background: var(--zg-line);
            margin: 13.06px 0 0;
            width: 246.472px;
            max-width: 100%;
        }

        .zg-card__title {
            font-family: var(--zg-display);
            font-weight: 700;
            font-size: 22.483px;
            line-height: 18.947px;
            margin-top: 18.29px;
        }

        .zg-card__text {
            font-family: var(--zg-display);
            font-weight: 400;
            font-size: 18.336px;
            line-height: 22.251px;
            margin-top: 33.24px;
        }

        .zg-card__foot {
            margin-top: auto;
            padding-bottom: 47px;
            display: flex;
            align-items: center;
            gap: 13.07px;
        }

        .zg-card__avatar {
            width: 62.145px;
            height: 63.101px;
            border-radius: 999px;
            background: var(--zg-purple) url("https://zyongg.com/cdn/stores/27104/assets/0e9e5781-fe94-4146-952f-7b411b350acf/d6645e7d-f8e0-4795-9061-b94a620ed261.webp") center / cover no-repeat;
            flex: none;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: var(--zg-display);
            font-weight: 700;
            font-size: 22px;
            color: #fff;
        }

        .zg-card__name {
            font-family: var(--zg-display);
            font-weight: 700;
            font-size: 17.945px;
            line-height: 15.123px;
        }

        .zg-card__date {
            font-family: var(--zg-display);
            font-weight: 400;
            font-size: 12.251px;
            line-height: 10.324px;
            margin-top: 5.92px;
        }

        /* A arte preserva sua silhueta e as áreas transparentes. */

        .zg-topgames .zg-category-art {
            aspect-ratio: auto;
            border: 0;
            border-radius: 0 0 18px 18px;
            background: transparent;
            overflow: visible;
        }

        .zg-topgames .zg-category-art::before {
            content: "";
            position: absolute;
            inset: auto 0 0;
            height: 58%;
            border-radius: 0 0 18px 18px;
            background: linear-gradient(180deg, rgba(60, 0, 144, 0), rgba(60, 0, 144, 0.22));
            pointer-events: none;
        }

        .zg-topgames .zg-category-art img {
            position: static;
            display: block;
            width: 100%;
            height: auto;
            object-fit: contain;
            border-radius: 0 0 18px 18px;
            clip-path: inset(0 round 0 0 18px 18px);
        }

        .zg-topgames .zg-category-art::after {
            content: none;
        }

        @media (hover: hover) and (pointer: fine) {
            .zg-topgames .zg-category-art:hover img {
                scale: 1.02;
                translate: 0 -3px;
            }
        }

        .zg-seo-bottom {
            margin-top: 40px;
            margin-bottom: 24px;
            font: 400 14px/1.8 var(--zg-ui);
            color: rgba(255, 255, 255, .62);
        }

        .zg-seo-bottom p {
            margin: 0 0 12px;
        }

        .zg-seo-bottom a {
            text-decoration: underline;
            text-underline-offset: 3px;
        }

        .zg-home {
            padding-bottom: 0;
        }
        .zg-watermark {
            position: relative;
            height: 361px;
            background: var(--zg-panel);
            overflow: hidden;
            user-select: none;
            --zg-mx: 50%;
            --zg-my: 50%;
        }

        .zg-watermark span {
            position: absolute;
            left: 50%;
            top: 24px;
            transform: translateX(calc(-50% + 5px));
            font-family: var(--zg-display);
            font-weight: 900;
            font-style: italic;
            font-size: 462.61px;
            line-height: 389.87px;
            letter-spacing: .02em;
            color: var(--zg-bg);
            text-transform: uppercase;
            white-space: nowrap;
        }

        /* Copia contornada por cima da palavra, revelada so no circulo do cursor. A
   mascara leva o gradiente vertical junto para o contorno morrer antes da
   base, onde o texto ja sai da caixa. */

        .zg-watermark__lume {
            position: absolute;
            inset: 0;
            opacity: 0;
            transition: opacity 360ms var(--zg-ease, ease);
            -webkit-mask-image: radial-gradient(320px circle at var(--zg-mx) var(--zg-my), #000 0%, rgba(0, 0, 0, .55) 40%, transparent 72%), linear-gradient(to bottom, #000 80%, transparent 97%);
            mask-image: radial-gradient(320px circle at var(--zg-mx) var(--zg-my), #000 0%, rgba(0, 0, 0, .55) 40%, transparent 72%), linear-gradient(to bottom, #000 80%, transparent 97%);
            -webkit-mask-composite: source-in;
            mask-composite: intersect;
            pointer-events: none;
        }

        .zg-watermark__lume span {
            color: var(--zg-bg);
            -webkit-text-stroke: 4.4px rgba(186, 140, 255, .95);
            paint-order: stroke fill;
            text-shadow: 0 0 26px rgba(105, 0, 255, .6);
        }

        .zg-watermark:hover .zg-watermark__lume {
            opacity: 1;
        }

        .zg-footer {
            background: var(--zg-bg);
            position: relative;
            z-index: 1;
            padding-bottom: 55px;
        }

        .zg-footer__inner {
            --zg-w: 1462px;
            display: grid;
            grid-template-columns: minmax(0, 364.5fr) minmax(0, 364.5fr) minmax(0, 344fr) minmax(0, 388fr);
            padding-top: 81.82px;
            transform: translateX(var(--zg-drift-foot));
        }

        .zg-footer__h {
            font-family: var(--zg-ui);
            font-weight: 700;
            font-size: 14.693px;
            line-height: 20.99px;
            text-transform: uppercase;
            opacity: .2;
            margin-bottom: 37.782px;
        }

        /* O circulo de 50.6px do social nao tem fundo, so o svg de 21px aparece.
   Sem o desconto o icone nasce 14.8px abaixo do texto das colunas vizinhas. */

        .zg-footer__h--soc {
            margin-bottom: 23px;
        }

        .zg-footer__h--sup {
            margin-top: 11.44px;
            margin-bottom: 22.13px;
        }

        .zg-footer__links {
            display: flex;
            flex-direction: column;
            gap: 20.99px;
        }

        .zg-footer__links a,
        .zg-footer__links button {
            font-family: var(--zg-ui);
            font-weight: 600;
            font-size: 16.792px;
            line-height: 23.089px;
            color: #fff;
            text-align: left;
            transition: opacity .18s ease;
        }

        .zg-footer__links a:hover,
        .zg-footer__links button:hover {
            opacity: .7;
        }

        .zg-footer__social {
            display: flex;
            gap: 16.87px;
        }

        .zg-footer__social a {
            width: 50.609px;
            height: 50.609px;
            border-radius: 999px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color .18s ease;
        }

        .zg-footer__social a:hover {
            background: rgba(105, 0, 255, .18);
        }

        .zg-footer__social svg {
            width: 21.087px;
            height: 21.087px;
            display: block;
        }

        .zg-support {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 226.685px;
            height: 53.772px;
            border-radius: 12.652px;
            background: linear-gradient(90deg, #1a003f 0%, #6900ff 120.7%);
            font-family: var(--zg-display);
            font-weight: 500;
            font-size: 19.362px;
            line-height: 16.317px;
            color: #fff;
            transition: filter .18s ease;
        }

        .zg-support:hover {
            filter: brightness(1.2);
        }

        .zg-seals {
            display: flex;
            align-items: center;
            gap: 20px;
            flex: none;
        }

        .zg-seals__img {
            display: block;
            width: auto;
            opacity: .92;
        }

        .zg-seals__img--sb {
            height: 28px;
        }

        .zg-seals__img--ra {
            height: 24px;
        }

        .zg-copy {
            margin-top: 60.9px;
            min-height: 68px;
            padding: 8px 0;
            display: flex;
            align-items: center;
            background: var(--zg-bg);
            border-top: 1px solid rgba(50, 0, 121, .55);
            border-bottom: 1px solid rgba(50, 0, 121, .55);
        }

        .zg-copy__inner {
            --zg-w: 1462px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 16px 24px;
            transform: translateX(var(--zg-drift-foot));
            font-family: var(--zg-ui);
            font-weight: 700;
            font-size: 12.5px;
            line-height: 17px;
            text-transform: uppercase;
            color: rgba(255, 255, 255, .85);
        }

        .zg-copy__inner a {
            transition: opacity .18s ease;
        }

        .zg-copy__inner a:hover {
            opacity: .7;
        }

        .zg-store {
            --zg-w: 1457px;
            margin-top: 96px;
        }

        .zg-store h3 {
            font-family: var(--zg-display);
            font-weight: 900;
            font-style: italic;
            font-size: 28px;
            line-height: 1.05;
            text-transform: uppercase;
            color: #fff;
        }

        .zg-cat {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 4px;
        }

        .zg-cat__plate {
            display: inline-flex;
            align-items: center;
            gap: 13.5px;
            min-height: 52px;
            padding: 11px 20px 11px 22px;
            border-radius: 12px;
            border: 1px solid var(--zg-line);
            background: linear-gradient(26.6deg, #3d0093 -80%, #13002d 51%);
            box-shadow: 0 16px 38px -26px rgba(105, 0, 255, .95);
            font-family: var(--zg-display);
            font-weight: 900;
            font-style: italic;
            font-size: 26px;
            line-height: 1.08;
            letter-spacing: .01em;
            text-transform: uppercase;
            color: #fff;
        }

        .zg-cat__name {
            text-shadow: 0 2px 16px rgba(105, 0, 255, .5);
        }

        .zg-cat__count {
            flex: none;
            min-width: 27px;
            padding: 0 8px;
            border-radius: 999px;
            background: rgba(105, 0, 255, .22);
            border: 1px solid rgba(105, 0, 255, .45);
            font-family: var(--zg-ui);
            font-weight: 700;
            font-style: normal;
            font-size: 13px;
            line-height: 25px;
            text-align: center;
            color: rgba(255, 255, 255, .82);
        }

        .zg-cat__line {
            flex: 1 1 0;
            min-width: 20px;
            height: 1px;
            background: linear-gradient(90deg, var(--zg-line) 0%, rgba(50, 0, 121, 0) 100%);
        }

        .zg-pkg {
            position: relative;
            display: flex;
            flex-direction: column;
            height: 100%;
            align-self: stretch;
            border-radius: 21px;
            border: 1px solid var(--zg-line);
            background: linear-gradient(180deg, rgba(61, 0, 147, .30) 0%, rgba(19, 0, 45, 0) 46%), var(--zg-bg);
            box-shadow: inset 0 1px 0 rgba(190, 150, 255, .07);
            color: #fff;
            overflow: hidden;
            transition: border-color var(--zg-t, .28s) ease, box-shadow var(--zg-t, .28s) ease, translate var(--zg-t, .28s) var(--zg-out, ease);
        }

        .zg-pkg:hover {
            border-color: rgba(105, 0, 255, .85);
            box-shadow: inset 0 1px 0 rgba(190, 150, 255, .07), 0 18px 36px -26px rgba(105, 0, 255, .75);
            translate: 0 -2px;
        }

        .zg-pkg--hl {
            border-color: var(--zg-purple);
            box-shadow: 0 0 0 3px rgba(105, 0, 255, .16), 0 18px 40px -22px rgba(105, 0, 255, .8);
        }

        .zg-pkg__media {
            position: relative;
            aspect-ratio: 4 / 3;
            overflow: hidden;
            border-radius: 20px 20px 0 0;
            background: var(--zg-deep);
        }

        .zg-pkg--video .zg-pkg__media {
            aspect-ratio: 16 / 9;
        }

        .zg-pkg__img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: scale 900ms var(--zg-out, ease);
        }

        .zg-pkg:hover .zg-pkg__img {
            scale: 1.06;
        }

        .zg-pkg__media::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, rgba(50, 0, 121, 0) 0%, #4a1a9e 15%, #4a1a9e 85%, rgba(50, 0, 121, 0) 100%) bottom left / 100% 1px no-repeat, linear-gradient(180deg, rgba(19, 0, 45, 0) 58%, rgba(19, 0, 45, .82) 100%);
            pointer-events: none;
        }

        .zg-pkg__blank {
            position: absolute;
            inset: 0;
            display: grid;
            place-items: center;
            color: rgba(255, 255, 255, .26);
            background: radial-gradient(60% 70% at 50% 42%, rgba(105, 0, 255, .30), rgba(19, 0, 45, 0) 72%), var(--zg-deep);
        }

        .zg-pkg__blank svg {
            width: 34px;
            height: 34px;
        }

        .zg-pkg--out .zg-pkg__img {
            filter: grayscale(1) brightness(.5);
        }

        .zg-pkg__off,
        .zg-pkg__hl,
        .zg-pkg__soldout {
            position: absolute;
            z-index: 2;
            font-family: var(--zg-ui);
            font-weight: 800;
            font-size: 11px;
            line-height: 1;
            letter-spacing: .04em;
            text-transform: uppercase;
            border-radius: 999px;
            white-space: nowrap;
        }

        .zg-pkg__off {
            top: 10px;
            left: 10px;
            padding: 6px 9px;
            background: var(--zg-purple);
            box-shadow: 0 6px 16px -6px rgba(105, 0, 255, .9);
        }

        .zg-pkg__hl {
            top: 10px;
            right: 10px;
            padding: 5px 9px 5px 7px;
            display: inline-flex;
            align-items: center;
            gap: 4px;
            background: rgba(19, 0, 45, .72);
            border: 1px solid var(--zg-line);
            backdrop-filter: blur(6px);
            -webkit-backdrop-filter: blur(6px);
        }

        .zg-pkg__hl svg {
            width: 12px;
            height: 12px;
        }

        .zg-pkg__soldout {
            left: 50%;
            top: 50%;
            translate: -50% -50%;
            padding: 8px 14px;
            background: rgba(19, 0, 45, .88);
            border: 1px solid var(--zg-line);
        }

        .zg-pkg__body {
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
            flex: 1;
            gap: 10px;
            padding: 14px 16px 16px;
        }

        .zg-pkg__name {
            font-family: var(--zg-display);
            font-weight: 700;
            font-size: 15.5px;
            line-height: 1.2;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            min-height: 2.4em;
        }

        .zg-pkg__price {
            margin-top: auto;
            display: flex;
            flex-direction: column;
            gap: 3px;
        }

        .zg-pkg__was {
            font-family: var(--zg-ui);
            font-size: 12px;
            color: rgba(255, 255, 255, .45);
        }

        .zg-pkg__value {
            font-family: var(--zg-display);
            font-weight: 900;
            font-style: italic;
            font-size: 22px;
            line-height: 1;
        }

        .zg-pkg__plus {
            font-size: .7em;
            margin-left: 2px;
            color: #b98cff;
            vertical-align: top;
        }

        .zg-pkg__rate {
            align-self: flex-start;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            height: 25px;
            padding: 0 11px 0 9px;
            border-radius: 999px;
            background: rgba(255, 186, 56, .1);
            border: 1px solid rgba(255, 186, 56, .3);
            font-family: var(--zg-ui);
            font-weight: 600;
            font-size: 11.5px;
            line-height: 1;
            color: rgba(255, 255, 255, .55);
            white-space: nowrap;
            transition: background-color var(--zg-t, .28s) ease, border-color var(--zg-t, .28s) ease;
        }

        .zg-pkg__stars {
            display: inline-flex;
            align-items: center;
            gap: 1px;
            color: #ffba38;
            font-family: Arial, sans-serif;
            font-size: 12px;
            line-height: 1;
            letter-spacing: -.08em;
            transition: scale 260ms ease, filter 260ms ease;
        }

        .zg-pkg__stars>span {
            display: block;
            color: #ffba38;
        }

        .zg-pkg__stars .zg-pkg__star--partial {
            background: linear-gradient(90deg, #ffba38 var(--zg-star-fill), rgba(255, 186, 56, .2) var(--zg-star-fill));
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            -webkit-text-stroke: .2px rgba(255, 186, 56, .8);
        }

        .zg-pkg:hover .zg-pkg__stars {
            scale: 1.08;
            filter: drop-shadow(0 0 5px rgba(255, 186, 56, .55));
        }

        .zg-pkg__rate b {
            font-weight: 800;
            font-size: 12px;
            color: #fff;
            letter-spacing: -.01em;
        }

        .zg-pkg__sold {
            font-variant-numeric: tabular-nums;
        }

        .zg-pkg:hover .zg-pkg__rate {
            background: rgba(255, 186, 56, .17);
            border-color: rgba(255, 186, 56, .5);
        }

        .zg-pkg__rate:hover {
            background: rgba(255, 186, 56, .17);
            border-color: rgba(255, 186, 56, .5);
        }

        @keyframes zg-rating-wave {
            0%,
            100% {
                transform: translateY(0) scale(1);
            }
            45% {
                transform: translateY(-3px) scale(1.2);
                filter: drop-shadow(0 0 4px rgba(255, 186, 56, .75));
            }
        }

        @media (prefers-reduced-motion: no-preference) and (hover: hover) {
            .zg-pkg__rate:hover .zg-pkg__stars>span {
                animation: zg-rating-wave 480ms ease both;
                animation-delay: calc(var(--zg-star-index) * 65ms);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .zg-pkg__rate,
            .zg-pkg__stars {
                transition: none;
            }
            .zg-pkg:hover .zg-pkg__stars {
                scale: 1;
            }
        }

        .zg-pkg__cta {
            position: relative;
            display: flex;
            align-items: center;
            height: 40px;
            padding: 0 48px 0 16px;
            border-radius: 14.833px;
            background: var(--zg-purple);
            font-family: var(--zg-ui);
            font-weight: 700;
            font-size: 13.5px;
            white-space: nowrap;
            overflow: hidden;
            transition: filter var(--zg-t-fast, .14s) ease, box-shadow var(--zg-t, .28s) ease;
        }

        .zg-pkg__cta .zg-cta__knob {
            top: 7.2px;
            right: 7.2px;
        }

        .zg-pkg__cta .zg-cta__knob svg {
            width: 7.2px;
            height: 7.2px;
        }

        .zg-pkg:hover .zg-pkg__cta {
            filter: brightness(1.1);
            box-shadow: 0 0 20px -8px rgba(105, 0, 255, .8);
        }

        .zg-pkg--mini {
            border-radius: 16px;
        }

        .zg-pkg--mini .zg-pkg__media {
            border-radius: 15px 15px 0 0;
        }

        .zg-pkg--mini .zg-pkg__body {
            padding: 11px 12px 12px;
            gap: 7px;
        }

        .zg-pkg--mini .zg-pkg__name {
            font-size: 13.5px;
        }

        .zg-pkg--mini .zg-pkg__value {
            font-size: 18px;
        }

        .zg-pkg--mini .zg-pkg__rate {
            display: none;
        }

        .zg-pkg--mini .zg-pkg__cta {
            height: 34px;
            font-size: 12.5px;
            border-radius: 12px;
            padding-right: 42px;
        }

        .zg-pkg--mini .zg-cta__knob {
            width: 22px;
            height: 22px;
            top: 6px;
            right: 6px;
        }

        @media (max-width: 639px) {
            .zg-pkg {
                border-radius: 14px;
            }
            .zg-pkg__media {
                border-radius: 13px 13px 0 0;
            }
            .zg-pkg__body {
                padding: 10px 11px 11px;
                gap: 7px;
            }
            .zg-pkg__name {
                font-size: 12.5px;
            }
            .zg-pkg__value {
                font-size: 17px;
            }
            .zg-pkg__was {
                font-size: 10.5px;
            }
            .zg-pkg__pix {
                font-size: 10px;
                height: 22px;
                padding: 0 9px 0 5px;
                gap: 5px;
            }
            .zg-pkg__pix img {
                width: 13px;
                height: 13px;
            }
            .zg-pkg__cta {
                height: 34px;
                font-size: 12px;
                padding: 0 36px 0 10px;
                border-radius: 11px;
            }
            .zg-pkg--mini .zg-pkg__cta {
                font-size: 11.5px;
                padding: 0 32px 0 9px;
            }
            .zg-pkg .zg-cta__knob {
                width: 22px;
                height: 22px;
                top: 6px;
                right: 6px;
            }
            .zg-pkg__off,
            .zg-pkg__hl {
                font-size: 9.5px;
                top: 7px;
            }
            .zg-pkg__off {
                left: 7px;
            }
            .zg-pkg__hl {
                right: 7px;
            }
        }

        .zg-games {
            position: fixed;
            inset: 0;
            z-index: 90;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 62px 30px 34px;
            font-family: var(--zg-ui);
            color: #fff;
        }

        .zg-games[hidden] {
            display: none;
        }

        .zg-games__veil {
            position: absolute;
            inset: 0;
            background: rgba(6, 0, 20, .72);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            opacity: 0;
            transition: opacity 240ms ease;
        }

        /* A caixa mantem a proporcao do Figma em qualquer largura: 1cqw e 1% da largura
   dela, entao --s vale 1px no tamanho de projeto e encolhe junto. Todo numero
   daqui para baixo e a medida crua do Figma. */

        .zg-games__stage {
            position: relative;
            width: min(1032px, 100%);
            max-height: 100%;
            container-type: inline-size;
            display: flex;
        }

        .zg-games__box {
            --s: calc(1cqw / 10.32);
            --ft: calc(62 * var(--s));
            --fb: calc(38 * var(--s));
            position: relative;
            width: 100%;
            display: flex;
            flex-direction: column;
            padding: calc(65 * var(--s)) calc(38 * var(--s)) calc(67 * var(--s)) calc(29 * var(--s));
            opacity: 0;
            scale: .96;
            translate: 0 16px;
            transition: opacity 280ms var(--zg-out, ease), scale 280ms var(--zg-out, ease), translate 280ms var(--zg-out, ease);
        }

        .zg-games__box::before {
            content: '';
            position: absolute;
            inset: -11.59% -9.69% -24.06%;
            background: var(--zg-svg-games) 0 0 / 100% 100% no-repeat;
            filter: drop-shadow(0 calc(35 * var(--s)) calc(100 * var(--s)) rgba(105, 0, 255, .44));
            pointer-events: none;
        }

        .zg-games__box>* {
            position: relative;
        }

        .zg-games.is-open .zg-games__veil {
            opacity: 1;
        }

        .zg-games.is-open .zg-games__box {
            opacity: 1;
            scale: 1;
            translate: none;
        }

        .zg-games__tag {
            position: absolute;
            left: 16.96%;
            top: calc(-38 * var(--s));
            width: 66.57%;
            height: calc(84.62 * var(--s));
            display: flex;
            align-items: center;
            justify-content: center;
            gap: calc(27.5 * var(--s));
        }

        .zg-games__tag::before {
            content: '';
            position: absolute;
            inset: -76.81% -7.27% -86.26%;
            background: var(--zg-svg-games-tag) 0 0 / 100% 100% no-repeat;
            filter: drop-shadow(0 calc(4 * var(--s)) calc(69 * var(--s)) rgba(0, 0, 0, .66));
            pointer-events: none;
        }

        .zg-games__tag>* {
            position: relative;
        }

        .zg-games__pad {
            flex: none;
            width: calc(44.1 * var(--s));
            height: calc(32.35 * var(--s));
            color: #fff;
        }

        .zg-games__pad svg {
            display: block;
            width: 100%;
            height: 100%;
        }

        .zg-games__title {
            margin: 0;
            font-family: var(--zg-display);
            font-weight: 800;
            font-style: italic;
            font-size: calc(40.93 * var(--s));
            line-height: calc(49.12 * var(--s));
            letter-spacing: -.01em;
            text-transform: uppercase;
            white-space: nowrap;
            color: #fff;
        }

        .zg-games__chev {
            display: flex;
            flex-direction: column;
            align-items: center;
            flex: none;
            width: calc(36 * var(--s));
            margin: 0 auto calc(15 * var(--s));
            color: #fff;
        }

        .zg-games__chev svg {
            display: block;
            animation: zg-chev-down 1.7s var(--zg-ease, ease) infinite;
        }

        .zg-games__chev svg:first-child {
            width: calc(26 * var(--s));
            height: calc(14.86 * var(--s));
        }

        .zg-games__chev svg:last-child {
            width: calc(36 * var(--s));
            height: calc(20.57 * var(--s));
            animation-delay: 90ms;
        }

        .zg-games__bloco+.zg-games__bloco {
            margin-top: calc(26 * var(--s));
        }

        .zg-games__grupo {
            display: flex;
            align-items: center;
            gap: calc(10 * var(--s));
            margin: 0 0 calc(13 * var(--s));
            font-family: var(--zg-display);
            font-weight: 800;
            font-style: italic;
            font-size: calc(19 * var(--s));
            line-height: 1;
            letter-spacing: .02em;
            text-transform: uppercase;
            color: #fff;
        }

        .zg-games__grupo::after {
            content: '';
            flex: 1;
            height: 1px;
            background: linear-gradient(90deg, rgba(105, 0, 255, .75), rgba(105, 0, 255, 0));
        }

        .zg-games__ponto {
            flex: none;
            width: calc(8 * var(--s));
            height: calc(8 * var(--s));
            border-radius: 999px;
            background: var(--zg-purple);
            box-shadow: 0 0 0 calc(3 * var(--s)) rgba(105, 0, 255, .25);
        }

        .zg-games__close {
            position: absolute;
            top: 18px;
            right: 18px;
            width: 42px;
            height: 42px;
            border-radius: 999px;
            border: 1px solid var(--zg-line);
            background: rgba(19, 0, 45, .72);
            color: rgba(255, 255, 255, .72);
            display: grid;
            place-items: center;
            cursor: pointer;
            transition: background-color var(--zg-t, .14s) ease, border-color var(--zg-t, .14s) ease, color var(--zg-t, .14s) ease, scale var(--zg-t, .14s) ease;
        }

        .zg-games__close svg {
            width: 20px;
            height: 20px;
        }

        .zg-games__close:hover {
            background: var(--zg-purple);
            border-color: var(--zg-purple);
            color: #fff;
            scale: 1.06;
        }

        .zg-games__close:active {
            scale: .94;
        }

        .zg-games__win {
            position: relative;
            display: flex;
            flex: 0 1 auto;
            min-height: 0;
        }

        .zg-games__scroll {
            flex: 1;
            min-height: 0;
            max-height: calc(486.5 * var(--s));
            overflow-y: auto;
            overscroll-behavior: contain;
            scrollbar-width: none;
        }

        .zg-games__scroll::-webkit-scrollbar {
            display: none;
        }

        /* Um var() dentro de outro custom property resolve no elemento que declarou,
   entao o tamanho do degrade tem de entrar direto no mask-image de cada estado. */

        .fade-topo>.zg-games__scroll {
            -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 var(--ft), #000 100%);
            mask-image: linear-gradient(180deg, transparent 0, #000 var(--ft), #000 100%);
        }

        .fade-fim>.zg-games__scroll {
            -webkit-mask-image: linear-gradient(180deg, #000 0, #000 calc(100% - var(--fb)), transparent 100%);
            mask-image: linear-gradient(180deg, #000 0, #000 calc(100% - var(--fb)), transparent 100%);
        }

        .fade-topo.fade-fim>.zg-games__scroll {
            -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 var(--ft), #000 calc(100% - var(--fb)), transparent 100%);
            mask-image: linear-gradient(180deg, transparent 0, #000 var(--ft), #000 calc(100% - var(--fb)), transparent 100%);
        }

        /* Barra propria: a nativa nao aparece no mobile e muda de cara em cada
   navegador. Fica fora do .zg-games__scroll, senao a mascara comeria ela. */

        .zg-games__bar {
            position: absolute;
            right: calc(-23 * var(--s));
            top: calc(22 * var(--s));
            bottom: calc(34 * var(--s));
            width: calc(6 * var(--s));
            border-radius: 999px;
            background: rgba(105, 0, 255, .2);
            opacity: 0;
            pointer-events: none;
            transition: opacity 220ms ease;
        }

        .zg-games__win.tem-rolagem .zg-games__bar {
            opacity: 1;
            pointer-events: auto;
        }

        .zg-games__bar i {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            border-radius: 999px;
            background: var(--zg-purple);
            box-shadow: 0 0 12px -2px rgba(105, 0, 255, .9);
            cursor: grab;
        }

        .zg-games__bar i:active {
            cursor: grabbing;
            background: #8a3bff;
        }

        .zg-games__grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: calc(17 * var(--s)) calc(10.5 * var(--s));
            align-items: start;
        }

        .zg-games__grid .zg-gamecard {
            aspect-ratio: 315 / 181;
            border-radius: calc(19.17 * var(--s));
            border-color: #0b001b;
            background: #0b001b;
        }

        .zg-games__grid .zg-category-art {
            aspect-ratio: auto;
            border: 0;
            border-radius: 0 0 calc(19.17 * var(--s)) calc(19.17 * var(--s));
            background: transparent;
            overflow: visible;
        }

        .zg-games__grid .zg-category-art .zg-gamecard__img {
            position: static;
            display: block;
            width: 100%;
            height: auto;
            object-fit: contain;
            border-radius: 0 0 calc(19.17 * var(--s)) calc(19.17 * var(--s));
            clip-path: inset(0 round 0 0 calc(19.17 * var(--s)) calc(19.17 * var(--s)));
            scale: 1;
            translate: 0 0;
            filter: brightness(1);
            transition: scale .22s var(--zg-out), translate .22s var(--zg-out), filter .22s ease;
        }

        .zg-games__grid .zg-category-art::after {
            content: none;
        }

        @media (hover: hover) and (pointer: fine) {
            .zg-games__grid .zg-category-art:hover .zg-gamecard__img {
                scale: 1.015;
                translate: 0 calc(-2 * var(--s));
                filter: brightness(1.05) drop-shadow(0 calc(7 * var(--s)) calc(10 * var(--s)) rgba(105, 0, 255, .28));
            }
        }

        .zg-games__grid .zg-gamecard__name {
            left: calc(18 * var(--s));
            top: calc(20 * var(--s));
            font-size: calc(27.33 * var(--s));
        }

        @media (max-width: 1023px) {
            .zg-games {
                padding: 42px 14px 22px;
            }
            .zg-games__stage {
                width: min(373px, 100%);
            }
            .zg-games__box {
                --s: calc(1cqw / 3.73);
                --ft: calc(34 * var(--s));
                --fb: calc(21 * var(--s));
                padding: calc(32 * var(--s)) calc(11 * var(--s)) calc(52 * var(--s)) calc(8 * var(--s));
            }
            .zg-games__box::before {
                inset: -22.27% -20.4% -24.55%;
                background-image: var(--zg-svg-games-mo);
                filter: drop-shadow(0 calc(3.71 * var(--s)) calc(76 * var(--s)) rgba(105, 0, 255, .8));
            }
            .zg-games__tag {
                left: 1.34%;
                top: calc(-25 * var(--s));
                width: 95.83%;
                height: calc(44.03 * var(--s));
                gap: calc(14.4 * var(--s));
            }
            .zg-games__tag::before {
                inset: -77.34% -7.33% -86.8%;
                background-image: var(--zg-svg-games-tag-mo);
                filter: drop-shadow(0 calc(2.08 * var(--s)) calc(36 * var(--s)) rgba(0, 0, 0, .66));
            }
            .zg-games__pad {
                width: calc(22.92 * var(--s));
                height: calc(16.81 * var(--s));
            }
            .zg-games__title {
                font-size: calc(21.3 * var(--s));
                line-height: calc(25.56 * var(--s));
            }
            .zg-games__chev {
                width: calc(21 * var(--s));
                margin-bottom: calc(12 * var(--s));
            }
            .zg-games__bloco+.zg-games__bloco {
                margin-top: calc(15 * var(--s));
            }
            .zg-games__grupo {
                font-size: calc(12.5 * var(--s));
                gap: calc(6 * var(--s));
                margin-bottom: calc(8 * var(--s));
            }
            .zg-games__ponto {
                width: calc(5 * var(--s));
                height: calc(5 * var(--s));
                box-shadow: 0 0 0 calc(2 * var(--s)) rgba(105, 0, 255, .25);
            }
            .zg-games__chev svg:first-child {
                width: calc(15.17 * var(--s));
                height: calc(8.67 * var(--s));
            }
            .zg-games__chev svg:last-child {
                width: calc(21 * var(--s));
                height: calc(12 * var(--s));
            }
            .zg-games__close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
            }
            .zg-games__close svg {
                width: 17px;
                height: 17px;
            }
            .zg-games__scroll {
                max-height: calc(265.5 * var(--s));
            }
            .zg-games__bar {
                right: calc(-9 * var(--s));
                top: calc(13 * var(--s));
                bottom: calc(20 * var(--s));
                width: calc(4 * var(--s));
            }
            .zg-games__grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: calc(9 * var(--s)) calc(10 * var(--s));
            }
            .zg-games__grid .zg-gamecard {
                aspect-ratio: 172 / 99;
                border-radius: calc(10.47 * var(--s));
            }
            .zg-games__grid .zg-category-art {
                aspect-ratio: auto;
                border-radius: 0 0 calc(10.47 * var(--s)) calc(10.47 * var(--s));
            }
            .zg-games__grid .zg-category-art .zg-gamecard__img {
                border-radius: 0 0 calc(10.47 * var(--s)) calc(10.47 * var(--s));
                clip-path: inset(0 round 0 0 calc(10.47 * var(--s)) calc(10.47 * var(--s)));
            }
            .zg-games__grid .zg-gamecard__name {
                left: calc(10 * var(--s));
                top: calc(11 * var(--s));
                font-size: calc(16.7 * var(--s));
            }
        }

        .zg-search__ghost {
            position: absolute;
            left: 79px;
            right: 40px;
            top: 50%;
            translate: 0 -50%;
            display: flex;
            align-items: center;
            gap: 2px;
            font-family: var(--zg-ui);
            font-size: 15.5px;
            line-height: 1.2;
            color: rgba(255, 255, 255, .5);
            pointer-events: none;
            white-space: nowrap;
            overflow: hidden;
        }

        .zg-search__ghost b {
            flex: none;
            width: 2px;
            height: 17px;
            border-radius: 1px;
            background: var(--zg-purple);
            box-shadow: 0 0 8px rgba(105, 0, 255, .9);
            animation: zg-caret 1s steps(1, end) infinite;
        }

        @keyframes zg-caret {
            0%,
            45% {
                opacity: 1;
            }
            46%,
            100% {
                opacity: 0;
            }
        }

        .zg-search__ghost.is-off {
            display: none;
        }

        @media (max-width: 1023px) {
            .zg-search__ghost {
                left: 52.5px;
                right: 30px;
                font-size: 13.341px;
            }
            .zg-search__ghost b {
                height: 14px;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .zg-games__veil,
            .zg-games__box {
                transition: none;
            }
            .zg-games__chev svg {
                animation: none;
            }
            .zg-search__ghost b {
                animation: none;
            }
        }

        /* Ajustes locais do conteúdo do rodapé. */

        .zg-footer .zg-footer__inner {
            gap: 28px;
            transform: none;
        }

        .zg-footer .zg-footer__inner>div {
            min-width: 0;
        }

        .zg-footer .zg-footer-logo {
            display: block;
            width: 170px;
            max-width: 100%;
            margin: -14px 0 16px;
        }

        .zg-footer .zg-footer-logo svg {
            display: block;
            width: 100%;
            height: auto;
        }

        .zg-footer-intro {
            padding-right: 16px;
            font-family: var(--zg-ui);
        }

        .zg-footer-intro__title {
            font-size: 17px;
            font-weight: 700;
            line-height: 1.45;
            margin: 0 0 12px;
        }

        .zg-footer-intro__text {
            font-size: 14px;
            line-height: 1.65;
            opacity: .7;
            margin: 0 0 20px;
        }

        .zg-footer-categories {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 11px 14px;
            border: 1px solid rgba(105, 0, 255, .55);
            border-radius: 10px;
            background: rgba(105, 0, 255, .14);
            font: 600 14px/1.4 var(--zg-ui);
        }

        .zg-footer .zg-footer__links a {
            display: flex;
            align-items: flex-start;
            gap: 10px;
        }

        .zg-footer .zg-footer__links span {
            min-width: 0;
            overflow-wrap: anywhere;
        }

        .zg-footer .zg-footer-icon {
            display: block;
            width: 18px;
            height: 18px;
            flex: 0 0 18px;
            margin-top: 2px;
            color: #a86aff;
        }

        .zg-footer .zg-support {
            gap: 10px;
            max-width: 100%;
            padding-inline: 12px;
        }

        .zg-footer .zg-support .zg-footer-icon {
            margin: 0;
            color: inherit;
        }

        .zg-footer .zg-footer__social {
            flex-wrap: wrap;
        }

        .zg-footer-legal {
            display: flex;
            flex-wrap: wrap;
            gap: 14px 24px;
            padding-top: 32px;
            font: 500 12px/1.6 var(--zg-ui);
            color: rgba(255, 255, 255, .7);
        }

        .zg-footer-legal button {
            font: inherit;
            color: inherit;
            text-align: left;
        }

        .zg-footer .zg-copy {
            margin-top: 26px;
        }

        .zg-footer :is(a, button):focus-visible {
            outline: 2px solid #a86aff;
            outline-offset: 4px;
        }

        @media (hover: hover) and (prefers-reduced-motion: no-preference) {
            .zg-footer .zg-footer-icon,
            .zg-footer__social svg {
                transition: transform 240ms ease, filter 240ms ease;
            }
            .zg-footer a:hover .zg-footer-icon,
            .zg-footer button:hover .zg-footer-icon {
                transform: translateY(-2px) rotate(-6deg);
                filter: drop-shadow(0 0 4px rgba(168, 106, 255, .35));
            }
            .zg-footer__social a:hover svg {
                transform: translateY(-2px) rotate(-6deg);
            }
        }

        @media (max-width: 1100px) {
            .zg-footer .zg-footer__inner {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 36px;
            }
            .zg-footer .zg-footer__inner> :last-child {
                grid-column: auto;
            }
        }