/* Atlas Growth · base dos modelos Profissional (R$ 3.000) e Premium (R$ 4.500) */
*,*::before,*::after{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
@media (min-width:1000px){html{scroll-behavior:smooth}}
:root{--curva:cubic-bezier(.16,.84,.28,1);--raio:22px;--env:min(1320px,92vw)}
body{background:var(--bg);color:var(--ink);font-family:var(--ft);font-size:clamp(1rem,.95rem + .25vw,1.08rem);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
::selection{background:var(--accent);color:var(--accent-ink)}
h1,h2,h3,h4{font-family:var(--fd);font-weight:var(--fd-w,500);line-height:1.02;letter-spacing:var(--fd-ls,-.035em);text-wrap:balance;color:var(--ink)}
h1{font-size:clamp(2.8rem,1.2rem + 6.2vw,7.4rem)}
h2{font-size:clamp(2.1rem,1.3rem + 3vw,4.4rem)}
h3{font-size:clamp(1.18rem,1.05rem + .45vw,1.5rem);line-height:1.18}
p{margin:0}
.apagada{color:var(--ink-2);font-weight:var(--fd-w-light,300)}
.mono{font-family:var(--fm);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase}
.lead{color:var(--ink-2);font-size:clamp(1.05rem,.98rem + .35vw,1.28rem);max-width:58ch}
.env{width:var(--env);margin-inline:auto}
section{position:relative;padding:clamp(5rem,3rem + 7vw,10rem) 0}
.cab{display:flex;flex-direction:column;gap:18px;max-width:66ch;margin-bottom:clamp(2.4rem,2rem + 2.4vw,4.4rem)}
.cab .botao{align-self:flex-start}
.papel{--bg:var(--p-bg);--ink:var(--p-ink);--ink-2:var(--p-ink-2);--line:var(--p-line);--line-forte:var(--p-line-forte);--card:var(--p-card);--sob:var(--p-sob);--accent-txt:var(--p-accent-txt);background:var(--bg);color:var(--ink)}
.rotulo{display:inline-flex;align-items:center;gap:12px;font-family:var(--fm);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2)}
.rotulo::after{content:"";width:44px;height:1px;background:linear-gradient(90deg,transparent,var(--accent))}
.rotulo i{order:2;width:8px;height:8px;border-radius:50%;margin-left:-12px;background:var(--bg);box-shadow:0 0 0 1.5px var(--accent),0 0 12px 2px var(--glow)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* selo e topo */
.selo{position:relative;z-index:95;background:var(--ink);color:var(--bg);font-family:var(--fm);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:7px 4vw}
.selo a{text-decoration:underline}
.topo{position:sticky;top:0;z-index:90;height:74px;display:flex;align-items:center;background:var(--topo-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:transform .45s var(--curva)}
.topo.escondido{transform:translateY(-100%)}
.topo .env{display:flex;align-items:center;justify-content:space-between;gap:20px}
.marca{display:flex;align-items:center;gap:10px;font-family:var(--fd);font-size:1.18rem;letter-spacing:-.01em;font-weight:var(--fd-w,500)}
.marca svg{width:28px;height:28px;color:var(--accent)}
.marca .apagada{font-weight:300}
.menu{display:flex;align-items:center;gap:clamp(16px,1.7vw,30px);font-size:.92rem}
.menu a{color:var(--ink-2);transition:color .25s;position:relative}
.menu a:hover,.menu a[aria-current=page]{color:var(--ink)}
.menu a[aria-current=page]::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--accent)}
.menu a.botao{color:var(--accent-ink)}
.menu a.botao::after{display:none}
.abrir{display:none;border:1px solid var(--line-forte);border-radius:999px;padding:8px 16px;font-size:.85rem}
@media (max-width:1180px){
  .menu{position:absolute;top:74px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--bg);border-bottom:1px solid var(--line);padding:6px 6vw 22px;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .3s,transform .3s}
  .menu.aberto{opacity:1;transform:none;pointer-events:auto}
  .menu a{padding:15px 0;border-bottom:1px solid var(--line);font-size:1.05rem}
  .menu a[aria-current=page]::after{display:none}
  .menu .botao{margin-top:16px;justify-content:center;border-bottom:0}
  .abrir{display:block}
}

