/* Good Green · site (protótipo navegável) */
@font-face{font-family:"GG Sans";src:url(../fonts/GoodGreenSans-Light.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"GG Sans";src:url(../fonts/GoodGreenSans-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"GG Sans";src:url(../fonts/GoodGreenSans-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"GG Mono";src:url(../fonts/GoodGreenMono-Regular.woff2) format("woff2");font-weight:400;font-display:swap}

:root{
  --petroleo:#0F2E2F; --verde:#1D4535; --verde2:#2A5846; --neon:#78F624;
  --osso:#F6F5F1; --branco:#fff; --linha:#E2DFD7; --mut:#5B6763;
  --abacaxi:#F4C531; --hortela:#B9E4C9; --verde-claro:#EAF6E2;
  --gutter:72px; --max:1296px; --r-lg:28px; --r-md:20px; --r-sm:14px;
  --ease:cubic-bezier(.75,0,.25,1); --ease-out:cubic-bezier(.2,.7,.2,1); --chega:cubic-bezier(.16,1,.3,1); --erro:#B4442A;
  --sans:"GG Sans",system-ui,sans-serif; --mono:"GG Mono",ui-monospace,monospace;
}
[hidden]{display:none!important}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--sans);font-weight:400;color:var(--petroleo);background:var(--osso);line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.travado{overflow:hidden}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input{font:inherit;color:inherit}
.ic{width:24px;height:24px;flex:none}
.wrap{width:100%;max-width:calc(var(--max) + var(--gutter)*2);margin:0 auto;padding:0 var(--gutter)}

/* tipografia */
.tag{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.tag.neon{color:var(--neon)} .tag.claro{color:rgba(255,255,255,.8)}
.d1{font-weight:300;font-size:clamp(52px,7.2vw,104px);line-height:.98;letter-spacing:-.035em}
.d2{font-weight:300;font-size:clamp(40px,4.6vw,72px);line-height:1.02;letter-spacing:-.03em}
.h2{font-weight:300;font-size:clamp(34px,4.2vw,60px);line-height:1.02;letter-spacing:-.025em}
.h3{font-weight:300;font-size:clamp(28px,3.2vw,44px);line-height:1.05;letter-spacing:-.02em}
.lead{font-size:clamp(17px,1.4vw,20px);line-height:1.5}
.mut{color:var(--mut)}
.cabeca{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:48px}
.cabeca .tag{display:block;margin-bottom:14px}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 26px;border-radius:40px;font-weight:500;font-size:17px;white-space:nowrap;transition:transform .25s var(--ease-out),background-color .25s,color .25s,box-shadow .25s}
.btn:hover{transform:translateY(-2px)}
.btn .seta{transition:transform .25s var(--ease-out)} .btn:hover .seta{transform:translateX(4px)}
.btn-neon{background:var(--neon);color:var(--petroleo)} .btn-neon:hover{background:#8CFA45;box-shadow:0 8px 20px -10px rgba(15,46,47,.45)}
.btn-escuro{background:var(--petroleo);color:#fff} .btn-escuro:hover{background:var(--verde)}
.btn-linha{border:1.2px solid var(--petroleo)} .btn-linha:hover{background:var(--petroleo);color:#fff}
.btn-vidro{background:rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px);border:1px solid rgba(255,255,255,.28)} .btn-vidro:hover{background:rgba(255,255,255,.28)}
.btn-sm{height:40px;padding:0 18px;font-size:14px}
.btn-bloco{width:100%}

.vidro{background:rgba(255,255,255,.14);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border:1px solid rgba(255,255,255,.28)}
.vidro-escuro{background:rgba(62,74,68,.5);backdrop-filter:blur(37px) saturate(150%);-webkit-backdrop-filter:blur(37px) saturate(150%);border:1px solid rgba(255,255,255,.18)}

/* ---------- cabeçalho ---------- */
.aviso{background:var(--petroleo);color:#fff;height:36px;overflow:hidden;display:flex;align-items:center;position:relative;z-index:41}
.aviso-trilho{display:flex;gap:56px;white-space:nowrap;animation:corre 40s linear infinite;font-family:var(--mono);font-size:12px;letter-spacing:.08em;padding-left:40px}
.aviso-trilho span::after{content:"·";margin-left:56px;opacity:.6}
@keyframes corre{to{transform:translateX(-50%)}}
.topo{position:absolute;left:0;right:0;top:36px;z-index:40;padding:20px 40px 0;pointer-events:none}
body[data-nav=claro] .topo{position:sticky;top:0;padding:12px 40px 12px;background:var(--osso)}
.nav{pointer-events:auto;height:64px;border-radius:32px;display:flex;align-items:center;padding:0 9px 0 28px;gap:24px;transition:background-color .35s,box-shadow .35s,color .35s}
body[data-nav=vidro] .nav{color:#fff;background:rgba(255,255,255,.16);backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px);border:1px solid rgba(255,255,255,.22)}
body[data-nav=claro] .nav{color:var(--petroleo);background:#fff;border:1px solid var(--linha);height:60px}
body[data-nav=vidro] .topo.fixo{position:fixed;top:0;padding-top:12px;animation:desce .45s var(--ease-out)}
@keyframes desce{from{transform:translateY(-100%)}}
body[data-nav=vidro] .topo.fixo .nav{background:rgba(15,46,47,.72);backdrop-filter:blur(24px) saturate(150%)}
body[data-nav=claro] .topo.fixo{box-shadow:0 1px 0 var(--linha)}
.logo{display:block;width:150px;height:20px;flex:none}
.logo img{width:100%;height:100%;object-fit:contain}
.logo .l-esc{display:none} body[data-nav=claro] .logo .l-cla{display:none} body[data-nav=claro] .logo .l-esc{display:block}
.nav-links{display:flex;gap:6px;margin-left:72px}
.nav-links button,.nav-links a{position:relative;height:40px;padding:0 14px;border-radius:20px;font-size:16px;transition:background-color .2s}
.nav-links button::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;border-radius:2px;background:var(--neon);transform:scaleX(0);transform-origin:left;transition:transform .2s var(--ease)}
.nav-links button:hover,.nav-links button[aria-expanded=true]{background:rgba(255,255,255,.16)}
body[data-nav=claro] .nav-links button:hover,body[data-nav=claro] .nav-links button[aria-expanded=true]{background:var(--osso)}
.nav-links button[aria-expanded=true]::after{transform:scaleX(1)}
.nav-dir{margin-left:auto;display:flex;align-items:center;gap:6px}
.nav-ic{width:44px;height:44px;border-radius:22px;display:grid;place-items:center;position:relative;transition:background-color .2s}
.nav-ic:hover{background:rgba(255,255,255,.16)} body[data-nav=claro] .nav-ic:hover{background:var(--osso)}
.nav-txt{height:44px;padding:0 12px;border-radius:22px;font-size:16px} .nav-txt:hover{background:rgba(255,255,255,.16)} body[data-nav=claro] .nav-txt:hover{background:var(--osso)}
.bolinha{position:absolute;top:6px;right:6px;min-width:18px;height:18px;border-radius:9px;background:var(--neon);color:var(--petroleo);font-size:11px;font-weight:500;display:grid;place-items:center;padding:0 4px;transform:scale(0);transition:transform .25s var(--ease-out)}
.bolinha.on{transform:scale(1)}
.nav .btn{height:46px;margin-left:8px}
.so-mobile{display:none!important}

/* mega-menu de vidro */
.mega{position:absolute;top:84px;width:540px;border-radius:24px;padding:18px;color:#fff;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s;pointer-events:auto}
.mega.aberto{opacity:1;visibility:visible;transform:none}
body[data-nav=claro] .mega{top:80px}
.mega .tag{color:rgba(255,255,255,.7);display:block;padding:8px 12px 6px}
.m-linha{display:flex;align-items:center;gap:16px;padding:8px 12px;border-radius:16px;transition:background-color .2s}
.m-linha:hover{background:rgba(255,255,255,.12)}
.m-linha img{width:56px;height:56px;border-radius:12px;object-fit:cover;transition:transform .25s var(--ease-out)}
.m-linha:hover img{transform:scale(1.06)}
.m-linha b{display:block;font-weight:500;font-size:16px}
.m-linha small{font-size:13px;opacity:.75}
.m-linha .ic{margin-left:auto;width:20px;height:20px;opacity:0;transform:translateX(-6px);transition:opacity .25s var(--ease),transform .25s var(--ease)}
.m-linha:hover .ic{opacity:1;transform:none}
.m-sep{height:1px;background:rgba(255,255,255,.18);margin:12px}
.m-ref{display:block;padding:7px 12px;border-radius:12px;font-size:15px} .m-ref:hover{background:rgba(255,255,255,.12)}
.m-rodape{display:flex;gap:16px;align-items:flex-end;padding:4px 12px 4px}
.m-rodape img{width:212px;height:150px;object-fit:cover;border-radius:16px;margin-left:auto}
.ponto-novo{width:10px;height:10px;border-radius:5px;background:var(--neon);flex:none}

/* ---------- herói ---------- */
.heroi{position:relative;min-height:880px;height:100vh;max-height:980px;color:#fff;overflow:hidden;background:var(--petroleo)}
.heroi img.fundo{position:absolute;inset:76px 0 0;width:100%;height:calc(100% - 76px);object-fit:cover}
.heroi::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,46,47,.78) 0%,rgba(15,46,47,.35) 45%,rgba(15,46,47,0) 70%),linear-gradient(0deg,rgba(15,46,47,.55),rgba(15,46,47,0) 40%)}
.heroi .conteudo{position:absolute;left:var(--gutter);bottom:110px;z-index:2;max-width:620px}
.heroi .conteudo .tag{display:block;margin-bottom:18px}
.heroi .d1{margin-bottom:28px}
.heroi .lead{max-width:560px;opacity:.92;margin-bottom:34px}
.heroi .acoes{display:flex;gap:16px;flex-wrap:wrap}
.cartao-sabor{position:absolute;right:43%;top:34%;z-index:2;width:300px;border-radius:var(--r-md);padding:20px;display:flex;gap:18px;align-items:center;transition:transform .3s var(--ease-out)}
.cartao-sabor:hover{transform:translateY(-4px)}
.cartao-sabor img{width:80px;height:80px;border-radius:14px;object-fit:cover}
.cartao-sabor b{display:block;font-weight:500;font-size:19px;line-height:1.15;margin-top:6px}
@media (max-width:1700px){.cartao-sabor{right:46%;top:16%}}

/* herói interno */
.heroi-int{position:relative;color:#fff;min-height:720px;overflow:hidden;background:var(--petroleo);display:flex;align-items:flex-end}
.heroi-int>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.heroi-int::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,46,47,.92) 8%,rgba(15,46,47,.2) 60%,rgba(15,46,47,.1))}
.heroi-int .wrap{position:relative;z-index:2;padding-bottom:88px;padding-top:200px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.heroi-int .tag{display:block;margin-bottom:18px}
.heroi-int .d2{margin-bottom:22px}
.heroi-int .lead{max-width:620px;opacity:.9}
.card-produto{width:340px;flex:none;border-radius:24px;padding:18px;display:flex;gap:16px;align-items:center;color:#fff}
.card-produto img{width:72px;height:102px;object-fit:contain}
.card-produto b{display:block;font-weight:500;font-size:18px;line-height:1.15;margin:4px 0}
.card-produto small{font-size:13px;opacity:.8;display:block;margin-bottom:10px}

.titulo-pag{padding-top:80px;padding-bottom:40px}
.titulo-pag .d2{margin-bottom:14px}

/* ---------- seções ---------- */
section{position:relative}
.secao{padding:120px 0}
.secao.apertada{padding:88px 0}
.selos{display:flex;justify-content:space-between;gap:24px;padding:48px 0;border-bottom:1px solid var(--linha)}
.selos div{display:flex;align-items:center;gap:14px;font-size:16px}
.selos .ic{width:30px;height:30px;color:var(--verde)}

.bento{display:grid;gap:16px}
.tile{position:relative;border-radius:var(--r-lg);overflow:hidden}
.tile.art,.tile.destaque{background:var(--petroleo)}
.tile>img.cobre{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out)}
.tile:hover>img.cobre{transform:scale(1.04)}
.veu::after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(0deg,rgba(15,46,47,.82),rgba(15,46,47,0));pointer-events:none}
.tile .rotulo{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;color:#fff}

/* produto (bento home) */
.b-produto{grid-template-columns:700fr 282fr 282fr;grid-template-rows:380px 224px}
.t-pote{grid-row:1/3;background:radial-gradient(60% 55% at 50% 45%,#2f6a52 0%,var(--verde) 70%);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:32px}
.t-pote video,.t-pote img.pote{width:min(380px,70%);margin:0 auto;filter:drop-shadow(0 40px 40px rgba(0,0,0,.35))}
.t-pote b{font-weight:500;font-size:24px;display:block}
.t-compra{grid-column:2/4;background:#fff;padding:36px}
.t-compra h3{font-weight:500;font-size:28px}
.pilula-sabor{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:20px;background:var(--abacaxi);font-size:14px;font-weight:500;margin:16px 0 24px}
.opcao{display:flex;align-items:center;gap:14px;height:52px;padding:0 18px;border-radius:var(--r-sm);background:var(--osso);margin-bottom:12px;cursor:pointer;border:1.5px solid transparent;transition:border-color .2s,background-color .2s;width:100%;text-align:left;font-size:17px}
.opcao b{font-weight:500}
.opcao .tag{margin-left:auto;color:var(--verde)}
.opcao .preco{margin-left:auto}
.opcao .tag+.preco{margin-left:24px}
.opcao.on{background:var(--verde-claro);border-color:var(--verde)}
.radio{width:22px;height:22px;border-radius:11px;border:1.5px solid var(--verde);display:grid;place-items:center;flex:none}
.radio::after{content:"";width:10px;height:10px;border-radius:5px;background:#fff;transform:scale(0);transition:transform .2s}
.on .radio{background:var(--verde)} .on .radio::after{transform:scale(1)}
.t-textura{color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:flex-end}
.t-textura::before{content:"";position:absolute;inset:0;background:rgba(15,46,47,.35);z-index:1}
.t-textura>*{position:relative;z-index:2}
.t-textura .h3{font-size:44px}

/* benefícios */
.b-benef{grid-template-columns:560fr 352fr 352fr;grid-template-rows:332px 332px}
.t-foto-grande{grid-row:1/3}
.legenda-vidro{position:absolute;left:24px;right:24px;bottom:24px;border-radius:var(--r-md);padding:24px;color:#fff;z-index:2}
.legenda-vidro b{font-weight:500;font-size:20px;line-height:1.3;display:block;margin-bottom:8px}
/* legenda legível sobre foto clara: vidro tingido de petróleo em vez de branco translúcido */
.legenda-vidro.vidro{background:rgba(15,46,47,.58);border-color:rgba(255,255,255,.16)}
.t-benef{padding:32px;display:flex;flex-direction:column;transition:transform .35s var(--ease-out)}
.t-benef:hover{transform:translateY(-4px)}
.t-benef .ic{width:34px;height:34px}
.t-benef h3{font-weight:300;font-size:40px;letter-spacing:-.02em;margin-top:auto;margin-bottom:8px}
.t-benef p{font-size:16px;max-width:290px}
.f-escuro{background:var(--petroleo);color:#fff} .f-abacaxi{background:var(--abacaxi)} .f-hortela{background:var(--hortela)} .f-branco{background:#fff} .f-verde{background:var(--verde);color:#fff} .f-verde2{background:var(--verde2);color:#fff} .f-claro{background:var(--verde-claro)}

/* ingredientes */
.b-ingr{grid-template-columns:636fr 314fr 314fr;grid-template-rows:262px 262px}
.b-ingr .grande{grid-row:1/3}
.t-ingr{cursor:pointer;background:#F7F4EE}
.t-ingr .rotulo b{font-weight:500;font-size:22px;display:block}
.t-ingr.grande .rotulo b{font-size:30px}
.t-ingr .mais{position:absolute;top:18px;right:18px;z-index:2;width:40px;height:40px;border-radius:20px;display:grid;place-items:center;color:#fff;opacity:0;transform:scale(.8);transition:opacity .25s,transform .25s var(--ease-out)}
.t-ingr:hover .mais{opacity:1;transform:none}
.grade-ingr{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.grade-ingr .tile{aspect-ratio:1/1.05}

/* intestino (home) */
.s-intestino{min-height:900px;color:#fff;overflow:hidden;display:flex;align-items:center}
.s-intestino>img.fundo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.s-intestino::before{content:"";position:absolute;inset:0;background:rgba(15,46,47,.35);z-index:1}
.s-intestino .wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}
.painel-vidro{width:640px;border-radius:24px;padding:40px;background:rgba(87,94,85,.35);backdrop-filter:blur(37px) saturate(150%);-webkit-backdrop-filter:blur(37px) saturate(150%);border:1px solid rgba(255,255,255,.2)}
.painel-vidro .h2{font-size:52px;margin:20px 0 24px}
.painel-vidro p{font-size:18px;opacity:.9;max-width:540px}
.numeros{display:flex;gap:64px;margin-top:56px}
.numeros b{display:block;font-weight:300;font-size:52px;letter-spacing:-.02em;line-height:1.1}
.numeros span{font-size:15px;opacity:.85}
.flutua{width:420px;animation:flutua 6s ease-in-out infinite;filter:drop-shadow(0 50px 50px rgba(0,0,0,.4))}
@keyframes flutua{50%{transform:translateY(-16px)}}

/* como usar */
.b-uso{grid-template-columns:repeat(3,318fr) 294fr;grid-template-rows:420px}
.passo{padding:32px;display:flex;flex-direction:column}
.passo .circ{width:88px;height:88px;border-radius:44px;background:var(--osso);display:grid;place-items:center;margin:auto 0 52px}
.passo .circ .ic{width:40px;height:40px}
.passo h3{font-weight:300;font-size:32px;letter-spacing:-.015em}
.passo p{font-size:16px;margin-top:6px}

/* depoimentos */
.s-depo{background:var(--verde);color:#fff}
.s-depo .tag{color:rgba(255,255,255,.7)}
.b-depo{grid-template-columns:380fr 300fr 280fr 288fr;grid-template-rows:300px 244px}
.v-card{cursor:pointer}
.v-card .play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:38px;display:grid;place-items:center;z-index:2;transition:transform .3s var(--ease-out)}
.v-card:hover .play{transform:scale(1.1)}
.v-card .play svg{width:26px;height:26px;margin-left:4px}
.v-card .rotulo q{font-weight:300;font-size:26px;line-height:1.15;display:block;quotes:"“" "”";margin-bottom:12px}
.v1{grid-row:1/3}
.v2{border-radius:150px;aspect-ratio:1}
.v3{grid-row:1/3;border-radius:140px}
.v3 .rotulo{text-align:center}
.citacao{background:var(--neon);color:var(--petroleo);padding:28px;display:flex;flex-direction:column;justify-content:space-between}
.citacao q{font-weight:300;font-size:26px;line-height:1.15;quotes:"“" "”"}
.contador{background:var(--verde2);padding:24px;display:flex;align-items:center;gap:18px}
.contador b{font-weight:300;font-size:56px;line-height:1}
.aviso-ilustr{font-size:13px;opacity:.7}

/* comparativo */
.tabela{background:#fff;border-radius:var(--r-lg);overflow:hidden;position:relative}
.tabela table{width:100%;border-collapse:collapse;position:relative;z-index:1}
.tabela th,.tabela td{text-align:left;padding:22px 40px;border-bottom:1px solid var(--linha);font-size:17px}
.tabela th{font-weight:500;padding-top:28px;padding-bottom:24px;vertical-align:bottom}
.tabela tr:last-child td{border-bottom:0}
.tabela .gg{background:var(--verde-claro);width:236px}
.tabela td:first-child{width:46%}
.ok{width:28px;height:28px;border-radius:14px;display:inline-grid;place-items:center;background:var(--neon)}
.ok.esc{background:var(--petroleo);color:#fff}
.ok .ic{width:18px;height:18px}

/* FAQ */
.s-faq{display:grid;grid-template-columns:520px 1fr;gap:48px;align-items:start}
.s-faq .foto{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:520/660}
.s-faq .foto img{width:100%;height:100%;object-fit:cover}
.acc{border-top:1px solid var(--linha)}
.acc-item{border-bottom:1px solid var(--linha)}
.acc-item button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:21px;text-align:left}
.acc-item .mm{font-weight:300;font-size:30px;line-height:1;transition:transform .3s var(--ease)}
.acc-item.aberto .mm{transform:rotate(45deg)}
.acc-corpo{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}
.acc-item.aberto .acc-corpo{grid-template-rows:1fr}
.acc-corpo>div{overflow:hidden}
.acc-corpo p{padding:0 40px 24px 0;font-size:16px;color:var(--mut);max-width:640px}

/* rodapé */
.rodape{background:var(--verde);color:#fff;padding:80px 0 56px;overflow:hidden}
.rodape-topo{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.rodape h4{font-weight:400;font-size:20px;margin-bottom:18px}
.form-linha{display:flex;align-items:center;background:var(--verde2);border-radius:30px;height:60px;padding:0 7px 0 26px;max-width:480px}
.form-linha input{flex:1;background:none;border:0;outline:0;color:#fff;font-size:16px;min-width:0}
.form-linha input::placeholder{color:rgba(255,255,255,.7)}
.form-linha .btn{height:46px}
.rodape .tag{color:rgba(255,255,255,.7);display:block;margin-bottom:16px}
.rodape ul{list-style:none;display:grid;gap:12px}
.rodape li a{font-size:16px;opacity:.92;transition:opacity .2s,color .2s} .rodape li a:hover{color:var(--neon);opacity:1}
.rodape .legal{font-size:13px;opacity:.7;margin:72px 0 40px;max-width:900px}
.rodape .marca{width:100%;height:auto;display:block}

/* CTA de vidro */
.cta-vidro{position:relative;min-height:620px;display:flex;align-items:center;overflow:hidden}
.cta-vidro>img.fundo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cta-vidro::before{content:"";position:absolute;inset:0;background:rgba(15,46,47,.35);z-index:1}
.cta-vidro .faixa{position:relative;z-index:2;border-radius:24px;padding:44px 56px;color:#fff;display:flex;align-items:center;gap:56px}
.cta-vidro .faixa img{width:150px;height:212px;object-fit:contain;flex:none;filter:drop-shadow(0 24px 30px rgba(0,0,0,.35))}
.cta-vidro .faixa .h3{margin:10px 0 10px}
.cta-vidro .acoes{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}

/* ---------- PDP ---------- */
.migalha{font-size:13px;color:var(--mut);padding:24px 0}
.migalha a:hover{color:var(--petroleo)}
.pdp{display:grid;grid-template-columns:700px 1fr;gap:68px;align-items:start}
.galeria{position:sticky;top:96px}
.g-principal{position:relative;border-radius:var(--r-lg);aspect-ratio:1;overflow:hidden;background:radial-gradient(60% 55% at 50% 45%,#2f6a52 0%,var(--verde) 70%);display:grid;place-items:center}
.g-principal video,.g-principal img{width:52%;filter:drop-shadow(0 40px 40px rgba(0,0,0,.35))}
.g-principal img.foto{width:100%;height:100%;object-fit:cover;filter:none;position:absolute;inset:0}
.selo-360{position:absolute;left:24px;bottom:24px;height:40px;padding:0 18px;border-radius:20px;color:#fff;font-size:14px;font-weight:500;display:flex;align-items:center;z-index:2}
.miniaturas{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:16px}
.miniaturas button{aspect-ratio:1;border-radius:18px;overflow:hidden;border:2px solid transparent;transition:border-color .2s;background:var(--verde)}
.miniaturas button.on{border-color:var(--petroleo)}
.miniaturas img{width:100%;height:100%;object-fit:cover}
.miniaturas button.m360{display:grid;place-items:center}
.miniaturas button.m360 img{width:60%;height:auto;object-fit:contain}
.compra h1{font-weight:300;font-size:48px;line-height:1.02;letter-spacing:-.025em;margin:12px 0 0}
.compra>p{font-size:17px;margin-bottom:20px}
.lista-ic{list-style:none;display:grid;gap:12px;margin-bottom:26px}
.lista-ic li{display:flex;gap:12px;align-items:center;font-size:16px}
.lista-ic .ic{width:20px;height:20px;color:var(--verde)}
.compra hr{border:0;height:1px;background:var(--linha);margin:0 0 20px}
.opcao-g{display:block;padding:20px;border-radius:18px;background:#fff;margin-bottom:12px;cursor:pointer;border:1.5px solid transparent;width:100%;text-align:left;transition:border-color .2s,background-color .2s}
.opcao-g.on{background:var(--verde-claro);border-color:var(--verde)}
.opcao-g .lin{display:flex;align-items:center;gap:14px}
.opcao-g b{font-weight:500;font-size:18px}
.opcao-g .preco{margin-left:auto;font-weight:500;font-size:18px}
.opcao-g .tag{color:var(--verde)}
.opcao-g small{display:block;font-size:14px;margin:8px 0 0 36px;color:var(--mut)}
.qtd-linha{display:flex;gap:16px;margin:18px 0 14px}
.qtd{display:flex;align-items:center;justify-content:space-between;width:124px;height:56px;border-radius:29px;background:#fff;padding:0 16px;flex:none;border:1px solid var(--linha)}
.qtd button{width:28px;height:28px;display:grid;place-items:center;border-radius:14px} .qtd button:hover{background:var(--osso)}
.qtd .ic{width:18px;height:18px}
.qtd span{font-weight:500;font-size:17px}
.qtd.sm{width:104px;height:36px;padding:0 6px}
.qtd.sm .ic{width:16px;height:16px}
.qtd-linha .btn{flex:1}
.nota{font-size:13px;color:var(--mut)}
.pdp .acc{margin-top:28px}
.pdp .acc-item button{font-size:17px;font-weight:500;padding:12px 0}
.pdp .acc-item .mm{font-size:26px}
.acessorios{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.acessorio{border-radius:24px;padding:16px;display:flex;flex-direction:column}
.acessorio .foto{border-radius:16px;overflow:hidden;height:220px;position:relative}
.acessorio .foto img{width:100%;height:100%;object-fit:cover}
.acessorio .foto .tag{position:absolute;left:16px;top:16px;color:var(--neon)}
.acessorio h3{font-weight:500;font-size:21px;margin:20px 8px 4px}
.acessorio p{font-size:14px;margin:0 8px;opacity:.8}
.acessorio .pe{display:flex;align-items:center;justify-content:space-between;margin:28px 8px 8px}
.acessorio .pe b{font-weight:500}
.faixa-benef{border-radius:28px;padding:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:40px;color:#fff;background:rgba(87,94,85,.38);backdrop-filter:blur(37px);-webkit-backdrop-filter:blur(37px);border:1px solid rgba(255,255,255,.2)}
.faixa-benef .ic{width:30px;height:30px}
.faixa-benef b{display:block;font-weight:500;font-size:22px;margin:20px 0 8px}
.faixa-benef p{font-size:15px;opacity:.9}
.s-foto-benef{color:#fff;overflow:hidden;padding:90px 0 60px}
.s-foto-benef>img.fundo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.s-foto-benef::before{content:"";position:absolute;inset:0;background:rgba(15,46,47,.35);z-index:1}
.s-foto-benef .wrap{position:relative;z-index:2}
.tabela-nutri{display:grid;grid-template-columns:520px 1fr;gap:48px;align-items:start}
.tabela-nutri .foto{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:520/540}
.tabela-nutri .foto img{width:100%;height:100%;object-fit:cover}
.nutri{width:100%;border-collapse:collapse}
.nutri td{padding:18px 0;border-bottom:1px solid var(--linha);font-size:19px}
.nutri td:nth-child(2){font-weight:500;width:180px}
.nutri td:nth-child(3){font-family:var(--mono);font-size:16px;width:110px;color:var(--mut)}
.nutri-nota{font-size:14px;color:var(--mut);margin-top:14px}
.avaliacoes{background:#fff;border-radius:var(--r-lg);padding:36px}
.estrelas{display:flex;gap:8px;margin:28px 0 32px;color:var(--linha)}
.estrelas .ic{width:28px;height:28px;fill:currentColor}

/* páginas internas */
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{border-radius:var(--r-lg);padding:32px}
.card h3{font-weight:300;font-size:34px;letter-spacing:-.015em;margin:12px 0 10px}
.card p{font-size:17px}
.vantagem{border-radius:24px;padding:28px;min-height:200px;display:flex;flex-direction:column;justify-content:space-between}
.vantagem b{font-weight:500;font-size:22px}
.vantagem p{opacity:.8}
.b-loja{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
.c-gg01{grid-row:1/3;background:radial-gradient(60% 50% at 50% 40%,#2f6a52,var(--verde) 72%);color:#fff;padding:36px;display:flex;flex-direction:column;min-height:760px}
.c-gg01 img{width:62%;margin:24px auto;filter:drop-shadow(0 40px 40px rgba(0,0,0,.35))}
.c-gg01 h3{font-weight:500;font-size:26px}
.c-gg01 .pe{display:flex;justify-content:space-between;align-items:center;margin-top:20px}
.c-gg01 .pe b{font-weight:500;font-size:22px}
.c-kit{min-height:300px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:28px}
.c-kit>*{position:relative;z-index:2}
.duas-col{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.duas-col .foto{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/3.4}
.duas-col .foto img{width:100%;height:100%;object-fit:cover}
.texto-longo p{font-size:18px;line-height:1.65;color:var(--mut);margin-top:20px}
.b-origem{grid-template-columns:1.25fr 1fr;grid-template-rows:280px 280px}
.b-origem .fab{grid-row:1/3;padding:40px;display:flex;flex-direction:column;overflow:hidden}
.b-origem .fab img{position:absolute;right:24px;bottom:0;width:46%;filter:drop-shadow(0 30px 30px rgba(0,0,0,.35))}
.b-origem .mini{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.b-origem .mini .tile{padding:28px}
.filtros{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.filtros button{height:40px;padding:0 18px;border-radius:20px;border:1px solid var(--linha);font-size:14px;font-weight:500;transition:background-color .2s,color .2s}
.filtros button.on{background:var(--petroleo);color:#fff;border-color:var(--petroleo)}
.filtros button:not(.on):hover{background:#fff}
.destaque{display:block;height:560px;color:#fff}
.destaque .rotulo{bottom:40px;left:40px}
.grade-art{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.art{display:block;aspect-ratio:1/1.08}
.art .legenda-vidro{left:16px;right:16px;bottom:16px;padding:18px 20px}
.art .legenda-vidro b{font-size:19px;margin:6px 0 0}
.art.some{display:none}
.receita{background:#fff;border-radius:24px;overflow:hidden;transition:transform .35s var(--ease-out)}
.receita:hover{transform:translateY(-4px)}
.receita .foto{aspect-ratio:1/.8;overflow:hidden}
.receita .foto img{width:100%;height:100%;object-fit:cover}
.receita div.txt{padding:22px}
.receita h3,.receita h2.h-vitrine{font-weight:500;font-size:20px;line-height:1.3;margin-bottom:6px;letter-spacing:0}
.receita p{font-size:15px;color:var(--mut);margin-bottom:18px}
.artigo{max-width:820px;margin:0 auto}
.artigo .img{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/8;margin:40px 0 56px}
.artigo .img img{width:100%;height:100%;object-fit:cover}
.artigo h2{font-weight:500;font-size:26px;margin-bottom:20px}
.artigo p{font-size:19px;line-height:1.7;margin-bottom:24px}
.ingred-lista{font-size:17px;line-height:1.7;max-width:1000px}

/* ---------- camadas (overlays) ---------- */
.escurece{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:60;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.escurece.on{opacity:1;visibility:visible}
.gaveta{position:fixed;top:0;right:0;bottom:0;width:440px;max-width:100%;background:#fff;z-index:61;transform:translateX(100%);transition:transform .35s var(--ease);display:flex;flex-direction:column;padding:28px}
.gaveta.on{transform:none}
.gaveta-cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.gaveta-cab h2{font-weight:500;font-size:22px}
.fechar{width:40px;height:40px;border-radius:20px;display:grid;place-items:center;transition:background-color .2s}
.fechar:hover{background:var(--osso)}
.frete{background:var(--verde-claro);border-radius:14px;padding:14px 16px;font-size:14px}
.frete .barra{height:6px;border-radius:3px;background:#fff;margin-top:10px;overflow:hidden}
.frete .barra i{display:block;height:100%;background:var(--verde);border-radius:3px;transition:width .4s var(--ease)}
.carr-corpo{flex:1;overflow:auto;margin:16px -6px 0;padding:0 6px}
.item{background:var(--osso);border-radius:16px;padding:12px;display:flex;gap:16px;margin-bottom:16px}
.item .img{width:96px;height:116px;border-radius:10px;background:var(--verde);display:grid;place-items:center;flex:none}
.item .img img{width:66%}
.item .img.foto img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.item b{font-weight:500;font-size:17px;display:block}
.item small{font-size:13px;color:var(--mut)}
.item .pe{display:flex;justify-content:space-between;align-items:center;margin-top:auto}
.item .info{flex:1;display:flex;flex-direction:column;padding:4px 0}
.item .rem{font-size:12px;color:var(--mut);text-decoration:underline;margin-top:6px;align-self:flex-start}
.assina-box{border:1.5px solid var(--linha);border-radius:16px;padding:16px;display:flex;gap:14px;cursor:pointer;width:100%;text-align:left}
.assina-box.on{border-color:var(--verde)}
.assina-box b{font-weight:500;font-size:16px;display:block}
.assina-box small{font-size:13px;color:var(--mut)}
.upsell{background:var(--osso);border-radius:14px;padding:10px;display:flex;align-items:center;gap:14px;margin-top:10px}
.upsell img{width:56px;height:56px;border-radius:10px;object-fit:cover}
.upsell b{font-weight:500;font-size:15px;display:block}
.upsell small{font-size:13px;color:var(--mut)}
.upsell .btn{margin-left:auto}
.brinde{display:flex;align-items:center;gap:10px;background:var(--verde-claro);border-radius:12px;padding:10px 14px;font-size:13px;font-weight:500;margin-top:10px}
.brinde .ic{width:18px;height:18px}
.carr-pe{border-top:1px solid var(--linha);margin:0 -28px;padding:20px 28px 0}
.carr-pe .lin{display:flex;justify-content:space-between;font-size:16px}
.carr-pe .lin b{font-weight:500}
.carr-pe small{font-size:13px;color:var(--mut);display:block;margin:6px 0 16px}
.vazio{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}
.vazio .ic{width:56px;height:56px;margin-bottom:10px}
.vazio b{font-weight:500;font-size:20px}
.vazio p{font-size:15px;color:var(--mut);margin-bottom:20px}
.campo{width:100%;height:52px;border-radius:26px;border:1px solid var(--linha);background:#fff;padding:0 22px;font-size:15px;outline:0;transition:border-color .2s}
.campo:focus{border-color:var(--verde)}
.campos{display:grid;gap:10px}

.modal{position:fixed;inset:0;z-index:62;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.modal.on{opacity:1;visibility:visible}
.modal-caixa{background:var(--osso);border-radius:28px;overflow:hidden;display:grid;grid-template-columns:400px 1fr;width:880px;max-width:100%;position:relative;transform:translateY(16px) scale(.98);transition:transform .35s var(--ease)}
.modal.on .modal-caixa{transform:none}
.modal-caixa>.foto{position:relative;min-height:100%}
.modal-caixa>.foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.modal-corpo{padding:56px 48px 40px}
.modal-corpo .tag{display:block;margin-bottom:12px}
.modal-corpo h2{font-weight:300;font-size:40px;line-height:1.05;letter-spacing:-.02em;margin-bottom:16px}
.modal-corpo>p{font-size:15px;margin-bottom:18px}
.modal .fechar{position:absolute;top:20px;right:20px;background:#fff;z-index:3}
.brinde-card{background:#fff;border-radius:16px;padding:12px;display:flex;gap:16px;align-items:center;margin-bottom:18px}
.brinde-card img{width:72px;height:72px;border-radius:14px;object-fit:cover}
.brinde-card b{font-weight:500;font-size:15px;display:block;line-height:1.3}
.letra-miuda{font-size:11px;color:var(--mut);margin-top:12px}
.ok-msg{display:none;background:var(--verde-claro);border-radius:16px;padding:18px;font-size:15px}
form.enviado .campos,form.enviado .btn{display:none} form.enviado .ok-msg{display:block}
.modal-ingr .modal-caixa{width:960px;grid-template-columns:440px 1fr}
.modal-ingr h2{font-size:56px}
.ficha{border-top:1px solid var(--linha);margin:24px 0 28px}
.ficha div{display:grid;grid-template-columns:150px 1fr;padding:14px 0;font-size:15px}
.ficha span{color:var(--mut);font-size:14px}
.ficha b{font-weight:500}

.busca{position:fixed;left:0;right:0;top:0;z-index:62;padding:60px 0 44px;background:rgba(30,45,40,.62);backdrop-filter:blur(37px) saturate(150%);-webkit-backdrop-filter:blur(37px) saturate(150%);color:#fff;transform:translateY(-100%);transition:transform .4s var(--ease)}
.busca.on{transform:none}
.busca .dentro{max-width:960px;margin:0 auto;padding:0 24px}
.busca-campo{display:flex;align-items:center;gap:14px;height:64px;border-radius:32px;padding:0 22px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28)}
.busca-campo input{flex:1;background:none;border:0;outline:0;color:#fff;font-size:20px;min-width:0}
.busca-campo input::placeholder{color:rgba(255,255,255,.6)}
.busca .tag{display:block;margin:36px 0 14px;color:var(--neon)}
.sugestao{display:flex;align-items:center;gap:20px;padding:10px;border-radius:16px;transition:background-color .2s}
.sugestao:hover{background:rgba(255,255,255,.1)}
.sugestao img{width:56px;height:56px;border-radius:12px;object-fit:cover}
.sugestao b{font-weight:500;font-size:16px;display:block}
.sugestao small{font-size:13px;opacity:.7}
.sem-result{opacity:.8;padding:10px}

.menu-mob{position:fixed;left:12px;right:12px;top:12px;z-index:62;border-radius:26px;padding:20px 18px 18px;color:#fff;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s,transform .3s var(--ease),visibility .3s}
.menu-mob.on{opacity:1;visibility:visible;transform:none}
.menu-mob .cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}
.menu-mob .logo{width:120px;height:16px}
.mm-link{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.mm-link b{font-weight:300;font-size:34px;display:block;line-height:1.1}
.mm-link small{font-size:14px;opacity:.75}
.mm-sub{display:grid;gap:4px;padding:6px 0 14px}
.mm-sub a{padding:8px 0;font-size:16px;opacity:.9}
.menu-mob .entrar{display:block;font-size:17px;margin:24px 0}

/* animação de entrada */
.surge{opacity:0;transform:translateY(16px);transition:opacity .6s var(--chega),transform .6s var(--chega)}
.surge.visto{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.surge{transform:none;transition:opacity .4s linear}.aviso-trilho,.flutua{animation:none}}

/* ---------- responsivo ---------- */
@media (max-width:1180px){
  :root{--gutter:40px}
  .nav-links{margin-left:28px}
  .b-produto{grid-template-columns:1.2fr 1fr 1fr}
  .pdp{grid-template-columns:1fr 1fr;gap:40px}
  .s-faq,.tabela-nutri{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  :root{--gutter:20px;--r-lg:24px}
  .so-desk{display:none!important} .so-mobile{display:flex!important}
  .topo,body[data-nav=claro] .topo{padding:8px 12px 8px}
  .nav,body[data-nav=claro] .nav{height:52px;padding:0 8px 0 18px;gap:4px}
  .logo{width:116px;height:16px}
  .nav-links,.nav-txt,.nav .btn{display:none}
  .nav-ic{width:40px;height:40px}
  .aviso{height:28px} .aviso-trilho{font-size:10px;gap:36px} .aviso-trilho span::after{margin-left:36px}
  .topo{top:28px}
  .heroi{min-height:0;height:auto;max-height:none;padding:440px 0 120px}
  .heroi img.fundo{inset:0;height:100%;object-position:62% center}
  .heroi::after{background:linear-gradient(0deg,rgba(15,46,47,.94) 30%,rgba(15,46,47,.1) 75%)}
  .heroi .conteudo{position:relative;left:auto;bottom:auto;padding:0 20px}
  .heroi .d1{font-size:52px;margin-bottom:18px}
  .heroi .lead{font-size:16px;margin-bottom:26px}
  .heroi .acoes .btn{flex:1}
  .cartao-sabor{left:20px;right:20px;top:auto;bottom:24px;width:auto;padding:12px}
  .cartao-sabor img{width:56px;height:56px}
  .secao{padding:72px 0} .secao.apertada{padding:56px 0}
  .cabeca{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:32px}
  .selos{overflow-x:auto;justify-content:flex-start;gap:28px;padding:28px 20px;margin:0 -20px;scrollbar-width:none}
  .selos div{white-space:nowrap;font-size:15px}
  .b-produto,.b-benef,.b-ingr,.b-uso,.b-depo,.b-loja,.b-origem{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .t-pote{grid-column:1/3;grid-row:auto;min-height:440px}
  .t-compra{grid-column:1/3;padding:24px}
  .t-foto,.t-textura{min-height:180px}
  .t-textura .h3{font-size:34px}
  .t-foto-grande{grid-column:1/3;grid-row:auto;min-height:520px}
  .t-benef{min-height:220px;padding:20px} .t-benef h3{font-size:28px} .t-benef p{font-size:14px}
  .b-ingr .grande{grid-column:1/3;grid-row:auto;min-height:360px}
  .b-ingr .tile{min-height:180px}
  .t-ingr .rotulo b{font-size:17px} .t-ingr.grande .rotulo b{font-size:26px}
  .t-ingr .mais{opacity:1;transform:none;width:34px;height:34px}
  .grade-ingr{grid-template-columns:1fr 1fr;gap:12px}
  .s-intestino{min-height:0;padding:80px 0 360px}
  .s-intestino .wrap{flex-direction:column}
  .painel-vidro{width:100%;padding:28px}
  .painel-vidro .h2{font-size:36px}
  .numeros{gap:28px;margin-top:32px} .numeros b{font-size:34px}
  .flutua{position:absolute;width:220px;bottom:-330px;left:50%;margin-left:-110px}
  .b-uso .passo{grid-column:1/3;min-height:0;padding:24px;flex-direction:row;align-items:center;gap:20px}
  .passo .circ{margin:0;width:72px;height:72px;flex:none}
  .passo .tag{position:absolute;top:20px;right:22px}
  .passo h3{font-size:26px}
  .b-uso .t-foto{grid-column:1/3;min-height:300px}
  .v1{grid-column:1/3;grid-row:auto;min-height:480px}
  .v3{grid-row:auto;min-height:340px;border-radius:120px}
  .v2{border-radius:999px}
  .citacao{grid-column:1/3} .citacao q,.v-card .rotulo q{font-size:22px}
  .v4{grid-column:1/3;min-height:360px}
  .contador{grid-column:1/3}
  .tabela{overflow-x:auto}
  .tabela table{min-width:640px}
  .tabela th,.tabela td{padding:16px 18px;font-size:15px}
  .tabela .gg{width:auto}
  .s-faq,.tabela-nutri,.pdp,.duas-col{grid-template-columns:1fr;gap:32px}
  .s-faq .foto{aspect-ratio:16/10}
  .acc-item button{font-size:18px}
  .rodape{padding:56px 0 40px}
  .rodape-topo{grid-template-columns:1fr 1fr;gap:36px 20px}
  .rodape-topo>div:first-child{grid-column:1/3}
  .rodape .legal{margin:48px 0 28px}
  .cta-vidro{min-height:0;padding:56px 0}
  .cta-vidro .faixa{flex-direction:column;align-items:flex-start;gap:16px;padding:24px}
  .cta-vidro .faixa img{width:120px;height:170px;align-self:center}
  .cta-vidro .acoes .btn{flex:1}
  .heroi-int{min-height:600px}
  .heroi-int .wrap{flex-direction:column;align-items:stretch;padding-top:300px;padding-bottom:28px;gap:28px}
  .card-produto{width:auto;padding:10px 12px}
  .card-produto img{width:40px;height:56px}
  .card-produto b{font-size:15px} .card-produto b br{display:none}
  .card-produto small{display:none}
  .card-produto .btn{margin-left:auto}
  .galeria{position:static}
  .miniaturas{gap:8px} .miniaturas button{border-radius:12px}
  .compra h1{font-size:36px}
  .acessorios,.cards-3,.cards-4,.grade-art{grid-template-columns:1fr}
  .cards-4.vant{grid-template-columns:1fr 1fr}
  .acessorio .foto{height:180px}
  .faixa-benef{grid-template-columns:1fr 1fr;gap:24px;padding:24px}
  .faixa-benef b{font-size:18px;margin:12px 0 4px} .faixa-benef p{font-size:13px}
  .b-loja .c-gg01{grid-column:1/3;grid-row:auto;min-height:0}
  .b-loja>*{grid-column:1/3}
  .b-origem .fab{grid-column:1/3;grid-row:auto;min-height:340px;padding:28px}
  .b-origem>*{grid-column:1/3}
  .b-origem .tile.foto-o{min-height:240px}
  .destaque{height:420px} .destaque .rotulo{left:20px;bottom:24px}
  .art{aspect-ratio:1/.9}
  .gaveta{width:100%;padding:20px}
  .carr-pe{margin:0 -20px;padding:16px 20px 0}
  .modal{align-items:center;padding:20px}
  .modal-caixa,.modal-ingr .modal-caixa{grid-template-columns:1fr;width:350px;max-height:calc(100vh - 40px);overflow:auto}
  .modal-caixa>.foto{height:118px;min-height:0}
  .modal-corpo{padding:18px}
  .modal-corpo h2{font-size:26px;margin-bottom:12px}
  .modal-corpo>p.so-desk{display:none}
  .brinde-card{padding:8px;margin-bottom:12px} .brinde-card img{width:48px;height:48px;border-radius:10px} .brinde-card b{font-size:14px}
  .modal-corpo .campo{height:44px}
  .modal .fechar{top:12px;right:12px;background:rgba(255,255,255,.2);color:#fff;backdrop-filter:blur(19px)}
  .modal-ingr .modal-caixa>.foto{height:200px}
  .modal-ingr h2{font-size:40px}
  .busca{padding:16px 0 20px;border-radius:0 0 24px 24px}
  .busca .dentro{padding:0 16px}
  .busca-campo{height:52px} .busca-campo input{font-size:17px}
  .busca .tag{margin:22px 0 10px}
}
.linha-acess{display:flex;gap:24px;align-items:center}
.linha-acess img{width:160px;height:160px;object-fit:cover;border-radius:18px;flex:none}
@media (max-width:900px){.duas-cards{grid-template-columns:1fr!important}.linha-acess img{width:110px;height:110px}}
.modal-lista .modal-caixa{width:800px;grid-template-columns:360px 1fr}
.pdp>*,.bento>*,.duas-col>*{min-width:0}
@media (max-width:900px){.modal-lista .modal-caixa{width:350px;grid-template-columns:1fr}}
.gaveta{visibility:hidden;transition:transform .35s var(--ease),visibility .35s}
.gaveta.on{visibility:visible}
.b-depo{grid-template-rows:300px 94px 134px}
.v1{grid-column:1;grid-row:1/4}
.v2{grid-column:2;grid-row:1;aspect-ratio:auto;border-radius:50%}
.citacao{grid-column:2;grid-row:2/4}
.v3{grid-column:3;grid-row:1/4}
.v4{grid-column:4;grid-row:1/3}
.contador{grid-column:4;grid-row:3}
.opcao .preco{white-space:nowrap}
@media (max-width:900px){
  .b-depo{grid-template-rows:auto}
  .v1,.citacao,.v4,.contador{grid-column:1/3;grid-row:auto}
  .v2,.v3{grid-column:auto;grid-row:auto}
  .v2{aspect-ratio:1;min-height:0}.v3{min-height:0;aspect-ratio:1;border-radius:50%}
  .opcao .tag{display:none}
}
.qtd-linha .btn{min-width:0;padding:0 18px}
.opcao-g .preco{white-space:nowrap}
@media (max-width:900px){
  .h2{font-size:clamp(32px,9.4vw,40px)!important}
  .h3{font-size:clamp(28px,8vw,34px)!important}
  .opcao-g .tag{display:none}
  .cards-3 .passo{min-height:0!important;flex-direction:row;align-items:center;gap:20px;padding:22px}
  .cards-3 .passo .circ{margin:0!important;width:64px!important;height:64px!important;flex:none}
  .cards-3 .passo .tag{position:absolute;top:18px;right:20px}
  .cards-3 .passo h3{font-size:24px}
  .nutri td{font-size:16px;padding:14px 0}
  .nutri td:nth-child(2){width:84px}
  .nutri td:nth-child(3){width:76px;font-size:13px;text-align:right}
  .s-foto-benef .h2{margin-bottom:60px!important}
  .compra .lead,.compra>p{font-size:16px}
}

.g3d{position:absolute;inset:0;width:100%;height:100%;border:0;background:#dcd7d2}
.selo-3d{position:absolute;left:24px;bottom:24px;height:40px;padding:0 18px;border-radius:20px;color:var(--petroleo);background:rgba(255,255,255,.7);font-size:14px;font-weight:500;display:flex;align-items:center;z-index:2}
.miniaturas{grid-template-columns:repeat(6,1fr)}
.miniaturas button.m3d{display:grid;place-items:center;background:var(--hortela);font-family:var(--mono);font-size:18px;letter-spacing:.08em;color:var(--petroleo)}
/* mobile, segunda passada */
@media (max-width:900px){
  .heroi{padding:0 0 132px;background:var(--petroleo)}
  .heroi img.fundo{position:relative;inset:auto;width:100%;height:62vh;min-height:420px;max-height:540px;object-fit:cover;object-position:68% 40%}
  .heroi::after{inset:0 0 auto;height:calc(min(max(62vh,420px),540px) + 2px);background:linear-gradient(0deg,var(--petroleo) 0%,rgba(15,46,47,0) 38%),linear-gradient(180deg,rgba(15,46,47,.55) 0%,rgba(15,46,47,0) 30%)}
  .heroi .conteudo{margin-top:-96px}
  .heroi .d1{font-size:46px}
  .selos{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;overflow:visible;margin:0;padding:28px 0}
  .selos div{white-space:normal;font-size:14px;gap:10px}
  .selos .ic{width:24px;height:24px}
  .selos div:last-child{grid-column:1/3}
  .tabela{overflow:visible}
  .tabela table{min-width:0;table-layout:fixed}
  .tabela th,.tabela td{padding:13px 6px;font-size:13px;line-height:1.3;text-align:center}
  .tabela th:first-child,.tabela td:first-child{text-align:left;padding-left:14px;width:40%}
  .tabela th{font-size:12px}
  .tabela .gg{width:auto}
  .ok{width:24px;height:24px} .ok .ic{width:15px;height:15px}
  .d2{font-size:36px;line-height:1.04}
  .heroi-int .wrap{padding-top:260px}
  .titulo-pag{padding-top:40px;padding-bottom:24px}
  .t-pote{min-height:380px}
  .t-pote video{width:62%}
}

.giro{position:relative;aspect-ratio:540/766;width:min(380px,70%);margin:0 auto;filter:drop-shadow(0 40px 40px rgba(0,0,0,.35))}
.giro img,.giro canvas{position:absolute;inset:0;width:100%;height:100%}
.giro canvas{opacity:0;transition:opacity .2s}
.giro.pronto canvas{opacity:1} .giro.pronto img{opacity:0}
.g-principal .giro{width:52%}
@media (max-width:900px){.t-pote .giro{width:62%}}
/* card do pote: foto do ritual no hover */
.t-pote>*:not(.foto-hover){position:relative;z-index:2}
.giro{transition:opacity .4s}
.giro video{width:100%;height:auto}
.t-pote .giro{aspect-ratio:auto}
.giro{aspect-ratio:auto!important}

/* ===== PDP v2 ===== */
.g-grade{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.g-grade .slide{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:1;background:var(--verde)}
.g-grade .slide img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out)}
.g-grade .slide:hover img{transform:scale(1.04)}
.g-grade .principal{grid-column:1/3;aspect-ratio:700/560;display:grid;place-items:center;background:radial-gradient(60% 55% at 50% 45%,#2f6a52 0%,var(--verde) 70%);border-radius:var(--r-lg)}
.g-grade .principal .giro{width:44%}
.bolinhas{display:none}
.kit-incluso{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--linha);border-radius:18px;padding:10px 16px 10px 10px;margin-top:4px}
.kit-incluso img{width:64px;height:64px;border-radius:12px;object-fit:cover}
.kit-incluso b{display:block;font-weight:500;font-size:16px}
.kit-incluso small{font-size:13px;color:var(--mut)}
.kit-incluso .tag{margin-left:auto;background:var(--verde-claro);color:var(--verde);padding:8px 14px;border-radius:16px;font-size:11px}
.garantias{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 4px;font-size:13px;line-height:1.3}
.garantias li{display:flex;gap:10px;align-items:center}
.garantias .ic{width:22px;height:22px;color:var(--verde)}
.por-que{display:grid;grid-template-columns:520fr 760fr;gap:16px}
.por-que .foto{min-height:520px}
.card-escuro{background:var(--verde);color:#fff;padding:48px;display:flex;flex-direction:column}
.card-escuro .h2{font-size:52px;margin:14px 0 22px}
.card-escuro p{font-size:17px;opacity:.88;max-width:560px}
.num3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:auto;padding-top:36px}
.num3 div{border-left:1px solid rgba(255,255,255,.2);padding-left:20px}
.num3 b{display:block;font-weight:300;font-size:56px;color:var(--neon);letter-spacing:-.03em;line-height:1.1}
.num3 span{font-size:15px;opacity:.85}
.rotina{display:grid;grid-template-columns:1fr 1.25fr;gap:64px;align-items:center}
.linha-tempo{list-style:none;display:grid;gap:26px}
.linha-tempo li{position:relative;padding:0 0 0 22px;opacity:.6;transition:opacity .4s;cursor:pointer}
.linha-tempo li::before{content:"";position:absolute;left:0;top:4px;width:10px;height:10px;border-radius:5px;background:var(--linha);transition:background .4s}
.linha-tempo li.on{opacity:1}
.linha-tempo li.on::before{background:var(--verde)}
.linha-tempo .chip{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:13px;background:var(--verde-claro);color:var(--verde);transition:background-color .4s,color .4s}
.linha-tempo li.on .chip{background:var(--verde);color:var(--neon)}
.linha-tempo b{display:block;font-weight:500;font-size:22px;margin:10px 0 4px}
.linha-tempo p{font-size:15px;color:var(--mut);max-width:420px}
.rotina-fotos{position:relative;padding-right:80px}
.rotina-fotos .grande{aspect-ratio:520/600}
.rotina-fotos .circulo{position:absolute;right:0;bottom:-24px;width:248px;height:248px;border-radius:50%;overflow:hidden;border:8px solid var(--osso)}
.rotina-fotos .circulo img{width:100%;height:100%;object-fit:cover}
.qualidade{display:grid;grid-template-columns:400px 1fr;gap:80px;align-items:center}
.selos-q{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.selos-q .tile{background:#fff;padding:24px;min-height:236px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s var(--ease-out)}
.selos-q .tile:hover{transform:translateY(-4px)}
.selos-q .c{width:64px;height:64px;border-radius:32px;background:var(--verde-claro);display:grid;place-items:center;color:var(--verde)}
.selos-q .c .ic{width:30px;height:30px}
.selos-q b{font-weight:500;font-size:17px;line-height:1.25}
.comparado{display:grid;grid-template-columns:340px 1fr;gap:72px;align-items:start}
.tabela-vidro{border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);overflow:hidden}
.tabela-vidro table{width:100%;border-collapse:collapse}
.tabela-vidro th,.tabela-vidro td{padding:22px 24px;border-bottom:1px solid rgba(255,255,255,.14);font-size:16px;text-align:left}
.tabela-vidro th{font-weight:500;font-size:14px;opacity:.85;vertical-align:bottom}
.tabela-vidro tr:last-child td{border-bottom:0}
.tabela-vidro .gg{background:rgba(255,255,255,.1);width:180px}
.tabela-vidro th.gg{opacity:1}
.pill-gg{display:inline-block;background:var(--neon);color:var(--petroleo);border-radius:15px;padding:6px 16px;font-size:14px}
.ok.cla{background:rgba(255,255,255,.9);color:var(--petroleo)}
.nao{opacity:.5}
@media (max-width:900px){
  .g-grade{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -20px;padding:0 20px;scrollbar-width:none}
  .g-grade::-webkit-scrollbar{display:none}
  .g-grade .slide{flex:0 0 82%;aspect-ratio:320/400;scroll-snap-align:start;border-radius:20px}
  .g-grade .principal{aspect-ratio:320/400}
  .g-grade .principal .giro{width:62%}
  .bolinhas{display:flex;justify-content:center;gap:6px;margin-top:14px}
  .bolinhas i{width:6px;height:6px;border-radius:3px;background:var(--petroleo);opacity:.25;transition:width .3s var(--ease),opacity .3s}
  .bolinhas i.on{width:20px;opacity:1}
  .garantias{font-size:11px;gap:8px} .garantias .ic{width:18px;height:18px}
  .kit-incluso .tag{display:none}
  .por-que,.rotina,.qualidade,.comparado{grid-template-columns:1fr;gap:24px}
  .por-que .foto{min-height:240px}
  .card-escuro{padding:24px}
  .num3 b{font-size:40px} .num3{gap:10px} .num3 div{padding-left:12px} .num3 span{font-size:12px}
  .rotina-fotos{padding-right:0;order:-1}
  .rotina-fotos .circulo{width:130px;height:130px;right:-6px;bottom:-30px;border-width:5px}
  .selos-q{grid-template-columns:1fr 1fr}
  .selos-q .tile{min-height:150px;padding:16px}
  .tabela-vidro th,.tabela-vidro td{padding:13px 8px;font-size:13px}
  .tabela-vidro th{font-size:11px}
  .tabela-vidro td:first-child{padding-left:14px}
  .tabela-vidro .gg{width:auto}
  .pill-gg{padding:4px 8px;font-size:11px}
}

/* ===== cards de benefício que giram ===== */
.b-benef .t-benef{background:none!important;padding:0;perspective:1200px;overflow:visible}
.giro-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.t-benef:hover .giro-card,.t-benef.virado .giro-card{transform:rotateY(180deg)}
.giro-card .face{position:absolute;inset:0;border-radius:var(--r-lg);padding:32px;display:flex;flex-direction:column;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.giro-card .verso{transform:rotateY(180deg)}
.giro-card .face .ic{width:34px;height:34px}
.giro-card h3{font-weight:300;font-size:40px;letter-spacing:-.02em;margin-top:auto;margin-bottom:8px}
.giro-card p{font-size:16px;max-width:290px}
.verso .tag{color:inherit;opacity:.75;margin-bottom:18px;display:block}
.verso dl{display:grid;gap:12px;margin-bottom:auto}
.verso dl div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(127,127,127,.3);padding-bottom:10px}
.verso dt{font-size:16px}
.verso dd{font-weight:500;font-size:16px}
.verso .vd{font-family:var(--mono);font-size:12px;opacity:.7;margin-left:10px}
.verso a{font-weight:500;font-size:15px;margin-top:18px}
.giro-card .vira{position:absolute;top:28px;right:28px;width:28px;height:28px;border-radius:14px;border:1px solid currentColor;display:grid;place-items:center;font-size:15px;opacity:.6}
.b-benef .t-benef.surge{opacity:0;transform:translateY(40px) rotateX(12deg)}
.b-benef .t-benef.surge.visto{opacity:1;transform:none}
@media (max-width:900px){.giro-card .face{padding:20px}.giro-card h3{font-size:28px}.giro-card p,.verso dt,.verso dd{font-size:13px}.verso dl{gap:6px}.verso dl div{padding-bottom:6px}.giro-card .vira{top:18px;right:18px}}

/* ===== brilho no vidro (hover) ===== */
.cartao-sabor,.card-produto,.legenda-vidro{overflow:hidden}
.brilhante::after{content:"";position:absolute;top:-60%;left:-60%;width:40%;height:220%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.32),rgba(255,255,255,0));transform:translateX(-120%) rotate(25deg);pointer-events:none}
.brilhante:hover::after{transform:translateX(520%) rotate(25deg);transition:transform .9s cubic-bezier(.75,0,.25,1)}
.cartao-sabor,.card-produto{transition:transform .3s cubic-bezier(.75,0,.25,1),border-color .3s,background-color .3s,box-shadow .3s}
.cartao-sabor:hover,.card-produto:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.6);box-shadow:0 16px 30px -12px rgba(0,0,0,.4)}
.cartao-sabor:active,.card-produto:active{transform:scale(.98);background:rgba(255,255,255,.22)}
.cartao-sabor img{transition:transform .5s var(--ease-out)}
.cartao-sabor:hover img{transform:scale(1.06)}
.cartao-sabor .ver{display:block;font-size:12px;font-weight:500;color:var(--neon);margin-top:6px;max-height:0;opacity:0;transition:max-height .3s,opacity .3s}
.cartao-sabor:hover .ver{max-height:20px;opacity:1}
.entra-vidro{animation:entraVidro .9s cubic-bezier(.2,.7,.2,1) both .6s}
@keyframes entraVidro{from{opacity:0;transform:translateY(12px);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}}

/* ===== pop-up de boas-vindas v2 ===== */
.modal-bv .modal-caixa{width:880px;grid-template-columns:392px 1fr;padding:12px}
.modal-bv .modal-caixa>.foto{border-radius:20px;overflow:hidden;min-height:536px}
.modal-bv .selo-oferta{position:absolute;left:16px;top:16px;z-index:2;display:flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:16px;color:#fff;font-family:var(--mono);font-size:10px;letter-spacing:.08em}
.modal-bv .selo-oferta i{width:8px;height:8px;border-radius:4px;background:var(--neon)}
.modal-bv .modal-corpo{padding:40px 32px 28px 40px}
.etapa-topo{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.etapa-topo .tag{margin:0!important}
.progresso{width:120px;height:4px;border-radius:2px;background:var(--linha);overflow:hidden}
.progresso i{display:block;height:100%;width:50%;background:var(--verde);border-radius:2px;transition:width .5s var(--ease)}
.modal-bv h2{font-size:38px}
.modal-bv .etapa{display:none}
.modal-bv .etapa.on{display:block;animation:entraPasso .45s var(--ease-out)}
@keyframes entraPasso{from{opacity:0;transform:translateX(16px)}}
.modal-bv .brinde-card small{display:block;font-size:12px;color:var(--mut)}
.modal-bv .sucesso .c{width:64px;height:64px;border-radius:32px;background:var(--verde-claro);display:grid;place-items:center;color:var(--verde);margin:40px 0 24px}
.modal-bv .sucesso .c .ic{width:30px;height:30px}
@media (max-width:900px){
  .modal-bv .modal-caixa{width:350px;grid-template-columns:1fr;padding:8px}
  .modal-bv .modal-caixa>.foto{min-height:150px;height:150px;border-radius:18px}
  .modal-bv .modal-corpo{padding:16px 10px 12px}
  .modal-bv h2{font-size:26px}
  .modal-bv .fechar{top:20px;right:20px}
  .modal-bv .sucesso .c{margin:8px 0 14px}
}
@media (min-width:901px){.heroi .conteudo{bottom:auto;top:50%;transform:translateY(-36%)}}
.giro video{background-size:contain;background-position:center;background-repeat:no-repeat}
@media (max-width:900px){.mega{display:none}}
html{overflow-x:clip}
.modal-bv h2{font-size:34px;line-height:1.08}
@media (max-width:900px){.modal-bv h2{font-size:24px}}
.busca{visibility:hidden;transition:transform .4s var(--ease),visibility .4s}
.busca.on{visibility:visible}
.slide-benef{background:var(--verde)!important;color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.slide-benef ul{list-style:none;display:grid;gap:14px}
.slide-benef li{display:grid;grid-template-columns:40px 1fr;column-gap:14px;align-items:center}
.slide-benef .c{grid-row:1/3;width:40px;height:40px;border-radius:20px;background:rgba(255,255,255,.12);display:grid;place-items:center;color:var(--neon)}
.slide-benef .c .ic{width:20px;height:20px}
.slide-benef b{font-weight:500;font-size:17px;line-height:1.1}
.slide-benef small{font-size:13px;opacity:.75}
/* acessórios v3: foto vertical inteira ao lado do texto */
.acc-card{display:grid;grid-template-columns:280px 1fr;gap:32px;border-radius:24px;padding:16px;min-height:400px}
.acc-card .foto{border-radius:18px;overflow:hidden}
.acc-card .foto img{width:100%;height:100%;object-fit:cover}
.acc-card .txt{display:flex;flex-direction:column;padding:24px 16px 8px 0}
.acc-card .tag{display:block;margin-bottom:12px}
.acc-card h3{font-weight:500;font-size:24px;margin-bottom:10px}
.acc-card p{font-size:15px;opacity:.85;margin-bottom:18px}
.acc-card dl div{display:flex;justify-content:space-between;border-top:1px solid rgba(127,127,127,.3);padding:12px 0;font-size:14px}
.acc-card dd{font-weight:500}
.acc-card .pe{display:flex;justify-content:space-between;align-items:center;margin-top:auto}
.acc-card .pe b{font-weight:500}
.titulo-mob{display:none}
.dica-deslize{display:none}
@media (max-width:900px){
  .acc-card{grid-template-columns:150px 1fr;gap:16px;padding:10px;min-height:0}
  .acc-card .txt{padding:8px 4px 4px 0}
  .acc-card h3{font-size:17px} .acc-card p{font-size:12px;margin-bottom:10px} .acc-card dl{display:none}
  .acc-card .pe{flex-direction:column;align-items:flex-start;gap:10px}
  .titulo-mob{display:block!important;padding:4px 0 18px}
  .titulo-mob h1{font-weight:300;font-size:34px;line-height:1.04;letter-spacing:-.025em;margin:8px 0 12px}
  .titulo-mob .pilula-sabor{margin:0}
  .compra>.tag,.compra>h1,.compra>.pilula-sabor{display:none}
  .dica-deslize{display:flex!important;position:absolute;right:14px;bottom:14px;z-index:3;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:18px;color:#fff;font-size:13px;font-weight:500;transition:opacity .4s}
  .dica-deslize svg{width:20px;height:20px;animation:dedo 1.6s var(--ease) infinite}
  .dica-deslize.some{opacity:0}
}
@keyframes dedo{0%,100%{transform:translateX(4px)}50%{transform:translateX(-6px) rotate(-8deg)}}
/* artigo v2 */
.art-topo .wrap{display:grid;grid-template-columns:520px 1fr;gap:48px;padding-top:40px;padding-bottom:40px}
.art-intro .d2{margin:16px 0 20px;font-size:64px}
.art-intro .lead{max-width:500px}
.autor{display:flex;gap:14px;align-items:center;margin:40px 0 24px}
.avatar{width:48px;height:48px;border-radius:24px;background:var(--verde);color:var(--neon);display:grid;place-items:center;font-weight:500}
.autor b{display:block;font-weight:500;font-size:15px} .autor small{font-size:13px;color:var(--mut)}
.compartilha{display:flex;gap:12px}
.compartilha button{width:40px;height:40px;border-radius:20px;border:1px solid var(--linha);background:#fff;display:grid;place-items:center;transition:background-color .2s}
.compartilha button:hover{background:var(--verde-claro)}
.compartilha .ic{width:18px;height:18px}
.art-img{min-height:560px}
.art-corpo{display:grid;grid-template-columns:260px 680px;gap:88px;justify-content:start}
.indice{position:sticky;top:110px;align-self:start;background:#fff;border-radius:20px;padding:24px;display:grid;gap:4px}
.indice .tag{margin-bottom:12px}
.indice a{font-size:14px;color:var(--mut);padding:8px 0 8px 12px;border-left:2px solid transparent;transition:color .2s,border-color .2s}
.indice a.on,.indice a:hover{color:var(--petroleo);border-color:var(--verde);font-weight:500}
.texto h2{font-weight:500;font-size:26px;margin:8px 0 18px;scroll-margin-top:110px}
.texto p{font-size:19px;line-height:1.7;opacity:.88;margin-bottom:32px}
.texto blockquote{padding:0;font-weight:300;font-size:40px;line-height:1.15;letter-spacing:-.02em;margin:8px 0 48px}
.texto blockquote::before{content:"";display:block;width:56px;height:3px;border-radius:2px;background:var(--neon);margin-bottom:20px}
.art-foto{aspect-ratio:680/400;margin-bottom:40px}
.dica{display:flex;gap:18px;align-items:center;background:var(--verde-claro);border-radius:20px;padding:24px 28px;margin-bottom:32px}
.dica .ic{width:28px;height:28px;color:var(--verde);flex:none}
.dica p{margin:0;font-size:17px;opacity:1}
.card-art-produto{display:flex;align-items:center;gap:24px;background:var(--verde);color:#fff;border-radius:24px;padding:14px 24px 14px 28px;margin-bottom:48px;transition:transform .3s var(--ease-out)}
.card-art-produto:hover{transform:translateY(-3px)}
.card-art-produto img{width:72px;height:102px;object-fit:contain}
.card-art-produto b{display:block;font-weight:500;font-size:20px;margin:4px 0 2px}
.card-art-produto small{font-size:14px;opacity:.75}
.card-art-produto .btn{margin-left:auto}
.relac{display:block;background:var(--osso);border-radius:24px;overflow:hidden;padding-bottom:24px;transition:transform .35s var(--ease-out)}
.relac:hover{transform:translateY(-4px)}
.relac .foto{aspect-ratio:416/240;overflow:hidden;margin-bottom:22px}
.relac .foto img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out)}
.relac:hover .foto img{transform:scale(1.04)}
.relac .tag{display:block;padding:0 24px;margin-bottom:8px}
.relac b{display:block;font-weight:500;font-size:20px;line-height:1.3;padding:0 24px}
@media (max-width:900px){
  .art-topo .wrap{grid-template-columns:1fr;gap:24px;padding-top:16px}
  .art-intro .migalha{padding-bottom:24px!important}
  .art-intro .d2{font-size:36px}
  .autor{margin:24px 0 16px}
  .art-img{min-height:260px;order:-1}
  .art-corpo{grid-template-columns:1fr;gap:28px}
  .indice{position:static}
  .texto p{font-size:17px}
  .texto blockquote{font-size:28px}
  .card-art-produto{flex-wrap:wrap;padding:14px 18px;gap:14px}
  .card-art-produto img{width:52px;height:74px}
  .card-art-produto .btn{margin-left:0;width:100%}
}
/* verso dos cards: vidro sobre a foto desfocada do ingrediente */
.giro-card .verso{color:#fff!important;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.3)}
.giro-card .verso::before{content:"";position:absolute;inset:-40px;background:var(--img) center/cover;filter:blur(26px) saturate(120%);z-index:-2}
.giro-card .verso::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(15,46,47,.42)}
.giro-card .verso.f-abacaxi::after{background:rgba(107,84,13,.42)}
.giro-card .verso.f-hortela::after{background:rgba(40,80,60,.42)}
.giro-card .verso.f-branco::after{background:rgba(64,26,31,.42)}
.giro-card .verso dl div{border-color:rgba(255,255,255,.3)}
/* verso: imagem desfocada num elemento próprio */
.giro-card .verso::before{content:none}
.verso-img{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(26px) saturate(120%);z-index:-2}
/* card do pote: hover estilo Seed (versão A aprovada) */
.t-pote.card-seed{background:radial-gradient(60% 55% at 50% 45%,#6FA585 0%,#3F7A5C 72%);align-items:center;text-align:center}
.t-pote.card-seed>span.tag,.t-pote.card-seed .base-pote{transition:transform .3s var(--ease)}
.t-pote.card-seed .giro video{transition:transform .3s linear}
.t-pote.card-seed .base-pote{display:flex;flex-direction:column;align-items:center;gap:6px}
.botao-seed{margin-top:12px;gap:0}
.botao-seed .seta{display:inline-block;width:0;opacity:0;transform:translateX(-8px);overflow:hidden;transition:width .3s var(--ease),opacity .3s,transform .3s var(--ease)}
.t-pote.card-seed.ativo .giro video{transform:scale(1.25)}
.t-pote.card-seed.ativo>span.tag{transform:translateY(-14px)}
.t-pote.card-seed.ativo .base-pote{transform:translateY(14px)}
.t-pote.card-seed.ativo .botao-seed{background:#fff;gap:8px}
.t-pote.card-seed.ativo .botao-seed .seta{width:14px;opacity:1;transform:none}

/* ===== v3: logo embutido, vídeos, "como usar", barra fixa, correções do mobile ===== */
.logo svg{display:block;width:100%;height:100%}
.logo .l-cla,.logo .l-esc{display:block;width:100%;height:100%}
.logo .l-esc{display:none}
body[data-nav=claro] .logo .l-cla{display:none}
body[data-nav=claro] .logo .l-esc{display:block}
.menu-mob .logo{display:block}

/* pote sem vídeo (Safari) */
.giro-estatico{width:100%;height:auto;filter:drop-shadow(0 30px 30px rgba(0,0,0,.35));transition:transform .3s linear}
.t-pote.card-seed.ativo .giro-estatico{transform:scale(1.15)}

/* vídeo do corpo de vidro na seção do intestino */
.video-card{width:400px;aspect-ratio:400/620;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.25);box-shadow:0 30px 60px -20px rgba(0,0,0,.45);flex:none;will-change:transform}
.video-card video{width:100%;height:100%;object-fit:cover;background:#d5d1cd}
/* foto do pó no "por que em pó" */
.foto-po{min-height:640px;background:#ddd5cd}
.foto-po img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.por-que{grid-template-columns:420px 1fr}
[data-parallax]{will-change:transform}
.s-foto-benef>img.fundo,.heroi img.fundo,.s-intestino>img.fundo{transform-origin:center}

/* "como usar": o círculo cresce até virar a janela com a cena */
.uso-hover{position:relative;transition:transform .35s var(--ease-out),box-shadow .35s}
.uso-hover .janela{position:absolute;z-index:1;left:32px;top:auto;bottom:calc(100% - 260px);width:88px;height:88px;border-radius:44px;background-size:cover;background-position:center;opacity:0;transition:left .5s cubic-bezier(.2,.7,.2,1),bottom .5s cubic-bezier(.2,.7,.2,1),width .5s cubic-bezier(.2,.7,.2,1),height .5s cubic-bezier(.2,.7,.2,1),border-radius .5s cubic-bezier(.2,.7,.2,1),opacity .25s}
.uso-hover>.tag{position:relative;z-index:2;align-self:flex-start;padding:4px 10px;border-radius:11px;transition:background-color .3s,color .3s}
.uso-hover .circ{position:relative;z-index:2;transition:transform .5s cubic-bezier(.2,.7,.2,1),background-color .3s,color .3s}
.uso-hover:hover,.uso-hover.ativo{transform:translateY(-4px);box-shadow:0 14px 30px -12px rgba(15,46,47,.25)}
.uso-hover:hover .janela,.uso-hover.ativo .janela{left:16px;bottom:calc(100% - 16px - 58%);width:calc(100% - 32px);height:58%;border-radius:20px;opacity:1}
.uso-hover:hover>.tag,.uso-hover.ativo>.tag{background:var(--verde);color:var(--neon)}
.uso-hover:hover .circ,.uso-hover.ativo .circ{background:rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px);transform:translate(calc(var(--canto-x,220px)),-8px) scale(.6)}
.b-uso .uso-hover{--canto-x:190px}
.cards-3 .uso-hover{--canto-x:300px}
@media (prefers-reduced-motion:reduce){.uso-hover .janela,.uso-hover .circ{transition:none}}

/* barra fixa de compra (PDP, celular) */
.barra-fixa{position:fixed;left:0;right:0;bottom:0;z-index:55;padding:0 12px calc(12px + env(safe-area-inset-bottom,0px));transform:translateY(120%);transition:transform .4s var(--ease)}
.barra-fixa.on{transform:none}
.barra-fixa>*{background:var(--verde);color:#fff}
.faixa-benef-mini{border-radius:24px 24px 0 0;overflow:hidden;height:36px;display:flex;align-items:center;background:#2a5846!important}
.faixa-benef-mini .trilho{display:flex;gap:28px;white-space:nowrap;padding-left:14px;animation:corre 22s linear infinite;font-size:12px}
.faixa-benef-mini span{display:flex;align-items:center;gap:6px}
.faixa-benef-mini .ic{width:15px;height:15px;color:var(--neon)}
.linha-compra{border-radius:0 0 24px 24px;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 12px;box-shadow:0 12px 30px rgba(0,0,0,.28)}
.linha-compra img{width:56px;height:56px;border-radius:12px;object-fit:cover}
.linha-compra b{display:block;font-weight:500;font-size:15px}
.linha-compra small{display:block;font-size:12px;opacity:.75}
.linha-compra em{font-style:normal;font-weight:500;font-size:14px;color:var(--neon)}
.linha-compra .btn{margin-left:auto;height:44px;padding:0 18px;font-size:15px}
@media (min-width:901px){.barra-fixa{display:none!important}}

@media (max-width:900px){
  /* cards de benefício: verso empilhado para não cortar texto */
  .verso .tag{font-size:10px;margin-bottom:10px;letter-spacing:.06em}
  .verso dl div{flex-direction:column;gap:2px}
  .verso dt{font-size:12px;opacity:.85}
  .verso dd{font-size:15px}
  .verso .vd{font-size:10px;margin-left:6px}
  .verso a{font-size:13px;margin-top:10px}
  .giro-card .face{padding:16px}
  /* vídeos */
  .s-intestino{padding:80px 0 60px}
  .s-intestino .wrap{gap:28px}
  .video-card{width:100%;max-width:350px;align-self:center}
  .foto-po{min-height:0;aspect-ratio:350/520}
  .por-que{grid-template-columns:1fr}
  /* como usar no celular: janela à direita do texto */
  .uso-hover .janela{left:auto;right:16px;bottom:auto;top:50%;transform:translateY(-50%)}
  .uso-hover:hover .janela,.uso-hover.ativo .janela{right:12px;left:auto;top:12px;bottom:12px;transform:none;width:44%;height:auto;border-radius:16px}
  .uso-hover:hover .circ,.uso-hover.ativo .circ{transform:none;background:var(--osso);color:var(--petroleo)}
  .b-uso .uso-hover>div,.cards-3 .uso-hover>div{max-width:50%}
  /* herói: foto própria para o celular */
  .heroi img.fundo{object-position:center 60%}
  /* evita qualquer vazamento lateral */
  body{overflow-x:hidden}
}

/* v3.1: barra fixa empilhada; fundos com parallax têm sobra para não mostrar a borda */
.barra-fixa.so-mobile{flex-direction:column}
.linha-compra>div{min-width:0;flex:1}
.linha-compra b,.linha-compra small,.linha-compra em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.linha-compra em{display:block}
.linha-compra .btn{flex:none}
@media (min-width:901px){img.fundo[data-parallax]{top:-10%;bottom:auto;height:120%}}

/* herói no celular: foto do pote na mesa inteira (pote + copo) no topo, fundindo no petróleo; texto no verde liso */
@media (max-width:900px){
  .heroi img.fundo,.heroi picture img.fundo[data-parallax]{position:relative;inset:auto;width:100%;height:122vw;min-height:0;max-height:none;object-fit:cover;object-position:95.5% 0;transform:none}
  .heroi::after{height:calc(122vw + 2px)}
  .heroi .conteudo{margin-top:-44px}
}
/* card do kit: foto embaixo, véu no meio, texto em cima */
.c-kit>img.cobre{z-index:0}
.c-kit.veu::after{z-index:1;height:70%;background:linear-gradient(0deg,rgba(15,46,47,.94) 12%,rgba(15,46,47,0))}
/* card do pote: menor em repouso para o crescimento do hover caber no card */
.t-pote.card-seed{overflow:hidden}
@media (min-width:901px){.t-pote.card-seed .giro{width:min(290px,48%)}}
.t-pote.card-seed .giro{z-index:1}
.t-pote.card-seed>span.tag,.t-pote.card-seed .base-pote{z-index:3}
.t-pote.card-seed.ativo .giro video{transform:scale(1.15)}
.t-pote.card-seed .giro{transform-origin:center 60%}
@media (max-width:900px){.t-pote.card-seed.ativo .giro video{transform:scale(1.06)}.t-pote.card-seed{padding-top:40px}}
/* etiquetas GG-01: amarelo abacaxi (no claro vira pílula para dar leitura) */
.tag.gg{color:var(--abacaxi)}
.tag.gg-pilula{display:inline-block;background:var(--abacaxi);color:var(--petroleo);padding:4px 10px;border-radius:12px;line-height:1.2}
/* celular: card do sabor no fluxo, 24 px abaixo dos botões (igual ao Figma) */
@media (max-width:900px){
  .heroi{padding-bottom:32px}
  .heroi .cartao-sabor{position:relative;left:auto;right:auto;bottom:auto;z-index:2;width:calc(100% - 40px);margin:24px 20px 0;padding:12px}
}

/* origem e qualidade: do pó ao pote em 4 etapas */
.etapas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.etapas .e-img{position:relative;aspect-ratio:312/244;border-radius:var(--r-md);overflow:hidden;background:#F7F4EE;margin-bottom:24px}
.etapas .e-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8%;box-sizing:border-box}
.etapas .e-img img.ingr{object-fit:cover;padding:0}
.etapas .e-img img.cobre{object-fit:cover;padding:0}
.etapas .e-lote{background:var(--petroleo);display:flex;flex-direction:column;justify-content:space-between;padding:28px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em}
.etapas .e-lote span{font-size:12px;color:rgba(255,255,255,.6)}
.etapas .e-lote b{font-weight:400;font-size:18px;line-height:1.6;color:var(--neon)}
.etapas h3{font-weight:400;font-size:26px;letter-spacing:-.01em;margin:6px 0 10px}
.etapas p{color:var(--mut);font-size:16px;line-height:1.5}
@media (max-width:900px){
  .etapas{grid-template-columns:1fr;gap:16px}
  .etapas li{display:grid;grid-template-columns:120px 1fr;column-gap:16px;align-items:start}
  .etapas .e-img{grid-row:1/4;aspect-ratio:1;margin:0;border-radius:16px}
  .etapas .e-lote{padding:12px}
  .etapas .e-lote span{font-size:10px}.etapas .e-lote b{font-size:12px}
  .etapas h3{font-size:20px;margin:2px 0 4px}
  .etapas p{font-size:14px}
  .b-origem .fab p{max-width:58%!important}
  .b-origem .fab img{width:40%}
}

/* mobile: vidro mais denso. Em tela pequena o vidro branco translúcido some sobre fundo sólido claro
   e o desfoque vira mancha cinza; aqui ele ganha tinta de petróleo, borda fina e sombra curta */
@media (max-width:900px){
  body[data-nav=vidro] .topo.fixo .nav{background:rgba(15,46,47,.9);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-color:rgba(255,255,255,.1);box-shadow:0 10px 28px -12px rgba(15,46,47,.45)}
  .vidro,.btn-vidro{background:rgba(15,46,47,.5);border-color:rgba(255,255,255,.16);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%)}
  .legenda-vidro.vidro{background:rgba(15,46,47,.66)}
  .card-produto.vidro{background:rgba(15,46,47,.55);box-shadow:0 18px 40px -20px rgba(0,0,0,.5)}
}

@media (max-width:700px){
  .heroi-int > img{object-position:50% 50% !important}
}
img[src*="banner-agua-luz."]{object-position:68% 50% !important}
img[src*="banner-pedra-folhas."]{object-position:86% 74% !important}
img[src*="banner-pote-inclinado."]{object-position:92% 50% !important}
img[src*="ciencia-cloroplasto."]{object-position:56% 50% !important}
img[src*="como-usar-1-medida."]{object-position:50% 50% !important}
img[src*="como-usar-2-agua."]{object-position:50% 50% !important}
img[src*="como-usar-3-mexa."]{object-position:50% 50% !important}
img[src*="desktop-1440-tile-foto."]{object-position:50% 74% !important}
img[src*="desktop-1440-tile-foto-a422."]{object-position:50% 50% !important}
img[src*="desktop-1440-video-1-9-16."]{object-position:34% 50% !important}
img[src*="desktop-1440-video-2-circulo."]{object-position:50% 50% !important}
img[src*="desktop-1440-video-3-pilula."]{object-position:42% 50% !important}
img[src*="explorar-artigo-6."]{object-position:20% 50% !important}
img[src*="garrafa-bebendo-rua."]{object-position:50% 16% !important}
img[src*="garrafa-casal."]{object-position:50% 22% !important}
img[src*="garrafa-vidro."]{object-position:50% 50% !important}
img[src*="garrafa-vidro-vazia."]{object-position:50% 50% !important}
img[src*="ing-abacaxi-hortela."]{object-position:54% 50% !important}
img[src*="ing-limao."]{object-position:50% 50% !important}
img[src*="ingrediente-abacaxi-hortela-v2."]{object-position:50% 50% !important}
img[src*="kit-pote-garrafa."]{object-position:50% 86% !important}
img[src*="copo-na-mao."]{object-position:60% 50% !important}
img[src*="pessoa-janela."]{object-position:50% 12% !important}
img[src*="pessoa-retrato-jeans."]{object-position:50% 30% !important}
img[src*="pessoa-varanda."]{object-position:50% 50% !important}
img[src*="pessoa-varanda-homem."]{object-position:50% 32% !important}
img[src*="pos-corrida."]{object-position:50% 50% !important}
img[src*="ranking-bancada-vertical."]{object-position:50% 66% !important}
img[src*="tres-potes."]{object-position:50% 62% !important}
img[src*="macro-colher-copo."]{object-position:50% 28% !important}
img[src*="mapa-brasil-satelite."]{object-position:64% 50% !important}
img[src*="pessoa-perfil-garrafa."]{object-position:50% 0% !important}
img[src*="pessoa-sorrindo."]{object-position:50% 50% !important}
img[src*="pote-abacaxi-hortela."]{object-position:50% 50% !important}
img[src*="pote-aberto-po."]{object-position:50% 50% !important}
img[src*="pote-cafe-da-manha."]{object-position:86% 50% !important}
img[src*="pote-estudio-claro."]{object-position:50% 36% !important}
img[src*="pote-mesa-escura-copo."]{object-position:96% 50% !important}
html{-webkit-tap-highlight-color:transparent;scrollbar-color:rgba(15,46,47,.35) transparent;scrollbar-width:thin}
::selection{background:var(--neon);color:var(--petroleo)}
input,textarea{caret-color:var(--verde)}
input[type=checkbox],input[type=radio]{accent-color:var(--verde)}
:focus{outline:none}
:focus-visible{outline:2px solid var(--petroleo);outline-offset:3px}
.f-escuro :focus-visible,.f-verde :focus-visible,.rodape :focus-visible,.heroi :focus-visible,.topo :focus-visible,.mega :focus-visible,.vip-fim :focus-visible,.qz-solucao :focus-visible,.qz-oferta :focus-visible{outline-color:var(--neon)}
.btn:focus-visible{outline-offset:4px}
.preco,.qtd span,.lp-numeros b,.bolinha,[data-qz-tempo],[data-qz-pct],.qz-nota b{font-variant-numeric:tabular-nums}
.btn{transition:transform .25s var(--chega),background-color .25s,color .25s,box-shadow .25s}
.btn:active{transform:scale(.97);transition-duration:.1s}
.btn.feito{background:var(--petroleo);color:var(--neon);pointer-events:none}
.btn.feito .seta{display:none}
.btn .marca-ok{display:inline-block;animation:okEntra .35s var(--chega)}
@keyframes okEntra{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
.bolinha.pulsa{animation:pulsa .45s var(--chega)}
@keyframes pulsa{0%{transform:scale(1)}35%{transform:scale(1.35)}100%{transform:scale(1)}}
.voo{position:fixed;z-index:95;pointer-events:none;border-radius:12px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(15,46,47,.35))}
#carrinho .item.novo{animation:itemNovo 1.4s var(--chega)}
@keyframes itemNovo{0%{background:var(--verde-claro)}70%{background:var(--verde-claro)}100%{background:var(--osso)}}
.qtd span.sobe{animation:numSobe .18s var(--chega)}
.qtd span.desce{animation:numDesce .18s var(--chega)}
@keyframes numSobe{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
@keyframes numDesce{from{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}
.qtd button:active{transform:scale(.88)}
.qtd button{transition:transform .1s,background-color .15s}
.opcao,.opcao-g{transition:border-color .2s,background-color .2s,transform .1s}
.opcao:active,.opcao-g:active,.lp-opcao:active{transform:scale(.99)}
.lp-opcao .radio::after,.opcao .radio::after{transition:transform .2s var(--chega)}
.lp-opcao.on .radio::after{animation:okEntra .25s var(--chega)}
.qz-campos input,.vip-form input,.form-linha input,.busca-campo input{transition:border-color .15s,box-shadow .15s,background-color .15s}
.qz-campos input:hover{border-color:#c9c5bb}
.qz-campos input:focus{border-color:var(--petroleo);box-shadow:0 0 0 4px var(--verde-claro)}
.qz-campos input.erro{border-color:var(--erro);box-shadow:0 0 0 4px rgba(180,68,42,.12)}
.qz-campos input.valido:not(:focus){background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%2378F624'/%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' fill='none' stroke='%230F2E2F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 16px center/22px no-repeat;padding-right:48px}
.treme{animation:treme .3s linear}
@keyframes treme{20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}
.campo-msg{display:block;font-size:13px;line-height:1.4;color:var(--erro);margin:-2px 0 4px 4px;animation:numSobe .2s var(--chega)}
.lp-relatos article,.vip-beneficios article,.vip-spoiler figure,.lp-aval article,.lp-ingr article,.qz-dor,.relac,.card-art-produto{transition:transform .35s var(--chega),box-shadow .35s var(--chega)}
.lp-relatos img,.vip-beneficios img,.vip-spoiler img,.lp-ingr img,.relac img{transition:transform .6s var(--chega)}
@media (hover:hover){
.lp-relatos article:hover,.vip-beneficios article:hover,.vip-spoiler figure:hover,.lp-aval article:hover,.lp-ingr article:hover,.relac:hover,.card-art-produto:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(15,46,47,.45)}
.lp-relatos article:hover img,.vip-beneficios article:hover img,.vip-spoiler figure:hover img,.lp-ingr article:hover img,.relac:hover img{transform:scale(1.04)}
}
.lp-relatos article:active,.vip-beneficios article:active,.vip-spoiler figure:active,.lp-ingr article:active{transform:scale(.98)}
.artigo p a,.lp-p a,.lp-legal a,.migalha a,.acc-corpo a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(15,46,47,.35);transition:text-decoration-color .2s,color .2s}
.artigo p a:hover,.lp-p a:hover,.lp-legal a:hover,.migalha a:hover,.acc-corpo a:hover{text-decoration-color:currentColor}
:root{interpolate-size:allow-keywords}
.vip-faq details::details-content,.lp-faq details::details-content{block-size:0;overflow:hidden;transition:block-size .25s var(--ease),content-visibility .25s allow-discrete}
.vip-faq details[open]::details-content,.lp-faq details[open]::details-content{block-size:auto;transition-duration:.35s;transition-timing-function:var(--chega)}
.vip-faq summary::after{content:"+" !important;transition:transform .3s var(--chega)}
.vip-faq details[open] summary::after{transform:rotate(45deg)}
.vip-faq details p{animation:numSobe .35s var(--chega)}
.qz-cupom{cursor:pointer;transition:background-color .2s,transform .1s}
.qz-cupom:hover{background:#d8ecce}
.qz-cupom:active{transform:scale(.98)}
.qz-cupom .copiado{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--verde);animation:numSobe .2s var(--chega)}
#toast{transition:opacity .25s,transform .35s var(--chega) !important}
@media (prefers-reduced-motion:reduce){
.btn,.btn:active,.qtd button:active,.opcao:active,.opcao-g:active,.lp-opcao:active{transform:none}
.bolinha.pulsa,.qtd span.sobe,.qtd span.desce,.treme,.btn .marca-ok,.lp-opcao.on .radio::after,.vip-faq details p,.campo-msg{animation:none}
.lp-relatos article:hover,.vip-beneficios article:hover,.vip-spoiler figure:hover,.lp-aval article:hover,.lp-ingr article:hover,.relac:hover,.card-art-produto:hover,.lp-relatos article:hover img,.vip-beneficios article:hover img,.vip-spoiler figure:hover img,.lp-ingr article:hover img,.relac:hover img{transform:none}
.vip-faq details::details-content{transition:none}
}
.rol{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:24px}
.rol[hidden]{display:none}
.rol-veu{position:absolute;inset:0;background:rgba(15,46,47,.72);opacity:0;transition:opacity .3s}
.rol.on .rol-veu{opacity:1}
.rol-caixa{position:relative;display:grid;grid-template-columns:432px 1fr;width:min(880px,100%);min-height:560px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px -20px rgba(0,0,0,.35);opacity:0;transform:translateY(24px) scale(.97);transition:opacity .35s var(--chega),transform .45s var(--chega)}
.rol.on .rol-caixa{opacity:1;transform:none}
.rol-caixa:focus{outline:none}
.rol-alca{display:none}
.rol-x{position:absolute;right:14px;top:14px;z-index:3;width:36px;height:36px;border-radius:50%;background:#fff;border:0;font-size:24px;line-height:1;color:var(--petroleo);cursor:pointer;box-shadow:0 4px 12px -4px rgba(0,0,0,.2)}
.rol-foto{position:relative;overflow:hidden;background:var(--petroleo)}
.rol-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.rol-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,46,47,0) 45%,rgba(15,46,47,.65));pointer-events:none}
.rol-dial{position:absolute;z-index:1;width:520px;height:520px;left:calc(50% - 260px);top:calc(100% - 215px);transition:top .6s var(--chega)}
.rol-vidro{position:absolute;inset:0;border-radius:50%;background:linear-gradient(180deg,rgba(15,46,47,.45),rgba(15,46,47,.62) 60%,rgba(15,46,47,.75));border:1.5px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 -8px 40px -10px rgba(0,0,0,.35)}
.rol-dial svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.rol-disco{transform-origin:260px 260px;transform-box:view-box;transition:transform 4.5s cubic-bezier(.12,.62,.08,1)}
.rol-marcas line{stroke:rgba(255,255,255,.4);stroke-width:1}
.rol-marcas line.g{stroke:rgba(255,255,255,.8)}
.rol-divisas line{stroke:rgba(255,255,255,.45);stroke-width:1}
.rol-rotulos text{font-family:var(--mono);font-size:12px;letter-spacing:.08em;fill:#fff;text-anchor:middle}
.rol-rotulos text.s{font-size:11px;opacity:.7}
.rol-rotulos .p text{fill:var(--neon)}
.rol-miolo{fill:rgba(15,46,47,.78);stroke:rgba(120,246,36,.7);stroke-width:1.5}
.rol-anel{fill:none;stroke:rgba(255,255,255,.22);stroke-dasharray:2 6}
.rol-acesa{fill:var(--neon);opacity:0;transition:opacity .5s .2s}
.rol.ganhou .rol-acesa{opacity:.85}
.rol-agulha{position:absolute;left:252px;top:-16px;width:16px;height:120px;pointer-events:none}
.rol-agulha::before{content:"";position:absolute;left:7px;top:16px;width:2px;height:104px;background:linear-gradient(var(--neon),rgba(120,246,36,0))}
.rol-agulha::after{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:var(--neon);border:2px solid var(--petroleo);box-sizing:border-box;box-shadow:0 0 16px rgba(120,246,36,.85)}
.rol-premio{position:absolute;inset:0;z-index:2;pointer-events:none;display:grid;justify-items:center;align-content:start;padding-top:36px;visibility:hidden}
.rol-premio::before{content:"";position:absolute;inset:0;background:rgba(15,46,47,.5);z-index:-1;opacity:0;transition:opacity .4s}
.rol.ganhou .rol-premio::before{opacity:1}
.rol-premio .k{font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--neon);text-shadow:0 2px 12px rgba(0,0,0,.45)}
.rol-premio b{font-weight:300;font-size:40px;letter-spacing:-.02em;color:#fff;margin-top:4px;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.rol-premio img{width:82px;margin-top:14px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.5));transform:rotate(-9deg);opacity:0;transform-origin:50% 85%}
.rol-premio::after{content:"";position:absolute;left:50%;top:250px;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;background:radial-gradient(rgba(120,246,36,.6),rgba(120,246,36,.18) 45%,rgba(120,246,36,0) 70%);z-index:-1;transform:scale(.4);opacity:0;transition:transform .8s var(--chega) .5s,opacity .5s .5s}
.rol.ganhou .rol-premio{visibility:visible}
.rol.ganhou .rol-premio img{animation:garrafaPousa .9s cubic-bezier(.2,.75,.25,1) both}
@keyframes garrafaPousa{0%{opacity:0;transform:translate(-6%,-170%) scale(3.4) rotate(-32deg);filter:blur(9px) drop-shadow(0 18px 24px rgba(0,0,0,.5))}12%{opacity:1}61%{transform:translate(0,3%) scale(.93,1.06) rotate(-6deg);filter:blur(0) drop-shadow(0 4px 6px rgba(0,0,0,.6))}74%{transform:translate(0,-4%) scale(1.04,.97) rotate(-11deg)}88%{transform:translate(0,1%) rotate(-8deg)}100%{opacity:1;transform:rotate(-9deg);filter:drop-shadow(0 18px 24px rgba(0,0,0,.5))}}
.rol-premio .k,.rol-premio b{opacity:0;transform:translateY(8px);transition:opacity .35s .62s,transform .45s var(--chega) .62s}
.rol.ganhou .rol-premio .k,.rol.ganhou .rol-premio b{opacity:1;transform:none}
.rol.ganhou .rol-dial{animation:dialPouso .35s .55s ease-out}
@keyframes dialPouso{0%,100%{translate:0 0}35%{translate:0 5px}70%{translate:0 -2px}}
.rol.ganhou .rol-premio::after{transform:none;opacity:1}
.rol.ganhou .rol-dial{top:calc(100% - 230px)}
.rol-confete{position:absolute;left:50%;top:250px;width:0;height:0}
.rol-confete i{position:absolute;left:-4px;top:-7px;width:8px;height:14px;border-radius:2px;opacity:0;transform:translate(0,0) rotate(0) scale(.3)}
.rol-confete i.c0{background:var(--neon)}.rol-confete i.c1{background:var(--abacaxi)}.rol-confete i.c2{background:#fff}
.rol.ganhou .rol-confete i{animation:confete 1.6s cubic-bezier(.15,.7,.3,1) calc(var(--d) + .5s) forwards}
@keyframes confete{0%{opacity:0;transform:translate(0,0) rotate(0) scale(.3)}8%{opacity:1}55%{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1)}100%{opacity:0;transform:translate(calc(var(--x) * 1.15),calc(var(--y) + 120px)) rotate(calc(var(--r) * 2)) scale(.9)}}
.rol-txt{padding:44px 40px 40px;display:grid;align-content:center}
.rol-etapa{display:none;gap:12px}
.rol-etapa.on{display:grid;animation:numSobe .35s var(--chega)}
.rol-etapa .tag{justify-self:start;background:var(--neon);color:var(--petroleo);padding:6px 11px;border-radius:20px}
.rol-etapa h3{font-weight:300;font-size:34px;line-height:1.1;letter-spacing:-.015em;color:var(--petroleo)}
.rol-etapa p{font-size:15px;line-height:1.5;color:var(--mut)}
.rol-etapa form{display:grid;gap:12px}
.rol-etapa .qz-campos{display:grid;gap:10px}
.rol .qz-campos input{height:50px;border:1.5px solid var(--linha);border-radius:14px;padding:0 18px;font-size:16px;background:#fff;width:100%;color:var(--petroleo)}
.rol .qz-cupom{display:flex;justify-content:space-between;align-items:center;background:#E3F1DC;border:1.5px dashed rgba(15,46,47,.35);border-radius:14px;padding:14px 16px}
.rol .qz-cupom small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.rol .qz-cupom b{display:block;font-family:var(--mono);font-weight:400;font-size:20px;letter-spacing:.06em;color:var(--petroleo)}
.rol-nota{text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.rol-espera{background:var(--verde-claro);color:var(--petroleo);pointer-events:none}
.rol-espera::after{content:"";width:16px;height:16px;border-radius:50%;border:2px solid var(--petroleo);border-right-color:transparent;animation:rolgira .8s linear infinite}
@keyframes rolgira{to{transform:rotate(360deg)}}
.rol-aba{position:fixed;left:24px;bottom:24px;z-index:55;display:flex;align-items:center;gap:12px;padding:6px 18px 6px 6px;border-radius:999px;background:var(--petroleo);color:#fff;border:1px solid rgba(120,246,36,.5);box-shadow:0 12px 30px -8px rgba(0,0,0,.35);cursor:pointer;animation:numSobe .4s var(--chega);transition:transform .2s var(--chega)}
.rol-aba[hidden]{display:none}
.rol-aba:hover{transform:translateY(-2px)}
.rol-aba img{width:44px;height:44px;border-radius:50%;object-fit:contain;background:var(--verde);padding:4px}
.rol-aba b{display:block;font-weight:500;font-size:15px;text-align:left}
.rol-aba small{display:block;font-size:12px;opacity:.75;text-align:left}
.rol-aba .seta{color:var(--neon)}
@media (max-width:600px){
.rol{place-items:end center;padding:0}
.rol-caixa{grid-template-columns:1fr;width:100%;min-height:0;border-radius:24px 24px 0 0;max-height:94vh;overflow:auto;transform:translateY(100%)}
.rol.on .rol-caixa{transform:none}
.rol-alca{display:block;position:absolute;left:50%;top:10px;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:rgba(255,255,255,.9);z-index:3}
.rol-x{width:32px;height:32px;font-size:22px;right:12px}
.rol-foto{height:250px;transition:height .5s var(--chega)}
.rol.ganhou .rol-foto{height:380px}
.rol-img{object-position:50% 22%}
.rol-dial{width:440px;height:440px;left:calc(50% - 220px);top:calc(100% - 158px)}
.rol.ganhou .rol-dial{top:calc(100% - 150px)}
.rol-agulha{left:212px}
.rol-premio{justify-items:center;padding:24px 0 0}
.rol-premio b{font-size:30px;margin-top:2px}
.rol-premio img{position:absolute;left:calc(50% - 30px);top:86px;width:42px;margin:0}
.rol-premio::after{left:50%;top:162px;width:300px;height:300px;margin:-150px 0 0 -150px}
.rol-confete{left:50%;right:auto;top:162px}
.rol-txt{padding:18px 20px 26px}
.rol-etapa h3{font-size:26px}
.rol-etapa p{font-size:14px}
.rol-aba{left:16px;bottom:16px}
}
@media (prefers-reduced-motion:reduce){.rol-disco{transition:none}.rol-caixa,.rol.on .rol-caixa{transform:none}.rol.ganhou .rol-confete i{animation:none;opacity:0}.rol.ganhou .rol-premio img{animation:none;opacity:1;transition:opacity .4s}.rol.ganhou .rol-dial{animation:none}}

/* ===================== ajustes vindos da LP de lançamento (03/11/2026) =====================
   Só detalhes: botões, pílulas, cards e o celular no ritmo da Liquidz. Layout e estrutura não mudam.
   Para voltar ao anterior, apague este bloco. */
.btn{text-transform:uppercase;font-size:15px;letter-spacing:.01em;height:50px;padding:0 24px}
.btn:hover{transform:none}
.btn:active{transform:scale(.98)}
.btn-neon:hover{background:#69E01A;box-shadow:none}
.btn-linha{border-width:1px}
.btn-sm{height:38px;padding:0 16px;font-size:12px}
.filtros button{border-radius:99px;background:#fff;transition:background-color .2s,border-color .2s,color .2s}
.filtros button:hover{border-color:var(--petroleo)}
.selo-360,.selo-3d,.modal-bv .selo-oferta{background:rgba(250,248,242,.95);color:var(--petroleo);border-radius:99px;box-shadow:0 4px 14px rgba(0,0,0,.18);backdrop-filter:none;-webkit-backdrop-filter:none}
.linha-tempo .chip,.kit-incluso .tag,.tag.gg-pilula,.rol-etapa .tag,.pill-gg,.pilula-sabor{border-radius:99px}
.tile img,.v-card img,.card-produto img,.card-art-produto img,.relac img{transition:transform 1s cubic-bezier(.16,1,.3,1)}
a.tile:hover img,.tile:hover>img,.v-card:hover img,.relac a:hover img,.card-art-produto:hover img{transform:scale(1.05)}
a.tile,.v-card,.card-art-produto,.relac a{transition:transform .4s cubic-bezier(.22,.8,.22,1),box-shadow .4s}
a.tile:hover,.v-card:hover,.card-art-produto:hover,.relac a:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,46,47,.10)}
@media (max-width:900px){
  .d1,.heroi .d1{font-size:40px!important;line-height:1.02}
  .d2{font-size:32px!important}
  .h2{font-size:clamp(28px,8.4vw,34px)!important}
  .h3{font-size:clamp(22px,6.6vw,26px)!important}
  .lead,.heroi .lead{font-size:15px}
  .secao{padding:56px 0} .secao.apertada{padding:44px 0}
  .cabeca{margin-bottom:24px}
  .btn{height:48px;font-size:14px}
  .painel-vidro .h2{font-size:30px}
  .t-textura .h3{font-size:28px}
}

/* ---------- banners das páginas internas e dobra final (03/11/2026): foto à direita fundindo no petróleo, texto à esquerda ---------- */
.heroi-int{min-height:640px;align-items:center}
.heroi-int>img{left:auto;right:0;width:58%;object-position:center 45%}
.heroi-int::after{background:linear-gradient(90deg,var(--petroleo) 42%,rgba(15,46,47,.7) 52%,rgba(15,46,47,0) 72%),linear-gradient(0deg,rgba(15,46,47,.55),rgba(15,46,47,0) 28%)}
.heroi-int .wrap{padding-top:160px;padding-bottom:96px;align-items:center}
.heroi-int .wrap>div{max-width:680px}
.cta-final{padding:96px 0;background:var(--creme,#F6F3EC)}
.cta-caixa{display:grid;grid-template-columns:1.05fr 1fr;border-radius:28px;overflow:hidden;background:var(--petroleo);color:#fff;min-height:480px}
.cta-caixa .txt{padding:64px 64px;display:flex;flex-direction:column;justify-content:center;gap:18px}
.cta-caixa .txt .h2{margin:0}
.cta-caixa .txt p{font-size:17px;line-height:1.55;opacity:.85;max-width:440px;margin:0}
.cta-caixa .lista{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px;padding:0;list-style:none}
.cta-caixa .lista li{font-size:13px;padding:8px 14px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.cta-caixa .acoes{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.cta-caixa .btn-borda-clara{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}
.cta-caixa .btn-borda-clara:hover{border-color:#fff}
.cta-caixa .foto{position:relative;min-height:360px}
.cta-caixa .foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.cta-caixa:hover .foto img{transform:scale(1.04)}
@media (max-width:900px){
  .heroi-int{min-height:0;align-items:flex-end}
  .heroi-int>img{width:100%;height:58%;top:0;bottom:auto}
  .heroi-int::after{background:linear-gradient(0deg,var(--petroleo) 44%,rgba(15,46,47,.6) 56%,rgba(15,46,47,0) 72%)}
  .heroi-int .wrap{padding-top:340px;padding-bottom:40px}
  .cta-final{padding:56px 0}
  .cta-caixa{grid-template-columns:1fr;border-radius:22px;min-height:0}
  .cta-caixa .foto{order:-1;min-height:300px}
  .cta-caixa .txt{padding:32px 24px 36px;gap:14px}
  .cta-caixa .acoes .btn{flex:1 1 100%;justify-content:center}
}
/* bento do produto na home (03/11/2026): fundo petróleo da LP e véu no tile do 7,5 g */
.t-pote.card-seed{background:radial-gradient(55% 50% at 50% 42%,#2E6B4F 0%,#173F37 55%,var(--petroleo) 100%)}
.t-textura::before{background:linear-gradient(0deg,rgba(15,46,47,.85) 0%,rgba(15,46,47,.35) 45%,rgba(15,46,47,.1) 100%)}
@media (max-width:900px){.t-textura{padding:16px}.t-textura .h3{font-size:32px}.t-textura span{font-size:13px;line-height:1.3}}

/* "Por que Good Green" no estilo da Liquidz (03/11/2026): tabela central de 3 colunas e os dois lados em recorte */
.cp-cab{text-align:center;max-width:720px;margin:0 auto 56px}
.cp-cab .tag{display:block;margin-bottom:14px}
.cp-cab p{font-size:18px;color:var(--cinza,#5b6b68);margin-top:14px}
.cp-palco{position:relative;max-width:1040px;margin:0 auto;display:grid;grid-template-columns:1fr minmax(0,720px) 1fr;align-items:center}
.cp-tab{grid-column:2;position:relative;z-index:2}
.cp-tab table{width:100%;border-collapse:collapse;text-align:center;font-size:16px}
.cp-tab th{font-weight:500;font-size:17px;padding:0 12px 18px;vertical-align:bottom}
.cp-tab th.gg img{margin:0 auto;height:22px;width:auto}
.cp-tab td{padding:17px 12px;border:1px solid var(--linha);background:rgba(255,255,255,.55)}
.cp-tab td.gg{font-weight:500;color:var(--petroleo);background:#fff}
.cp-tab td.at{color:var(--petroleo);font-weight:500;width:40%}
.cp-tab tbody tr{transition:background-color .25s}
.cp-tab tbody tr:hover td{background:#fff}
.cp-tab tbody tr:hover td.gg{background:#EAF6DF}
.cp-ok{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:11px;background:var(--neon);color:var(--petroleo);vertical-align:middle}
.cp-ok svg{width:14px;height:14px}
.cp-nao{display:inline-grid;color:var(--petroleo);vertical-align:middle}
.cp-nao svg{width:20px;height:20px}
.cp-lado{position:relative;z-index:3;pointer-events:none}
.cp-lado img{display:block;filter:drop-shadow(0 26px 30px rgba(15,46,47,.22))}
.cp-esq{grid-column:1;grid-row:1;justify-self:end;margin-right:-56px}
.cp-esq img{width:220px;transform:rotate(-6deg)}
.cp-dir{grid-column:3;grid-row:1;justify-self:start;margin-left:14px}
.cp-dir img{width:150px}
.cp-nota{text-align:center;font-size:13px;color:var(--cinza,#5b6b68);margin-top:36px}
@media (max-width:900px){
  .cp-cab{margin-bottom:28px}.cp-cab p{font-size:15px}
  .cp-palco{grid-template-columns:1fr 1fr;row-gap:8px}
  .cp-esq,.cp-dir{grid-row:1;margin:0;justify-self:center}
  .cp-esq{grid-column:1}.cp-dir{grid-column:2}
  .cp-esq img{width:118px}.cp-dir img{width:78px}
  .cp-tab{grid-column:1/3;grid-row:2}
  .cp-tab table{font-size:13px}.cp-tab th{font-size:14px;padding:0 6px 12px}.cp-tab th.gg img{height:17px}
  .cp-tab td{padding:13px 6px}
  .cp-nota{font-size:12px;margin-top:22px}
}
.uso-hover .janela{overflow:hidden}
.uso-hover .janela video{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
/* "como usar" sempre aberto (03/11/2026): a janela com o vídeo fica aberta; o hover só levanta e aumenta o card */
.uso-hover.aberto .janela{left:16px;bottom:calc(100% - 16px - 58%);width:calc(100% - 32px);height:58%;border-radius:20px;opacity:1}
.uso-hover.aberto>.tag{background:var(--verde);color:var(--neon)}
.uso-hover.aberto .circ{background:rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px);transform:translate(calc(var(--canto-x,220px)),-8px) scale(.6)}
.uso-hover.aberto:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 22px 40px -16px rgba(15,46,47,.3)}
@media (max-width:900px){
  .uso-hover.aberto .janela{right:12px;left:auto;top:12px;bottom:12px;transform:none;width:44%;height:auto;border-radius:16px}
  .uso-hover.aberto .circ{transform:none;background:var(--osso);color:var(--petroleo)}
  .uso-hover.aberto:hover{transform:none}
}
/* hero da home: texto alinhado com a coluna das outras seções (03/11/2026) */
@media (min-width:901px){.heroi .conteudo{left:max(var(--gutter),calc((100% - var(--max))/2))}}
/* cartão do sabor no canto de baixo à direita, sobrepondo a borda do pote (03/11/2026) */
@media (min-width:901px){.cartao-sabor{right:7%;left:auto;top:auto;bottom:9%}}
@media (min-width:901px) and (max-width:1300px){.cartao-sabor{right:4%;bottom:7%}}
/* "clip" não cria caixa de rolagem: sem isso o position:sticky (galeria da PDP) não funciona */
body{overflow-x:clip}
@media (max-width:900px){body{overflow-x:clip}}
@media (min-width:901px){body[data-page="produto"] .l-galeria-wrap{top:112px}}
/* banner de Ingredientes com a textura de frutas: a foto é 16:9, então ocupa mais da largura */
.heroi-int>img[src*="heroi-ingredientes-frutas"]{width:66%;object-position:center}
/* carrinho (03/11/2026): pote e garrafa em recorte 3D sobre fundo claro, com sombra no chão */
.item .img{background:radial-gradient(70% 55% at 50% 40%,#FFFFFF 0%,#EEF3E7 60%,#E2EBD7 100%);position:relative;overflow:hidden}
.item .img::after{content:"";position:absolute;left:22%;right:22%;bottom:12px;height:8px;border-radius:50%;background:rgba(15,46,47,.18);filter:blur(4px)}
.item .img img{position:relative;z-index:1;width:auto;height:82%;max-width:82%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(15,46,47,.18))}
.upsell .up-img{width:56px;height:64px;border-radius:10px;flex:none;display:grid;place-items:center;background:radial-gradient(70% 60% at 50% 40%,#fff 0%,#EEF3E7 100%)}
.upsell .up-img img{width:auto;height:86%;border-radius:0;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(15,46,47,.18))}
.item .img img{height:94px;width:auto;max-width:86px;object-fit:contain}
.upsell .up-img img{height:54px;width:auto;max-width:48px}
/* banners internos (03/11/2026, v2): foto em 100% da largura com véu escuro uniforme, sem degradê lateral */
@media (min-width:901px){
  .heroi-int>img,.heroi-int>img[src*="heroi-ingredientes-frutas"]{left:0;right:0;width:100%;object-position:center}
  .heroi-int::after{background:linear-gradient(0deg,rgba(15,46,47,.35),rgba(15,46,47,0) 40%),rgba(15,46,47,.58)}
}
/* comparação: lado GG = garrafa + pote + abacaxi do hero, sem girar */
.cp-esq{margin-right:-90px}
.cp-esq img{width:330px;transform:none}
.cp-dir{margin-left:18px}
.cp-dir img{width:150px}
@media (max-width:900px){.cp-esq,.cp-dir{margin:0}.cp-esq img{width:170px}.cp-dir img{width:74px}}
@media (min-width:901px){.cp-palco{max-width:1280px;grid-template-columns:1fr 720px 1fr}.cp-esq img{width:360px;max-width:none}.cp-esq{margin-right:-70px}.cp-dir img{width:170px}}
/* card de produto nos artigos (03/11/2026): recorte do hero saindo do card, pílulas e botão */
.card-art-produto.cap2{position:relative;overflow:visible;gap:28px;padding:22px 28px 22px 210px;min-height:150px;margin-top:64px;background:radial-gradient(90% 140% at 0% 100%,#2E6B4F 0%,var(--petroleo) 62%)}
.cap2-foto{position:absolute;left:14px;bottom:8px;width:190px;pointer-events:none}
.cap2-foto img{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 22px rgba(0,0,0,.35));transition:transform .6s cubic-bezier(.16,1,.3,1)}
.card-art-produto.cap2:hover .cap2-foto img{transform:translateY(-6px) rotate(-2deg) scale(1.03)}
.cap2-txt b{font-size:22px;margin:6px 0 10px}
.cap2-txt ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.cap2-txt li{font-size:12px;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
@media (max-width:900px){
  .card-art-produto.cap2{padding:120px 18px 18px;margin-top:90px;flex-direction:column;align-items:flex-start}
  .cap2-foto{left:50%;bottom:auto;top:-80px;width:200px;margin-left:-100px}
  .cap2-txt b{font-size:19px}
  .card-art-produto.cap2 .btn{width:100%;justify-content:center}
}
@media (min-width:901px){.cap2-foto{width:250px;left:-6px;bottom:-4px}.card-art-produto.cap2{padding-left:260px}.cap2-txt{flex:1}}
/* "como usar" no celular (03/11/2026): vídeo em cima, ocupando a largura do card, e o texto embaixo */
@media (max-width:900px){
  .b-uso .uso-hover.aberto{display:block;padding:212px 20px 22px;min-height:0}
  .uso-hover.aberto .janela{left:12px!important;right:12px!important;top:12px!important;bottom:auto!important;width:auto!important;height:188px!important;border-radius:16px!important;transform:none!important}
  .uso-hover.aberto .circ{display:none}
  .uso-hover.aberto>.tag{position:absolute;top:24px;left:24px;right:auto;z-index:3}
  .b-uso .uso-hover.aberto>div{max-width:none}
  .uso-hover.aberto h3{font-size:24px}
}

/* páginas de ajuda (03/11/2026) */
.ajuda-topo{padding:180px 0 40px}
.ajuda-topo .migalha{font-size:14px;color:var(--cinza,#5b6b68);margin-bottom:28px}
.ajuda-topo .migalha a{text-decoration:underline}
.ajuda-topo .tag{display:block;margin-bottom:16px}
.ajuda-topo .d2{margin-bottom:18px}
.ajuda-topo .lead{max-width:620px}
.ajuda-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.ajuda-card{position:relative;display:flex;flex-direction:column;gap:6px;background:#fff;border-radius:20px;padding:24px 22px 52px;transition:transform .35s cubic-bezier(.22,.8,.22,1),box-shadow .35s}
.ajuda-card b{font-weight:500;font-size:18px}
.ajuda-card small{font-size:14px;color:var(--cinza,#5b6b68)}
.ajuda-card .seta{position:absolute;left:22px;bottom:20px;color:var(--verde)}
.ajuda-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,46,47,.10)}
.ajuda-faq{display:grid;grid-template-columns:1fr 1fr;gap:48px 56px}
.ajuda-grupo h2{font-weight:400;font-size:28px;margin-bottom:18px}
.ajuda-contato{display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--petroleo);color:#fff;border-radius:28px;padding:48px 56px}
.ajuda-contato .tag{display:block;margin-bottom:12px}
.ajuda-contato p{opacity:.8;margin-top:10px}
.pol{padding-top:24px}
.pol-grid{display:grid;grid-template-columns:260px 1fr;gap:64px;align-items:start}
.pol-nav{position:sticky;top:120px}
.pol-nav .tag{display:block;margin-bottom:14px}
.pol-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.pol-nav a{display:block;padding:7px 12px;border-radius:10px;font-size:14px;color:var(--cinza,#5b6b68);transition:background-color .2s,color .2s}
.pol-nav a:hover{background:#fff;color:var(--petroleo)}
.pol-corpo{max-width:760px}
.pol-sec{padding:0 0 36px;margin-bottom:36px;border-bottom:1px solid var(--linha);scroll-margin-top:120px}
.pol-sec h2{font-weight:400;font-size:26px;margin-bottom:14px}
.pol-sec p,.pol-sec li{font-size:16px;line-height:1.65}
.pol-sec ul,.pol-sec ol{padding-left:20px;display:flex;flex-direction:column;gap:8px}
.pol-sec a{text-decoration:underline}
.pol-ajuda{background:#EAF6DF;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.pol-ajuda b{font-weight:500;font-size:19px}
@media (max-width:900px){
  .ajuda-topo{padding:130px 0 24px}
  .ajuda-cards{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}
  .ajuda-card{padding:18px 16px 44px}.ajuda-card b{font-size:16px}.ajuda-card small{font-size:13px}.ajuda-card .seta{left:16px;bottom:16px}
  .ajuda-faq{grid-template-columns:1fr;gap:36px}
  .ajuda-contato{flex-direction:column;align-items:flex-start;padding:32px 24px;border-radius:22px}
  .ajuda-contato .btn{width:100%;justify-content:center}
  .pol-grid{grid-template-columns:1fr;gap:24px}
  .pol-nav{position:static}.pol-nav ul{flex-direction:row;flex-wrap:wrap;gap:6px}.pol-nav a{background:#fff;border-radius:99px;font-size:13px;padding:6px 12px}
  .pol-sec h2{font-size:22px}
}
/* comparação no celular igual à Liquidz: rótulos em cima, os dois produtos lado a lado com um "x" no meio, tabela embaixo */
.cp-rot,.cp-x{display:none}
@media (max-width:900px){
  .cp-palco{grid-template-columns:1fr 56px 1fr;row-gap:18px;align-items:end}
  .cp-esq{grid-column:1;grid-row:1}.cp-x{grid-column:2;grid-row:1}.cp-dir{grid-column:3;grid-row:1}
  .cp-lado{display:flex;flex-direction:column;align-items:center;gap:14px;justify-self:stretch}
  .cp-rot{display:flex;align-items:flex-end;justify-content:center;min-height:38px;font-weight:500;font-size:15px;line-height:1.15;text-align:center;color:var(--petroleo)}
  .cp-rot img{height:17px;width:auto}
  .cp-esq img:not(.cp-rot img){width:150px}
  .cp-dir img{width:72px}
  .cp-x{display:grid;place-items:center;align-self:center;color:var(--petroleo);padding-top:40px}
  .cp-x svg{width:40px;height:40px}
  .cp-tab{grid-column:1/4;grid-row:2}
  .cp-tab thead{display:none}
}

/* comparação da home = a mesma da PDP (03/11/2026) */
.hc-sec .cab-centro{text-align:center;display:flex;flex-direction:column;align-items:center}
.hc-sec .cab-centro .lead{margin-inline:auto}
.hc-sec .compara{width:100%;border-collapse:separate;border-spacing:0;font-size:15px}
.hc-sec .compara th,.compara td{padding:16px 18px;border-bottom:1px solid var(--linha);text-align:left;vertical-align:middle}
.hc-sec .compara thead th{font-weight:400;font-size:14px;text-transform:uppercase;letter-spacing:.04em}
.hc-sec .compara thead th.gg{background:var(--petroleo);color:#fff;border-radius:14px 14px 0 0}
.hc-sec .compara td.gg{background:#fff;font-weight:500}
.hc-sec .compara tbody tr:last-child td.gg{border-radius:0 0 14px 14px}
.hc-sec .compara td.c{color:var(--cinza)}
.hc-sec .compara .s{display:inline-flex;align-items:center;gap:8px}
.hc-sec .compara .s::before{content:"";width:18px;height:18px;border-radius:50%;flex:none;background:var(--neon) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='m5 9.3 2.6 2.6L13 6.6' stroke='%230F2E2F' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/18px no-repeat}
.hc-sec .compara .n{display:inline-flex;align-items:center;gap:8px}
.hc-sec .compara .n::before{content:"";width:18px;height:18px;border-radius:50%;flex:none;background:#E3E1DC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='m6 6 6 6m0-6-6 6' stroke='%234B5A57' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center/18px no-repeat}
.hc-sec{padding:96px 0}
.hc-sec .pill-borda{display:inline-block;border:1px solid var(--petroleo);border-radius:100px;padding:8px 16px;font-size:11px;text-transform:uppercase;letter-spacing:.02em}
.hc-sec .cab-centro h2{font-weight:400;font-size:48px;line-height:1.1;margin-top:20px;letter-spacing:-.02em}
.hc-sec .cab-centro p{font-size:18px;color:var(--cinza,#5b6b68);margin-top:14px}
.hc-sec .compara-wrap{max-width:980px;margin:44px auto 0;overflow-x:auto}
.hc-sec .compara thead th.gg img{margin:0 auto;display:block}
.hc-sec .compara td.gg,.hc-sec .compara th.gg{color:var(--petroleo)}
.hc-sec .compara thead th.gg{color:#fff}
@media (max-width:900px){.hc-sec{padding:56px 0}.hc-sec .cab-centro h2{font-size:30px}.hc-sec .cab-centro p{font-size:15px}.hc-sec .compara{font-size:13px}.hc-sec .compara th,.hc-sec .compara td{padding:12px 10px}}
/* gavetas no celular (03/11/2026): não cobrem a tela toda, sobra uma faixa do site à esquerda */
@media (max-width:900px){.gaveta{width:88%;border-radius:22px 0 0 22px;box-shadow:-20px 0 40px rgba(15,46,47,.18)}}
@media (max-width:900px){.heroi-int>img,.heroi-int>img[src*="heroi-ingredientes-frutas"]{left:0;right:0;width:100%}}
/* banners internos no celular (03/11/2026): foto em cima e o texto num vidro feito da própria foto desfocada, sem véu escuro */
@media (max-width:900px){
  .heroi-int{isolation:isolate}
  .heroi-int::before{content:"";position:absolute;inset:-40px;background:var(--bg) center 80%/cover no-repeat;filter:blur(22px) saturate(1.15);transform:scale(1.1);z-index:0}
  .heroi-int>img{z-index:1;height:60%;-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
  .heroi-int::after{background:linear-gradient(0deg,rgba(15,46,47,.34),rgba(15,46,47,.12) 45%,rgba(15,46,47,0) 60%);z-index:1}
  .heroi-int .wrap{z-index:2}
  .heroi-int .wrap>div{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);border-radius:22px;padding:22px 20px 24px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 40px -24px rgba(0,0,0,.45)}
  .heroi-int .lead{opacity:1}
}
@media (max-width:900px){.heroi-int .wrap>div{background:rgba(15,46,47,.26)}}
/* hero da home no celular: cartão do sabor menor, em cima da foto (03/11/2026) */
@media (max-width:900px){
  .heroi .cartao-sabor{position:absolute;left:auto;right:16px;top:336px;bottom:auto;z-index:3;width:auto;margin:0;padding:8px 14px 8px 8px;gap:10px;border-radius:16px}
  .cartao-sabor img{width:40px;height:40px;border-radius:10px}
  .cartao-sabor .tag{font-size:9px}
  .cartao-sabor b{font-size:14px;margin-top:2px}
}

/* Feito no Brasil (03/11/2026): etapas com foto e número em pílula; bloco de origem com foto e vidro */
.etapas2{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.etapas2 li{display:flex;flex-direction:column}
.e2-foto{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/5;background:var(--petroleo)}
.e2-foto img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.etapas2 li:hover .e2-foto img{transform:scale(1.05)}
.e2-num{position:absolute;top:14px;left:14px;z-index:2;font-size:12px;letter-spacing:.06em;padding:5px 11px;border-radius:99px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.e2-lote{display:grid;place-items:center;background:radial-gradient(80% 70% at 50% 40%,#2E6B4F,var(--petroleo))}
.e2-etiqueta{display:flex;flex-direction:column;gap:6px;padding:18px 22px;border-radius:14px;background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.35);color:#fff;text-align:center}
.e2-etiqueta small{font-size:11px;opacity:.7;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}
.e2-etiqueta b{font-weight:400;font-size:18px;color:var(--neon);letter-spacing:.12em}
.etapas2 h3{font-weight:400;font-size:24px;margin:18px 0 6px}
.etapas2 p{font-size:15px;color:var(--cinza,#5b6b68);line-height:1.5}
.origem2{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}
.o2-foto{position:relative;border-radius:28px;overflow:hidden;min-height:600px}
.o2-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.o2-foto:hover img{transform:scale(1.04)}
.o2-vidro{position:absolute;left:24px;right:24px;bottom:24px;padding:26px 26px 24px;border-radius:22px;color:#fff;background:rgba(15,46,47,.28);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.o2-vidro .tag{display:block;margin-bottom:10px}
.o2-vidro .h2{margin:0 0 16px}
.o2-vidro ul,.o2-rotulo ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.o2-vidro li{font-size:13px;padding:7px 13px;border-radius:99px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22)}
.o2-lado{display:flex;flex-direction:column;gap:20px}
.o2-card{border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:10px;transition:transform .35s cubic-bezier(.22,.8,.22,1),box-shadow .35s}
.o2-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,46,47,.10)}
.o2-card .tag{display:block}
.o2-rotulo{background:#fff;flex:1}
.o2-rotulo h3{font-weight:400;font-size:30px;line-height:1.15;max-width:420px}
.o2-rotulo ul{flex-direction:column;gap:10px;margin:8px 0 12px}
.o2-rotulo li{display:flex;align-items:center;gap:10px;font-size:15px}
.o2-rotulo li::before{content:"";width:20px;height:20px;border-radius:50%;flex:none;background:var(--neon) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='m5 9.3 2.6 2.6L13 6.6' stroke='%230F2E2F' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/18px no-repeat}
.o2-rotulo .btn{align-self:flex-start}
.o2-par{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.o2-hortela{background:#BDE5CB}.o2-abacaxi{background:#F4C430}
.o2-par b{font-weight:400;font-size:24px;line-height:1.15;margin-top:28px}
.o2-par p{font-size:14px;opacity:.85}
@media (max-width:900px){
  .etapas2{grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
  .etapas2 h3{font-size:19px;margin-top:12px}.etapas2 p{font-size:13px}
  .e2-foto{border-radius:18px}
  .e2-etiqueta{padding:12px 14px;gap:4px}.e2-etiqueta b{font-size:14px}.e2-etiqueta small{font-size:9px}
  .origem2{grid-template-columns:1fr}
  .o2-foto{min-height:520px;border-radius:22px}
  .o2-vidro{left:14px;right:14px;bottom:14px;padding:20px}
  .o2-rotulo h3{font-size:24px}
  .o2-par{gap:12px}.o2-card{padding:22px;border-radius:20px}.o2-par b{font-size:19px;margin-top:16px}
}
.e2-num{background:rgba(15,46,47,.55);border-color:rgba(255,255,255,.25)}
.o2-foto img{object-position:center 42%}

/* etapa 04 e mapa (03/11/2026, v3) */
.e2-lote{background:radial-gradient(75% 60% at 50% 42%,#F3EADB 0%,#E4D6BF 100%);display:block}
.e2-pote{position:absolute;left:50%;top:46%;width:56%;height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 22px 22px rgba(15,46,47,.28))}
.etapas2 li:hover .e2-pote{transform:translate(-50%,-52%) scale(1.03)}
.e2-pote{transition:transform .8s cubic-bezier(.16,1,.3,1)}
.e2-carimbo{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);white-space:nowrap;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 16px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid rgba(15,46,47,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--petroleo)}
.e2-carimbo small{font-size:10px;letter-spacing:.06em;text-transform:uppercase;opacity:.65}
.e2-carimbo b{font-weight:500;font-size:13px;letter-spacing:.14em}
.o2-foto img[src*="origem-mapa-brasil"]{object-position:40% 30%}
.o2-pino{position:absolute;left:46%;top:34%;z-index:2;display:flex;align-items:center;gap:10px;pointer-events:none}
.o2-pino i{position:relative;width:14px;height:14px;border-radius:50%;background:var(--neon);box-shadow:0 0 0 4px rgba(126,245,40,.25)}
.o2-pino i::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid var(--neon);animation:pino 2.4s cubic-bezier(.22,.8,.22,1) infinite}
.o2-pino em{font-style:normal;font-size:13px;font-weight:500;color:#fff;padding:6px 12px;border-radius:99px;background:rgba(15,46,47,.45);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
@keyframes pino{0%{transform:scale(.4);opacity:1}100%{transform:scale(2.2);opacity:0}}
@media (prefers-reduced-motion:reduce){.o2-pino i::after{animation:none}}
@media (max-width:900px){.e2-carimbo{bottom:10px;padding:7px 10px}.e2-carimbo b{font-size:10px}.e2-carimbo small{font-size:8px}.o2-pino{left:40%;top:30%}}

/* linha de autor e tempo de leitura nos banners da Ciência */
.heroi-meta{margin-top:18px;font-size:14px;opacity:.8}

/* "como usar" da home = passos da PDP (03/11/2026) */
.hp-passos{background:#fff}
.hp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px}
.hp-passo{cursor:default}
.hp-ph{aspect-ratio:384/487;border-radius:16px;overflow:hidden;background:#D9D9D9;transition:transform .45s cubic-bezier(.22,.8,.22,1),box-shadow .45s}
.hp-ph video{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.hp-tit{position:relative;display:flex;gap:46px;align-items:baseline;border-bottom:1px solid var(--petroleo);padding:24px 0 6px;font-size:24px}
.hp-tit::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--neon);transition:width .5s cubic-bezier(.22,.8,.22,1)}
.hp-tit span:last-child{flex:1;text-align:center;padding-right:30px;font-weight:300}
.hp-passo p{text-align:center;font-size:16px;margin-top:16px;color:var(--petroleo)}
@media (hover:hover){
  .hp-passo:hover .hp-ph{transform:translateY(-6px);box-shadow:0 22px 40px -22px rgba(15,46,47,.45)}
  .hp-passo:hover .hp-ph video{transform:scale(1.05)}
  .hp-passo:hover .hp-tit::after{width:100%}
}
@media (max-width:900px){
  .hp-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);gap:16px;margin:28px calc(-1*var(--gutter)) 0;padding-inline:var(--gutter);scrollbar-width:none}
  .hp-grid::-webkit-scrollbar{display:none}
  .hp-passo{flex:0 0 78%;scroll-snap-align:start}
  .hp-tit{padding-top:18px;font-size:20px;gap:30px}
  .hp-passo p{font-size:14px}
}
/* bloco do produto na home: mockup 3D novo (pote + garrafa) no lugar do vídeo girando (teste 03/11/2026) */
.t-pote .giro-3d{position:relative;width:100%;flex:1;min-height:420px;margin:8px 0}
.t-pote .giro-3d iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent}
.giro-dica{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6);pointer-events:none}
@media (max-width:900px){.t-pote .giro-3d{min-height:320px}}
.t-pote.card-seed .giro.giro-3d{width:100%;filter:none}
/* card do produto na home (03/11/2026): hover mais calmo, sem empurrar o conteúdo para fora e sem botão branco */
.t-pote.card-seed{transition:box-shadow .45s cubic-bezier(.22,.8,.22,1)}
.t-pote.card-seed::before{content:"";position:absolute;inset:0;background:radial-gradient(45% 40% at 50% 42%,rgba(126,245,40,.16),rgba(126,245,40,0) 70%);opacity:0;transition:opacity .5s;pointer-events:none;z-index:0}
.t-pote.card-seed.ativo::before,.t-pote.card-seed:hover::before{opacity:1}
.t-pote.card-seed.ativo>span.tag,.t-pote.card-seed.ativo .base-pote{transform:none}
.t-pote.card-seed.ativo .botao-seed{background:var(--neon);gap:8px}
.t-pote.card-seed .botao-seed{transition:gap .3s,box-shadow .3s}
.t-pote.card-seed.ativo .botao-seed{box-shadow:0 10px 24px -10px rgba(126,245,40,.7)}
.t-pote.card-seed:hover{box-shadow:0 26px 50px -30px rgba(15,46,47,.55)}
/* hero da home (03/11/2026): cabe na primeira tela, sem cortar nada embaixo */
@media (min-width:901px){
  .heroi{height:calc(100svh - 36px);min-height:600px;max-height:none}
  .heroi .d1{font-size:clamp(52px,min(7.2vw,11.5svh),104px)}
  .heroi .lead{font-size:clamp(16px,2.1svh,20px)}
  .heroi .d1{margin-bottom:clamp(16px,2.6svh,28px)}
  .heroi .conteudo{top:52%;transform:translateY(-44%);bottom:auto}
}
/* card do produto na home (03/11/2026, v2): giro em HD 30 fps, pote sem crescer por cima do texto, fundo de estúdio */
.t-pote.card-seed{background:
  radial-gradient(38% 30% at 50% 12%,rgba(190,255,150,.18),rgba(190,255,150,0) 70%),
  radial-gradient(60% 46% at 50% 40%,#2F6B50 0%,#1A4639 48%,#0F2E2F 100%)}
.t-pote.card-seed::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,rgba(15,46,47,0),rgba(9,30,30,.55));pointer-events:none;z-index:0}
.t-pote.card-seed .giro{position:relative}
.t-pote.card-seed .giro::after{content:"";position:absolute;left:18%;right:18%;bottom:2%;height:6%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.5),rgba(0,0,0,0));filter:blur(4px);z-index:-1}
.t-pote.card-seed.ativo .giro video,.t-pote.card-seed .giro video{transform:none!important}
@media (min-width:901px){.t-pote.card-seed .giro{width:min(300px,44%)}}
.t-pote.card-seed .base-pote{margin-top:12px}
/* card do produto (03/11/2026, v3): pote um pouco maior e fundo de estúdio com chão, luz e grão */
@media (min-width:901px){.t-pote.card-seed .giro{width:min(330px,48%)}}
@media (max-width:900px){.t-pote.card-seed .giro{width:68%}}
.t-pote.card-seed .base-pote{margin-top:4px}
.t-pote.card-seed{background:
  radial-gradient(22% 60% at 50% -6%,rgba(214,255,190,.20),rgba(214,255,190,0) 72%),
  radial-gradient(52% 38% at 50% 44%,rgba(70,150,100,.55),rgba(70,150,100,0) 72%),
  linear-gradient(180deg,#123832 0%,#0F2E2F 58%,#163E36 64%,#0C2626 100%)}
.t-pote.card-seed::after{height:40%;background:
  radial-gradient(42% 30% at 50% 6%,rgba(160,230,150,.16),rgba(160,230,150,0) 70%),
  linear-gradient(180deg,rgba(8,26,26,0),rgba(6,20,20,.6))}
.t-pote.card-seed::before{background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
  radial-gradient(45% 40% at 50% 42%,rgba(126,245,40,.14),rgba(126,245,40,0) 70%);opacity:.6}
.t-pote.card-seed.ativo::before,.t-pote.card-seed:hover::before{opacity:1}
.t-pote.card-seed .giro::after{left:14%;right:14%;bottom:1%;height:7%;background:radial-gradient(closest-side,rgba(0,0,0,.6),rgba(0,0,0,0))}
@media (max-width:900px){.t-pote.card-seed .giro{width:64%}}
.t-pote .base-sabor{color:var(--abacaxi)}
/* card do produto na home = V6 (03/11/2026): texto à esquerda, pote à direita, degradê diagonal */
.t-pote.card-seed.card-v6{flex-direction:row;align-items:center;justify-content:space-between;text-align:left;gap:24px;padding:48px;
  background:linear-gradient(120deg,#0F2E2F 0%,#173F37 55%,#2E6B4F 100%)}
.t-pote.card-seed.card-v6::after{display:none}
.card-v6 .v6-txt{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:46%}
.card-v6 .v6-txt .tag{display:block}
.card-v6 .v6-txt h3{font-weight:300;font-size:clamp(40px,3.6vw,56px);line-height:1.02;letter-spacing:-.02em;color:#fff}
.card-v6 .v6-txt .base-sabor{font-size:16px}
.card-v6 .botao-seed{margin-top:10px}
@media (min-width:901px){.t-pote.card-seed.card-v6 .giro{width:50%;margin:0}}
@media (max-width:900px){
  .t-pote.card-seed.card-v6{flex-direction:column;text-align:center;padding:32px 24px;gap:16px}
  .card-v6 .v6-txt{align-items:center;max-width:none}
  .card-v6 .v6-txt h3{font-size:36px}
  .card-v6 .v6-txt h3 br{display:none}
  .t-pote.card-seed.card-v6 .giro{width:62%}
}

/* bloco de compra da home com quantidades (03/11/2026) */
.t-compra .opcao{flex-wrap:wrap}
.t-compra .opcao-ex{flex-basis:100%;padding-left:34px;margin-top:-2px;font-size:12px;color:var(--cinza,#5b6b68);text-align:left}
.t-compra .opcao{height:auto;min-height:56px;padding-top:12px;padding-bottom:12px;row-gap:4px;align-items:center}.t-compra .opcao-ex{margin-top:0}
@media (min-width:901px){.b-produto{grid-template-rows:auto 224px}.t-compra{padding:32px 36px}.t-compra .opcao{min-height:52px;padding-top:10px;padding-bottom:10px}.t-compra .pilula-sabor{margin:12px 0 18px}}
/* opções da home levam à PDP (03/11/2026) */
.opcoes-link{display:flex;flex-direction:column;gap:10px}
.opcoes-link .opcao{color:inherit;text-decoration:none;transition:border-color .25s,background-color .25s,transform .25s}
.opcoes-link .opcao:hover{border-color:var(--petroleo);background:#EAF6DF;transform:translateY(-1px)}
.opcoes-link .opcao:hover .radio{box-shadow:inset 0 0 0 5px var(--petroleo)}
/* bloco ao lado do pote na home (03/11/2026): desperta o interesse e leva à PDP, sem kits nem preço */
.t-interesse{display:flex;flex-direction:column;gap:18px;color:var(--petroleo);text-decoration:none;transition:box-shadow .35s,transform .35s cubic-bezier(.22,.8,.22,1)}
.t-interesse:hover{transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(15,46,47,.35)}
.ti-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ti-topo h3{margin:0}
.t-interesse .pilula-sabor{margin:0}
.ti-lead{font-size:16px;color:var(--cinza,#5b6b68);max-width:30em}
.ti-num{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ti-num li{background:var(--osso,#F6F3EC);border-radius:16px;padding:16px 14px;display:flex;flex-direction:column;gap:4px;transition:background-color .3s}
.t-interesse:hover .ti-num li{background:#EAF6DF}
.ti-num b{font-weight:400;font-size:30px;letter-spacing:-.02em;line-height:1}
.ti-num span{font-size:13px;line-height:1.3;color:var(--cinza,#5b6b68)}
.t-interesse .btn{margin-top:auto}
.t-interesse:hover .btn .seta{transform:translateX(4px)}
.t-interesse .btn .seta{transition:transform .3s}
@media (max-width:900px){.ti-num{grid-template-columns:1fr 1fr}.ti-num b{font-size:26px}}
.hp-cta{display:flex;justify-content:center;margin-top:44px}@media (max-width:900px){.hp-cta{margin-top:28px}.hp-cta .btn{width:100%;justify-content:center}}
/* hover igual ao da PDP em todo o site (03/11/2026): sobe 6px, sombra macia, mídia aproxima 5% */
@media (hover:hover){
  a.tile:hover,.relac a:hover,.card-art-produto:hover,.etapas2 li:hover .e2-foto,.ajuda-card:hover,.o2-card:hover{transform:translateY(-6px);box-shadow:0 22px 40px -22px rgba(15,46,47,.4)}
  .t-ingr:hover{transform:translateY(-6px);box-shadow:0 22px 40px -22px rgba(15,46,47,.4)}
  .t-ingr:hover img,.etapas2 li:hover .e2-foto img{transform:scale(1.05)}
}
.t-ingr,.etapas2 .e2-foto{transition:transform .45s cubic-bezier(.22,.8,.22,1),box-shadow .45s}
.t-ingr img{transition:transform 1s cubic-bezier(.16,1,.3,1)}
/* hero da home com o banner novo (03/11/2026): céu à esquerda para o texto, produtos à direita */
.heroi img.fundo.heroi-v3{object-position:center 45%}
@media (max-width:900px){.heroi img.fundo.heroi-v3,.heroi picture img.fundo.heroi-v3[data-parallax]{object-position:80% 50%}}
@media (min-width:901px){.heroi:has(.heroi-v3) .cartao-sabor{right:3%;bottom:4%;padding:14px 18px 14px 14px}.heroi:has(.heroi-v3) .cartao-sabor img{width:60px;height:60px}}
@media (max-width:900px){.heroi:has(.heroi-v3) .cartao-sabor{top:332px}}
@media (max-width:900px){.heroi img.fundo.heroi-pote,.heroi picture img.fundo.heroi-pote[data-parallax]{object-position:72% 40%}}
/* comparação com o pote à esquerda e o copo de suco caseiro à direita (03/11/2026) */
.cmp-palco{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,980px) minmax(0,1fr);align-items:center;gap:0;max-width:1360px;margin:44px auto 0}
.cmp-palco>[class*="compara-wrap"]{grid-column:2;margin:0!important;position:relative;z-index:2}
.cmp-lado{position:relative;z-index:1;pointer-events:none;filter:drop-shadow(0 26px 26px rgba(15,46,47,.22))}
.cmp-pote{grid-column:1;grid-row:1;justify-self:end;width:min(240px,100%);margin-right:-40px;transform:rotate(-6deg)}
.cmp-copo{grid-column:3;grid-row:1;justify-self:start;width:min(170px,100%);margin-left:-10px;opacity:.9}
@media (max-width:1200px){.cmp-palco{grid-template-columns:1fr 1fr}.cmp-palco>[class*="compara-wrap"]{grid-column:1/3;grid-row:2}.cmp-pote,.cmp-copo{grid-row:1;justify-self:center;margin:0 0 8px;transform:none}.cmp-pote{grid-column:1;width:150px}.cmp-copo{grid-column:2;width:104px}}
@media (max-width:900px){.cmp-pote{width:118px}.cmp-copo{width:82px}}
@media (min-width:1201px){.cmp-pote{width:min(190px,100%);margin-right:18px}.cmp-copo{width:min(140px,100%);margin-left:18px}}
/* rodapé: pagamento, segurança e atendimento (03/11/2026) */
.rod-info{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:32px;margin-top:56px;padding-top:32px;border-top:1px solid rgba(255,255,255,.14)}
.rod-info .tag{display:block;margin-bottom:14px;opacity:.75}
.rod-info small{display:block;font-size:13px;opacity:.75;line-height:1.5;margin-top:10px}
.pagto{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pagto li{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:7px 12px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.pagto li .ic{width:14px;height:14px;color:var(--neon)}
.rodape .legal{margin-top:40px}
@media (max-width:900px){.rod-info{grid-template-columns:1fr;gap:24px;margin-top:40px}}
.rodape .rod-info ul.pagto{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:8px}.rodape .rod-info ul.pagto li{width:auto!important;flex:0 0 auto}