/* Black da Crew · 3x Crew · KV oficial (12/11): manteiga, gelo e preto; GC Driver + Galano; círculos, pontos e brilho do KV.
   Regra: tudo aparece sem JavaScript; a animação só melhora o que já está visível. */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--preto);color:var(--gelo);font-family:var(--f-corpo);font-size:var(--t-base);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img,svg{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,p,ul,figure,table{margin:0;padding:0}
ul{list-style:none}
a{color:inherit}
strong,b{font-weight:700}
.so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pular{position:absolute;left:12px;top:-60px;z-index:50;padding:10px 14px;border-radius:var(--r-1);background:var(--manteiga);color:var(--tinta);font-weight:700;text-decoration:none}
.pular:focus{top:12px}
.miolo{width:min(100% - 2*var(--gutter),var(--largura));margin-inline:auto}
.secao{position:relative;padding-block:var(--secao)}

/* ---------- temas: cada faixa define a tinta que os filhos usam ---------- */
.escura,.abertura,.banda,.tempo,.fecho,.rodape,.faixa{--txt:var(--gelo);--txt-2:var(--gelo-2);--txt-3:var(--gelo-3);--fio:var(--linha-clara);--fio-forte:var(--linha-clara-forte);--destaque:var(--manteiga)}
.clara,.manteiga{--txt:var(--tinta);--txt-2:var(--tinta-2);--txt-3:var(--tinta-3);--fio:var(--linha);--fio-forte:var(--tinta);--destaque:var(--tinta);color:var(--tinta)}
.clara{background:
  radial-gradient(46% 38% at 90% 4%,rgba(var(--brilho),.95) 0%,rgba(var(--brilho),0) 70%),
  radial-gradient(42% 34% at 2% 98%,rgba(var(--brilho),.85) 0%,rgba(var(--brilho),0) 70%),
  var(--gelo)}
.escura{background:radial-gradient(56% 38% at 50% 108%,rgba(var(--brilho),.2) 0%,rgba(var(--brilho),0) 70%),var(--preto);color:var(--gelo)}
.manteiga{background:radial-gradient(50% 44% at 50% 0%,rgba(240,255,252,.9) 0%,rgba(240,255,252,0) 72%),var(--manteiga)}

/* ---------- tipografia ---------- */
.tit{font-family:var(--f-titulo);font-weight:400;font-size:var(--t-2xl);line-height:1.06;letter-spacing:-.012em;text-wrap:balance;max-width:19ch;color:var(--txt)}
.tit strong{display:block;font-weight:400;font-style:italic;color:var(--destaque)}
.tit.corrida strong{display:inline}
.sub{margin-top:var(--e-4);font-size:var(--t-lg);line-height:1.5;color:var(--txt-2);max-width:54ch;text-wrap:pretty}
.sub strong,.corpo strong{color:var(--txt)}
.corpo{margin-top:var(--e-4);color:var(--txt-2);max-width:54ch;text-wrap:pretty}
.mc{font-family:var(--f-marca);font-style:italic;font-weight:900;text-transform:lowercase;letter-spacing:-.01em}
/* a máscara das linhas ganha folga: itálico e exclamação não são cortados */
.ln-mask{padding:.14em .22em;margin:-.14em -.22em}

/* ---------- botões ---------- */
.btn{--bg:var(--manteiga);--fg:var(--tinta);display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:16px 28px;border:1px solid transparent;border-radius:var(--r-1);background:var(--bg);color:var(--fg);font:700 .9375rem/1.15 var(--f-corpo);letter-spacing:.03em;text-transform:uppercase;text-decoration:none;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--d-1) var(--ease-out),background-color var(--d-2) var(--ease-out),box-shadow var(--d-2) var(--ease-out)}
.btn:active{transform:scale(.97)}
.btn:focus-visible{outline:2px solid var(--txt,var(--gelo));outline-offset:3px}
.btn .seta{display:inline-block;transition:transform var(--d-2) var(--ease-out)}
.btn svg{width:20px;height:20px;flex:none}
.btn-preto{--bg:var(--preto);--fg:var(--gelo)}
.btn-linha{--bg:transparent;--fg:var(--gelo);min-height:44px;padding:10px 18px;border-color:var(--linha-clara-forte);font-size:.8125rem}
@media (hover:hover) and (pointer:fine){
  .btn:hover{box-shadow:0 14px 28px -14px rgba(0,0,0,.55)}
  .btn:hover .seta{transform:translateX(5px)}
  .btn:not(.btn-preto):not(.btn-linha):hover{background:#fffbd6}
  .btn-preto:hover{background:#1b1b19}
  .btn-linha:hover{background:rgba(240,255,252,.1)}
}
.cta{display:grid;justify-items:start;gap:12px;margin-top:var(--e-6)}
.cta.centro{justify-items:center;text-align:center}
.trava{display:flex;align-items:center;gap:8px;font-size:var(--t-xs);line-height:1.35;color:var(--txt-3)}
.trava svg{width:14px;height:14px;flex:none}

/* ---------- topo ---------- */
.topo{position:fixed;inset:0 0 auto 0;z-index:var(--z-topo);border-bottom:1px solid transparent;transition:background-color var(--d-2) var(--ease-out),border-color var(--d-2) var(--ease-out)}
.topo.rolou{background:var(--preto);border-bottom-color:var(--linha-clara)}
.topo-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px}
.topo-logo{display:block;padding-block:8px}
.topo-logo img{height:17px;width:auto}
.topo-fim{display:flex;align-items:center;gap:18px}
.topo-preco{font:400 1.375rem/1 var(--f-titulo);color:var(--manteiga);white-space:nowrap;opacity:0;transform:translateY(6px);transition:opacity var(--d-2) var(--ease-out),transform var(--d-2) var(--ease-out)}
.topo-preco span{font:500 .6875rem/1 var(--f-corpo);letter-spacing:.08em;text-transform:uppercase;color:var(--gelo-2);margin-right:4px}
.topo.rolou .topo-preco{opacity:1;transform:none}
.topo-selo{display:none;width:38px;height:38px}

/* ---------- abertura ---------- */
.abertura{position:relative;min-height:100svh;display:flex;align-items:flex-end;background:var(--preto);color:var(--gelo);overflow:hidden;isolation:isolate}
.heroi-fundo{position:absolute;inset:0;z-index:-2}
.heroi-fundo picture{display:block;width:100%;height:100%}
.heroi-fundo img{width:100%;height:100%;object-fit:cover;object-position:100% 50%}
.veu{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.68) 32%,rgba(0,0,0,.2) 60%,rgba(0,0,0,0) 78%),
  linear-gradient(0deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,0) 34%),
  linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 22%)}
