@font-face{font-family:'Poppins';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/poppins-400-italic.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:italic;font-weight:600;font-display:swap;src:url(fonts/poppins-600-italic.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:italic;font-weight:800;font-display:swap;src:url(fonts/poppins-800-italic.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/poppins-400.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/poppins-600.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/poppins-800.woff2) format('woff2')}

:root{--ink:#121212;--gray:#e8e8ea;--pink:#f85594;--cream:#fdf2c5;--maxw:1200px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:400 16px/1.6 Poppins,system-ui,sans-serif;color:var(--ink);background:#fff}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:3px solid currentColor;outline-offset:3px}

/* bloco do pacote */
.pular{position:absolute;left:8px;top:-80px;background:#000;color:#fff;padding:12px 16px;z-index:100;border-radius:8px}
.pular:focus{top:8px}
.rascunho{background:var(--cream);color:var(--ink);font-size:.8125rem;padding:8px 16px;text-align:center}
.pacote{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 16px;background:#fff;color:var(--ink);border-bottom:1px solid var(--ink)}
.pacote-abas{display:flex;flex-wrap:wrap;gap:4px}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:41px;text-decoration:none;font-weight:600;font-size:.875rem;color:var(--ink)}
.pacote-abas a:not([aria-current]):hover{background:var(--gray)}
.pacote-abas a[aria-current=page]{background:var(--ink);color:#fff}
.longo{display:none}.curto{display:inline}
@media(min-width:760px){.longo{display:inline}.curto{display:none}}
.chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:41px;background:var(--ink);color:#fff;text-decoration:none;font-weight:600;font-size:.875rem}
.rodape{background:#000;color:#fff;padding:36px 24px;text-align:center;font-size:.875rem}
.rodape p{max-width:760px;margin:0 auto 14px}
.rodape-chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border-radius:41px;background:#fff;color:#000;text-decoration:none;font-weight:600}
.rodape-fontes{color:#d4d4d4;font-size:.8125rem}

/* base */
main section{position:relative;overflow-x:clip;padding:88px 0}
.wrap{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:0 24px}
h1,h2,h3{font-weight:800;font-style:italic;text-transform:uppercase;line-height:1.05;letter-spacing:.01em;margin:0 0 16px;overflow-wrap:break-word}
h1{font-size:clamp(2.2rem,6vw,4rem)}
h2{font-size:clamp(1.8rem,4.2vw,3rem)}
h3,.h3{font-size:1.1rem}
p{margin:0 0 14px}
.trecho{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-size:.8125rem;font-weight:600;font-style:italic;text-transform:uppercase;letter-spacing:.14em}
.trecho::after{content:"";flex:1;height:1px;background:currentColor}
.trecho span::after{content:"\2708";margin-left:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:41px;border:2px solid var(--ink);background:var(--ink);color:#fff;text-decoration:none;font-weight:800;font-size:.875rem;letter-spacing:.04em;text-transform:uppercase}
.btn.ghost{background:transparent;color:inherit;border-color:currentColor}
.link{display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.acoes{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0}
.price{font-weight:800;font-size:.9rem;margin-top:auto}
.lista{margin:0 0 18px;padding-left:1.2rem}
.lista li{margin:0 0 6px}
.card{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:16px;background:#fff;color:var(--ink)}
.card img{width:100%;max-width:300px;margin:0 auto;object-fit:contain}
.cab{max-width:760px;margin:0 0 36px}
.cab-centro{margin-left:auto;margin-right:auto;text-align:center}
.cab-centro .trecho{justify-content:center}
.sticky{position:sticky;top:24px;align-self:start}
.panel{background:#000;color:#fff;padding:36px;border-radius:16px}
.panel .btn{background:#fff;color:#000;border-color:#fff}
.panel .btn.ghost{background:transparent;color:#fff}
.s-defy .btn,.s-gummies .btn,.s-creator .btn,.s-touchdown .btn,.s-ticker .btn{background:#fff;color:#000;border-color:#fff}
.s-defy .btn.ghost,.s-creator .btn.ghost,.s-touchdown .btn.ghost{background:transparent;color:#fff}

/* revelação: some só com JS */
.rv{transition:opacity .6s ease,transform .6s ease}
.com-js section:not(.in) .rv{opacity:0;transform:translateY(22px)}
@media(prefers-reduced-motion:reduce){.rv{transition:none}.com-js section:not(.in) .rv{opacity:1;transform:none}}

/* 1 boarding: foto de ponta a ponta */
.s-freedom,.s-club{display:flex;align-items:flex-end}
.s-freedom .bg,.s-club .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
/* hero: faixa preta com o título, foto inteira logo abaixo (a arte tem texto embutido) */
.s-boarding{padding:0;background:#000;color:#fff}
.s-boarding>.bg{width:100%;height:auto;aspect-ratio:2000/949;object-fit:cover}
.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:48px;align-items:center;padding-top:48px;padding-bottom:48px}
.hero-txt{background:transparent;padding:0;border-radius:0}
.hero-txt h1{max-width:12ch}
.hero-card{flex-direction:row;align-items:center;gap:20px;padding:20px;border-radius:16px}
.hero-card img{flex:none;width:140px;max-width:140px;margin:0}
.hero-card h2{margin:0 0 4px}
.hero-card p{margin:0}
.hero-card .price{margin:0 0 2px}
.kicker{font-style:italic;font-weight:600;font-size:.9rem}

/* 2 ticker */
.s-ticker{display:flex;align-items:center;min-height:120px;padding:0;background:#1d1f24;color:#fff}
.ticker{flex:1;min-width:0;overflow:hidden}
.ticker-track{display:flex;flex-wrap:wrap;align-items:center;gap:16px 36px;margin:0;padding:16px 24px;list-style:none}
.tk{font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(1.1rem,2.4vw,1.6rem);white-space:nowrap}
.chip{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:50%;background:#fff;overflow:hidden}
.chip img{width:44px;height:44px;margin:0;object-fit:contain}
.pause{display:none;flex:none;align-items:center;justify-content:center;min-height:44px;margin:0 16px;padding:0 18px;border:2px solid #fff;border-radius:41px;background:#1d1f24;color:#fff;font:600 .8125rem Poppins,sans-serif;cursor:pointer}
.com-js .pause{display:inline-flex}
.com-js .ticker-track{flex-wrap:nowrap;width:max-content;animation:tk 45s linear infinite}
.com-js .s-ticker.paused .ticker-track{animation-play-state:paused}
@keyframes tk{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.com-js .ticker-track{animation:none;flex-wrap:wrap;width:auto}.com-js .pause{display:none}}

/* 3 odds */
.s-odds{background-color:var(--gray);padding:72px 0 88px;text-align:center}
.odds-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.odds-wrap>img{width:100%;max-width:1200px;margin:0 auto}
.odds-card{position:relative;max-width:620px;margin:-96px auto 0;padding:36px;border-radius:12px;background:#fff}
.odds-card .trecho{justify-content:center}

/* 4 slush */
.s-slush{background-color:var(--pink);color:var(--ink)}
.slush-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start}
.slush-grid .cab{margin:0}
.cards4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.cards4 .card img{max-width:200px}

/* 5 defy */
.s-defy{padding:0;background-color:#000;color:#fff}
.defy-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch}
.defy-foto{position:relative;min-height:480px}
.defy-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.defy-texto{max-width:780px;padding:72px 56px}

/* 6 flight */
.flight-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}
.flight-fotos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.flight-fotos img{width:100%;aspect-ratio:1902/908;object-fit:cover}
.flight-fotos .larga{grid-column:1/-1}
.puxada{margin:22px 0;padding-left:16px;border-left:6px solid var(--pink);font-weight:800;font-style:italic;font-size:1.05rem}

/* 7 flavors */
.cards3{display:grid;grid-template-columns:minmax(0,1fr);gap:0;max-width:960px;margin:0 auto;padding:0;list-style:none}
.card.h{flex-direction:row;align-items:center;gap:28px;padding:24px 0;border-radius:0;border-top:2px solid var(--ink);background:transparent}
.card.h:last-child{border-bottom:2px solid var(--ink)}
.card.h img{flex:none;width:120px;height:190px;margin:0;object-fit:contain}
.card.h>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.card.h p{margin:0 0 6px;font-size:.95rem}
.tambem{max-width:880px;margin:36px 0 0}
@media(min-width:1000px){
  .cards3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;gap:0 40px}
  .card.h{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 0 32px}
  .card.h:last-child{border-bottom:0}
  .card.h img{width:100%;height:240px;object-fit:contain;object-position:left}
}

/* 8 five */
.s-five{background-color:var(--cream)}
.five-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:stretch}
.five-esq{display:flex;flex-direction:column;gap:12px}
.grande{margin:0;font-weight:800;font-style:italic;font-size:clamp(7rem,16vw,12rem);line-height:.85}
.five-esq .card{flex:1;align-items:center;justify-content:center}
.five-esq .card img{max-width:420px}
.ingr{margin:0 0 20px;padding-left:1.4rem}
.ingr li{margin:0 0 10px}

/* 9 freedom */
.s-freedom{min-height:700px}
.freedom-wrap{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:24px;width:100%}
.panel.direita{max-width:580px;text-align:right}
.panel.direita .trecho{flex-direction:row-reverse}
.panel.direita .acoes{justify-content:flex-end}
.panel .lista{margin:0 0 18px;padding:0;list-style:none}
.aviao{order:-1;max-width:380px;background:var(--cream)}

/* 10 gummies */
.s-gummies{background-color:#121212;color:#fff}
.gummies-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,3.5fr) minmax(0,3.5fr);gap:28px;align-items:stretch}
.gcard{align-items:stretch}
.gcard img{max-width:100%;margin:auto}

/* 11 passes */
.pass{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);margin:0 0 24px;border:2px solid var(--ink);border-radius:16px;overflow:hidden;background:#fff}
.pass-foto{display:grid;place-items:center;padding:20px;background-color:var(--pink);border-right:3px dashed var(--ink)}
.pass:nth-of-type(2) .pass-foto{background-color:var(--cream)}
.pass-foto img{width:100%;max-width:300px}
.pass-texto{padding:28px 32px}

/* 12 club */
.s-club{min-height:760px;align-items:center}
.club-wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:center}
.club-cards{display:grid;gap:16px}
.club-cards .card img{max-width:300px}
.club-cards .card:last-child{background:var(--cream)}
.zoom{overflow:hidden;height:200px;border-radius:12px;display:grid;place-items:center}
.zoom img{width:100%;max-width:none;height:100%;margin:0;object-fit:cover;transform:scale(1.8)}

/* 13 creator */
.s-creator{background-color:#000;color:#fff}
.creator-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:stretch}
.creator-fotos{display:grid;grid-template-rows:auto 1fr;gap:12px}
.creator-fotos img{width:100%;border-radius:12px}
.creator-fotos img:last-child{height:100%;min-height:240px;object-fit:cover}
.creator-texto h3{margin:40px 0 12px}

/* 14 faq: colunas CSS, sem grade */
.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;align-items:start;max-width:1100px;margin:0 auto}
.qa{margin:0 0 24px;padding-top:12px;border-top:2px solid var(--ink)}
.qa dt{margin:0 0 6px;font-weight:800;font-style:italic;text-transform:uppercase;font-size:1rem}
.qa dd{margin:0}

/* 15 find-us */
.s-findus{padding:0 0 88px}
.faixa{width:100%;max-width:1440px;height:clamp(180px,26vw,340px);margin:0 auto 56px;object-fit:cover;background-color:var(--pink)}
.find-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:48px;align-items:center}
.logos{margin:0;padding:32px}
.logos img{max-width:480px}

/* 16 touchdown */
.s-touchdown{background-color:#000;color:#fff}
.td-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:56px;align-items:center}
.td-esq h2{font-size:clamp(1.5rem,3.4vw,2.4rem)}
.td-grid .linha{width:100%;max-width:560px;margin:0 auto}
.miudo{font-size:.875rem;color:#d8d8d8}

@media(max-width:1000px){
  .slush-grid{grid-template-columns:minmax(0,1fr)}
  .gummies-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gummies-texto{grid-column:1/-1}
}
@media(max-width:800px){
  main section{padding:56px 0}
  .wrap{padding:0 20px}
  .defy-grid,.flight-grid,.five-grid,.club-wrap,.creator-grid,.td-grid,.find-grid,.hero-grid{grid-template-columns:minmax(0,1fr)}
  .hero-grid{gap:24px;padding-top:32px;padding-bottom:32px}
  .s-boarding>.bg{aspect-ratio:4/3;object-position:70% 50%}
  .s-findus{padding-bottom:56px}
  .faixa{margin-bottom:36px}
  .gcard h3{font-size:.9rem}
  .card.h{gap:16px}
  .panel{padding:24px}
  .defy-foto{min-height:360px}
  .defy-texto{padding:48px 20px}
  .sticky{position:static}
  .faq-list{grid-template-columns:minmax(0,1fr)}
  .pass{grid-template-columns:minmax(0,1fr)}
  .pass-foto{border-right:0;border-bottom:3px dashed var(--ink)}
  .pass-texto{padding:22px 20px}
  .odds-card{margin-top:-48px;padding:24px}
  .s-freedom{min-height:0}
  .panel.direita{text-align:left}
  .panel.direita .trecho{flex-direction:row}
  .panel.direita .acoes{justify-content:flex-start}
  .s-club{min-height:0}
  .gummies-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .card.h{flex-direction:column;align-items:flex-start;padding:20px 0 24px}
  .card.h img{width:100%;height:200px;object-fit:contain;object-position:left}
  .gummies-grid{grid-template-columns:minmax(0,1fr)}
  .hero-card img{width:96px;max-width:96px}
}

/* n3 06/10: trava de diversidade (0.161 da climatecandy): mesmo hero grid2 à esquerda; o hero passa a centralizar o texto na sua coluna. */
.hero-txt,.hero-txt .trecho{text-align:center}
.hero-txt .trecho{justify-content:center}
.hero-txt .acoes{justify-content:center}

/* n3 06/10: trava de diversidade: 3 aberturas centralizadas (cabeçalho sozinho na faixa); gerado por noite-20261005/n3-centrar.mjs */
#flavors > :nth-child(1) > :nth-child(1) > :is(h1,h2,.eyebrow,p.eyebrow){text-align:center}
#flavors > :nth-child(1) > :nth-child(1) > :is(h2,h1) + p{text-align:center;margin-left:auto;margin-right:auto}
#passes > :nth-child(1) > :nth-child(1) > :is(h1,h2,.eyebrow,p.eyebrow){text-align:center}
#passes > :nth-child(1) > :nth-child(1) > :is(h2,h1) + p{text-align:center;margin-left:auto;margin-right:auto}
#faq > :nth-child(1) > :nth-child(1) > :is(h1,h2,.eyebrow,p.eyebrow){text-align:center}
#faq > :nth-child(1) > :nth-child(1) > :is(h2,h1) + p{text-align:center;margin-left:auto;margin-right:auto}