/* botoes */
.botao{display:inline-flex;align-items:center;gap:12px;border-radius:999px;font-weight:600;font-size:.95rem;padding:7px 7px 7px 22px;border:1px solid transparent;transition:transform .35s var(--curva),box-shadow .35s,background .3s,border-color .3s;white-space:nowrap}
.botao .ic{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none}
.botao .ic svg{width:18px;height:18px}
.b-cheio{background:var(--accent);color:var(--accent-ink)}
.b-cheio .ic{background:var(--accent-ink);color:var(--accent)}
.b-cheio:hover{transform:translateY(-2px);box-shadow:0 14px 34px -12px var(--glow)}
.b-linha{border-color:var(--line-forte);color:var(--ink);padding:14px 24px}
.b-linha:hover{border-color:var(--ink)}
.b-peq{padding:5px 5px 5px 16px;font-size:.86rem}.b-peq .ic{width:30px;height:30px}

/* midia: arte por codigo ate a foto real chegar */
.midia{position:relative;overflow:hidden;background:var(--sob);border-radius:var(--raio)}
.midia canvas.arte,.midia>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.midia>img{animation:entraFoto .8s var(--curva) both}
@keyframes entraFoto{from{opacity:0}to{opacity:1}}
.midia .arq{position:absolute;z-index:2;left:12px;bottom:12px;font-family:var(--fm);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);border-radius:999px;padding:5px 10px}
.midia.com-foto .arq{display:none}
.r169{aspect-ratio:16/9}.r43{aspect-ratio:4/3}.r45{aspect-ratio:4/5}.r11{aspect-ratio:1}.r32{aspect-ratio:3/2}

/* palavra a palavra */
.pal{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.pal>span{display:inline-block;transform:translateY(108%);transition:transform 1.15s var(--curva)}
[data-palavras].on .pal>span{transform:none}

/* surgir */
.surge{opacity:0;transform:translateY(26px);transition:opacity 1s var(--curva),transform 1s var(--curva)}
.surge.visivel{opacity:1;transform:none}

/* heroi do Profissional */
.hero{padding:clamp(3rem,2rem + 4vw,6rem) 0 clamp(3rem,2rem + 3vw,5rem);overflow:hidden}
.hero h1{margin:22px 0 26px}
.hero .acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero-faixa{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(1.5rem,1rem + 3vw,4rem);align-items:end}
@media (max-width:900px){.hero-faixa{grid-template-columns:1fr}}
.hero-midia{margin-top:clamp(2.5rem,2rem + 3vw,4.5rem);height:clamp(320px,52vw,680px);border-radius:28px}
.hero-midia canvas.arte,.hero-midia>img{inset:-8% 0;height:116%}
.hero-meta{display:flex;flex-wrap:wrap;gap:10px 28px;color:var(--ink-2);font-size:.9rem;margin-top:22px}
.hero-meta span{display:flex;gap:8px;align-items:center}.hero-meta span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}

/* faixa que corre */
.corre{overflow:hidden;border-block:1px solid var(--line);padding:22px 0;white-space:nowrap}
.corre div{display:inline-flex;gap:48px;animation:corre 38s linear infinite;font-family:var(--fd);font-size:clamp(1.4rem,1rem + 1.6vw,2.4rem);color:var(--ink-2)}
.corre div span::after{content:"✦";margin-left:48px;color:var(--accent-txt);font-size:.6em;vertical-align:middle}
@keyframes corre{to{transform:translateX(-50%)}}

/* grades */
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media (max-width:980px){.g3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.g3,.g2{grid-template-columns:1fr}}
.cartao{background:var(--card);border:1px solid var(--line);border-radius:var(--raio);overflow:hidden;display:flex;flex-direction:column;transition:transform .5s var(--curva),border-color .3s}
.cartao:hover{transform:translateY(-5px);border-color:var(--line-forte)}
.cartao .midia{border-radius:0}
.cartao .corpo{padding:24px 26px 28px;display:flex;flex-direction:column;gap:10px;flex:1}
.cartao .n{font-family:var(--fm);font-size:.74rem;color:var(--accent-txt)}
.cartao p{color:var(--ink-2);font-size:.95rem}
.cartao .liga{margin-top:auto;padding-top:8px;font-weight:600;font-size:.9rem;display:inline-flex;gap:10px;align-items:center}
.cartao .liga::after{content:"";width:18px;height:1px;background:currentColor;transition:width .3s}
.cartao:hover .liga::after{width:32px}
.dividido{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,1rem + 4vw,6rem);align-items:center}
@media (max-width:900px){.dividido{grid-template-columns:1fr}}
.lista-n{list-style:none;padding:0}
.lista-n li{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:24px 0;border-top:1px solid var(--line)}
.lista-n li:last-child{border-bottom:1px solid var(--line)}
.lista-n .mono{color:var(--accent-txt);padding-top:6px}
.lista-n p{color:var(--ink-2);margin-top:6px}
.prova{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:900px){.prova{grid-template-columns:repeat(2,1fr)}}
.prova div{border-top:1px solid var(--line-forte);padding-top:18px}
.prova b{display:block;font-family:var(--fd);font-size:clamp(1.5rem,1.1rem + 1.4vw,2.4rem);font-weight:var(--fd-w,500);letter-spacing:-.02em}
.prova span{color:var(--ink-2);font-size:.9rem}