.riscos{position:absolute;inset:0;overflow:hidden;mix-blend-mode:screen;opacity:.55}
.riscos i{position:absolute;left:-40%;width:38%;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(var(--brilho),0),rgba(var(--brilho),.95),rgba(var(--brilho),0));filter:blur(1.2px)}
.riscos i:nth-child(1){top:21%}
.riscos i:nth-child(2){top:47%;width:26%;height:1px}
.riscos i:nth-child(3){top:66%;width:44%}
.riscos i:nth-child(4){top:83%;width:30%;height:1px}
.anima .riscos i{animation:risco 6.4s linear infinite}
.anima .riscos i:nth-child(2){animation-duration:4.8s;animation-delay:-1.6s}
.anima .riscos i:nth-child(3){animation-duration:8.2s;animation-delay:-3.4s}
.anima .riscos i:nth-child(4){animation-duration:5.6s;animation-delay:-4.1s}
.riscos.fora i{animation-play-state:paused}
@keyframes risco{from{transform:translateX(0)}to{transform:translateX(480%)}}
.heroi-orbita{--giro:0deg;container-type:inline-size;position:absolute;z-index:-1;right:-6%;top:50%;width:min(86vh,760px);margin-top:calc(min(86vh,760px)/-2);aspect-ratio:1;pointer-events:none}
.aro{position:absolute;inset:0;border:1px solid var(--tinta);border-radius:50%}
.aro.desenha,.anel.desenha{-webkit-mask:conic-gradient(from -90deg,#000 var(--p,0%),rgba(0,0,0,0) 0);mask:conic-gradient(from -90deg,#000 var(--p,0%),rgba(0,0,0,0) 0)}
.heroi-anel{border-color:rgba(240,255,252,.42)}
.heroi-orbita .no > img{width:17cqw;border:0;box-shadow:none;filter:drop-shadow(0 18px 28px rgba(0,0,0,.45))}
.heroi-orbita .no.ponto::before{width:11px;height:11px;background:var(--manteiga)}
.heroi-in{position:relative;padding-block:calc(72px + var(--h-cont) + var(--e-6)) clamp(36px,7vh,84px)}
.heroi-txt{display:grid;gap:clamp(18px,2.6vh,28px);max-width:620px}
.trava-3x{position:relative;width:clamp(240px,33vw,470px);font-size:clamp(12px,1.8vw,25px);container-type:inline-size}
.trava-3x img{width:100%}
.lema{position:absolute;left:54.4%;top:55%;font:500 1em/1.14 var(--f-corpo);letter-spacing:.07em;text-transform:uppercase;color:var(--gelo);white-space:nowrap}
@supports (container-type:inline-size){.lema{font-size:5.5cqw}}
.abertura .sub{margin-top:0;font-size:clamp(1.0625rem,.93rem + .6vw,1.4375rem);line-height:1.42;color:var(--gelo);max-width:29em}
.marca-linha{display:inline-block;height:.74em;width:auto;margin-inline:.06em .02em;vertical-align:-.02em}
.heroi-preco{display:grid;gap:4px}
.hp-rot{font-size:var(--t-sm);color:var(--gelo-2)}
.hp-rot strong{color:var(--gelo)}
.hp-valor{font:400 clamp(2.75rem,1.7rem + 3.5vw,4.25rem)/1 var(--f-titulo);letter-spacing:-.015em;color:var(--manteiga);white-space:nowrap}
.hp-12x{font:500 .3em/1 var(--f-corpo);letter-spacing:.08em;text-transform:uppercase;color:var(--gelo);vertical-align:1.25em;margin-right:.6em}
.hp-vista{font-size:var(--t-base);color:var(--gelo)}
.abertura .cta{margin-top:0}

/* entrada do topo: só esconde quando a animação vai rodar */
.anima .abertura [data-entra]{opacity:0;animation:surge .4s var(--ease-out) 3.4s forwards}
.anima.revelado .abertura [data-entra]{opacity:1;animation:none}
@keyframes surge{to{opacity:1}}

/* ---------- vídeo da oferta ---------- */
.vsl-secao{padding-top:clamp(56px,7vw,104px);text-align:center}
.chamada{font-weight:500;font-size:var(--t-lg);letter-spacing:.01em;margin-bottom:var(--e-5)}
.quadro{position:relative;aspect-ratio:16/9;max-width:1040px;margin-inline:auto;border-radius:var(--r-3);overflow:hidden;background:var(--preto);color:var(--gelo);box-shadow:var(--sombra-2)}
.quadro > img:first-child{width:100%;height:100%;object-fit:cover}
.quadro-brilho{position:absolute;inset:0;background:radial-gradient(62% 72% at 100% 0%,rgba(var(--brilho),.6),rgba(var(--brilho),0) 66%),linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0) 42%)}
.quadro-marca{position:absolute;left:4.6%;top:7.5%;width:clamp(84px,13%,148px)}
.play{position:absolute;left:50%;top:50%;width:clamp(104px,16%,164px);aspect-ratio:1;margin:calc(clamp(104px,16%,164px)/-2) 0 0 calc(clamp(104px,16%,164px)/-2);padding:0;border:0;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.62) 0 54%,rgba(0,0,0,0) 72%);color:var(--tinta);cursor:pointer;-webkit-tap-highlight-color:transparent}
.play:focus-visible{outline:2px solid var(--manteiga);outline-offset:4px}
.play-giro{position:absolute;inset:0;width:100%;height:100%}
.play-giro text{font:700 13.5px var(--f-corpo);letter-spacing:.14em;fill:var(--gelo)}
.anima .play-giro{animation:gira 24s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.play-miolo{position:absolute;inset:24%;display:grid;place-items:center;border-radius:50%;background:var(--manteiga);transition:transform var(--d-1) var(--ease-out)}
.play-miolo svg{width:36%;margin-left:7%}
.play:active .play-miolo{transform:scale(.94)}
@media (hover:hover) and (pointer:fine){.play:hover .play-miolo{transform:scale(1.06)}}
.vsl-aviso{position:absolute;inset:auto 0 5% 0;font-size:var(--t-xs);color:var(--gelo-2)}
.tem-vsl .vsl-aviso{display:none}
.quadro iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--preto)}

/* três círculos do KV */
.trio{display:flex;justify-content:center;margin:clamp(40px,6vw,76px) auto 0;max-width:620px}
.trio li{position:relative;flex:0 1 200px;aspect-ratio:1;display:grid;place-items:center;margin-inline:-1.6%}
.trio span{position:relative;max-width:80%;font:500 clamp(.625rem,.42rem + .78vw,.9375rem)/1.28 var(--f-corpo);letter-spacing:.05em;text-transform:uppercase}

/* ---------- faixa corrida ---------- */
.faixa{background:var(--preto);border-block:1px solid var(--linha-clara);padding-block:20px;overflow:hidden}
.faixa-trilho{display:flex;align-items:center;gap:clamp(36px,5vw,72px);padding-right:clamp(36px,5vw,72px);width:max-content}
.faixa-trilho > *{flex:none}
.faixa img{height:20px;width:auto}
.faixa img.f-3x{height:38px}
.f-tx{font:italic 400 clamp(1.5rem,1.1rem + 1.4vw,2.25rem)/1 var(--f-titulo);color:var(--manteiga);white-space:nowrap}
.anima-css .faixa-trilho{animation:corre 40s linear infinite}
@keyframes corre{to{transform:translateX(-50%)}}

/* ---------- a Crew que você já ama ---------- */
.banda{position:relative;min-height:clamp(420px,74vh,760px);display:grid;align-items:center;text-align:center;color:var(--gelo);background:var(--preto);overflow:hidden;isolation:isolate}
.banda-foto{position:absolute;inset:0;z-index:-2;display:block}
.banda-foto img,.banda-foto video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 56%}
.banda::after{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(64% 64% at 100% 100%,rgba(var(--brilho),.34),rgba(var(--brilho),0) 70%),
  linear-gradient(180deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.54) 48%,rgba(0,0,0,.72) 100%)}
