@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/instrument-sans-400.woff2) format('woff2')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/instrument-sans-500.woff2) format('woff2')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/instrument-sans-700.woff2) format('woff2')}

:root{
  --branco:#fff;
  --azul:#3a5fe0;          /* azul da marca (#4670f6) um passo mais fundo: branco sobre ele passa de 4,5:1 */
  --azul-marca:#4670f6;
  --azul-claro:#e8edff;
  --marinho:#0a142f;
  --mel:#ebbf20;
  --tinta:#0a142f;
  --tinta-2:#3a4262;
  --raio:28px;
  --raio-btn:14px;
  --max:1180px;
  --curva:cubic-bezier(.23,1,.32,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--branco);color:var(--tinta);font:400 18px/1.55 'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}
img{max-width:100%;height:auto}
::selection{background:var(--mel);color:var(--marinho)}
:focus-visible{outline:3px solid var(--mel);outline-offset:3px;border-radius:6px}
h1,h2,h3,h4,h5{margin:0;font-weight:700;text-wrap:balance}
p{margin:0 0 1em;max-width:62ch;text-wrap:pretty}
ul,ol{margin:0;padding:0}
a{color:inherit}
section{overflow-x:clip;background-color:var(--branco)}
.vao{max-width:var(--max);margin-inline:auto;padding-inline:clamp(20px,4vw,40px)}
h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.05;letter-spacing:-.02em;color:var(--azul)}

