.sc-placeholder{background:color-mix(in srgb,currentColor 8%,transparent);
      border:1px solid color-mix(in srgb,currentColor 50%,transparent);
      border-radius:2px;box-sizing:border-box;overflow:hidden}
    @keyframes sc-shine{0%{background-position:100% 50%}100%{background-position:0% 50%}}
    html.sc-dc-streaming .sc-placeholder,
    html.sc-dc-streaming .sc-interp.sc-missing{position:relative;
      background:color-mix(in srgb,currentColor 5%,transparent);
      border-color:transparent}
    html.sc-dc-streaming .sc-placeholder::before,
    html.sc-dc-streaming .sc-interp.sc-missing::before{content:'';
      position:absolute;inset:0;pointer-events:none;
      background:linear-gradient(90deg,rgba(217,119,87,0) 25%,rgba(247,225,211,.95) 37%,rgba(217,119,87,0) 63%);
      background-size:400% 100%;animation:sc-shine 1.4s ease infinite}
    html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before,
    html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before{animation:none;
      background:color-mix(in srgb,currentColor 8%,transparent)}
    .sc-placeholder-error{padding:4px 8px;font:11px/1.4 ui-monospace,monospace;
      color:color-mix(in srgb,currentColor 70%,transparent);word-break:break-word}
    .sc-interp.sc-missing{display:inline-block;width:2em;height:1em;overflow:hidden;
      vertical-align:text-bottom;background:rgba(255,255,255,.3);border:1px solid rgba(0,0,0,.5);
      border-radius:2px;box-sizing:border-box;color:transparent;
      user-select:none}
    .sc-interp.sc-unresolved{font-family:ui-monospace,monospace;font-size:.85em;
      color:color-mix(in srgb,currentColor 50%,transparent);
      background:color-mix(in srgb,currentColor 10%,transparent);border-radius:3px;
      padding:0 3px}
    .sc-host.sc-has-error{position:relative}
    .sc-logic-error{position:absolute;top:8px;left:8px;z-index:2147483647;max-width:60ch;
      padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
      border-radius:4px;white-space:pre-wrap;pointer-events:none}
    /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts — keep both
       in sync until dc-runtime regains a build step. */
    @media print {
      @page { margin: 0.5cm; }
      figure, table { break-inside: avoid; }
      #dc-root, #dc-root > .sc-host { height: auto; }
      *, *::before, *::after {
        print-color-adjust: exact; -webkit-print-color-adjust: exact;
        backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
        animation-delay: -99s !important; animation-duration: .001s !important;
        animation-iteration-count: 1 !important; animation-fill-mode: both !important;
        animation-play-state: running !important; transition-duration: 0s !important;
      }
    }
  
x-dc{display:none!important}

/* barra antiga some: fica só a forma do Figma */
html body .nv .nvi.nvi-c,html body .znav-in,html body .m-nv{background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:0!important;overflow:visible!important}
html body .nvi.nvi-c::before,html body .m-nv::before,html body .znav-in::before{display:none!important}
html body .nv .nvi.nvi-c,html body .znav-in{height:68px!important}
html body .m-nv{height:54px!important}
@media (max-width:900px){html body .znav-in{height:54px!important}}
html body .ib-forma{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;z-index:0;pointer-events:none;filter:drop-shadow(0 8px 12px rgba(0,0,0,.55))}
html body .nvi.nvi-c>*:not(.ib-forma),html body .m-nv>*:not(.ib-forma),html body .znav-in>*:not(.ib-forma){position:relative;z-index:2}
/* logo na frente, sentada no recorte (no Figma: 150 de largura e 10 acima da barra de 80; aqui na mesma proporção) */
html body .nv .nvi.nvi-c>.nv-meio,html body .m-nv>.m-lg,html body .znav-in>.znav-logo{position:absolute!important;left:50%!important;top:-8.5px!important;width:127.5px!important;transform:none!important;translate:-50% 0!important;z-index:30!important;display:block!important;
  filter:drop-shadow(0 8px 6px rgba(0,0,0,.55));transition:scale .5s cubic-bezier(.4,0,.2,1)!important}