.banda-tit{display:grid;justify-items:center;gap:clamp(8px,1.4vw,18px);padding-block:var(--e-8)}
.bt-1{font:400 clamp(1.375rem,1rem + 1.7vw,2.5rem)/1.2 var(--f-corpo)}
.logo-linha{display:inline-block;height:1.08em;width:auto;margin-inline:.12em .06em;vertical-align:-.2em}
.bt-2{padding-inline:.12em;font:italic 400 var(--t-3xl)/.98 var(--f-titulo);letter-spacing:-.02em;text-transform:uppercase;color:var(--manteiga)}

.ama-corpo{padding-block:var(--secao);overflow-x:clip}
.ama-grade{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(44px,6vw,96px);align-items:start}
.ama-lista{min-width:0}
.orbita{position:relative;width:min(100%,540px);aspect-ratio:1;margin-inline:auto}
.anel{--giro:0deg;position:absolute;inset:6%;border:1px solid var(--tinta);border-radius:50%;container-type:inline-size}
/* cada nó é um pivô sem tamanho no centro do aro: gira o pivô, sobe um raio e desgira o conteúdo (fica de pé e não cria rolagem lateral) */
.no{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(calc(var(--a) + var(--giro)));pointer-events:none}
.no > img,.no.ponto::before{position:absolute;left:0;top:0;max-width:none;transform:translate(-50%,-50%) translateY(-50cqw) rotate(calc(-1*(var(--a) + var(--giro))))}
.no > img{width:23cqw;aspect-ratio:1;border-radius:50%;object-fit:cover;border:3px solid var(--gelo);box-shadow:0 14px 28px -12px rgba(0,0,0,.45)}
.no.selo > img{width:25cqw;border:0;box-shadow:0 14px 28px -12px rgba(0,0,0,.35)}
.no.ponto::before{content:"";width:15px;height:15px;border-radius:50%;background:var(--tinta)}
@supports not (width:1cqw){.no{display:none}}
.cel-eixo{position:absolute;inset:0;display:grid;place-items:center}
.cel{width:38%;aspect-ratio:621/1325;padding:1.5%;border-radius:13.5%/6.3%;background:var(--preto);box-shadow:0 0 0 1px rgba(0,0,0,.9),0 34px 60px -24px rgba(0,0,0,.5),0 12px 22px -12px rgba(0,0,0,.4)}
.cel-tela{position:relative;width:100%;height:100%;border-radius:11.6%/5.4%;overflow:hidden;background:#111}
.cel-tela img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--d-3) var(--ease-out)}
.cel-tela img.on{opacity:1}