/* galeria com filtro */
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.filtros button,.chip{border:1px solid var(--line-forte);border-radius:999px;padding:9px 16px;font-size:.88rem;transition:background .25s,color .25s,border-color .25s}
.filtros button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.galeria{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:900px){.galeria{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.galeria{grid-template-columns:1fr}}
.galeria .item{cursor:zoom-in;display:flex;flex-direction:column;gap:12px}
.galeria .item[hidden]{display:none}
.galeria .item .midia{transition:transform .6s var(--curva)}
.galeria .item:hover .midia{transform:scale(.985)}
.galeria .item b{font-family:var(--fd);font-weight:var(--fd-w,500);font-size:1.1rem}
.galeria .item small{color:var(--ink-2);font-size:.85rem;display:block}
dialog.caixa{border:0;padding:0;background:var(--card);color:var(--ink);border-radius:26px;width:min(980px,94vw);max-height:92vh;overflow:auto}
dialog.caixa::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}
.caixa .caixa-midia .midia{border-radius:0;aspect-ratio:16/10}
.caixa .info{padding:24px 28px 28px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.caixa .info p{color:var(--ink-2)}
.caixa .fechar{border:1px solid var(--line-forte);border-radius:999px;padding:8px 16px;flex:none}

/* depoimentos de exemplo */
.dep{background:var(--card);border:1px dashed var(--line-forte);border-radius:var(--raio);padding:28px;display:flex;flex-direction:column;gap:16px}
.dep .tag{align-self:flex-start;font-family:var(--fm);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line-forte);border-radius:999px;padding:5px 10px;color:var(--ink-2)}
.dep blockquote{font-size:1.05rem}
.dep cite{font-style:normal;color:var(--ink-2);font-size:.88rem;margin-top:auto}

/* faq */
.faq{display:grid;gap:10px}
.faq details{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:0 24px}
.faq summary{list-style:none;cursor:pointer;padding:22px 0;font-weight:600;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--fm);font-size:1.2rem;color:var(--accent-txt);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--ink-2);padding:0 0 22px}

/* orcamento em etapas */
.etapas-form{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:clamp(22px,1rem + 2vw,40px)}
.etapas-form .topo-form{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}
.progresso{height:3px;background:var(--line);border-radius:3px;overflow:hidden;margin-bottom:28px}
.progresso i{display:block;height:100%;background:var(--accent);transform-origin:left;transition:transform .5s var(--curva)}
.passo{border:0;padding:0;min-width:0}
.passo legend{font-family:var(--fd);font-size:clamp(1.4rem,1.1rem + 1vw,2rem);font-weight:var(--fd-w,500);letter-spacing:-.02em;margin-bottom:6px;padding:0}
.passo .ajuda{color:var(--ink-2);margin-bottom:20px}
.opcoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.opcao{position:relative}
.opcao input{position:absolute;opacity:0;inset:0;cursor:pointer}
.opcao span{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line-forte);border-radius:16px;padding:16px 18px;transition:border-color .25s,background .25s;height:100%}
.opcao span small{color:var(--ink-2);font-size:.82rem}
.opcao input:checked+span{border-color:var(--accent);background:var(--sob);box-shadow:inset 0 0 0 1px var(--accent)}
.opcao input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.campo{display:block;margin-top:14px}
.campo>span{display:block;font-size:.82rem;font-weight:600;color:var(--ink-2);margin-bottom:8px}
.campo input,.campo select,.campo textarea{width:100%;font:inherit;color:var(--ink);background:transparent;border:1px solid var(--line-forte);border-radius:14px;padding:13px 15px}
.resumo{font-family:var(--fm);font-size:.8rem;line-height:1.6;color:var(--ink-2);background:var(--sob);border-radius:14px;padding:14px 16px;margin-top:22px;white-space:pre-wrap;min-height:4em}
.navega{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap}
.navega button[disabled]{opacity:.35;cursor:default}
.nota{font-size:.8rem;color:var(--ink-2);margin-top:12px}

