:root{--verde:#12A150;--verde-esc:#0d7c3d;--laranja:#FF7A00;--laranja-esc:#e06a00;--creme:#FFF6E5;--grafite:#1F2328;--cinza:#5f6670;--linha:#eadfc9}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.55;color:var(--grafite);background:#fff;-webkit-text-size-adjust:100%}
h1,h2,h3{font-family:Poppins,sans-serif;line-height:1.2;margin:0 0 .5em}
h1{font-size:clamp(27px,6.5vw,38px)}
h2{font-size:clamp(23px,5.4vw,30px)}
h3{font-size:19px}
p{margin:0 0 1em}
a{color:var(--verde-esc)}
img{max-width:100%;display:block}
.faixa{background:var(--verde);color:#fff;text-align:center;font-size:14px;font-weight:600;padding:8px 14px}
.faixa.bf{background:var(--laranja)}
.bloco{padding:44px 18px}
.bloco.creme{background:var(--creme)}
.cx{max-width:640px;margin:0 auto}
.cx.larga{max-width:960px}
.marca{display:flex;align-items:center;gap:10px;font-family:Poppins,sans-serif;font-weight:700;font-size:18px;color:var(--grafite);text-decoration:none;margin-bottom:22px}
.moeda{width:34px;height:34px;border-radius:50%;background:var(--verde);display:grid;place-items:center;color:#fff;font-size:17px;box-shadow:inset 0 0 0 3px #0e8a44}
.sub{font-size:18px;color:#333}
.btn{display:block;width:100%;text-align:center;background:var(--laranja);color:#fff;text-decoration:none;font-family:Poppins,sans-serif;font-weight:700;font-size:18px;letter-spacing:.2px;padding:17px 18px;border-radius:14px;min-height:58px;box-shadow:0 4px 0 var(--laranja-esc);margin:18px 0 8px;border:0;cursor:pointer}
.btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--laranja-esc)}
.btn.verde{background:var(--verde);box-shadow:0 4px 0 var(--verde-esc)}
.btn.contorno{background:#fff;color:var(--verde-esc);box-shadow:none;border:2px solid var(--verde)}
.mini{font-size:14px;color:var(--cinza);text-align:center}
.preco{font-family:Poppins,sans-serif;font-weight:700;font-size:44px;color:var(--verde-esc);margin:6px 0 0}
.lista{list-style:none;padding:0;margin:0}
.lista li{padding:9px 0 9px 32px;position:relative;border-bottom:1px solid #f1e8d6}
.lista li:before{content:"✓";position:absolute;left:0;top:8px;width:22px;height:22px;border-radius:50%;background:var(--verde);color:#fff;font-size:13px;display:grid;place-items:center;font-weight:700}
.lista.nao li:before{content:"✕";background:#c9c2b4}
.passos{counter-reset:p;display:grid;gap:14px}
.passo{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:16px 16px 14px 64px;position:relative}
.passo:before{counter-increment:p;content:counter(p);position:absolute;left:16px;top:16px;width:34px;height:34px;border-radius:50%;background:var(--laranja);color:#fff;font-family:Poppins,sans-serif;font-weight:700;display:grid;place-items:center}
.passo b{display:block;margin-bottom:2px}
.galeria{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;-webkit-overflow-scrolling:touch}
.galeria figure{flex:0 0 74%;max-width:300px;margin:0;scroll-snap-align:start}
.galeria figcaption{font-size:14px;color:var(--cinza);margin-top:8px}
.pagina{aspect-ratio:210/297;background:#fff;border:1px solid #d8d0c0;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:10% 8%;text-align:center}
.pagina .tit{font-family:Poppins,sans-serif;font-weight:700;font-size:20px;line-height:1.15}
.pagina .des{flex:1;width:100%;margin-top:10%;border:3px dashed #d9d2c4;border-radius:10px;display:grid;place-items:center;color:#b3aa98;font-size:13px}
.ph{aspect-ratio:4/3;background:repeating-linear-gradient(45deg,#f6eedd,#f6eedd 12px,#fbf5ea 12px,#fbf5ea 24px);border:2px dashed #d9cdb3;border-radius:14px;display:grid;place-items:center;text-align:center;color:#8a7b5c;font-size:14px;padding:16px}
.tabela{width:100%;border-collapse:collapse;font-size:15px}
.tabela td,.tabela th{padding:10px 8px;border-bottom:1px solid var(--linha);text-align:left;vertical-align:top}
.tabela th{font-family:Poppins,sans-serif;font-size:14px}
.nota{font-size:14px;color:var(--cinza)}
.caixa{background:#fff;border:2px solid var(--verde);border-radius:16px;padding:22px 18px;text-align:center}
.garantia{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--linha);border-radius:14px;padding:16px;margin-top:18px}
.selo{flex:none;width:58px;height:58px;border-radius:50%;background:var(--verde);color:#fff;display:grid;place-items:center;font-family:Poppins,sans-serif;font-weight:700;font-size:13px;line-height:1.05;text-align:center}
.faq details{border-bottom:1px solid var(--linha);padding:4px 0}
.faq summary{cursor:pointer;font-weight:600;padding:12px 28px 12px 0;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:4px;top:10px;font-size:22px;color:var(--verde)}
.faq details[open] summary:after{content:"–"}
.faq details p{margin:0 0 14px;color:#333}
.rodape{background:var(--grafite);color:#c9ccd1;font-size:13.5px;padding:32px 18px 110px}
.rodape a{color:#fff}
.rodape p{margin:0 0 .6em}
.falta{background:#ffe1c2;color:#7a3a00;padding:0 4px;border-radius:4px;font-weight:600}
.fixa{position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.97);border-top:1px solid var(--linha);padding:10px 14px calc(10px + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .25s;z-index:20}
.fixa.on{transform:none}
.fixa .btn{margin:0;padding:14px;min-height:52px;font-size:17px}
.cards{display:grid;gap:16px}
@media(min-width:720px){.cards{grid-template-columns:1fr 1fr}}
.card{border:1px solid var(--linha);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.card .cor{padding:22px 18px;background:var(--creme)}
.card .corpo{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column}
.card .corpo .btn{margin-top:auto}
.tag{display:inline-block;font-size:12.5px;font-weight:700;background:var(--laranja);color:#fff;border-radius:99px;padding:3px 10px;margin-bottom:8px}
.tag.cinza{background:#c9c2b4}
[hidden]{display:none!important}