.itens-eixo{position:relative;padding-left:44px}
.itens-eixo::before,.fio{content:"";position:absolute;left:7px;top:30px;bottom:30px;width:1px}
.itens-eixo::before{background:var(--linha)}
.fio{background:var(--tinta);transform-origin:top}
.anima .fio{transform:scaleY(0)}
.item{position:relative;padding-block:clamp(22px,4vh,42px)}
.item > h3,.item > p{transition:opacity var(--d-3) var(--ease-out)}
.anima .item:not(.on) > h3,.anima .item:not(.on) > p{opacity:.5}
.item::before{content:"";position:absolute;left:-44px;top:calc(clamp(22px,4vh,42px) + .12em);width:15px;height:15px;border-radius:50%;background:var(--gelo);border:1px solid var(--tinta);transition:background-color var(--d-2) var(--ease-out),box-shadow var(--d-2) var(--ease-out)}
.item.on::before{background:var(--tinta);box-shadow:0 0 0 6px var(--manteiga)}
.item h3{display:flex;align-items:baseline;gap:8px;font:700 var(--t-base)/1.25 var(--f-corpo);letter-spacing:.05em;text-transform:uppercase}
.item p{margin-top:8px;color:var(--txt-2);max-width:46ch}
/* projetos em celulares: fila que corre sozinha; sem animação vira fila de arrastar */
.projs{margin-top:var(--e-4);overflow-x:auto;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,#000 0,#000 86%,rgba(0,0,0,0) 100%);mask:linear-gradient(90deg,#000 0,#000 86%,rgba(0,0,0,0) 100%)}
.projs::-webkit-scrollbar{display:none}
.projs.corre{overflow:hidden;-webkit-mask:linear-gradient(90deg,rgba(0,0,0,0) 0,#000 7%,#000 90%,rgba(0,0,0,0) 100%);mask:linear-gradient(90deg,rgba(0,0,0,0) 0,#000 7%,#000 90%,rgba(0,0,0,0) 100%)}
.projs-trilho{display:flex;gap:14px;width:max-content;padding:10px 14px 40px 0}
.pcel{flex:none;width:clamp(108px,27vw,132px);aspect-ratio:9/18.6;padding:4px;border-radius:24px;background:var(--preto);box-shadow:0 0 0 1px rgba(0,0,0,.9),0 22px 30px -18px rgba(0,0,0,.55)}
.pcel:nth-child(even){transform:translateY(18px)}
.pcel-tela{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:20px;overflow:hidden;background:radial-gradient(120% 60% at 18% 0%,rgba(255,255,255,.42),rgba(255,255,255,0) 62%),var(--c)}
.pcel-tela::before{content:"";position:absolute;top:8px;left:50%;width:36%;height:10px;margin-left:-18%;border-radius:10px;background:var(--preto)}
.pcel-tela::after{content:"";position:absolute;bottom:7px;left:50%;width:38%;height:3px;margin-left:-19%;border-radius:3px;background:rgba(0,0,0,.34)}
.pcel-tela img{width:76%;height:auto}

/* ---------- bônus ---------- */
.selo-borda{--t:clamp(92px,11vw,148px);position:absolute;z-index:2;top:calc(var(--t)/-2);right:max(var(--gutter),7vw);width:var(--t);filter:drop-shadow(0 16px 24px rgba(0,0,0,.35))}
.bonus-grade{display:grid;gap:clamp(32px,5vw,80px);align-items:center;margin-top:var(--e-8)}
.bonus-foto{position:relative;width:100%;max-width:440px;aspect-ratio:4/5;border-radius:var(--r-3);overflow:hidden}
.bonus-foto img{width:100%;height:100%;object-fit:cover}
.bonus-foto::after{content:"";position:absolute;inset:0;background:radial-gradient(74% 54% at 0% 0%,rgba(var(--brilho),.55),rgba(var(--brilho),0) 70%)}
.chip{position:absolute;z-index:1;left:16px;bottom:16px;display:flex;align-items:baseline;gap:8px;padding:10px 14px;border-radius:var(--r-1);background:var(--preto);color:var(--gelo);font-size:var(--t-xs)}
.chip b{font:400 1.375rem/1 var(--f-titulo);color:var(--manteiga)}
.bonus-lista li{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;padding-block:26px;border-top:1px solid var(--fio)}
.bonus-lista li:last-child{border-bottom:1px solid var(--fio)}
.ic-aro{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1px solid var(--fio-forte);color:var(--manteiga)}
.ic-aro svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.bonus-lista h3{font:400 var(--t-xl)/1.12 var(--f-titulo)}
.bonus-lista p{margin-top:6px;color:var(--txt-2);max-width:46ch}

/* ---------- pedal ---------- */
.pedal{overflow-x:clip}
.pedal-grade{display:grid;gap:clamp(36px,6vw,88px);align-items:center}
.roda{position:relative;width:min(100%,500px);aspect-ratio:1;margin-inline:auto}
.roda .anel{inset:0}
.anel-2{position:absolute;inset:8%;border:1px solid var(--linha);border-radius:50%}
.disco{position:absolute;inset:15%;border-radius:50%;overflow:hidden;box-shadow:var(--sombra-2)}
.disco img{width:100%;height:100%;object-fit:cover}
.ticket-sombra{margin-top:var(--e-6);filter:drop-shadow(0 26px 30px rgba(0,0,0,.22))}
.ticket{--y:76px;--n:11px;background:var(--preto);color:var(--gelo);border-radius:var(--r-2);
  -webkit-mask:radial-gradient(circle var(--n) at 0 var(--y),rgba(0,0,0,0) 97%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle var(--n) at 100% var(--y),rgba(0,0,0,0) 97%,#000) 100% 0/51% 100% no-repeat;
  mask:radial-gradient(circle var(--n) at 0 var(--y),rgba(0,0,0,0) 97%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle var(--n) at 100% var(--y),rgba(0,0,0,0) 97%,#000) 100% 0/51% 100% no-repeat}
.ticket-tit{display:flex;align-items:center;justify-content:center;gap:10px;height:var(--y);padding-inline:26px;border-bottom:1px dashed rgba(240,255,252,.4);font:700 var(--t-sm)/1.25 var(--f-corpo);letter-spacing:.06em;text-align:center;color:var(--manteiga)}
.ticket-corpo{padding:22px 26px 26px;color:var(--gelo-2)}
.ticket-corpo strong{color:var(--gelo)}
.ticket table{width:100%;margin-top:16px;border-collapse:collapse;font-size:var(--t-sm)}
.ticket th{padding:0 14px 10px 0;border-bottom:1px solid var(--linha-clara-forte);font:700 var(--t-xs)/1.25 var(--f-corpo);letter-spacing:.06em;text-transform:uppercase;text-align:left;color:var(--gelo)}
.ticket td{padding:13px 14px 13px 0;border-bottom:1px solid var(--linha-clara);vertical-align:top}
.ticket tr:last-child td{border-bottom:0;padding-bottom:0}
.ticket td:first-child{color:var(--gelo);font-weight:500;width:38%}

/* ---------- encontros ---------- */
.encontro-grade{display:grid;gap:clamp(40px,6vw,96px);align-items:center}
.arco12{position:relative;width:min(100%,440px);aspect-ratio:2/1.04;overflow:hidden;margin-bottom:var(--e-5);font-size:150px;container-type:inline-size}
.arco-in{position:absolute;left:0;top:0;width:100%;aspect-ratio:1}
.arco-in::before{content:"";position:absolute;inset:4%;border:1px solid var(--linha-clara-forte);border-radius:50%}
.arco-in i{position:absolute;inset:4%;transform:rotate(var(--a))}
.arco-in i::before{content:"";position:absolute;top:0;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--manteiga);border:1px solid var(--manteiga);transition:background-color var(--d-2) var(--ease-out),border-color var(--d-2) var(--ease-out)}
.anima .arco-in i:not(.on)::before{background:var(--preto);border-color:var(--gelo-3)}
.doze{position:absolute;left:0;right:0;bottom:-.06em;text-align:center;font:400 1em/.8 var(--f-titulo);letter-spacing:-.03em;color:var(--manteiga)}
@supports (container-type:inline-size){.doze{font-size:38cqw}}
.arco-foto{position:relative;width:100%;max-width:460px;aspect-ratio:4/5;margin-inline:auto;border-radius:999px 999px var(--r-3) var(--r-3);overflow:hidden;box-shadow:var(--sombra-2)}
.arco-foto img{width:100%;height:100%;object-fit:cover}
.arco-foto::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 50% at 100% 100%,rgba(var(--brilho),.35),rgba(var(--brilho),0) 70%)}

/* ---------- presentes: produtos soltos sobre o disco gelo, aro e pontos do KV, etiquetas com linha e ponto ---------- */
.presentes{text-align:center;overflow-x:clip}
.presentes .tit{max-width:none}
.mesa{--fio-l:clamp(28px,4.4vw,76px);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e-6);margin-top:var(--e-7);text-align:left}
.cena{position:relative;order:-1;width:min(100%,440px);aspect-ratio:1/.9;margin-inline:auto}
.cena-aro{inset:0 auto auto 11%;width:78%;aspect-ratio:1}
.cena-aro .no.ponto::before{width:13px;height:13px}
.cena-disco{position:absolute;left:21%;top:10%;width:58%;aspect-ratio:1;border-radius:50%;background:var(--gelo)}
.cena-chao{position:absolute;left:6%;right:6%;bottom:3.5%;height:13%;background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.3),rgba(0,0,0,0) 72%);filter:blur(8px)}
.cena-pote,.cena-lata{position:absolute;display:block;filter:drop-shadow(0 18px 18px rgba(0,0,0,.2))}
.cena-pote{left:3%;bottom:8%;width:50%;z-index:2}
.cena-lata{left:51%;bottom:8.5%;width:41%;z-index:1}
.cena-pote img,.cena-lata img{display:block;width:100%;height:auto}
.anima .cena-pote img,.anima .cena-lata img{animation:boia 5s var(--ease-in-out) infinite alternate}
.anima .cena-lata img{animation-delay:-2.4s}
@keyframes boia{from{transform:translateY(1.6%)}to{transform:translateY(-1.6%)}}
.rot{position:relative;padding-left:30px}
.rot::after{content:"";position:absolute;left:0;top:.78rem;width:11px;height:11px;border-radius:50%;background:var(--tinta);opacity:var(--pt,1)}
.rot h3{font:400 clamp(1.75rem,1.3rem + 1.2vw,2.375rem)/1.05 var(--f-titulo)}
.rot-d{margin-top:10px;color:var(--tinta-2);max-width:30ch}
.rot-p{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:16px;color:var(--tinta)}
.rot-p s{--risca:1;position:relative;text-decoration:none;font-size:var(--t-lg);color:var(--tinta-3)}
.rot-p s::after{content:"";position:absolute;left:-3px;right:-3px;top:54%;height:1.5px;background:currentColor;transform-origin:left;transform:scaleX(var(--risca))}
.rot-p strong{font:400 clamp(3rem,2.2rem + 2.4vw,4.5rem)/.9 var(--f-titulo);letter-spacing:-.02em}
.rot-tag{font-weight:500;font-size:var(--t-sm)}