/* ---------- bloco do pacote (menu, faixa, rodapé) ---------- */
.pular{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--marinho);color:#fff;padding:10px 16px;border-radius:10px}
.pular:focus{left:12px}
.rascunho{background:var(--marinho);color:#fff;font-size:13px;line-height:1.3;text-align:center;padding:6px 14px}
.pacote{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;padding:8px clamp(12px,3vw,32px);border-bottom:1px solid #dbe2fb}
.pacote-abas{display:flex;gap:4px;flex-wrap:wrap}
.pacote-abas a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:10px;font-size:15px;font-weight:500;text-decoration:none;color:var(--tinta);transition:background-color .16s ease,color .16s ease}
.pacote-abas a[aria-current="page"]{background:var(--azul);color:#fff}
@media (hover:hover) and (pointer:fine){.pacote-abas a:not([aria-current]):hover{background:var(--azul-claro)}}
.pacote-abas .curto{display:none}
.chat{display:inline-flex;align-items:center;min-height:44px;padding:10px 20px;border-radius:var(--raio-btn);background:var(--azul);color:#fff;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap;transition:transform .16s var(--curva),background-color .16s ease}
.chat:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.chat:hover{background:#2c4fcb}}
@media (max-width:860px){.pacote-abas .longo{display:none}.pacote-abas .curto{display:inline}.pacote{flex-wrap:wrap}}
.rodape{background:var(--marinho);color:#fff;padding:36px clamp(20px,4vw,40px);text-align:center;font-size:14px}
.rodape p{margin:0 auto 12px;max-width:70ch}
.rodape-chat{display:inline-flex;align-items:center;min-height:44px;padding:10px 22px;border:2px solid #fff;border-radius:var(--raio-btn);color:#fff;font-weight:700;text-decoration:none;transition:background-color .16s ease,color .16s ease}
@media (hover:hover) and (pointer:fine){.rodape-chat:hover{background:#fff;color:var(--marinho)}}
.rodape-fontes{color:#c9d3ff}

/* ---------- peças comuns ---------- */
.botao{display:inline-flex;align-items:center;gap:.5em;min-height:48px;padding:12px 26px;border-radius:var(--raio-btn);background:var(--azul);color:#fff;font-weight:500;font-size:1.05rem;text-decoration:none;transition:transform .16s var(--curva),background-color .16s ease,box-shadow .16s ease}
.botao:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.botao:hover{background:#2c4fcb}}
.botao-claro{background:#fff;color:var(--azul);font-weight:700}
@media (hover:hover) and (pointer:fine){.botao-claro:hover{background:var(--azul-claro)}}
.moldura{margin:0;border-radius:var(--raio);overflow:hidden;background:var(--azul-claro);outline:1px solid rgba(10,20,47,.08);outline-offset:-1px}
.moldura img{display:block;width:100%;height:100%;object-fit:cover}

/* ---------- movimento: o estado escondido só existe sob .com-js ---------- */
.com-js .rv{transition:opacity .9s var(--curva) calc(var(--i,0)*70ms),transform .9s var(--curva) calc(var(--i,0)*70ms),clip-path 1s var(--curva) calc(var(--i,0)*70ms)}
.com-js .rv:not(.in){opacity:0;transform:translateY(22px)}
.com-js .rv-sobe:not(.in){transform:translateY(46px)}
.com-js .rv-pop:not(.in){transform:scale(.94)}
.com-js .rv-cortina:not(.in){opacity:1;transform:none;clip-path:inset(0 0 100% 0)}
.com-js .rv-cortina.in{clip-path:inset(0 0 0 0)}
.com-js .rv-fio:not(.in){opacity:1;transform:scaleY(0)}
@media (prefers-reduced-motion:reduce){
  .com-js .rv{transition:opacity .3s ease}
  .com-js .rv:not(.in){transform:none}
  .com-js .rv-cortina:not(.in){opacity:0;clip-path:none}
  .com-js .rv-fio:not(.in){transform:none;opacity:0}
  html{scroll-behavior:auto}
}

/* ---------- 1. vitrine (hero) ---------- */
.vitrine{background-color:var(--branco);text-align:center;min-height:calc(100svh - 92px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(20px,3vw,40px) 20px clamp(24px,4vw,48px)}
.vitrine-logo{width:clamp(140px,15vw,210px);height:auto;margin:0 auto clamp(12px,2vw,24px)}
.vitrine-titulo{font-size:clamp(2.5rem,6.4vw,5.6rem);line-height:1;letter-spacing:-.035em;color:var(--azul);max-width:15ch}
.vitrine-sub{margin:clamp(10px,1.6vw,20px) auto 0;max-width:46ch;font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--tinta-2)}
.vitrine-palco{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,6vw,96px);width:min(100%,880px);margin-top:clamp(12px,2.4vw,28px)}
.vitrine-lado{display:grid;justify-items:center;gap:8px;text-decoration:none;color:var(--azul)}
.vitrine-lado img{width:min(100%,clamp(150px,40vh,380px));height:auto;aspect-ratio:1;mix-blend-mode:multiply;transition:transform .5s var(--curva)}
.vitrine-rotulo{font-size:clamp(1.3rem,3vw,2.4rem);font-weight:700;letter-spacing:-.02em;white-space:nowrap}
@media (hover:hover) and (pointer:fine){.vitrine-lado:hover img{transform:translateY(-8px) rotate(-1.5deg)}}
.vitrine-casal{margin:clamp(8px,1.4vw,16px) auto 0;font-size:1rem;color:var(--tinta-2)}

/* ---------- 2. aviso ---------- */
.aviso{background-color:var(--azul);color:#fff;padding:30px 20px;text-align:center}
.aviso p{margin:0 auto;max-width:none;font-weight:700;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.4}

/* ---------- 3. família ---------- */
.familia{background-color:var(--branco);padding:clamp(40px,6vw,72px) 0}
.familia-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,6vw,80px);align-items:center;max-width:1080px}
.familia-foto{aspect-ratio:1;max-width:520px;width:100%}
.familia-texto h2{margin-bottom:.6em;max-width:11ch}
.familia-texto p{font-size:1.15rem}
.familia-texto .botao{margin-top:.6em}

/* ---------- 4. linhagem ---------- */
.linhagem{background-color:var(--azul);color:#fff;padding:clamp(56px,8vw,104px) 0}
.linhagem h2{color:#fff;font-size:clamp(2.2rem,6.2vw,5.2rem);letter-spacing:-.035em;line-height:1}
.linhagem-corpo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);margin-top:clamp(32px,5vw,56px);align-items:start}
.linhagem-fotos{position:sticky;top:96px;display:grid;gap:16px}
.linhagem-foto{aspect-ratio:3/2;background:#2c4fcb}
.linhagem-faixa{margin:0;aspect-ratio:1;border-radius:var(--raio);background:var(--azul-claro);overflow:hidden}
.linhagem-faixa img{display:block;width:100%;height:100%;object-fit:contain}
.linhagem-trilha{position:relative;padding-left:44px}
.linhagem-fio{position:absolute;left:8px;top:14px;bottom:30px;width:3px;background:#fff;border-radius:2px;transform-origin:top;transition:transform 1.6s var(--curva)}
.marco{position:relative;padding-bottom:clamp(28px,4vw,48px)}
.marco::before{content:"";position:absolute;left:-44px;top:.55em;width:19px;height:19px;border-radius:50%;background:var(--mel);box-shadow:0 0 0 4px var(--azul)}
.marco-ano{font-size:clamp(2.6rem,5.4vw,4.4rem);line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:#fff}
.marco p{margin:.6em 0 0;font-size:1.15rem;max-width:44ch;color:#fff}
.marco .marco-fecho{margin-top:1.2em;font-weight:700;font-size:1.4rem;color:var(--mel)}

/* ---------- 5. bancada do mel ---------- */
.pote-cru{background-color:var(--branco);padding:clamp(48px,7vw,96px) 0}
.pote-grade{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,6vw,88px);align-items:start}
.pote-vitrines{position:sticky;top:96px;display:grid;gap:16px}
.pote-cartao{margin:0;background:var(--azul-claro);border-radius:var(--raio);padding:clamp(16px,3vw,32px);aspect-ratio:1;display:grid;place-items:center;overflow:hidden}
.pote-cartao img{width:100%;height:100%;object-fit:contain;display:block}
.pote-jarra{transform:scale(var(--esc,.78));transition:transform .6s var(--curva)}
.pote-par{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pote-cartao-pequeno{padding:14px}
.pote-texto h2{margin-bottom:.35em}
.pote-lede{font-size:1.5rem;font-weight:700;color:var(--tinta);line-height:1.2;letter-spacing:-.01em}
.promessas{list-style:none;display:grid;gap:10px;margin:0 0 28px}
.promessas li{position:relative;padding-left:38px;font-weight:500}
.promessas li::before{content:"✓";position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--azul);color:#fff;font-size:15px;line-height:26px;text-align:center}
.balanca{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
.balanca-opcao{display:grid;gap:2px;justify-items:start;padding:14px 16px;border:2px solid var(--azul-claro);border-radius:var(--raio-btn);background:#fff;color:var(--tinta);font:inherit;text-align:left;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .16s var(--curva)}
.balanca-opcao:active{transform:scale(.97)}
.balanca-opcao[aria-pressed="true"]{background:var(--azul);border-color:var(--azul);color:#fff}
.balanca-lb{font-size:1.05rem;font-weight:500}
.balanca-preco{font-size:clamp(1.25rem,2.4vw,1.8rem);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.pote-selos{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 28px}
.pote-selos li{padding:10px 14px;border-radius:12px;background:var(--azul-claro);color:var(--azul);font-weight:700;text-align:center}

/* ---------- 6. cristal ---------- */
.cristal{background-color:var(--marinho);color:#fff;padding:clamp(56px,8vw,104px) 0}
.cristal-grade{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,6vw,88px);align-items:center}
.cristal h2{color:var(--mel);font-size:clamp(2.2rem,5vw,4rem);margin-bottom:.5em}
.cristal-grande{font-size:clamp(1.3rem,2.4vw,1.9rem);line-height:1.35;max-width:34ch;letter-spacing:-.005em}
.cristal-colagem{position:relative;padding-bottom:110px}
.cristal-cartao{margin:0;background:var(--azul-claro);border-radius:var(--raio);overflow:hidden}
.cristal-cartao img{display:block;width:100%;height:100%;object-fit:contain}
.cristal-cartao-1{aspect-ratio:1;max-width:460px}
.cristal-cartao-2{position:absolute;right:0;bottom:0;width:44%;max-width:220px;aspect-ratio:1;box-shadow:0 0 0 6px var(--marinho)}

/* ---------- 7. sem enchimento ---------- */
.sem-enchimento{background-color:var(--branco);padding:clamp(48px,7vw,96px) 0}
.sem-grade{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(28px,5vw,72px);align-items:center}
.sem-coluna h2{margin-bottom:.8em;max-width:14ch}
.sem-lista{list-style:none}
.sem-lista li{padding:12px 0;border-top:2px solid var(--azul-claro);font-size:clamp(1.7rem,3.6vw,3.1rem);font-weight:700;line-height:1.05;letter-spacing:-.025em;color:var(--azul)}
.sem-lista li:last-child{border-bottom:2px solid var(--azul-claro)}
.sem-cartoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sem-cartao{margin:0;aspect-ratio:1;border-radius:var(--raio);background:var(--azul-claro);overflow:hidden}
.sem-cartao img{display:block;width:100%;height:100%;object-fit:contain}

/* ---------- 8. receitas ---------- */
.receitas{background-color:var(--azul);color:#fff;padding:clamp(56px,8vw,104px) 0}
.receitas h2{color:#fff;font-size:clamp(2.2rem,5.4vw,4.4rem);letter-spacing:-.03em}
.receitas-lede{margin:.6em 0 clamp(24px,4vw,40px);font-size:1.25rem}
.caderno{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(16px,3vw,32px);align-items:start}
.caderno-abas{display:grid;gap:8px;position:sticky;top:96px}
.caderno-aba{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:center;padding:8px 14px 8px 8px;border:0;border-radius:16px;background:rgba(10,20,47,.28);color:#fff;font:inherit;font-weight:500;text-align:left;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .16s var(--curva)}
.caderno-aba:active{transform:scale(.98)}
.caderno-aba img{width:56px;height:56px;border-radius:12px;object-fit:cover;display:block;background:var(--azul-claro)}
.caderno-aba[aria-selected="true"]{background:#fff;color:var(--azul);font-weight:700}
@media (hover:hover) and (pointer:fine){.caderno-aba[aria-selected="false"]:hover{background:rgba(10,20,47,.45)}}
.receita{background:#fff;color:var(--tinta);border-radius:var(--raio);overflow:hidden}
.com-js .receita:not(.on){display:none}
.receita-foto{margin:0;height:clamp(220px,28vw,320px);background:var(--azul-claro)}
.receita-foto img{display:block;width:100%;height:100%;object-fit:cover}
.receita-foto-recorte img{object-fit:contain}
.receita-corpo{padding:clamp(20px,3vw,36px)}
.receita h3{font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.02em;color:var(--azul);margin-bottom:.4em}
.receita-lede{font-size:1.1rem;max-width:68ch}
.receita-cols{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,3vw,40px);margin-top:12px}
.receita h4{font-size:1.15rem;color:var(--tinta);margin:18px 0 8px;letter-spacing:-.005em}
.receita h4:first-child{margin-top:0}
.receita h5{font-size:1rem;margin:14px 0 6px;color:var(--azul)}
.receita ul{list-style:none;display:grid;gap:6px;font-size:1rem}
.receita-ing li{padding-left:18px;position:relative;line-height:1.4}
.receita-ing li::before,.receita-passos ul li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--mel)}
.receita-passos ul li{position:relative;padding-left:18px;line-height:1.4}
.receita ol{list-style:none;counter-reset:passo;display:grid;gap:14px;font-size:1rem}
.receita ol li{counter-increment:passo;position:relative;padding-left:40px;line-height:1.45}
.receita ol li::before{content:counter(passo);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--azul);color:#fff;font-weight:700;font-size:.9rem;line-height:28px;text-align:center;font-variant-numeric:tabular-nums}
.receita ol li strong{display:block;color:var(--tinta);margin-bottom:2px}
.receita-fecho{margin-top:16px;padding:14px 16px;border-radius:14px;background:var(--azul-claro);font-size:1rem;max-width:none}

/* ---------- 9. bancada da cera ---------- */
.bloco-cera{background-color:var(--branco);padding:clamp(48px,7vw,96px) 0}
.cera-grade{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(28px,5vw,80px);align-items:start}
.cera-texto h2{margin-bottom:.4em}
.cera-nome{font-size:1.5rem;font-weight:700;line-height:1.2;color:var(--tinta);letter-spacing:-.01em}
.cera-preco{display:inline-block;margin-left:.4em;padding:2px 12px;border-radius:10px;background:var(--mel);color:var(--marinho);font-variant-numeric:tabular-nums}
.cera-texto h3{font-size:1.3rem;margin:1.2em 0 .3em;color:var(--azul)}
.cera-texto h3+h3{margin-top:.2em}
.cera-usos-titulo{margin-top:1.6em!important}
.cera-usos{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.cera-usos li{padding:12px 10px;border-radius:12px;background:var(--azul-claro);color:var(--azul);font-weight:700;text-align:center;line-height:1.2}
.cera-diy{font-weight:500;margin-bottom:1.4em}
.cera-fotos{position:sticky;top:96px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cera-col{display:grid;gap:16px;align-content:start}
.cera-col-baixo{padding-top:clamp(24px,5vw,64px)}
.cera-col .moldura{aspect-ratio:1}

/* ---------- 10. martelo ---------- */
.martelo{background-color:var(--marinho);color:#fff;padding:clamp(56px,8vw,104px) 0}
.martelo h2{color:#fff;font-size:clamp(2.2rem,5vw,4.2rem);letter-spacing:-.03em;margin-bottom:.4em}
.martelo-grade{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,80px);align-items:start}
.martelo-texto h3{font-size:1.25rem;color:var(--mel);margin:1.4em 0 .5em}
.martelo-itens{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.martelo-itens li{padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.1);font-weight:500}
.martelo-passos{display:flex;flex-direction:column;gap:12px}
.passo{display:block;width:100%;padding:16px 18px;border:2px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:1.02rem;line-height:1.45;text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .16s var(--curva)}
.passo:active{transform:scale(.985)}
.passo strong{color:var(--mel)}
.passo[aria-pressed="true"]{border-color:var(--mel);background:rgba(235,191,32,.12)}
@media (hover:hover) and (pointer:fine){.passo:hover{border-color:rgba(235,191,32,.6)}}
.martelo-palco{position:sticky;top:96px;display:grid;gap:14px;justify-items:center}
.bancada{position:relative;width:min(100%,520px);aspect-ratio:1;background:#fff;border-radius:var(--raio);overflow:hidden}
.bancada::before{content:"";position:absolute;inset:7%;border:3px solid rgba(58,95,224,.45);border-radius:22px;background:rgba(255,255,255,.4);opacity:0;transition:opacity .5s ease;z-index:3;pointer-events:none}
.bancada::after{content:"";position:absolute;inset:0;background:#9ec3ff;mix-blend-mode:multiply;opacity:0;transition:opacity .6s ease;z-index:2;pointer-events:none}
.bancada[data-passo="1"]::after,.bancada[data-passo="2"]::after{opacity:.5}
.bancada[data-passo="2"]::before{opacity:1}
.bancada[data-passo="3"]::after{opacity:.3}
.lasca{position:absolute;inset:0;background:url(img/lifestyle-08-cdn-shop-files-beeswax-3-jpg.webp) center/cover no-repeat;visibility:hidden;transition:transform .8s var(--curva),visibility 0s .8s}
.bancada[data-passo="3"] .lasca{visibility:visible;transition:transform .8s var(--curva),visibility 0s}
.lasca:nth-child(1){clip-path:polygon(0 0,55% 0,45% 35%,0 40%);--dx:-12%;--dy:-10%;--r:-7deg}
.lasca:nth-child(2){clip-path:polygon(55% 0,100% 0,100% 30%,70% 38%,45% 35%);--dx:11%;--dy:-11%;--r:6deg}
.lasca:nth-child(3){clip-path:polygon(0 40%,45% 35%,40% 70%,0 75%);--dx:-15%;--dy:3%;--r:-5deg}
.lasca:nth-child(4){clip-path:polygon(45% 35%,70% 38%,65% 68%,40% 70%);--dx:0%;--dy:7%;--r:3deg}
.lasca:nth-child(5){clip-path:polygon(70% 38%,100% 30%,100% 72%,65% 68%);--dx:14%;--dy:2%;--r:6deg}
.lasca:nth-child(6){clip-path:polygon(0 75%,40% 70%,50% 100%,0 100%);--dx:-10%;--dy:14%;--r:5deg}
.lasca:nth-child(7){clip-path:polygon(40% 70%,65% 68%,100% 72%,100% 100%,50% 100%);--dx:9%;--dy:15%;--r:-6deg}
.bancada[data-passo="3"] .lasca{transform:translate(var(--dx),var(--dy)) rotate(var(--r))}
.bancada[data-passo="3"]{animation:batida .32s ease-out}
@keyframes batida{0%{transform:translateY(0)}30%{transform:translateY(5px)}100%{transform:translateY(0)}}
.voila{margin:0;font-size:1.3rem;font-weight:700;color:var(--mel);text-align:center;transition:opacity .5s ease .3s}
.com-js .bancada:not([data-passo="3"])~.voila{opacity:0}
.martelo-reiniciar{padding:10px 20px;min-height:44px;border:2px solid rgba(255,255,255,.4);border-radius:var(--raio-btn);background:transparent;color:#fff;font:inherit;font-weight:500;cursor:pointer;transition:background-color .16s ease,color .16s ease}
@media (hover:hover) and (pointer:fine){.martelo-reiniciar:hover{background:#fff;color:var(--marinho)}}
.martelo-rodape{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,64px);margin-top:clamp(40px,6vw,72px);padding-top:clamp(28px,4vw,48px);border-top:1px solid rgba(255,255,255,.25)}
.martelo-rodape h3{font-size:1.3rem;color:var(--mel);margin-bottom:.6em}
.martelo-opcao ol{list-style:none;display:grid;gap:12px}
.martelo-opcao li{padding-left:0;line-height:1.5}
.martelo-pergunta p{max-width:none}
@media (prefers-reduced-motion:reduce){.lasca{transition:none}.bancada[data-passo="3"]{animation:none}}

/* ---------- 11. oficinas ---------- */
.oficinas{background-color:var(--branco);padding:clamp(40px,5vw,64px) 0 clamp(40px,5vw,72px)}
.oficinas h2{max-width:22ch;margin-bottom:.8em}
.oficinas-lista{list-style:none}
.oficinas-lista li{border-top:2px solid var(--azul-claro)}
.oficinas-lista li:last-child{border-bottom:2px solid var(--azul-claro)}
.oficinas-lista a{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr) auto;gap:clamp(12px,3vw,40px);align-items:center;padding:20px 4px;text-decoration:none;color:var(--tinta);transition:background-color .2s ease,padding .3s var(--curva)}
.oficinas-nome{font-size:clamp(1.3rem,2.6vw,2.1rem);font-weight:700;letter-spacing:-.02em;color:var(--azul);line-height:1.1}
.oficinas-texto{font-size:1.05rem;color:var(--tinta-2)}
.oficinas-seta{font-size:2rem;font-weight:700;color:var(--azul);transition:transform .3s var(--curva)}
@media (hover:hover) and (pointer:fine){.oficinas-lista a:hover{background:var(--azul-claro);padding-inline:20px}.oficinas-lista a:hover .oficinas-seta{transform:translate(4px,-4px)}}

/* ---------- 12. envio ---------- */
.envio{background-color:var(--azul);color:#fff;padding:clamp(48px,7vw,88px) 0}
.envio-grade{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:stretch}
.envio-foto{min-height:420px;background:#2c4fcb}
.envio h2{color:#fff;font-size:clamp(1.9rem,3.6vw,3rem);margin-bottom:.7em;max-width:20ch}
.envio-par{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bilhete{background:#fff;color:var(--tinta);border-radius:var(--raio);padding:clamp(20px,2.6vw,32px)}
.envio-nota{margin:20px 0 0;max-width:none;font-size:1rem;color:#fff}
.bancada-base{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.bancada[data-passo="3"] .bancada-base{visibility:hidden}
.bilhete h3{font-size:1.5rem;color:var(--azul);margin-bottom:.6em;letter-spacing:-.015em}
.bilhete p{font-size:1.02rem;line-height:1.5}
.bilhete p:last-child{margin-bottom:0}

/* ---------- 13. carta ---------- */
.carta{background-color:var(--branco);padding:clamp(48px,7vw,96px) 0}
.carta-grade{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(28px,5vw,80px);align-items:start}
.carta-texto{position:sticky;top:96px}
.carta-texto h2{margin-bottom:.6em;max-width:12ch}
.carta-texto p{font-size:1.15rem}
.carta-obrigado{font-size:1.8rem!important;font-weight:700;color:var(--azul);margin:1em 0 0!important;letter-spacing:-.02em}
.carta-saudacao{margin-bottom:.6em!important}
.carta-firmas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:440px}
.firma{margin:0;background:var(--azul-claro);border-radius:20px;padding:14px 18px;height:132px;display:grid;place-items:center}
.firma img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.carta-assina{margin:12px 0 0;font-weight:700;color:var(--azul)}
.carta-fotos{display:grid;gap:16px}
.carta-foto-grande{aspect-ratio:1}
.carta-cozinha{aspect-ratio:3/2}

/* ---------- 14. cupom e 15. casa (uma laje só, como o rodapé da home) ---------- */
.cupom,.casa{background-color:var(--azul);color:#fff}
.cupom{padding:clamp(48px,7vw,88px) 0 clamp(36px,5vw,56px)}
.cupom-grade{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,5vw,72px);align-items:center}
.cupom h2{color:#fff;font-size:clamp(2rem,4.6vw,3.8rem);letter-spacing:-.03em;margin-bottom:.6em;max-width:16ch}
.cupom-botoes{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.cupom-lista{font-size:1.1rem;margin:0}
.cupom-pares{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cupom-cartao{margin:0;aspect-ratio:1;background:#fff;border-radius:var(--raio);overflow:hidden;display:grid;place-items:center}
.cupom-cartao img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.casa{padding:clamp(32px,5vw,56px) 0 28px}
.casa .vao{border-top:1px solid rgba(255,255,255,.55);padding-top:clamp(28px,4vw,48px)}
.casa-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,40px);align-items:start}
.casa-marca{background:#fff;border-radius:18px;padding:18px 20px}
.casa-logo{display:block;width:100%;height:auto;max-width:220px}
.casa-col{display:grid;gap:8px;align-content:start}
.casa-col h2{color:#fff;font-size:1.5rem;margin-bottom:6px;letter-spacing:-.015em}
.casa-col a{color:#fff;text-decoration:none;padding:4px 0;font-size:1.05rem;text-underline-offset:4px}
@media (hover:hover) and (pointer:fine){.casa-col a:hover{text-decoration:underline}}
.casa-direitos{max-width:var(--max);margin:36px auto 0;padding-inline:clamp(20px,4vw,40px);font-size:14px}

/* ---------- celular: tudo em coluna, foto antes do texto como na home ---------- */
@media (max-width:860px){
  html{scroll-padding-top:110px}
  .familia-grade,.linhagem-corpo,.pote-grade,.cristal-grade,.sem-grade,.cera-grade,.martelo-grade,.envio-grade,.carta-grade,.cupom-grade,.caderno,.receita-cols{grid-template-columns:minmax(0,1fr)}
  .linhagem-fotos,.pote-vitrines,.caderno-abas,.martelo-palco,.carta-texto,.cera-fotos{position:static}
  .linhagem-faixa{max-width:420px}
  .caderno-abas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .caderno-aba{grid-template-columns:44px minmax(0,1fr);gap:10px;font-size:.92rem;padding:6px 10px 6px 6px}
  .caderno-aba img{width:44px;height:44px}
  .cristal-colagem{max-width:420px;margin-inline:auto;width:100%}
  .cera-usos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .martelo-rodape,.envio-par{grid-template-columns:minmax(0,1fr)}
  .envio-foto{min-height:0;aspect-ratio:4/3}
  .oficinas-lista a{grid-template-columns:minmax(0,1fr) auto}
  .oficinas-texto{grid-column:1}
  .oficinas-seta{grid-row:1;grid-column:2}
  .casa-grade{grid-template-columns:repeat(3,minmax(0,1fr))}
  .casa-marca{grid-column:1/-1}
  .familia-texto h2{max-width:none}
}
@media (max-width:520px){
  body{font-size:17px}
  .sem-cartoes{grid-template-columns:minmax(0,1fr)}
  .balanca-opcao{padding:12px 10px}
  .cupom-pares{max-width:360px}
  .casa-grade{grid-template-columns:minmax(0,1fr)}
  .carta-firmas{max-width:none}
}