/* City Bonfires: concept landing. Fonte do site: Barlow 500/700. Fundos da home real: branco, cinza #f0f0f0, painel branco arredondado, preto, foto escurecida. */
@font-face{font-family:"Barlow";font-weight:500;font-style:normal;font-display:swap;src:url("fonts/Barlow-500.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-weight:700;font-style:normal;font-display:swap;src:url("fonts/Barlow-700.woff2") format("woff2")}

:root{
  --max:1344px;
  --pad:clamp(20px,3.4vw,48px);
  --branco:#fff;
  --cinza:#f0f0f0;
  --tile:#e4e4e4;
  --tinta:#1a1a1a;
  --suave:#555;
  --preto:#000;
  --vermelho:#c42820;
  --vermelho-escuro:#a31f19;
  --vermelho-txt:#c12c2c;
  --brasa:#f88000;
  --ease:cubic-bezier(.23,1,.32,1);
  --fonte:"Barlow","Arial Narrow",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:120px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;background:var(--branco);color:var(--tinta);font:500 16px/1.6 var(--fonte);touch-action:manipulation}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
::selection{background:var(--vermelho);color:#fff}
:focus-visible{outline:3px solid var(--vermelho);outline-offset:3px}
section{overflow-x:clip}

/* ---- bloco do pacote: pular, rascunho, menu, chat, rodapé ---- */
.pular{position:absolute;left:-9999px;top:0;z-index:100;background:#fff;color:var(--tinta);padding:12px 18px;font-weight:700}
.pular:focus{left:8px;top:8px}
.rascunho{background:var(--tinta);color:#fff;font-size:13px;line-height:1.4;text-align:center;padding:7px 16px}
.pacote{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-bottom:1px solid #dcdcdc;padding:8px var(--pad)}
.pacote-abas{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:60px;font-weight:700;font-size:15px;text-decoration:none;color:var(--tinta);transition:background-color .15s ease,color .15s ease}
.pacote-abas a[aria-current="page"]{background:var(--tinta);color:#fff}
.pacote-abas .curto{display:none}
.chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:60px;background:var(--vermelho);color:#fff;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,transform .15s ease}
.chat:active{transform:scale(.97)}
.rodape{background:var(--tinta);color:#fff;text-align:center;padding:36px var(--pad) 40px;font-size:14px;line-height:1.6}
.rodape p{max-width:760px;margin:0 auto 10px}
.rodape a{color:#fff}
.rodape-chat{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:60px;background:var(--vermelho);text-decoration:none;font-weight:700}
.rodape-fontes{color:#e0e0e0;font-size:13px}

/* ---- peças comuns ---- */
.miolo{max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}
.titulo-bloco{font-weight:700;font-size:clamp(32px,4.2vw,48px);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
.titulo-centro{text-align:center;margin-inline:auto;max-width:24ch}
.titulo-linha{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:40px}
.legenda-vermelha{color:var(--vermelho-txt);font-weight:700;font-size:15px;margin-bottom:12px}
.pilula{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 32px;border-radius:60px;border:2px solid var(--vermelho);background:var(--vermelho);color:#fff;font:700 16px/1 var(--fonte);text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease,color .15s ease}
.pilula:active{transform:scale(.97)}
.pilula-clara{background:#fff;border-color:#fff;color:var(--tinta)}
.ver-tudo{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--vermelho-txt);font-weight:700;text-decoration:none;white-space:nowrap}
.seta{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f6dede;font-size:20px;line-height:1}
.redondo{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #cfcfcf;background:#fff;color:var(--tinta);font:700 24px/1 var(--fonte);cursor:pointer;transition:background-color .15s ease,transform .15s ease}
.redondo:active{transform:scale(.94)}
.lata-card figure{aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:var(--cinza)}
.lata-card img{width:100%;height:100%;object-fit:cover}
.lata-card h3{margin:20px 0 6px;font-size:17px;line-height:1.2;font-weight:700;text-align:center;text-wrap:balance}
.lata-card .preco{text-align:center;color:var(--suave);font-size:16px}
@media (hover:hover) and (pointer:fine){
  .pilula:hover{background:var(--vermelho-escuro);border-color:var(--vermelho-escuro)}
  .pilula-clara:hover{background:var(--cinza);border-color:var(--cinza);color:var(--tinta)}
  .chat:hover,.rodape-chat:hover{background:var(--vermelho-escuro)}
  .redondo:hover{background:var(--cinza)}
  .pacote-abas a:not([aria-current]):hover{background:var(--cinza)}
  .lata-card:hover img,.mosaico-card:hover img{transform:scale(1.04)}
}
.lata-card img,.mosaico-card img{transition:transform .5s var(--ease)}

/* ---- 1 faixa preta ---- */
.faixa-outono{background-color:var(--preto);color:#fff;min-height:64px;display:grid;place-items:center;padding:14px var(--pad);text-align:center}
.faixa-outono p{font-weight:700;font-size:17px;line-height:1.35}

/* ---- 2 bento ---- */
.fogueira{background-color:var(--branco);padding:24px 0 80px}
.bento{max-width:var(--max);margin-inline:auto;padding-inline:var(--pad);display:grid;grid-template-columns:minmax(0,3.1fr) minmax(0,1fr);gap:24px}
.bento-grande{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;min-height:clamp(560px,78vh,730px);display:flex;align-items:flex-end;color:#fff;background:#222}
.bento-grande img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;z-index:-2}
.bento-grande::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:-1}
.bento-texto{padding:clamp(24px,4vw,56px);max-width:760px}
.bento-grande h1{font-weight:700;font-size:clamp(52px,7.4vw,104px);line-height:.93;letter-spacing:-.03em;margin-bottom:18px}
.bento-lead{font-size:clamp(18px,1.7vw,22px);line-height:1.45;max-width:36ch;margin-bottom:14px}
.bento-selo{font-weight:700;font-size:16px;margin-bottom:26px}
.bento-botoes{display:flex;flex-wrap:wrap;gap:12px}
.bento-pequenos{display:grid;grid-template-rows:1fr 1fr;gap:24px}
.bento-card{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;min-height:260px;display:flex;align-items:flex-end;justify-content:center;text-align:center;color:#fff;background:#2b2b2b}
.bento-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.bento-card::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.42);z-index:-1}
.bento-corp::after{background:rgba(0,0,0,0)}
.bento-corp{flex-direction:column;align-items:center;justify-content:flex-end}
.bento-corp img{position:static;inset:auto;flex:1 1 0;min-height:0;width:100%;height:auto;object-fit:contain;padding:14px 14px 0;z-index:auto}
.bento-card-texto{padding:22px 18px 24px;display:grid;justify-items:center;gap:14px}
.bento-card h2{font-weight:700;font-size:clamp(22px,2vw,28px);line-height:1.08;text-wrap:balance}

/* ---- 3 vitrine ---- */
.melhores{background-color:var(--branco);padding:56px 0 104px}
.vitrine{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start}
.cores{margin-top:12px;display:grid;gap:4px;justify-items:center;font-size:13px;line-height:1.35;color:var(--suave);text-align:center}
.nota-card{align-self:stretch;background-color:var(--tinta);color:#fff;border-radius:10px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;min-height:300px}
.estrelas{color:#ff6f61;font-size:34px;letter-spacing:4px;line-height:1}
.nota-texto{font-weight:700;font-size:22px;line-height:1.2;text-wrap:balance}

/* ---- 4 história ---- */
.historia{background-color:var(--branco);padding:24px 0 112px}
.historia-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.historia-texto{position:sticky;top:130px;display:grid;gap:20px;justify-items:start}
.historia-texto p{font-size:18px;line-height:1.65;max-width:52ch}
.colagem{position:relative;aspect-ratio:1/1;width:100%;max-width:600px;justify-self:end}
.colagem-fundo{position:absolute;top:0;right:0;width:78%;aspect-ratio:1/1.08;border-radius:18px;overflow:hidden}
.colagem-fundo img{width:100%;height:100%;object-fit:cover}
.colagem-frente{position:absolute;left:0;bottom:0;width:58%;background:var(--cinza);border-radius:18px;padding:10px;box-shadow:0 14px 44px rgba(0,0,0,.2)}
.colagem-frente img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:10px}

/* ---- 5 painel branco sobre cinza ---- */
.feitos{background-color:var(--cinza);padding:80px 0}
.painel{background:#fff;border-radius:28px;padding:clamp(24px,5vw,72px);box-shadow:0 10px 44px rgba(0,0,0,.08)}
.trilho-botoes{display:flex;gap:10px}
.trilho{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-width:thin;overscroll-behavior-x:contain}
.trilho-item{flex:0 0 clamp(220px,23%,301px);scroll-snap-align:start}
.origem{margin-top:44px;padding-top:32px;border-top:1px solid #e0e0e0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:12px 56px;align-items:start}
.origem h3{font-weight:700;font-size:clamp(24px,2.4vw,32px);line-height:1.1}
.origem-sim{grid-column:1;font-weight:700;font-size:20px;line-height:1.35}
.origem-nota{grid-column:2;grid-row:1/3;background:var(--cinza);border-radius:14px;padding:22px 24px;font-size:17px;line-height:1.55}

/* ---- 6 veículos ---- */
.visto{background-color:var(--cinza);padding:8px 0 96px}
.visto .titulo-bloco{margin-bottom:36px}
.ladrilhos{display:flex;gap:24px;overflow-x:auto;scrollbar-width:thin;padding-bottom:10px}
.ladrilho{flex:1 0 150px;min-height:170px;background:var(--tile);display:grid;place-items:center;padding:16px;text-align:center;font-weight:700;font-size:21px;line-height:1.15;border-radius:6px}
.ladrilho-img img{width:100%;max-width:130px;object-fit:contain}

/* ---- 7 coleções ---- */
.colecoes{background-color:var(--branco);padding:104px 0}
.mosaico{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mosaico-card{position:relative;display:block;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:var(--cinza)}
.mosaico-card img{width:100%;height:100%;object-fit:cover}
.etiqueta{position:absolute;left:20px;bottom:20px;background:var(--tinta);color:#fff;font-weight:700;font-size:18px;line-height:1;padding:12px 20px;border-radius:60px}

/* ---- 8 manchete corrida ---- */
.manchete{position:relative;background-color:var(--cinza);padding:72px 0 56px}
.pausa{position:absolute;top:16px;right:var(--pad);min-height:44px;padding:0 18px;border:1px solid #bdbdbd;border-radius:60px;background:#fff;color:var(--tinta);font:700 14px/1 var(--fonte);cursor:pointer}
.faixa-corrida{overflow:hidden}
.faixa-trilho{display:flex;width:max-content;animation:corre 70s linear infinite}
.faixa-trilho p{white-space:nowrap;font-weight:700;font-size:clamp(36px,4.2vw,60px);line-height:1.1;letter-spacing:-.01em;padding-right:96px}
.manchete.parada .faixa-trilho{animation-play-state:paused}
@keyframes corre{to{transform:translateX(-50%)}}

/* ---- 9 número de impacto: o único degradê, igual ao da home ---- */
.milhao{background-color:var(--cinza);padding:48px 0 112px}
.milhao-miolo{text-align:center}
.impacto{font-weight:700;font-size:clamp(56px,17vw,250px);line-height:.95;letter-spacing:-.04em;white-space:nowrap;padding-bottom:.06em;background:linear-gradient(180deg,#3b3b3b 0%,#888 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
@supports not (background-clip:text){.impacto{color:#555;-webkit-text-fill-color:#555}}
.milhao-titulo{margin:20px 0 12px;font-weight:700;font-size:clamp(24px,3vw,34px);line-height:1.1}
.milhao-texto{max-width:640px;margin-inline:auto;font-size:19px;line-height:1.55}

/* ---- 10 a lata: acender e tampar ---- */
.queima{background-color:var(--preto);color:#fff;padding:104px 0}
.queima-grade{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,88px);align-items:start}
.queima-foto{position:sticky;top:130px}
.lata-moldura{position:relative;aspect-ratio:1/1;max-width:560px;border-radius:28px;overflow:hidden;box-shadow:0 0 0 1px #2e2e2e;transition:box-shadow .7s var(--ease)}
.lata-moldura img{width:100%;height:100%;object-fit:cover;transition:filter .7s var(--ease)}
.queima[data-estado="acesa"] .lata-moldura{box-shadow:0 0 100px 12px rgba(248,128,0,.4)}
.queima[data-estado="tampada"] .lata-moldura img{filter:brightness(.18) grayscale(.75)}
.queima-texto{display:grid;gap:28px}
.queima .titulo-bloco{max-width:16ch}
.interruptor{display:flex;flex-wrap:wrap;gap:12px}
.interruptor-btn{background:transparent;border-color:#fff;color:#fff}
.interruptor-btn[aria-pressed="true"]{background:var(--vermelho);border-color:var(--vermelho)}
.horas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.horas li{height:60px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:22px;background:#2a2a2a;color:#cfcfcf;transition:background-color .35s ease,color .35s ease}
.queima[data-estado="acesa"] .horas li:nth-child(-n+3){background:var(--brasa);color:#000}
.queima[data-estado="acesa"] .horas li:nth-child(n+4){background:#8a4500;color:#fff}
.queima[data-estado="acesa"] .horas li:nth-child(2){transition-delay:.3s}
.queima[data-estado="acesa"] .horas li:nth-child(3){transition-delay:.6s}
.queima[data-estado="acesa"] .horas li:nth-child(4){transition-delay:.9s}
.queima[data-estado="acesa"] .horas li:nth-child(5){transition-delay:1.2s}
.queima-duas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.queima-col{border:2px solid #333;border-radius:18px;padding:24px;display:grid;gap:12px;align-content:start;transition:border-color .4s ease}
.queima-col h3{font-weight:700;font-size:24px;line-height:1.1}
.queima-col p{color:#ececec;font-size:17px;line-height:1.55}
.queima[data-estado="acesa"] .queima-acesa,.queima[data-estado="tampada"] .queima-tampada{border-color:var(--brasa)}
.queima-citacao{border-left:4px solid var(--brasa);padding-left:22px;font-size:21px;line-height:1.45}
.queima-nota{color:#d6d6d6;font-size:17px;line-height:1.6}
.queima-tamanho{font-weight:700;font-size:30px;line-height:1.1}

/* ---- 11 como se faz ---- */
.comofaz{background-color:var(--branco);padding:104px 0}
.comofaz-grade{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,88px);align-items:start}
.comofaz-fotos{position:sticky;top:130px;display:grid;gap:18px}
.comofaz-fotos figure{border-radius:20px;overflow:hidden;max-width:560px}
.comofaz-fotos figure:first-child{aspect-ratio:1/1}
.comofaz-fotos figure:last-child{aspect-ratio:5/3}
.comofaz-fotos img{width:100%;height:100%;object-fit:cover}
.comofaz-texto{display:grid;gap:28px}
.comofaz-lead{font-size:clamp(20px,1.9vw,26px);line-height:1.4;font-weight:500;max-width:40ch}
.materiais{display:grid}
.materiais>div{padding:26px 0;border-top:1px solid #d8d8d8}
.materiais dt{font-weight:700;font-size:26px;line-height:1.1;margin-bottom:10px}
.materiais dd{font-size:17px;line-height:1.6;max-width:58ch}
.selos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.selos li{background:var(--cinza);border-radius:60px;padding:14px 12px;text-align:center;font-weight:700;font-size:15px;line-height:1.2}

/* ---- 12 cinco painéis ---- */
.jeitos-secao{background-color:var(--cinza);padding:104px 0}
.jeitos{display:flex;gap:14px;min-height:560px;margin-top:40px}
.jeito{flex:1 1 0;min-width:0;display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;transition:flex-grow .55s var(--ease)}
.jeito figure{position:relative;flex:1 1 auto;min-height:200px}
.jeito figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jeito:nth-child(3) figure{overflow:hidden}
.jeito:nth-child(3) figure img{transform:scale(1.4);transform-origin:50% 100%}
.jeito-corpo{padding:16px 20px 22px}
.jeito h3{font-weight:700;font-size:20px;line-height:1.1}
.jeito h3 button{display:block;width:100%;min-height:44px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.jeito p{margin-top:8px;font-size:16px;line-height:1.55}
.com-js .jeitos{height:560px}
.com-js .jeito.aberto{flex-grow:4.2}
.com-js .jeito:not(.aberto) p{display:none}
.com-js .jeito:not(.aberto) h3{font-size:18px}

/* ---- 13 The Chair Blanket ---- */
.cadeira{background-color:var(--branco);padding:104px 0}
.cadeira-grade{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,88px);align-items:start}
.cadeira-fotos{position:sticky;top:130px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cadeira-fotos figure{border-radius:18px;overflow:hidden;aspect-ratio:3/4}
.cadeira-fotos figure:nth-child(2){margin-top:44px}
.cadeira-fotos img{width:100%;height:100%;object-fit:cover}
.cadeira-fotos .cadeira-amostra{grid-column:1/3;aspect-ratio:16/6;margin-top:0}
.cadeira-texto{display:grid;gap:26px}
.cadeira-lead{font-size:clamp(18px,1.6vw,21px);line-height:1.55;max-width:60ch}
.passos{display:grid;gap:20px;counter-reset:passo}
.passos li{position:relative;padding:4px 0 4px 60px;font-size:18px;line-height:1.55;counter-increment:passo}
.passos li::before{content:counter(passo);position:absolute;left:0;top:2px;width:40px;height:40px;border-radius:50%;background:var(--vermelho);color:#fff;display:grid;place-items:center;font-weight:700;font-size:18px}
.cadeira-onde{font-weight:700;font-size:clamp(26px,2.6vw,34px);line-height:1.1;margin-top:12px}
.onde-usar li{padding:16px 0;border-top:1px solid #d8d8d8;font-size:17px;line-height:1.55}

/* ---- 14 Shark Tank ---- */
.shark{background-color:var(--branco);padding-bottom:104px}
.shark-foto{height:clamp(340px,52vw,760px);overflow:hidden}
.shark-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.shark-miolo{padding-top:80px}
.shark-lead{max-width:70ch;margin:24px auto 0;text-align:center;font-size:19px;line-height:1.55}
.shark-tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px}
.shark-card{background-color:var(--cinza);border-radius:24px;padding:36px 28px;display:grid;justify-items:center;align-content:space-between;gap:28px;text-align:center;min-height:280px}
.shark-card h3{font-weight:700;font-size:clamp(24px,2.2vw,30px);line-height:1.12;text-wrap:balance}

/* ---- 15 imprensa ---- */
.jornal{background-color:var(--branco);padding:104px 0;border-top:1px solid #e3e3e3}
.jornal .titulo-bloco{font-size:clamp(26px,3.2vw,40px)}
.jornal-grande{margin:44px 0 60px;max-width:20ch;font-weight:700;font-size:clamp(34px,5.4vw,76px);line-height:1;letter-spacing:-.025em;text-wrap:balance}
.jornal-parede{columns:2;column-gap:64px}
.jornal-parede article{break-inside:avoid;margin-bottom:12px;padding:24px 0 20px;border-top:2px solid var(--tinta)}
.jornal-parede h3{font-weight:700;font-size:23px;line-height:1.15;margin-bottom:10px}
.jornal-parede p{font-size:16px;line-height:1.6;color:#333}
.jornal-parede p+p{margin-top:8px}

/* ---- 16 depoimentos ---- */
.vozes{background-color:var(--cinza);padding:104px 0}
.vozes .titulo-bloco{margin-bottom:44px}
.vozes-colunas{columns:3;column-gap:24px}
.voz,.voz-foto{break-inside:avoid;margin:0 0 24px}
.voz{background:#fff;border-radius:18px;padding:28px}
.voz p{font-size:17px;line-height:1.6;margin-bottom:16px}
.voz footer{font-weight:700;font-size:16px}
.voz-foto{border-radius:18px;overflow:hidden;background:#d9d9d9}
.voz-foto img{width:100%;height:auto}
.voz-foto a{display:block}

/* ---- 17 pacotes ---- */
.pacotes{background-color:var(--branco);padding:104px 0}
.pacotes-grade{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,88px);align-items:center}
.pacotes-foto{max-width:520px;border-radius:24px;overflow:hidden}
.pacotes-foto img{width:100%;height:auto}
.barras{margin-top:40px;display:grid;gap:18px}
.barra{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;align-items:center}
.barra-nome{font-weight:700;font-size:20px}
.barra-fita{display:flex;align-items:center;height:64px;width:var(--w);min-width:max-content;padding-inline:24px;border-radius:60px;background:var(--vermelho);color:#fff;white-space:nowrap}
.barra-fita b{font-weight:700;font-size:18px}

/* ---- 18 presentes ---- */
.presentes{background-color:var(--cinza);padding:104px 0}
.presentes .titulo-bloco{max-width:22ch}
.presentes-topo{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:center;margin-top:44px}
.presentes-fotos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.presentes-fotos figure{background:#fff;border-radius:20px;padding:16px;aspect-ratio:1/1}
.presentes-fotos img{width:100%;height:100%;object-fit:contain}
.presentes-texto{display:grid;gap:24px}
.presentes-texto p{font-size:20px;line-height:1.55;max-width:58ch}
.clientes-nomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.clientes-nomes li{background:#fff;border-radius:16px;padding:18px 20px;font-weight:700;font-size:clamp(24px,2.6vw,36px);line-height:1.1}
.presentes-lead{margin:64px 0 32px;max-width:40ch;font-weight:700;font-size:clamp(24px,2.6vw,36px);line-height:1.12;text-wrap:balance}
.tamanhos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.tamanhos li{background:#fff;border-radius:20px;padding:24px 22px 28px}
.anel{display:block;width:var(--d);height:var(--d);border-radius:50%;border:6px solid var(--vermelho);margin-bottom:22px}
.tamanhos h3{font-weight:700;font-size:21px;line-height:1.12;margin-bottom:10px}
.tamanhos p{font-size:16px;line-height:1.55}
.presentes-cta{margin-top:40px}

/* ---- 19 onde achar ---- */
.onde{background-color:var(--branco);padding:104px 0}
.onde-grade{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(32px,6vw,88px);align-items:center}
.onde-texto{display:grid;gap:22px}
.onde-nomes{font-weight:700;font-size:clamp(44px,9vw,128px);line-height:.92;letter-spacing:-.03em}
.onde-nomes span{display:block}
.onde-texto p{font-size:19px;line-height:1.55;max-width:56ch}
.onde-citacao{border-left:4px solid var(--vermelho);padding-left:22px}
.onde-citacao p{font-size:18px}
.onde-foto{max-width:520px;border-radius:24px;overflow:hidden}
.onde-foto img{width:100%;height:auto}

/* ---- 20 fundadores ---- */
.fundadores{background-color:var(--cinza);padding:104px 0}
.fundadores-missao{max-width:24ch;margin-bottom:56px}
.fundadores-grade{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,56px);align-items:start}
.retratos{position:sticky;top:130px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.retrato{background:#fff;border-radius:18px;overflow:hidden}
.retrato img{width:100%;aspect-ratio:1/1;object-fit:cover}
.retrato figcaption{padding:18px;font-size:16px;line-height:1.55}
.carta{background:#fff;border-radius:22px;padding:clamp(24px,4vw,56px);box-shadow:0 10px 40px rgba(0,0,0,.07);display:grid;gap:20px}
.carta-origem{font-weight:700;font-size:clamp(20px,2vw,26px);line-height:1.3}
.carta h3{font-weight:700;font-size:30px;line-height:1.1;margin-top:8px}
.carta p{font-size:17px;line-height:1.65}
.carta-assinatura{font-size:18px}
.carta-missao{border-top:1px solid #ddd;padding-top:22px;font-size:16px;color:#444}

/* ---- 21 perguntas ---- */
.duvidas{background-color:var(--branco);padding:104px 0}
.duvidas-cab{margin-bottom:40px}
.duvidas-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px;align-items:start}
.duvidas details{border-top:2px solid var(--tinta)}
.duvidas summary{position:relative;list-style:none;cursor:pointer;min-height:64px;display:flex;align-items:center;padding:16px 48px 16px 0;font-weight:700;font-size:21px;line-height:1.2}
.duvidas summary::-webkit-details-marker{display:none}
.duvidas summary::after{content:"+";position:absolute;right:4px;top:50%;translate:0 -50%;font-size:30px;font-weight:500;transition:rotate .25s var(--ease)}
.duvidas details[open] summary::after{rotate:45deg}
.duvidas details p{padding:0 0 24px;font-size:17px;line-height:1.65;max-width:60ch;color:#333}

/* ---- 22 fecho ---- */
.byo{background-color:var(--cinza);padding:104px 0}
.byo-grade{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,80px);align-items:center}
.byo-foto{position:relative;isolation:isolate;max-width:760px;aspect-ratio:4/3;border-radius:28px;overflow:hidden;background:#222}
.byo-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.byo-foto::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.42);z-index:-1}
.byo-tag{position:absolute;right:28px;bottom:24px;color:#fff;font-weight:700;font-size:clamp(30px,4.4vw,60px);line-height:1;letter-spacing:-.02em}
.byo-texto{display:grid;gap:20px;justify-items:start}
.byo-texto p{font-size:19px;line-height:1.5}
.byo-desconto{font-weight:700;font-size:30px;color:var(--vermelho-txt)}
.byo-causa{font-weight:700;font-size:17px!important}

/* ---- 23 tira preta ---- */
.redes{background-color:var(--preto);color:#fff;padding:30px var(--pad);text-align:center}
.redes p{max-width:900px;margin-inline:auto;font-size:16px;line-height:1.55}

/* ---- movimento: estado escondido só sob .com-js ---- */
.rv{transition:opacity .9s var(--ease) calc(var(--i,0)*90ms),transform .9s var(--ease) calc(var(--i,0)*90ms),clip-path 1s var(--ease) calc(var(--i,0)*90ms)}
.com-js .rv:not(.in){opacity:0;transform:translateY(26px)}
.com-js .rv-scale:not(.in){opacity:0;transform:scale(.95)}
.com-js .rv-wipe:not(.in){opacity:1;transform:none;clip-path:inset(0 100% 0 0)}
.com-js .rv-wipe.in{clip-path:inset(0 0 0 0)}

/* ---- telas médias ---- */
@media (max-width:1100px){
  .tamanhos{grid-template-columns:1fr}
  .tamanhos li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:24px;align-items:start}
  .tamanhos .anel{grid-row:1/3;margin:0}
  .vitrine{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bento{grid-template-columns:minmax(0,1fr)}
  .bento-pequenos{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
  .vozes-colunas{columns:2}
}
@media (max-width:960px){
  .historia-grade,.queima-grade,.comofaz-grade,.cadeira-grade,.pacotes-grade,.presentes-topo,.onde-grade,.fundadores-grade,.byo-grade{grid-template-columns:minmax(0,1fr)}
  .historia-texto,.queima-foto,.comofaz-fotos,.cadeira-fotos,.retratos{position:static}
  .colagem{justify-self:start}
  .queima-foto .lata-moldura{max-width:100%}
  .jeitos{flex-direction:column;min-height:0}
  .com-js .jeitos{height:auto}
  .jeito{flex:none}
  .jeito figure{min-height:0;aspect-ratio:16/10;flex:none}
  .com-js .jeito:not(.aberto) p{display:block}
  .com-js .jeito:not(.aberto) h3{font-size:20px}
  .shark-tres{grid-template-columns:minmax(0,1fr)}
  .jornal-parede{columns:1}
  .duvidas-lista{grid-template-columns:minmax(0,1fr)}
  .origem{grid-template-columns:minmax(0,1fr)}
  .origem-nota{grid-column:1;grid-row:auto}
}
@media (max-width:700px){
  .pacote{flex-direction:column;align-items:stretch}
  .titulo-linha{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:28px}
  .fogueira{padding-bottom:56px}
  .bento-grande{min-height:520px}
  .bento-card{min-height:230px}
  .mosaico{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .etiqueta{left:10px;bottom:10px;font-size:13px;padding:9px 12px}
  .vitrine{gap:18px 14px}
  .vozes-colunas{columns:1}
  .horas li{height:48px;font-size:18px}
  .queima-duas{grid-template-columns:minmax(0,1fr)}
  .selos{grid-template-columns:minmax(0,1fr)}
  .barra{grid-template-columns:minmax(0,1fr);gap:8px}
  .barra-fita{height:56px;padding-inline:18px}
  .clientes-nomes li{font-size:22px}
  .retratos{grid-template-columns:minmax(0,1fr)}
  .byo-grade .byo-foto{aspect-ratio:1/1}
  .tamanhos li{display:block}
  .tamanhos .anel{margin-bottom:18px}
  .presentes-fotos{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .manchete{padding-top:76px}
}

/* ---- movimento reduzido: só opacidade ---- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .faixa-trilho{animation:none}
  .com-js .rv:not(.in),.com-js .rv-scale:not(.in){transform:none}
  .com-js .rv-wipe:not(.in){clip-path:none;opacity:0}
  .rv{transition:opacity .4s ease}
  .lata-card img,.mosaico-card img,.jeito,.horas li,.lata-moldura,.lata-moldura img{transition:none}
}