/* ---------- oferta ---------- */
.oferta-grade{display:grid;gap:clamp(32px,5vw,76px);align-items:start;margin-top:var(--e-8)}
.inclui h3{margin-bottom:var(--e-3);font:700 var(--t-sm)/1.25 var(--f-corpo);letter-spacing:.08em;text-transform:uppercase;color:var(--manteiga)}
.lista li{position:relative;padding:15px 0 15px 42px;border-bottom:1px solid var(--fio);color:var(--txt-2)}
.lista li strong{font-weight:500;color:var(--txt)}
.lista li::before{content:"";position:absolute;left:0;top:14px;width:26px;height:26px;border-radius:50%;background:var(--manteiga) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l3 3 6-6.6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.oferta-preco{display:grid;gap:var(--e-4)}
.preco-caixa{--txt:var(--tinta);--txt-2:var(--tinta-2);--txt-3:var(--tinta-3);position:relative;padding:clamp(24px,3.4vw,42px);border-radius:var(--r-3);background:radial-gradient(70% 60% at 100% 0%,rgba(240,255,252,.95),rgba(240,255,252,0) 70%),var(--manteiga);color:var(--tinta)}
.preco-3x{width:clamp(96px,11vw,132px);margin-bottom:var(--e-5)}
.preco-rot{font-size:var(--t-base)}
.preco{display:flex;align-items:flex-start;gap:10px;margin-top:10px;font-family:var(--f-titulo);line-height:.9;white-space:nowrap}
.preco-12x{margin-top:.55em;font:700 var(--t-sm)/1 var(--f-corpo);letter-spacing:.08em;text-transform:uppercase}
.preco-valor{font-size:clamp(3.25rem,1.8rem + 5.2vw,5.5rem);letter-spacing:-.02em}
.preco-vista{margin-top:10px;font-size:var(--t-lg)}
.preco-caixa .cta{margin-top:var(--e-5)}
.preco-caixa .btn{width:100%}
.cashback{padding:clamp(22px,3vw,34px);border-radius:var(--r-3);background:var(--gelo);color:var(--tinta)}
.cashback-selo{font:700 var(--t-sm)/1.25 var(--f-corpo);letter-spacing:.06em}
.cashback-tit{margin-top:10px;font:400 var(--t-xl)/1.16 var(--f-titulo)}
.cashback-tit strong{font-weight:400;font-style:italic}
.cashback h4{margin-top:18px;font:700 var(--t-xs)/1.25 var(--f-corpo);letter-spacing:.08em;text-transform:uppercase}
.cashback ul{display:grid;gap:6px;margin-top:8px;font-size:var(--t-sm);color:var(--tinta-2)}
.cashback li{position:relative;padding-left:18px}
.cashback li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--tinta)}
.cashback-nota{margin-top:14px;font-size:var(--t-xs);color:var(--tinta-3)}

/* ---------- comparação: escolha do plano (abas) + painel preto ---------- */
.compara-grade{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,48px)}
.abas{display:grid;margin-top:var(--e-6);border-top:1px solid var(--tinta)}
.aba{display:flex;align-items:center;gap:16px;width:100%;padding:19px 0;border:0;border-bottom:1px solid var(--tinta);background:none;color:var(--tinta-3);font:700 var(--t-sm)/1.3 var(--f-corpo);letter-spacing:.06em;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--d-2) var(--ease-out)}
.aba::before{content:"";flex:none;width:15px;height:15px;margin-inline:6px 2px;border:1px solid var(--tinta);border-radius:50%;transition:background-color var(--d-2) var(--ease-out),box-shadow var(--d-2) var(--ease-out)}
.aba.on{color:var(--tinta)}
.aba.on::before{background:var(--tinta);box-shadow:0 0 0 6px var(--manteiga)}
.aba:focus-visible{outline:2px solid var(--tinta);outline-offset:-2px}
@media (hover:hover) and (pointer:fine){.aba:hover{color:var(--tinta)}}
.paineis{display:grid;gap:var(--e-5)}
.painel{position:relative;padding:clamp(24px,3.4vw,44px);border-radius:var(--r-3);background:radial-gradient(70% 60% at 100% 0%,rgba(var(--brilho),.24),rgba(var(--brilho),0) 70%),var(--preto);color:var(--gelo);box-shadow:var(--sombra-2);overflow:hidden}
.painel[hidden]{display:none}
.painel-3x{position:absolute;top:clamp(24px,3.4vw,44px);right:clamp(24px,3.4vw,44px);width:clamp(70px,8vw,104px)}
.painel h3{margin-bottom:10px;padding-right:120px;font:700 var(--t-xs)/1.3 var(--f-corpo);letter-spacing:.08em;color:var(--manteiga)}
.com-abas .painel h3{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.painel-custa{padding-right:120px;font-size:var(--t-lg);line-height:1.4;color:var(--gelo-2)}
.painel-custa strong{color:var(--gelo)}
.duelo{display:grid;gap:22px;margin-top:var(--e-6)}
.duelo-l{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px 16px}
.duelo-rot{font-size:var(--t-sm);color:var(--gelo-2)}
.duelo-v{font:400 clamp(1.5rem,1.2rem + 1vw,2rem)/1 var(--f-titulo);white-space:nowrap}
.crew .duelo-v{color:var(--manteiga)}
.barra{grid-column:1/-1;height:14px;border-radius:var(--r-pilula);background:rgba(240,255,252,.14);overflow:hidden}
.barra i{display:block;width:calc(var(--v)*1%);height:100%;border-radius:inherit;background:var(--gelo);transform-origin:left}
.barra-crew i{background:var(--manteiga)}
.economia{display:grid;gap:8px;margin-top:var(--e-6);padding-top:var(--e-5);border-top:1px dashed rgba(240,255,252,.34)}
.eco-rot{display:flex;align-items:center;gap:10px;font:700 var(--t-sm)/1.3 var(--f-corpo);letter-spacing:.08em;text-transform:uppercase;color:var(--gelo)}
.eco-rot svg{width:22px;height:22px;flex:none;color:var(--manteiga)}
.eco-valor{font:400 clamp(2.75rem,1.6rem + 5vw,6rem)/.95 var(--f-titulo);letter-spacing:-.02em;color:var(--manteiga);white-space:nowrap}
.compara .cta{margin-top:0}

/* ---------- tempo já pago ---------- */
.tempo{position:relative;color:var(--gelo);background:var(--preto);overflow:hidden;isolation:isolate}
.tempo-foto{position:absolute;inset:0;z-index:-2;display:block}
.tempo-foto img{width:100%;height:100%;object-fit:cover;object-position:100% 24%}
.tempo::after{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(42% 56% at 0% 100%,rgba(var(--brilho),.16),rgba(var(--brilho),0) 70%),
  linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.8) 36%,rgba(0,0,0,.2) 56%,rgba(0,0,0,0) 66%)}
.tempo .miolo{padding-block:var(--secao)}
.tempo-txt{max-width:580px}
.tempo-resp{margin-top:var(--e-4);font:italic 400 clamp(2.4rem,1.5rem + 3.6vw,4.25rem)/1.02 var(--f-titulo);letter-spacing:-.015em;color:var(--manteiga)}
.tempo-forte{margin-top:var(--e-4);font-weight:500;font-size:var(--t-lg);line-height:1.45;color:var(--gelo);max-width:46ch}

/* ---------- fecho ---------- */
.fecho{position:relative;text-align:center;color:var(--gelo);background:var(--preto);overflow:hidden;isolation:isolate}
.fecho-foto{position:absolute;inset:0 0 auto 0;z-index:-2;height:min(74%,760px);overflow:hidden}
.fecho-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.fecho-foto::after{content:"";position:absolute;inset:0;background:
  radial-gradient(60% 56% at 0% 0%,rgba(var(--brilho),.4),rgba(var(--brilho),0) 70%),
  linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.62) 72%,#000 100%)}