/* contato */
.contato-g{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
@media (max-width:900px){.contato-g{grid-template-columns:1fr}}
.mapa{border-radius:28px;border:1px solid var(--line);background:var(--card);overflow:hidden;display:flex;flex-direction:column}
.mapa .tela{min-height:240px;flex:1;position:relative;background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/44px 44px,var(--sob)}
.mapa .tela::before{content:"";position:absolute;left:-10%;right:-10%;top:58%;height:18px;background:var(--line-forte);transform:rotate(-8deg)}
.mapa .tela::after{content:"";position:absolute;left:38%;top:-10%;bottom:-10%;width:14px;background:var(--line-forte);transform:rotate(12deg)}
.pino{position:absolute;left:46%;top:36%;z-index:2;width:22px;height:22px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--accent);box-shadow:0 0 0 7px var(--glow)}
.mapa .info{padding:24px;display:grid;gap:10px}
.linha{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:10px;font-size:.93rem}
.linha span:first-child{color:var(--ink-2);flex:none}.linha span:last-child{text-align:right}

/* chamada final */
.final{border-radius:32px;padding:clamp(32px,1.5rem + 4vw,80px);background:var(--accent);color:var(--accent-ink);position:relative;overflow:hidden;display:grid;gap:22px}
.final::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 16px);mask:linear-gradient(90deg,transparent 35%,#000)}
.final>*{position:relative}
.final h2{color:inherit;max-width:18ch}
.final p{opacity:.85;max-width:50ch}
.final .botao{justify-self:start;background:var(--accent-ink);color:var(--accent)}
.final .botao .ic{background:var(--accent);color:var(--accent-ink)}

/* rodape */
.rodape{padding:64px 0 120px;border-top:1px solid var(--line);color:var(--ink-2);font-size:.9rem}
.rodape .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
@media (max-width:820px){.rodape .cols{grid-template-columns:1fr 1fr}}
.rodape b{display:block;color:var(--ink);margin-bottom:10px;font-weight:600}
.rodape a{display:block;padding:3px 0}.rodape a:hover{color:var(--ink)}
.rodape .aviso{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);font-size:.82rem;max-width:80ch}
.flutua{position:fixed;right:18px;bottom:18px;z-index:85;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;box-shadow:0 12px 30px -8px rgba(0,0,0,.45);transition:transform .3s var(--curva)}
.flutua:hover{transform:scale(1.07)}.flutua svg{width:28px;height:28px}

/* cabecalho de pagina interna */
.pagina-cab{padding:clamp(4rem,3rem + 5vw,8rem) 0 clamp(2rem,1.5rem + 2vw,3.5rem)}
.pagina-cab h1{font-size:clamp(2.6rem,1.4rem + 4.6vw,6rem);margin:18px 0 22px}
.migalha{font-size:.85rem;color:var(--ink-2)}.migalha a{text-decoration:underline}

