:root{
--bg:#faf8f5;--surface:#fff;--ink:#1c1917;--muted:#57534e;--faint:#78716c;--line:#e7e5e4;--line2:#d6d3d1;
--acc:#c2410c;--acc-h:#9a3412;--acc-soft:#fff1e6;--acc-ink:#9a3412;--ok:#15803d;
--top:#1c1917;--top2:#292524;--topfg:#fafaf9;
--r:14px;--sh:0 1px 2px rgba(28,25,23,.05),0 4px 16px rgba(28,25,23,.06);--sh2:0 2px 4px rgba(28,25,23,.06),0 12px 32px rgba(28,25,23,.12)}
@media (prefers-color-scheme:dark){:root{
--bg:#131110;--surface:#1c1a18;--ink:#f5f5f4;--muted:#a8a29e;--faint:#8a837d;--line:#2e2a27;--line2:#3d3834;
--acc:#ea580c;--acc-h:#f97316;--acc-soft:#2b1d14;--acc-ink:#fdba74;--top:#0c0a09;--top2:#1c1917;
--sh:0 1px 2px rgba(0,0,0,.3);--sh2:0 8px 28px rgba(0,0,0,.45)}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16.5px/1.65 "Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
a{color:var(--acc)}
h1,h2,h3,h4{line-height:1.2;letter-spacing:-.015em}
.ic{width:18px;height:18px;flex:none;vertical-align:-3px}
.ic.big{width:26px;height:26px}

/* faixa de confianca + topo */
.strip{background:var(--top);color:#d6d3d1;font-size:.8rem;border-bottom:1px solid #292524}
.strip .wrap{display:flex;align-items:center;justify-content:center;gap:28px;padding-top:6px;padding-bottom:6px}
.strip span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.strip .ic{width:14px;height:14px;color:#fb923c}
.top{background:var(--top);color:var(--topfg);position:sticky;top:0;z-index:20}
.top .wrap{display:flex;align-items:center;gap:22px;padding-top:12px;padding-bottom:12px}
.logo{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;white-space:nowrap}
.logo b{color:#fb923c;font-weight:800}
.mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#ea580c,#9a3412);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.mark .ic{width:22px;height:22px;stroke-width:2.4}
.busca{position:relative;flex:1;max-width:620px}
.busca .lupa{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#78716c;pointer-events:none}
.busca input{width:100%;border:1px solid transparent;border-radius:999px;padding:11px 18px 11px 42px;font-size:.98rem;background:#fff;color:#1c1917;outline:none}
.busca input:focus{border-color:#fb923c;box-shadow:0 0 0 4px rgba(251,146,60,.25)}
.res{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh2);z-index:30;overflow:hidden}
.res a{display:block;padding:10px 16px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.res a:hover{background:var(--acc-soft)}.res small{display:block;color:var(--faint)}
.nada{padding:10px 16px;color:var(--faint)}
.hlink{display:flex;align-items:center;gap:6px;color:#e7e5e4;text-decoration:none;font-size:.92rem;white-space:nowrap}
.hlink:hover{color:#fff}.hlink .ic{color:#fb923c}
.cats{background:var(--top2);border-top:1px solid #33302d;position:relative}
.cats>.wrap{display:flex;align-items:stretch;gap:6px}
.cl{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;min-width:0}
.dep{flex:none}
.dep summary{list-style:none;display:flex;align-items:center;gap:7px;cursor:pointer;color:#fff;font-weight:650;font-size:.92rem;padding:10px 14px 10px 0;margin-right:6px;border-right:1px solid #44403c;white-space:nowrap;user-select:none}
.dep summary::-webkit-details-marker{display:none}
.dep summary .ic{color:#fb923c}.dep summary .dn{width:15px;height:15px;color:#a8a29e;transition:transform .2s}
.dep[open] summary .dn{transform:rotate(180deg)}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--sh2);z-index:25}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;padding-top:22px;padding-bottom:24px}
.cats .mega a{display:block;color:var(--muted);text-decoration:none;padding:5px 0;font-size:.93rem;font-weight:400;border-bottom:0;white-space:normal}
.cats .mega a:hover{color:var(--acc)}
.cats .mega .mdep{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:700;font-size:1rem;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.mcol .mdep .ic{color:var(--acc)}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 12px 16px;text-decoration:none;color:var(--ink);box-shadow:var(--sh);transition:transform .15s,box-shadow .15s}
.tile:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.timg{display:flex;align-items:center;justify-content:center;width:100%;height:120px;background:#fff;border-radius:10px;margin-bottom:6px;color:#d6d3d1}
.timg img{width:100%;height:100%;object-fit:contain}.timg .ph{width:40%;height:40%}
.tile b{font-size:.98rem}.tile small{color:var(--faint);font-size:.8rem}
.tiles{margin-top:28px}
.cats a{color:#d6d3d1;text-decoration:none;padding:10px 14px;white-space:nowrap;font-size:.92rem;border-bottom:2px solid transparent}
.cats a:first-child{font-weight:600;color:#fff}
.cats a:hover,.cats a.on{border-bottom-color:#fb923c;color:#fff}

/* botoes */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--acc);color:#fff;text-decoration:none;font-weight:650;padding:11px 20px;border-radius:10px;border:0;transition:background .15s,transform .15s}
.btn:hover{background:var(--acc-h)}.btn:active{transform:translateY(1px)}
.btn .ic{width:16px;height:16px}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line2)}
.btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn.light{background:#fff;color:var(--acc-h)}
.btn.sm{padding:7px 14px;font-size:.88rem}
.btn.off{background:#a8a29e}

/* home */
.hero{background:radial-gradient(1200px 400px at 85% -10%,rgba(234,88,12,.12),transparent 60%),var(--bg);border-bottom:1px solid var(--line)}
.hgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-top:48px;padding-bottom:48px}
.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--acc-ink);background:var(--acc-soft);padding:5px 12px;border-radius:999px}
.eyebrow .ic{width:15px;height:15px}
.hero h1{font-size:clamp(2.1rem,4.4vw,3.3rem);margin:16px 0 12px;font-weight:800;letter-spacing:-.03em}
.lead{font-size:1.12rem;color:var(--muted);max-width:560px;margin:0}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px;height:340px}
.hc{position:relative;background:#fff;border-radius:var(--r);box-shadow:var(--sh2);display:grid;place-items:center;overflow:hidden;padding:18px}
.hc:first-child{grid-row:span 2}
.hc img{max-width:100%;max-height:100%;object-fit:contain}
.hc span{position:absolute;left:10px;bottom:10px;font-size:.72rem;font-weight:700;background:rgba(28,25,23,.85);color:#fff;padding:3px 9px;border-radius:999px}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}
.trust>div{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.trust .ic{color:var(--acc)}
.trust p{margin:0;font-size:.9rem;color:var(--muted)}.trust b{display:block;color:var(--ink);font-size:.98rem;margin-bottom:2px}
.promo{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(110deg,#7c2d12,#c2410c 55%,#f97316);color:#fff;border-radius:var(--r);padding:24px 28px;margin:0 0 28px}
.promo h2{margin:0 0 4px;font-size:1.45rem}.promo p{margin:0;opacity:.92;max-width:640px}
.sec{margin:8px 0 28px}
.st{font-size:1.5rem;margin:0 0 14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;text-decoration:none;color:var(--ink);box-shadow:var(--sh);transition:transform .15s,box-shadow .15s,border-color .15s}
.card:hover{transform:translateY(-2px);box-shadow:var(--sh2);border-color:var(--line2)}
.card h3{margin:0;font-size:1.02rem}
.card>span{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--acc-ink);margin-bottom:6px}
.card.nicho{display:flex;gap:16px;align-items:flex-start}
.card.nicho h3{font-size:1.2rem}.card.nicho p{margin:4px 0 8px;color:var(--muted);font-size:.93rem}
.cnt{font-size:.82rem;font-weight:600;color:var(--acc-ink)}
.nicon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--acc-soft);color:var(--acc);flex:none}
.how{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:28px;margin:12px 0 48px;box-shadow:var(--sh)}
.steps{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--acc);color:#fff;font-size:.95rem}
.steps h3{margin:10px 0 4px;font-size:1.05rem}.steps p{margin:0;color:var(--muted);font-size:.93rem}
.how>a,.vt a,.why a{display:inline-flex;align-items:center;gap:6px;font-weight:600;text-decoration:none}

/* vitrines e cards de produto */
.vitrine{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:20px;box-shadow:var(--sh)}
.vt{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.vt h2{margin:0;font-size:1.3rem}
.vt a .ic{width:16px;height:16px}
.grid-prod{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.prod{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;transition:box-shadow .15s,border-color .15s}
.prod:hover{box-shadow:var(--sh2);border-color:var(--line2)}
.prod .img{display:flex;align-items:center;justify-content:center;height:210px;background:#fff;padding:14px;border-bottom:1px solid var(--line);color:#d6d3d1;overflow:hidden}
.prod .img img{width:100%;height:100%;object-fit:contain;transition:transform .25s}
.prod:hover .img img{transform:scale(1.04)}
.prod .ph{width:42%;height:42%}
.pb{display:flex;flex-direction:column;flex:1;padding:14px 14px 16px}
.tag{align-self:flex-start;background:var(--acc-soft);color:var(--acc-ink);font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:999px;margin-bottom:8px}
.marca{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}
.prod h3{font-size:1.02rem;margin:2px 0 8px;line-height:1.3}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:5px;padding:0;margin:0 0 10px}
.chips li{font-size:.75rem;background:var(--bg);border:1px solid var(--line);color:var(--muted);padding:2px 8px;border-radius:6px}
.quem{margin:0 0 14px;color:var(--muted);font-size:.88rem;flex:1;line-height:1.5}
.prod[hidden],.ofsec[hidden]{display:none}
.hot{display:flex;align-items:center;gap:6px;flex:none;color:#fdba74!important;font-weight:700;font-size:.92rem;text-decoration:none;padding:10px 12px;white-space:nowrap;border-bottom:2px solid transparent}
.hot .ic{width:16px;height:16px}.hot:hover,.hot.on{color:#fff!important;border-bottom-color:#fb923c}
.h-of{display:flex;align-items:center;gap:10px}.h-of .ic{color:var(--acc)}
.share{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.btn.wa{background:#16a34a}.btn.wa:hover{background:#15803d}
.ofbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 16px}
.ofbar p{margin:0;color:var(--muted)}.ofcnt{color:var(--ink);font-size:1.1rem}
.ofchips{display:flex;gap:8px;flex-wrap:wrap}
.ofchips button{font:inherit;font-size:.9rem;cursor:pointer;background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:6px 14px;border-radius:999px}
.ofchips button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.ofvazio{background:var(--surface);border:1px dashed var(--line2);border-radius:var(--r);padding:28px;text-align:center;color:var(--muted)}
.ofsec .adisc{margin-top:24px}
.preco{margin:0 0 10px;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.preco[hidden]{display:none}
.preco s{color:var(--faint);font-size:.82rem;width:100%}
.preco b{font-size:1.45rem;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.preco .off{font-size:.75rem;font-weight:700;color:var(--ok);background:rgba(21,128,61,.1);padding:2px 7px;border-radius:6px}
.preco small{width:100%;color:var(--faint);font-size:.72rem}
.qpreco{display:block;font-weight:700;color:var(--ok);font-size:.88rem}
.qpreco[hidden]{display:none}
.nota{display:block;text-align:center;color:var(--faint);font-size:.72rem;margin-top:6px}
.vaga{border-style:dashed;opacity:.75}
.vazio{color:var(--muted);margin:0}

/* paginas de guia */
.ghead,.nhead{background:var(--surface);border-bottom:1px solid var(--line);padding:26px 0 30px}
.trilha{font-size:.85rem;color:var(--faint);margin:0 0 12px}.trilha a{color:var(--faint);text-decoration:none}.trilha a:hover{color:var(--acc)}
.ghead h1,.nhead h1{font-size:clamp(1.7rem,3.4vw,2.5rem);margin:0 0 10px;max-width:880px;font-weight:800;letter-spacing:-.025em}
.meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin:16px 0 0;color:var(--faint);font-size:.88rem}
.meta span{display:inline-flex;align-items:center;gap:6px}.meta .ic{width:16px;height:16px}
.nh{display:flex;gap:18px;align-items:flex-start}
.gchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.gchips a{text-decoration:none;color:var(--ink);background:var(--bg);border:1px solid var(--line);padding:6px 14px;border-radius:999px;font-size:.9rem}
.gchips a:hover{border-color:var(--acc);color:var(--acc)}
.gbody{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;padding-top:28px;padding-bottom:20px}
.art{min-width:0;max-width:780px}
.art.solo{margin:28px 0 56px;max-width:760px}
.art h2{font-size:1.5rem;margin:2.1em 0 .6em;scroll-margin-top:90px}
.art h3{font-size:1.15rem;margin:1.6em 0 .4em}
.art p,.art li{color:var(--ink)}
.art li{margin:4px 0}
.art strong{font-weight:650}
.adisc{display:flex;gap:8px;align-items:flex-start;font-size:.84rem;color:var(--faint);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:0 0 20px}
.adisc .ic{width:16px;height:16px;margin-top:3px}
.quick{background:var(--surface);border:1.5px solid var(--acc);border-radius:var(--r);padding:18px 20px;margin:0 0 10px;box-shadow:var(--sh)}
.qh{display:flex;align-items:center;gap:8px;font-size:1.15rem!important;margin:0 0 10px!important}
.qh .ic{color:var(--ok);width:22px;height:22px}
.quick ul{list-style:none;padding:0;margin:0}
.quick li{display:grid;grid-template-columns:200px 1fr auto;gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--line);margin:0}
.qtag{font-size:.78rem;font-weight:700;color:var(--acc-ink);text-transform:uppercase;letter-spacing:.04em}
.qnome{font-weight:600}
.qmore{display:inline-block;margin-top:8px;font-size:.88rem;font-weight:600;text-decoration:none}
.modelos{margin:2em 0;scroll-margin-top:90px}
.modelos h2{margin-top:0!important}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:1em 0;background:var(--surface)}
table{border-collapse:collapse;width:100%;font-size:.94rem}
th,td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
tr:last-child td{border-bottom:0}
th{background:var(--acc-soft);color:var(--acc-ink);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}
tbody tr:nth-child(even) td{background:var(--bg)}
.side{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;gap:14px}
.box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;box-shadow:var(--sh)}
.box h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:.95rem}
.box h4 .ic{color:var(--acc)}
.toc a{display:block;color:var(--muted);text-decoration:none;font-size:.9rem;padding:5px 0 5px 12px;border-left:2px solid var(--line)}
.toc a:hover{color:var(--acc);border-left-color:var(--acc)}
.why p{margin:0 0 10px;color:var(--muted);font-size:.9rem}
.why a{font-size:.9rem}.why a .ic{width:15px;height:15px}
.mais{padding-bottom:48px}.mais h2{font-size:1.35rem}

/* rodape */
footer{background:var(--top);color:#a8a29e;font-size:.92rem;margin-top:20px}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;padding-top:40px;padding-bottom:28px}
footer .logo{color:#fafaf9;margin-bottom:10px}
footer p{margin:0;max-width:380px}
footer h4{color:#fafaf9;margin:4px 0 10px;font-size:.95rem}
footer .fgrid a:not(.logo){display:block;color:#d6d3d1;text-decoration:none;padding:3px 0}
footer .fgrid a:not(.logo):hover{color:#fb923c}
.fnote{border-top:1px solid #292524;padding-top:16px;padding-bottom:24px;font-size:.82rem;color:#8a837d}

@media (max-width:960px){
.hgrid{grid-template-columns:1fr;padding-top:32px;padding-bottom:32px}.collage{height:260px}
.gbody{grid-template-columns:1fr}.side{position:static}.toc{display:none}
.steps{grid-template-columns:1fr}}
@media (max-width:700px){
body{font-size:16px}.wrap{padding:0 16px}
.strip span:nth-child(n+2){display:none}
.hgrid{padding-top:24px}
.top .wrap{flex-wrap:wrap;gap:10px 14px}.busca{order:3;flex-basis:100%;max-width:none}
.hlink span{display:none}.hlink{margin-left:auto}.hlink .ic{width:22px;height:22px}
.trust{grid-template-columns:1fr;gap:10px}
.promo{flex-direction:column;align-items:flex-start;padding:20px}
.collage{height:220px;gap:10px}
.prod .img{height:150px;padding:10px}
.grid-prod{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vitrine{padding:14px}.pb{padding:10px}.prod h3{font-size:.93rem}.quem{display:none}
.btn{padding:10px 12px;font-size:.88rem}
.quick li{grid-template-columns:1fr auto;gap:4px 10px}.qtag{grid-column:1/-1}
.fgrid{grid-template-columns:1fr 1fr}.fgrid>div:first-child{grid-column:1/-1}
.nh{gap:12px}.nicon{width:44px;height:44px}
.dep summary span{display:none}.dep summary{padding-right:10px}
.mgrid{grid-template-columns:1fr 1fr;gap:16px;max-height:70vh;overflow:auto}
.tgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.timg{height:96px}}