.fecho .miolo{display:grid;justify-items:center;padding-block:clamp(300px,52vh,520px) var(--secao)}
.fecho-tit{display:grid;justify-items:center;gap:var(--e-5)}
.fecho-3x{width:clamp(170px,20vw,280px)}
.fecho .tit{max-width:17ch}
.fecho .sub{max-width:40ch}

/* ---------- contagem regressiva (aparece quando data-encerra tem data) ---------- */
:root{--h-cont:0px}
.tem-contagem{--h-cont:38px;scroll-padding-top:122px}
.contagem{display:flex;align-items:baseline;justify-content:center;gap:.4em;height:38px;padding-inline:12px;background:var(--manteiga);color:var(--tinta);font:500 var(--t-xs)/38px var(--f-corpo);letter-spacing:.02em;white-space:nowrap}
.contagem[hidden]{display:none}
.cg-n{margin-left:.35em;font:400 1.25rem/38px var(--f-titulo);font-variant-numeric:tabular-nums}

/* ---------- tudo o que entra: carta de preços ---------- */
.tudo .tit{max-width:22ch}
.confira{margin-top:var(--e-6);font:700 var(--t-sm)/1 var(--f-corpo);letter-spacing:.16em;color:var(--manteiga)}
.carta{margin-top:var(--e-4);border-top:1px solid var(--fio-forte)}
.carta-linha{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 20px;align-items:start;padding-block:22px;border-bottom:1px solid var(--fio)}
.carta-app{grid-template-columns:minmax(0,1fr) auto;padding-block:30px}
.carta-linha h3,.carta-linha h4{font:400 var(--t-xl)/1.12 var(--f-titulo)}
.carta-app h3{font-size:clamp(1.75rem,1.3rem + 1.6vw,2.75rem)}
.carta-linha p{margin-top:6px;font-size:var(--t-sm);color:var(--txt-2);max-width:54ch}
.carta-linha .carta-preco{margin-top:2px;font:400 var(--t-xl)/1.12 var(--f-titulo);color:var(--manteiga);white-space:nowrap;text-align:right}
.carta-app .carta-preco{font-size:clamp(1.75rem,1.3rem + 1.6vw,2.75rem)}
.carta-tit{padding-block:var(--e-7) var(--e-4);font:700 var(--t-sm)/1.4 var(--f-corpo);letter-spacing:.08em;text-transform:uppercase}
.carta-tit span{font-weight:400;letter-spacing:.01em;text-transform:none;color:var(--txt-3)}
.carta-tit b{font:400 1.5rem/1 var(--f-titulo);letter-spacing:0;color:var(--manteiga);white-space:nowrap}
.carta-lista{border-top:1px solid var(--fio)}
.carta-selo{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:var(--c)}
.carta-selo img{width:78%;height:auto}
.carta-hoje{--txt-2:var(--tinta-2);margin-top:var(--e-7);padding:clamp(22px,3vw,38px);border-radius:var(--r-3);background:var(--manteiga);color:var(--tinta)}
.carta-hoje-tit{font:400 var(--t-xl)/1.2 var(--f-titulo);max-width:40ch}
.carta-hoje-tit strong{font-weight:400;font-style:italic}
.carta-hoje .carta-linha{padding-block:20px 0;border:0}
.carta-hoje .ic-aro{border-color:var(--tinta);color:var(--tinta)}

/* ---------- quanto custaria: nota + preço ---------- */
.custo-grade{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.nota{margin-top:var(--e-6);padding:clamp(18px,2.4vw,32px);border:1px solid var(--linha);border-radius:var(--r-2);background:var(--branco);box-shadow:var(--sombra-1)}
.nota table{width:100%;border-collapse:collapse;font-size:var(--t-sm)}
.nota thead th{padding-bottom:12px;border-bottom:1px solid var(--tinta);font:700 var(--t-xs)/1.2 var(--f-corpo);letter-spacing:.08em;text-transform:uppercase;text-align:right}
.nota thead th:first-child{text-align:left}
.nota tbody th{font-weight:500;text-align:left}
.nota tbody th,.nota tbody td{padding:12px 0;border-bottom:1px dashed rgba(0,0,0,.22)}
.nota td{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.nota tbody td:nth-child(2){padding-inline:10px;color:var(--tinta-3)}
.nota tbody td:last-child{font-weight:700}
.nota-total{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin-top:18px;font:700 var(--t-sm)/1.2 var(--f-corpo);letter-spacing:.06em}
.nota-total s{--risca:1;position:relative;text-decoration:none;font:400 clamp(2rem,1.5rem + 1.6vw,2.75rem)/1 var(--f-titulo);letter-spacing:-.01em}
.nota-total s::after{content:"";position:absolute;left:-4px;right:-4px;top:52%;height:2px;background:currentColor;transform-origin:left;transform:scaleX(var(--risca))}
.nota-nao{margin-top:6px;text-align:right;font:italic 400 var(--t-xl)/1.1 var(--f-titulo)}
.custo .preco-caixa{--txt:var(--gelo);--txt-2:var(--gelo-2);--txt-3:var(--gelo-3);background:radial-gradient(70% 60% at 100% 0%,rgba(var(--brilho),.24),rgba(var(--brilho),0) 70%),var(--preto);color:var(--gelo);box-shadow:var(--sombra-2)}
.custo .preco-valor,.custo .preco-12x{color:var(--manteiga)}
.preco-eco{margin-top:var(--e-5);padding:14px 18px;border-radius:var(--r-1);background:var(--manteiga);color:var(--tinta);font:700 var(--t-xs)/1.3 var(--f-corpo);letter-spacing:.08em}
.preco-eco strong{display:block;margin-top:2px;font:400 clamp(1.75rem,1.4rem + 1.2vw,2.375rem)/1 var(--f-titulo);letter-spacing:-.01em}

/* ---------- presente das 50 primeiras ---------- */
.presentes .sub{margin-inline:auto}
.cena-uma .cena-lata{left:29%;bottom:9%;width:42%}
.niveis{display:grid;margin:14px 0 0;border-top:1px solid var(--tinta)}
.niveis div{padding-block:14px;border-bottom:1px solid var(--tinta)}
.niveis dt{font:700 var(--t-xs)/1.3 var(--f-corpo);letter-spacing:.08em;text-transform:uppercase}
.niveis dd{margin:4px 0 0;font:400 var(--t-xl)/1.15 var(--f-titulo)}

/* ---------- vantagens da campanha: bike e cashback ---------- */
.vant-grade{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(32px,4vw,56px);align-items:start;margin-top:var(--e-7)}
.vant h3{display:flex;align-items:baseline;gap:14px;font:400 var(--t-xl)/1.15 var(--f-titulo)}
.vant h3::before{content:"";flex:none;width:11px;height:11px;border-radius:50%;background:var(--tinta);transform:translateY(-2px)}
.vant .ticket-sombra{margin-top:var(--e-5)}
.ticket-nota{margin-top:14px;font-size:var(--t-xs);color:var(--gelo-3)}
.vant .cashback{margin-top:var(--e-5);background:var(--manteiga)}
.vant .cashback ul{margin-top:14px}

/* ---------- plano ativo ou VQL ---------- */
.tempo .tit{max-width:20ch;font-size:clamp(1.75rem,1.2rem + 2.2vw,3rem)}
.tempo-regras{display:grid;margin:var(--e-5) 0 0;border-top:1px solid var(--fio)}
.tempo-regras div{display:grid;grid-template-columns:minmax(0,8.5rem) minmax(0,1fr);gap:12px;padding-block:14px;border-bottom:1px solid var(--fio)}
.tempo-regras dt{font:700 var(--t-sm)/1.5 var(--f-corpo);letter-spacing:.06em;text-transform:uppercase;color:var(--manteiga)}
.tempo-regras dt::after{content:" \2192";font-weight:400}
.tempo-regras dd{margin:0;color:var(--gelo)}
.tempo-nota{margin-top:var(--e-4);font-size:var(--t-sm);color:var(--gelo-3)}

@media (min-width:900px){
  .carta-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,5vw,80px)}
  .custo-grade{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:clamp(40px,6vw,96px)}
  .custo .preco-caixa{position:sticky;top:calc(104px + var(--h-cont))}
  .vant-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .contagem{font-size:.75rem;letter-spacing:0}
  .cg-n{font-size:1.0625rem}
  .tudo .btn,.custo .btn{width:100%}
  .tudo .cta{justify-items:stretch}
  .tudo .trava{justify-content:center}
}
@media (max-width:560px){
  /* carta de preços em formato de cardápio: nome e preço na mesma linha, descrição embaixo */
  .carta-linha{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"selo nome preco" "selo desc desc";gap:4px 14px;align-items:baseline;padding-block:18px}
  .carta-linha > div{display:contents}
  .carta-linha > .carta-selo,.carta-linha > .ic-aro{grid-area:selo;align-self:start}
  .carta-linha h3,.carta-linha h4{grid-area:nome;font-size:1.3125rem}
  .carta-linha > div > p{grid-area:desc;margin-top:4px}
  .carta-linha .carta-preco{grid-area:preco;margin:0;font-size:1.3125rem}
  .carta-app{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nome preco" "desc desc"}
  .carta-app h3,.carta-app .carta-preco{font-size:1.625rem}
  .carta-selo{width:44px;height:44px;border-radius:12px}
  .carta-lista .ic-aro,.carta-hoje .ic-aro{width:44px;height:44px}
  .carta-tit{padding-block:var(--e-6) var(--e-3)}
  .nota tbody td:nth-child(2){padding-inline:6px}

  /* três círculos do KV em triângulo: cabem com letra legível */
  .trio{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,360px);max-width:none;margin-inline:auto}
  .trio li{margin:0}
  .trio li:nth-child(1){grid-column:1/3;margin-right:-5%}
  .trio li:nth-child(2){grid-column:3/5;margin-left:-5%}
  .trio li:nth-child(3){grid-column:2/4;margin-top:-13%}
  .trio span{max-width:76%;font-size:.8125rem;letter-spacing:.04em}

  /* comparação: seletor de plano em pílula; a frase completa do documento fica no painel */
  .abas{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--tinta);border-radius:var(--r-pilula);background:var(--branco)}
  .aba{justify-content:center;min-height:44px;padding:0 6px;border:0;border-radius:var(--r-pilula);font-size:.75rem;letter-spacing:.05em;text-align:center;white-space:nowrap;transition:background-color var(--d-2) var(--ease-out),color var(--d-2) var(--ease-out)}
  .aba::before{display:none}
  .aba.on{background:var(--tinta);color:var(--gelo)}
  .aba-pre{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .com-abas .painel h3{position:static;width:auto;height:auto;margin:0 0 10px;padding-right:76px;overflow:visible;clip:auto;white-space:normal}
}