/* ================= PREMIUM ================= */
.cortina{position:fixed;inset:0;z-index:200;background:var(--cortina,#000);color:var(--cortina-ink,#fff);transition:transform 1s var(--curva)}
.cortina.sai{transform:translateY(-100%)}
.cortina .nome{position:absolute;left:6vw;top:50%;transform:translateY(-50%);font-family:var(--fd);font-size:clamp(2rem,1rem + 4vw,4.6rem);letter-spacing:var(--fd-ls,-.03em);font-weight:var(--fd-w,500)}
.cortina .conta{position:absolute;right:6vw;bottom:6vh;font-family:var(--fm);font-size:clamp(3rem,2rem + 5vw,7rem);letter-spacing:-.04em;line-height:1}
.cortina .barra{position:absolute;left:0;bottom:0;height:2px;width:100%;transform-origin:left;transform:scaleX(0);background:var(--accent)}
.cortina .sub{position:absolute;left:6vw;bottom:6vh;font-family:var(--fm);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;opacity:.6}

body.premium .topo{position:fixed;left:0;right:0;top:0;background:transparent;border-bottom-color:transparent}
body.premium .topo.rolado{background:var(--topo-bg);border-bottom-color:var(--line)}
body.premium .selo{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:96;opacity:.92}
body.premium .rodape{padding-bottom:140px}
body.premium .flutua{bottom:44px}
body.premium.interna main{padding-top:74px}

.cinema{position:relative;height:520vh;background:var(--bg)}
.cinema .palco{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.cinema canvas.cena{position:absolute;inset:0;width:100%!important;height:100%!important}
.cinema .poster{position:absolute;inset:0;background:var(--poster)}
.cinema .veu{position:absolute;inset:0;pointer-events:none;background:var(--veu,linear-gradient(180deg,rgba(0,0,0,.35),transparent 30%,transparent 65%,rgba(0,0,0,.55)))}
.capitulos{position:absolute;inset:0;pointer-events:none}
.cap{position:absolute;left:var(--cap-x,5vw);right:5vw;bottom:var(--cap-y,11vh);opacity:0;transform:translateY(40px);filter:blur(10px);transition:opacity .8s var(--curva),transform .9s var(--curva),filter .8s}
.cap.on{opacity:1;transform:none;filter:none}
.cap .mono{color:var(--accent-txt);display:block;margin-bottom:14px}
.cap .grande{font-family:var(--fd);font-weight:var(--fd-w,500);font-size:clamp(3rem,1rem + 9vw,11rem);line-height:.9;letter-spacing:var(--fd-ls,-.045em);color:var(--ink);text-transform:var(--cap-tt,none)}
.cap .grande .apagada{display:block}
.cap p{color:var(--ink-2);max-width:44ch;margin-top:18px;font-size:clamp(1rem,.95rem + .3vw,1.15rem)}
.cap .acoes{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;pointer-events:auto}
.contador-cap{position:absolute;right:5vw;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;font-family:var(--fm);font-size:.7rem;color:var(--ink-2)}
.contador-cap span{display:flex;align-items:center;gap:10px;transition:color .3s}
.contador-cap span::before{content:"";width:18px;height:1px;background:currentColor;transition:width .4s var(--curva)}
.contador-cap span.on{color:var(--ink)}.contador-cap span.on::before{width:40px}
@media (max-width:760px){.contador-cap{display:none}.cap{bottom:12vh}}
.rola-dica{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);font-family:var(--fm);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);display:flex;flex-direction:column;align-items:center;gap:8px}
.rola-dica::after{content:"";width:1px;height:38px;background:linear-gradient(var(--ink-2),transparent);animation:dica 1.8s var(--curva) infinite}
@keyframes dica{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

.trilho{position:relative}
.trilho .gruda{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:34px}
.trilho .faixa{display:flex;gap:22px;padding-left:5vw;will-change:transform}
.trilho .peca{flex:none;width:clamp(260px,30vw,460px)}
.trilho .peca .midia{aspect-ratio:4/5}
.trilho .peca b{display:block;font-family:var(--fd);font-size:1.25rem;font-weight:var(--fd-w,500);margin-top:14px}
.trilho .peca small{color:var(--ink-2)}
.trilho.solto{height:auto!important}
.trilho.solto .gruda{position:relative;height:auto;padding:5rem 0}
.trilho.solto .faixa{overflow-x:auto;scroll-snap-type:x mandatory;padding-right:5vw;transform:none!important}
.trilho.solto .peca{scroll-snap-align:start;width:78vw}

.cursor{position:fixed;left:0;top:0;z-index:300;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--accent);pointer-events:none;opacity:0;transition:width .35s var(--curva),height .35s var(--curva),margin .35s var(--curva),opacity .3s,background .3s;mix-blend-mode:difference}
.cursor.vivo{opacity:1}
.cursor.grande{width:54px;height:54px;margin:-27px 0 0 -27px;background:#fff}

/* catalogo */
.catalogo{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:1100px){.catalogo{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.catalogo{grid-template-columns:repeat(2,1fr)}}
@media (max-width:460px){.catalogo{grid-template-columns:1fr}}
.produto{display:flex;flex-direction:column;gap:12px}
.produto[hidden]{display:none}
.produto .midia{aspect-ratio:4/5;transition:transform .6s var(--curva)}
.produto:hover .midia{transform:translateY(-6px)}
.produto b{font-family:var(--fd);font-weight:var(--fd-w,500);font-size:1.15rem;line-height:1.2}
.produto small{color:var(--ink-2);display:block}
.produto .preco{font-family:var(--fm);font-size:.8rem;color:var(--accent-txt)}
.item-g{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,1rem + 4vw,5rem);align-items:start}
@media (max-width:900px){.item-g{grid-template-columns:1fr}}
.item-g .midia{aspect-ratio:4/5}
.item-g .fixo{position:sticky;top:110px;display:grid;gap:18px}
.ficha{display:grid;gap:0}.ficha .linha{padding:12px 0}
.miniaturas{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.miniaturas .midia{aspect-ratio:1}

/* agenda */
.agenda{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:900px){.agenda{grid-template-columns:1fr}}
.dias{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.dia{border:1px solid var(--line-forte);border-radius:14px;padding:10px 4px;text-align:center;font-size:.8rem;line-height:1.3;transition:background .2s,border-color .2s}
.dia b{display:block;font-family:var(--fd);font-size:1.25rem;font-weight:var(--fd-w,500)}
.dia[disabled]{opacity:.3;cursor:not-allowed}
.dia[aria-pressed=true],.hora[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.horas{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
.hora{border:1px solid var(--line-forte);border-radius:12px;padding:10px 0;font-family:var(--fm);font-size:.82rem}
.hora[disabled]{opacity:.3;text-decoration:line-through;cursor:not-allowed}
@media (max-width:460px){.dias{grid-template-columns:repeat(4,1fr)}.horas{grid-template-columns:repeat(3,1fr)}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
  .surge{opacity:1;transform:none}.pal>span{transform:none}.cortina{display:none}
  .cinema{height:auto}.cinema .palco{position:relative;height:auto;min-height:100svh}
  .capitulos{position:relative;display:grid;gap:12vh;padding:20vh 0 12vh}.cap{position:relative;inset:auto;opacity:1;transform:none;filter:none;left:auto;right:auto;bottom:auto;padding:0 5vw}
  .contador-cap,.rola-dica{display:none}
}

/* premium: camadas do palco */
.cinema .poster{z-index:0}.cinema canvas.cena{z-index:1}.cinema .veu{z-index:2}.capitulos{z-index:3}.contador-cap,.rola-dica{z-index:3}
.cinema .poster.midia{border-radius:0;background:var(--poster)}
.cinema .poster canvas.arte{opacity:0}.cinema.sem3d .poster canvas.arte{opacity:.9}
.cinema .poster>img{opacity:.55}
/* manifesto com palavras que acendem na rolagem */
.manifesto{padding-block:clamp(6rem,4rem + 8vw,12rem)}
.manifesto .grande-txt{font-family:var(--fd);font-weight:var(--fd-w,500);font-size:clamp(1.8rem,1rem + 3.4vw,4.4rem);line-height:1.1;letter-spacing:var(--fd-ls,-.025em);max-width:24ch;margin-top:28px}
.rp{opacity:.14;transition:opacity .35s}.rp.on{opacity:1}
/* janela que abre com a rolagem */
.janela{position:relative;height:180vh}
.janela .gruda{position:sticky;top:0;height:100vh;height:100svh;display:grid;place-items:center;overflow:hidden}
.janela .midia{position:absolute;inset:0;border-radius:0;clip-path:inset(calc((1 - var(--j,1)) * 22%) calc((1 - var(--j,1)) * 30%) round calc((1 - var(--j,1)) * 40px))}
.janela .sobre-txt{position:relative;z-index:3;text-align:center;padding:0 5vw;color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.5)}
.janela .sobre-txt .grande{font-family:var(--fd);font-weight:var(--fd-w,500);font-size:clamp(2.6rem,1rem + 7vw,8.5rem);line-height:.92;letter-spacing:var(--fd-ls,-.04em);text-transform:var(--cap-tt,none)}
.janela .sobre-txt .mono{display:block;margin-bottom:16px;opacity:.85}
.janela::after{content:"";position:absolute;inset:0;pointer-events:none}
.janela .midia::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.5))}
.contatos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:900px){.contatos{grid-template-columns:1fr}}
.contatos a,.contatos div{border:1px solid var(--line);border-radius:var(--raio);padding:26px;background:var(--card);display:grid;gap:8px}
.contatos b{font-family:var(--fd);font-weight:var(--fd-w,500);font-size:1.3rem}
.contatos small{color:var(--ink-2)}
.etiqueta-tier{display:inline-block;font-family:var(--fm);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--line-forte);border-radius:999px;padding:5px 11px;color:var(--ink-2)}
@media (prefers-reduced-motion:reduce){
  .rp{opacity:1}.janela{height:auto}.janela .gruda{position:relative;height:80vh}.janela .midia{clip-path:none}
}

body.premium .cap{bottom:calc(var(--cap-y,11vh) + 30px)}
@media (max-width:760px){body.premium .selo{font-size:.52rem;letter-spacing:.08em;padding:5px 3vw;line-height:1.5}body.premium .cap{bottom:calc(9vh + 30px)}.rola-dica{display:none}}