html body .m-nv>.m-lg{top:-6.75px!important;width:101px!important}
@media (max-width:900px){html body .znav-in>.znav-logo{top:-6.75px!important;width:101px!important}}
html body .nv .nv-meio .zlogo.z3d,html body .m-nv .m-lg .zlogo.z3d,html body .znav-logo img{display:block!important;width:100%!important;height:auto!important;margin:0!important;filter:none!important;animation:none!important;transform:none!important}
/* igual à Lunar Shop: cresce 10% a partir do centro em 0,3 s */
html body .nv .nvi.nvi-c>.nv-meio:hover,html body .m-nv>.m-lg:hover,html body .znav-in>.znav-logo:hover{scale:1.1}
/* espelho: um reflexo passa pela logo quando o mouse entra */
html body .nv-meio::after,html body .m-lg::after,html body .znav-logo::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;
  -webkit-mask:url(https://zath-prototipo.zathbux.workers.dev/logo-infinity.webp) center/100% 100% no-repeat;mask:url(https://zath-prototipo.zathbux.workers.dev/logo-infinity.webp) center/100% 100% no-repeat;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.75) 50%,transparent 60%) no-repeat;background-size:250% 100%;background-position:100% 0;animation:none}
html body .nv-meio:hover::after,html body .m-lg:hover::after,html body .znav-logo:hover::after{background-position:0 0;transition:background-position .5s cubic-bezier(.4,0,.2,1)}
/* ícones: só o ícone, sem fundo, sem borda e sem brilho */
html body .nv .nv-esq .nbt,html body .nv .nv-dir .nbt,html body .nv .nbt,html body .m-nv .nbt,html body .znav .znav-bt{background:none!important;border:0!important;box-shadow:none!important;transition:opacity .25s}
html body .nv .nv-esq .nbt:hover,html body .nv .nv-dir .nbt:hover,html body .m-nv .nbt:hover,html body .znav .znav-bt:hover{background:none!important;box-shadow:none!important;opacity:.75}
html body .nbt::before,html body .nbt::after,html body .znav-bt::before,html body .znav-bt::after{display:none!important}
/* vidro atrás da forma */
html body .ib-vidro{position:absolute!important;inset:0;z-index:0!important;pointer-events:none;-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%)}
/* entrada suave ao abrir; ao rolar ela fica no lugar, só diminui um pouco e se afasta da borda */
html body .nv .nvi.nvi-c,html body .znav-in,html body .m-nv{transition:scale 1s cubic-bezier(.4,0,.2,1),translate 1s cubic-bezier(.4,0,.2,1);animation:ibAparece 1.1s .15s cubic-bezier(.22,1,.36,1) backwards}
@keyframes ibAparece{from{opacity:0;translate:0 -12px}}
html.ib-rolou body .nv .nvi.nvi-c,html.ib-rolou body .znav-in,html.ib-rolou body .m-nv{scale:.985;translate:0 3px}
html body .ib-forma{filter:drop-shadow(0 14px 22px rgba(0,0,0,.6))}
@media (prefers-reduced-motion:reduce){html body .nv .nvi.nvi-c,html body .znav-in,html body .m-nv{animation:none!important;transition:none!important}}
/* sem sombra vermelha no banner e no painel (dono, 27/10): sombra escura neutra e borda discreta */
html body .bn,html body .m-sl,html body .m-tr,html body .rbx-cta,html body .rbx-card{box-shadow:0 18px 40px rgba(0,0,0,.45)!important;border-color:rgba(255,255,255,.08)!important}
html body .rbx-cta-go,html body .rbx-go{box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 20px rgba(0,0,0,.4)!important}
/* fundo liso (dono, 27/10): sem manchas vermelhas, sem grade de pontos e sem granulado; escuro em cima e vermelho fechado só embaixo */
html body .pg::before{background:linear-gradient(180deg,#05060a 0%,#05060a 50%,#140306 80%,#260509 100%)!important;filter:none!important;animation:none!important}
html body .pg::after,html body .au{display:none!important}
html body .pg{background:linear-gradient(180deg,#05060a 0%,#05060a 50%,#140306 80%,#260509 100%) fixed!important}
/* carrossel no formato do banner */
html body .bn{aspect-ratio:16/5!important}html body .m-sl{aspect-ratio:16/5!important}html body .m-dots,html body .d-arr{display:none!important}


/* Base da marca: mude a cor aqui e ela muda no site todo. */
:root{--z-bg:#01040B;--z-card:#110709;--z-line:#2a1013;--z-line-2:#3a1519;--z-roxo:#d00018;--z-roxo-2:#e3142a;--z-lilas:#ff7a85;--z-lilas-2:#ffc0c6;--z-muted:#a99a9c;--z-texto:#f3eeee;--z-pix:#32BCAD}

body{margin:0}
html{scroll-behavior:smooth;scroll-padding-top:0}
a{color:inherit;text-decoration:none}
.pg{position:relative;overflow-x:clip;min-height:100vh;background-color:var(--z-bg);background-image:radial-gradient(ellipse 75% 520px at 88% -4%,rgba(208,0,24,0.55),transparent 72%),radial-gradient(ellipse 65% 600px at 2% 20%,rgba(120,0,15,0.36),transparent 72%),radial-gradient(ellipse 70% 600px at 98% 80%,rgba(230,20,40,0.28),transparent 72%),linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:auto,auto,auto,48px 48px,48px 48px;color:var(--z-texto);font-family:'Manrope',system-ui,sans-serif;line-height:1.6}
.nv{position:relative;z-index:12;padding:12px 16px}
.nvi{max-width:1368px;margin:0 auto;box-sizing:border-box;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border:1px solid rgba(243,238,238,0.10);border-radius:20px;background:rgba(17,7,9,0.6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.07),0 10px 30px rgba(0,0,0,0.35);padding:11px 24px}
.nl{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-weight:700;border-radius:999px}
.nl:focus-visible,.tab:focus-visible,.ti:focus-visible{outline:2px solid var(--z-lilas);outline-offset:2px}
.bc{display:flex;align-items:center;gap:8px;color:var(--z-muted);font-size:14px;margin-bottom:14px}

h1.t{font-family:'Unbounded',sans-serif;font-weight:700;font-size:clamp(28px,4vw,44px);letter-spacing:-0.03em;line-height:1.1;margin:0}
.up{color:var(--z-muted);font-size:14px;margin-top:10px}
.tabs{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 34px}
.tab{min-height:44px;padding:0 20px;border-radius:12px;border:1px solid var(--z-line);background:rgba(10,5,7,0.8);color:#d6cdce;font:700 14px 'Manrope',sans-serif;cursor:pointer;transition:border-color .2s,background .2s,color .2s}

.tab.on{border-color:var(--z-roxo);background:#2b0a0d;color:#fff}
.lay{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}
.tc{position:sticky;top:24px;border:1px solid var(--z-line);border-radius:16px;background:rgba(10,5,7,0.9);padding:10px}
.tc b{display:block;font:700 11px 'Manrope',sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:8px 10px 8px;color:#8A93AE}
.ti{display:grid;grid-template-columns:30px 1fr;align-items:baseline;padding:9px 10px;border-radius:10px;color:var(--z-muted);font-size:14px}
.ti span{font-size:12px;color:#6F7894;font-variant-numeric:tabular-nums}

.doc{border:1px solid var(--z-line);border-radius:16px;background:rgba(10,5,7,0.9);padding:4px 38px 20px}
.ds{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 14px;padding:30px 0;border-top:1px solid var(--z-line);scroll-margin-top:120px}
.ds:first-child{scroll-margin-top:700px}
.ds .n{font:500 13px 'Manrope',sans-serif;color:#8A93AE;padding-top:6px;font-variant-numeric:tabular-nums}
.ds:first-child{border-top:0}
.ds h2{font:700 21px/1.3 'Manrope',sans-serif;letter-spacing:-0.015em;margin:0 0 12px}
.ds p{margin:0 0 12px;color:#d6cdce;max-width:66ch}
.ds ul{margin:0 0 12px;padding-left:20px;color:#d6cdce;max-width:68ch}
.ds li{margin:6px 0}
.ct{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;border:1px solid var(--z-line);border-radius:16px;background:rgba(10,5,7,0.9)}
.ct p{margin:0;color:#d6cdce;max-width:52ch}
.ct p b{display:block;color:var(--z-texto);font-size:17px;margin-bottom:2px}
.ct a.ct-b{display:inline-flex;align-items:center;text-decoration:none}
.ct button,.ct a.ct-b{min-height:46px;padding:0 24px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--z-roxo),var(--z-roxo-2));color:#fff;font:700 15px 'Manrope',sans-serif;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,0.2)}

.ct button:focus-visible{outline:2px solid var(--z-lilas);outline-offset:3px}
@media (max-width:860px){.lay{grid-template-columns:1fr}.tc{position:static}.doc{padding:6px 20px 22px}}

/* celular: pílula flutuante embaixo, igual à Homepage */
.mbnv{display:none;position:fixed;left:12px;right:12px;top:calc(12px + env(safe-area-inset-top));z-index:40;grid-template-columns:auto auto;justify-content:space-between;align-items:center;gap:6px;padding:10px 10px 10px 20px;border:1px solid rgba(208,0,24,0.40);border-radius:22px;background:rgba(17,7,9,0.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 12px 34px rgba(0,0,0,0.55),0 6px 24px rgba(208,0,24,0.22);font-family:'Manrope',system-ui,sans-serif;color:var(--z-texto)}
.mbnv a{color:inherit;text-decoration:none}
.mb-ib{display:grid;place-items:center;width:44px;height:44px;border-radius:50%}

.mb-ib:focus-visible,.mb-lg:focus-visible{outline:2px solid var(--z-lilas);outline-offset:2px}
.mb-lg{display:inline-flex;align-items:center;gap:7px;font:700 14px 'Unbounded',sans-serif;white-space:nowrap}
@media (max-width:640px){
header.nv{display:none!important}
.mbnv{display:grid}
.pg{padding-top:calc(84px + env(safe-area-inset-top))}
.g5{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.g5 .pb{padding:10px!important;gap:8px!important}
.g5 .pn{font-size:13px!important}
.g5 .pp{font-size:16px!important}
.g5 .buy{font-size:13px!important;min-height:40px!important;padding:8px!important}
}
*{-webkit-tap-highlight-color:transparent}
.zlogo{display:block;height:42px;width:auto}.zname{margin-left:12px;font:700 17px 'Manrope',system-ui,sans-serif;color:var(--z-texto);white-space:nowrap}.zver{flex:none;width:18px;height:18px;margin-left:6px}.nv .zver{width:20px;height:20px;margin-left:7px;filter:drop-shadow(0 0 6px rgba(208,0,24,0.65))}@media (max-width:640px){.zlogo{height:36px}.zname{margin-left:5px;font-size:17px}.zver{width:22px;height:22px;margin-left:1px;filter:drop-shadow(0 0 6px rgba(208,0,24,0.65))}}

/* navbar igual à da Homepage */
.nbt{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid rgba(255,255,255,0.06);border-radius:10px;background:rgba(250,250,250,0.05);color:var(--z-texto);font:600 14px 'Manrope',sans-serif;cursor:pointer}
.nbt-c{border:0;color:#fff;background:linear-gradient(135deg,var(--z-roxo),var(--z-roxo-2));box-shadow:inset 0 1px 0 rgba(255,255,255,0.22),0 8px 22px rgba(208,0,24,0.35)}
.tmw{display:none}
.tmw:target{display:block;position:fixed;top:0;left:0;right:0;z-index:50}
.tm-bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:50;background:rgba(1,4,11,0.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.tm{position:fixed;top:0;left:0;right:0;z-index:51;box-sizing:border-box;padding:16px 16px 28px;background:var(--z-card);border-bottom:1px solid var(--z-line);border-radius:0 0 24px 24px;box-shadow:0 24px 60px rgba(0,0,0,0.55);font-family:'Manrope',system-ui,sans-serif;color:var(--z-texto)}
.tm-h{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 16px}
.tm-h b{font:700 18px 'Unbounded',sans-serif}
.tm-x{width:40px;height:40px;border-radius:50%;color:var(--z-texto);display:grid;place-items:center}
.tm-n{display:flex;flex-direction:column;gap:10px;padding:0 8px}
.tm-i{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;min-height:48px;padding:0 16px;border:1px solid var(--z-line);border-radius:12px;background:rgba(255,255,255,0.03);color:var(--z-texto);font:600 15px 'Manrope',sans-serif;text-align:left;cursor:pointer}
.bkw{position:relative;z-index:2;width:100%;box-sizing:border-box;max-width:1100px;margin:0 auto;padding:4px 24px 0}
.bk{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 10px;border:1px solid var(--z-line);border-radius:10px;background:rgba(17,7,9,0.7);color:var(--z-texto);font:600 14px 'Manrope',sans-serif}
.nbt:focus-visible,.tm-x:focus-visible,.tm-i:focus-visible,.bk:focus-visible{outline:2px solid var(--z-lilas);outline-offset:2px}
/* z-acab */button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--z-lilas);outline-offset:2px}a,button{-webkit-tap-highlight-color:transparent}a:active,button:active:not(:disabled){filter:brightness(.88)}

/* logo igual à da referência: contorno escuro na própria imagem e uma sombra suave embaixo */
.zlogo{filter:drop-shadow(0 4px 20px rgba(0,0,0,.6))}

/* barra única do site (igual à da página inicial, no padrão da Lunar Shop): pílula fina, logo solta no centro numa camada acima */
.znav{position:sticky;top:0;z-index:30;padding:12px 16px}
.znav-in{position:relative;max-width:1368px;margin:0 auto;height:64px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-radius:999px;background:rgba(12,14,18,.62);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px -10px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.znav-in::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(90deg,rgba(208,0,24,.55),rgba(255,255,255,.12),rgba(208,0,24,.30));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.75;pointer-events:none}
.znav-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;transition:transform .3s}
.znav-logo:hover{transform:translate(-50%,-50%) scale(1.1)}
.znav-logo img{display:block;height:72px;width:auto;filter:drop-shadow(0 8px 10px rgba(0,0,0,.7)) drop-shadow(0 2px 2px rgba(0,0,0,.5)) drop-shadow(0 0 14px rgba(208,0,24,.3))}
.znav-dir{display:flex;align-items:center;gap:4px}
.znav-bt{display:inline-flex;align-items:center;justify-content:center;height:36px;min-width:36px;box-sizing:border-box;padding:0 8px;border-radius:999px;color:#fff;font:500 14px 'Manrope',sans-serif;text-decoration:none;transition:background .2s}
.znav-bt:hover{background:rgba(255,255,255,.10)}
.znav-bt:focus-visible{outline:2px solid #ff7a85;outline-offset:2px}
.znav-dc svg{color:#8A96FF}
.znav-rot{display:inline-block;max-width:0;overflow:hidden;opacity:0;transform:translateX(-8px);white-space:nowrap;transition:max-width .5s cubic-bezier(.25,1,.5,1),opacity .5s,transform .5s,margin .5s}
.znav-bt:hover .znav-rot,.znav-bt:focus-visible .znav-rot{max-width:140px;opacity:1;transform:none;margin-left:8px}
/* logado (sessão do Discord neste navegador): Entrar vira Minha conta */
.znav-conta{display:none}.zlog .znav-conta{display:inline-flex}.zlog .znav-entrar{display:none}
@media (max-width:760px){
.znav{padding:10px 12px}
.znav-in{height:48px;padding:0 8px;background:rgba(12,14,18,.72)}
.znav-logo img{height:56px}
.znav-logo img{height:52px}
.znav-rot{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pg{padding-top:0!important}
}
@media (prefers-reduced-motion:reduce){.znav-logo,.znav-rot{transition:none}}

/* menu (gaveta): entra pela esquerda; abre com #zmenu e fecha com #fechar. Grupos, ícones em pastilhas e seta que desliza */
.zmenu{display:none;position:fixed;inset:0;z-index:2000}
.zmenu:target{display:block}
.zmenu-bg{position:absolute;inset:0;background:rgba(1,4,11,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:zmFade .3s ease-out}
.zmenu-p{position:relative;width:86%;max-width:340px;height:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden auto;border-radius:0 26px 26px 0;border-right:1px solid rgba(208,0,24,.28);background:linear-gradient(180deg,rgba(30,6,10,.96),rgba(9,5,7,.97) 38%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:24px 0 60px rgba(0,0,0,.5);animation:zmIn .38s cubic-bezier(.16,1,.3,1)}
.zmenu-p::before{content:"";position:absolute;left:-40px;top:-60px;width:260px;height:220px;background:radial-gradient(closest-side,rgba(240,40,60,.35),transparent);pointer-events:none}
.zmenu-h{position:relative;display:flex;align-items:center;justify-content:space-between;padding:20px 16px 14px 20px}
.zmenu-mk{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}
.zmenu-mk img{height:40px;width:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}
.zmenu-mk span{display:flex;flex-direction:column;min-width:0}
.zmenu-mk b{color:#fff;font:700 16px 'Unbounded',sans-serif;letter-spacing:-.01em}
.zmenu-mk small{color:#a99a9c;font:500 12px 'Manrope',sans-serif}
.zmenu-x{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.08);color:#d6cdce;transition:background .2s,color .2s,transform .2s}
.zmenu-x:hover{background:rgba(255,255,255,.07);color:#fff;transform:rotate(90deg)}
.zm-conta{position:relative;display:flex;align-items:center;gap:12px;margin:4px 14px 6px;padding:12px;border-radius:16px;border:1px solid rgba(208,0,24,.35);background:linear-gradient(135deg,rgba(208,0,24,.22),rgba(208,0,24,.06));text-decoration:none}
.zm-conta div{flex:1;min-width:0;display:flex;flex-direction:column}
.zm-conta b{color:#fff;font:700 14px 'Manrope',sans-serif}
.zm-conta small{color:#d9b3b7;font-size:12px;line-height:1.35}
.zm-av{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:rgba(1,4,11,.5);color:#ffc0c6}
.zm-entrar{flex:none;padding:8px 14px;border-radius:10px;background:linear-gradient(135deg,#d00018,#e3142a);color:#fff;font:700 13px 'Manrope',sans-serif;text-decoration:none;box-shadow:0 6px 16px rgba(208,0,24,.35)}
.zm-conta-on .zm-seta{color:#ffc0c6}
.zmenu-l{position:relative;display:flex;flex-direction:column;gap:2px;padding:6px 12px 10px}
.zm-g{margin:14px 10px 6px;color:#8c7b7e;font:700 11px 'Manrope',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.zmenu-l a{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:14px;color:#e6dfe0;font:600 15px 'Manrope',sans-serif;text-decoration:none;transition:background .2s,color .2s;animation:zmItem .4s cubic-bezier(.16,1,.3,1) backwards}
.zmenu-l a:nth-of-type(1){animation-delay:.04s}.zmenu-l a:nth-of-type(2){animation-delay:.07s}.zmenu-l a:nth-of-type(3){animation-delay:.1s}.zmenu-l a:nth-of-type(4){animation-delay:.13s}.zmenu-l a:nth-of-type(5){animation-delay:.16s}.zmenu-l a:nth-of-type(6){animation-delay:.19s}.zmenu-l a:nth-of-type(7){animation-delay:.22s}
.zm-ic{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:rgba(208,0,24,.14);border:1px solid rgba(208,0,24,.25);color:#ff7a85;transition:background .2s,color .2s,transform .2s}
.zm-tx{flex:1;min-width:0}
.zm-seta{flex:none;color:#5e4a4d;transition:transform .2s,color .2s}
.zmenu-l a:hover{background:rgba(255,255,255,.045);color:#fff}
.zmenu-l a:hover .zm-ic{background:#d00018;border-color:#e3142a;color:#fff;transform:scale(1.05)}
.zmenu-l a:hover .zm-seta,.zm-conta-on:hover .zm-seta,.zmenu-dc:hover .zm-seta{transform:translateX(3px);color:#fff}
.zmenu-c{margin-top:auto;padding:8px 14px 10px}
.zmenu-dc{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#5865F2,#4752C4);color:#fff;text-decoration:none;box-shadow:0 10px 24px rgba(88,101,242,.32);transition:transform .2s,filter .2s}
.zmenu-dc:hover{transform:translateY(-1px);filter:brightness(1.08)}
.zm-dci{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.16)}
.zm-dci svg{width:22px;height:22px;color:#fff}
.zmenu-dc .zm-tx{display:flex;flex-direction:column}
.zmenu-dc b{font:700 15px 'Manrope',sans-serif}
.zmenu-dc small{color:rgba(255,255,255,.78);font-size:12px}
.zmenu-dc .zm-seta{color:rgba(255,255,255,.7)}
.zmenu-f{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px 18px;color:#7a6266;font-size:12px}
.zm-ig{display:inline-flex;align-items:center;gap:6px;color:#a99a9c;text-decoration:none;transition:color .2s}
.zm-ig:hover{color:#fff}
.zmenu a:focus-visible{outline:2px solid #ff7a85;outline-offset:2px}
.zmenu-conta{display:none!important}.zlog .zmenu-conta{display:flex!important}.zlog small.zmenu-conta{display:block!important}.zlog .zmenu-entrar{display:none!important}
@keyframes zmIn{from{transform:translateX(-100%)}to{transform:none}}
@keyframes zmFade{from{opacity:0}to{opacity:1}}
@keyframes zmItem{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.zmenu-p,.zmenu-bg,.zmenu-l a{animation:none}}

html,body{overflow-x:hidden;overflow-x:clip;max-width:100%}
@media (max-width:760px){html,body{touch-action:pan-y pinch-zoom}}

/* rodapé da inicial */
@media (max-width: 640px) {
  .zf { margin-top: 56px !important; }
  .zf-in { padding: 32px 16px 24px !important; }
  .zf-g { grid-template-columns: 1fr 1fr !important; gap: 24px 16px !important; }
  .zf-marca { grid-column: 1 / -1; }
  .zf .fl { padding: 7px 0px; font-size: 14px; }
  .zf .fh { margin-bottom: 6px; }
}
.fl { display: block; color: var(--z-muted); padding: 11px 0px; font-size: 15px; }
.fh { font-family: Unbounded, sans-serif; font-weight: 500; font-size: 14px; margin-bottom: 12px; }
@media (max-width: 640px) {
  .zf { padding-bottom: 64px; }
}