/* ---------- FAQ ---------- */
.faq-grade{display:grid;gap:clamp(24px,5vw,80px)}
.faq-lista{border-top:1px solid var(--tinta)}
.faq-lista details{border-bottom:1px solid var(--tinta)}
.faq-lista summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;list-style:none;cursor:pointer;font:500 var(--t-lg)/1.3 var(--f-corpo)}
.faq-lista summary::-webkit-details-marker{display:none}
.faq-lista summary::after{content:"";flex:none;width:30px;height:30px;border:1px solid var(--tinta);border-radius:50%;background:linear-gradient(var(--tinta),var(--tinta)) center/12px 1.5px no-repeat,linear-gradient(var(--tinta),var(--tinta)) center/1.5px 12px no-repeat;transition:transform var(--d-2) var(--ease-out),background-color var(--d-2) var(--ease-out)}
.faq-lista details[open] summary::after{transform:rotate(45deg);background-color:var(--manteiga)}
.faq-lista summary:focus-visible{outline:2px solid var(--tinta);outline-offset:4px}
.faq-resp{display:grid;gap:10px;max-width:64ch;padding:0 46px 24px 0;color:var(--tinta-2)}
.faq-fim{margin-top:var(--e-6)}
@supports (interpolate-size:allow-keywords){
  :root{interpolate-size:allow-keywords}
  .faq-lista details::details-content{block-size:0;overflow:clip;transition:block-size var(--d-3) var(--ease-out),content-visibility var(--d-3) allow-discrete}
  .faq-lista details[open]::details-content{block-size:auto}
}

/* ---------- rodapé e botão fixo ---------- */
.rodape{background:var(--preto);color:var(--gelo-3);border-top:1px solid var(--linha-clara);padding-block:var(--e-7)}
.rodape-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;font-size:var(--t-xs)}
.rodape-logos{display:flex;align-items:center;gap:22px}
.rodape-logos img:first-child{height:44px;width:auto}
.rodape-logos img:last-child{height:54px;width:auto}
.fixo{display:none}

/* ---------- telas largas ---------- */
@media (min-width:560px){
  .mesa{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cena{grid-column:1/-1}
}
@media (min-width:1000px){
  .mesa{grid-template-columns:minmax(0,1fr) minmax(0,1.75fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,72px)}
  .cena{order:0;grid-column:auto;width:100%}
  .rot{padding-left:0}
  .rot.esq{text-align:right}
  .rot.esq .rot-d{margin-left:auto}
  .rot.esq .rot-p{justify-content:flex-end}
  .rot::before{content:"";position:absolute;top:1.2rem;width:var(--fio-l);height:1px;background:var(--tinta);transform:scaleX(var(--fio,1))}
  .rot::after{top:calc(1.2rem - 5px)}
  .rot.esq::before{left:calc(100% + 14px);transform-origin:left}
  .rot.esq::after{left:calc(100% + 14px + var(--fio-l))}
  .rot.dir::before{right:calc(100% + 14px);transform-origin:right}
  .rot.dir::after{left:auto;right:calc(100% + 14px + var(--fio-l))}
}
@media (min-width:900px){
  .ama-grade{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .orbita{position:sticky;top:104px}
  .bonus-grade{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}
  .pedal-grade{grid-template-columns:minmax(0,.82fr) minmax(0,1fr)}
  .encontro-grade{grid-template-columns:minmax(0,1fr) minmax(0,.76fr)}
  .oferta-grade{grid-template-columns:minmax(0,1fr) minmax(0,.92fr)}
  .compara-grade{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"txt pan" "cta pan";grid-template-rows:auto 1fr;column-gap:clamp(40px,6vw,96px);align-items:start}
  .compara-txt{grid-area:txt}
  .paineis{grid-area:pan}
  .compara .cta{grid-area:cta}
  .faq-grade{grid-template-columns:minmax(0,.46fr) minmax(0,1fr)}
}
/* computador: o bloco do topo fica na altura da corredora e cresce */
@media (min-width:1024px){
  .abertura{align-items:center}
  .heroi-in{padding-block:calc(72px + var(--h-cont) + 24px) 40px}
  .heroi-txt{max-width:740px;gap:clamp(20px,3vh,32px)}
  .trava-3x{width:clamp(340px,38vw,580px)}
  .abertura .sub{font-size:clamp(1.25rem,.9rem + .8vw,1.6875rem);max-width:27em}
  .hp-rot,.hp-vista{font-size:var(--t-lg)}
  .hp-valor{font-size:clamp(3.5rem,2rem + 3.4vw,5.25rem)}
  .abertura .btn{min-height:64px;padding-inline:34px;font-size:1rem}
  .heroi-orbita{right:-11%}
}
/* computador com tela baixa: a abertura cabe inteira */
@media (min-width:761px) and (max-height:820px){
  .heroi-txt{gap:16px}
  .trava-3x{width:clamp(260px,30vw,420px)}
  .abertura .sub{font-size:1.25rem}
  .hp-rot,.hp-vista{font-size:var(--t-base)}
  .hp-valor{font-size:3.5rem}
  .btn,.abertura .btn{min-height:54px}
  .heroi-in{padding-bottom:28px}
}

/* ---------- celular ---------- */
@media (max-width:760px){
  .topo-in{height:60px}
  .topo-preco,.topo-fim .btn{display:none}
  .topo-selo{display:block}
  .topo-logo img{height:15px}
  .heroi-fundo img{object-position:66% 0}
  .veu{background:
    linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 16%),
    linear-gradient(180deg,rgba(0,0,0,0) 26%,rgba(0,0,0,.62) 48%,rgba(0,0,0,.92) 68%,#000 92%)}
  .heroi-orbita{display:none}
  .heroi-in{padding-block:calc(60px + var(--h-cont) + 34svh) 28px}
  .trava-3x{width:min(66vw,280px)}
  .abertura .btn{width:100%}
  .abertura .cta{justify-items:stretch}
  .abertura .trava{justify-content:center}
  .quadro{border-radius:var(--r-2)}
  .play-giro text{font-size:15px}
  .trio{margin-inline:-6px}
  .cta.centro .btn,.ama-lista .btn,.pedal .btn,.bonus .btn,.tempo .btn{width:100%}
  .cta.centro,.ama-lista .cta,.pedal .cta,.bonus .cta,.tempo .cta{justify-items:stretch}
  .ama-lista .trava,.pedal .trava,.bonus .trava,.tempo .trava{justify-content:center}
  .cta.centro .trava{justify-content:center}
  .orbita{width:min(100%,400px)}
  .no.ponto::before{width:11px;height:11px}
  .selo-borda{right:var(--gutter)}
  .bonus-foto{max-width:none;aspect-ratio:1/1}
  .bonus-foto img{object-position:50% 70%}
  .roda{width:min(92%,380px)}
  .projs{margin-right:calc(-1*var(--gutter))}
  .ticket{--y:84px}
  .ticket-corpo{padding:20px 20px 22px}
  .ticket-tit{padding-inline:20px}
  .arco-foto{max-width:360px}
  .compara .btn{width:100%}
  .compara .cta{justify-items:stretch}
  .compara .trava{justify-content:center}
  .painel-3x{width:64px}
  .painel h3,.painel-custa{padding-right:76px}
  .tempo{display:grid}
  .tempo-foto{position:relative;z-index:0;aspect-ratio:1/1}
  .tempo-foto img{object-position:50% 12%}
  .tempo-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 62%,#000 100%)}
  .tempo::after{display:none}
  .tempo .miolo{padding-block:var(--e-5) var(--secao)}
  .fecho-foto{height:min(62%,520px)}
  .fecho .miolo{padding-top:clamp(250px,40vh,340px)}
  .faq-resp{padding-right:0}
  .rodape{padding-bottom:128px}
  .fixo{position:fixed;inset:auto 0 0 0;z-index:var(--z-cta);display:grid;gap:8px;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:var(--preto);border-top:1px solid var(--linha-clara);transform:translateY(110%);transition:transform var(--d-3) var(--ease-out)}
  .fixo.aparece{transform:none}
  .fixo .btn{width:100%;min-height:50px;padding-block:12px}
  .fixo-preco{text-align:center;font-size:var(--t-xs);color:var(--gelo-2)}
  .fixo-preco strong{font:400 1.125rem/1 var(--f-titulo);color:var(--manteiga);margin-right:4px}
}
@media (max-width:380px){
  .trio span{font-size:.75rem;letter-spacing:.03em}
  .hp-valor{font-size:2.5rem}
  .preco-valor{font-size:clamp(2.75rem,14vw,3.25rem)}
}
/* botões do celular: sempre numa linha só */
@media (max-width:760px){
  .btn{white-space:nowrap;gap:10px;padding-inline:18px;font-size:.875rem;letter-spacing:.02em}
  .faq-fim .btn{width:100%}
  .topo-logo{padding-block:15px}
  .hp-12x{font-size:.8125rem}
  .trava-3x{width:min(74vw,300px)}
  .preco{flex-wrap:wrap;row-gap:6px}
}
@media (max-width:374px){
  .btn{gap:8px;padding-inline:12px;font-size:.8125rem;letter-spacing:.01em}
}
@media (max-width:340px){
  .btn .seta{display:none}
  .btn{font-size:.78rem}
}

/* ---------- limpeza do celular: só o essencial de cada seção ---------- */
@media (max-width:760px){
  /* fundos lisos: sem manchas de brilho nos cantos */
  .clara{background:var(--gelo)}
  .manteiga{background:var(--manteiga)}
  /* enfeites que disputam com o conteúdo saem */
  .riscos,.selo-borda,.orbita .no,.cena-aro .no,.painel-3x{display:none}
  .painel h3,.painel-custa,.com-abas .painel h3{padding-right:0}
  /* app: lista calma, todos os itens com a mesma força */
  .orbita{width:min(100%,330px)}
  .anima .item:not(.on) > h3,.anima .item:not(.on) > p{opacity:1}
  .fio{display:none}
  .itens-eixo{padding-left:26px}
  .itens-eixo::before{left:4px}
  .item::before,.item.on::before{left:-26px;width:9px;height:9px;border:0;background:var(--tinta);box-shadow:none}
  .item{padding-block:20px}
  /* presente: texto centralizado como o título, sem marcadores */
  .rot{padding-left:0;text-align:center}
  .rot::after{display:none}
  .rot-d{margin-inline:auto}
  .rot-p{justify-content:center}
  .niveis{text-align:center}
  /* vantagens: títulos sem marcador */
  .vant h3::before{display:none}
  /* barra fixa mais baixa */
  .fixo{gap:6px;padding:8px var(--gutter) calc(8px + env(safe-area-inset-bottom))}
  .fixo .btn{min-height:46px;padding-block:10px}
  .fixo-preco{font-size:.75rem}
  .fixo-preco strong{font-size:1rem}
  .rodape{padding-bottom:104px}
}

/* ---------- movimento reduzido: nada corre, nada some ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .riscos{display:none}
}
.parada .riscos{display:none}