:root{
  --paper:#f3efe6;--card:#fbf9f4;--sunk:#e9e4d8;--ink:#14110f;--ink2:#4a443d;--ink3:#7a7367;
  --line:rgba(20,17,15,.14);--line2:rgba(20,17,15,.28);
  --acc:#f0421c;--acc-ink:#14110f;--hl:#ffd9cf;
  --ok:#17794a;--okbg:#d9efe3;--warn:#8a5a00;--warnbg:#fbe9bf;--bad:#b3261e;--badbg:#f8d9d6;--info:#1d4f8f;--infobg:#d8e5f6;
  --r:14px;--r2:10px;--sh:5px 5px 0 var(--ink);
  --f-d:'Bricolage Grotesque',system-ui,sans-serif;--f-b:'Instrument Sans',system-ui,sans-serif;--f-m:'JetBrains Mono',ui-monospace,monospace;
  --ico:20;
}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){
  --paper:#14110f;--card:#1d1916;--sunk:#262019;--ink:#f3efe6;--ink2:#c6beb0;--ink3:#948b7d;
  --line:rgba(243,239,230,.16);--line2:rgba(243,239,230,.32);--acc:#ff5a36;--hl:#4a2218;
  --ok:#6fd7a0;--okbg:#14301f;--warn:#f1c25c;--warnbg:#33270a;--bad:#ff8a80;--badbg:#3a1511;--info:#8fb8ee;--infobg:#142a47;--sh:5px 5px 0 var(--acc)}}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font:400 16px/1.55 var(--f-b);background:var(--paper);color:var(--ink);overflow-x:hidden;min-height:100dvh}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--acc);outline-offset:2px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.mono{font-family:var(--f-m);font-variant-numeric:tabular-nums}
h1,h2,h3{font-family:var(--f-d);letter-spacing:-.025em;line-height:1.02}
svg.i{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* ---- topbar ---- */
.strip{background:var(--ink);color:var(--paper);font-size:13px}
.strip .wrap{display:flex;gap:22px;justify-content:center;align-items:center;min-height:36px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.strip span{display:inline-flex;gap:7px;align-items:center}
.strip svg.i{width:15px;height:15px;color:var(--acc)}
header.top{position:sticky;top:0;z-index:40;background:var(--paper);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 24px/1 var(--f-d);letter-spacing:-.04em}
.logo b{width:32px;height:32px;border-radius:9px;background:var(--ink);display:grid;place-items:center;color:var(--acc)}
.logo b svg{width:18px;height:18px;stroke-width:4.2;stroke-linecap:square}
.logo em{font-style:normal;color:var(--acc)}
nav.main{display:flex;gap:6px;align-items:center}
nav.main a{padding:10px 14px;border-radius:99px;text-decoration:none;font-weight:500;font-size:15px;color:var(--ink2);min-height:44px;display:inline-flex;align-items:center}
nav.main a:hover{background:var(--sunk);color:var(--ink)}
nav.main a[aria-current=page]{background:var(--ink);color:var(--paper)}
@media(max-width:640px){nav.main a.opt{display:none}}
/* ---- buttons / fields ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border:2px solid var(--ink);border-radius:var(--r2);background:var(--ink);color:var(--paper);font:600 16px var(--f-b);cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,color .15s}
.btn:hover:not(:disabled){background:var(--acc);color:var(--acc-ink);border-color:var(--ink);transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--ink)}
.btn:active:not(:disabled){transform:none;box-shadow:none}
.btn:disabled{opacity:.4;cursor:not-allowed}
.btn.alt{background:transparent;color:var(--ink)}
.btn.alt:hover:not(:disabled){background:var(--sunk);box-shadow:none;transform:none}
.btn.sm{min-height:40px;padding:0 14px;font-size:14px}
.btn.block{width:100%}
label.l{display:block;font:600 13px var(--f-b);color:var(--ink2);margin:0 0 6px;text-transform:none}
.fld{width:100%;min-height:48px;padding:0 14px;background:var(--paper);border:2px solid var(--line2);border-radius:var(--r2);font-size:16px;outline:none;transition:border-color .15s}
.fld:focus{border-color:var(--ink)}
.help{font-size:13px;color:var(--ink3);margin-top:6px}
.err{font-size:13px;color:var(--bad);font-weight:600;min-height:20px;margin-top:6px}
/* ---- hero ---- */
.hero{padding:56px 0 72px}
.hero .wrap{display:grid;grid-template-columns:1fr 480px;gap:56px;align-items:start}
.hero .wrap>*{min-width:0}
@media(max-width:1020px){.hero .wrap{grid-template-columns:minmax(0,1fr);gap:40px}}
.eyebrow{font:500 13px var(--f-m);text-transform:uppercase;letter-spacing:.08em;color:var(--ink2);display:flex;gap:10px;align-items:center;margin-bottom:22px}
.eyebrow:before{content:"";width:28px;height:2px;background:var(--acc)}
.hero h1{font-size:clamp(46px,7.4vw,92px);font-weight:800;margin-bottom:26px}
.hero h1 mark{background:linear-gradient(transparent 58%,var(--acc) 58%,var(--acc) 92%,transparent 92%);color:inherit;padding:0 .04em}
.hero p.lead{font-size:19px;color:var(--ink2);max-width:520px;margin-bottom:34px}
.facts{display:grid;gap:0;max-width:520px;border-top:1px solid var(--line)}
.fact{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);align-items:flex-start}
.fact svg.i{margin-top:2px;color:var(--acc)}
.fact b{display:block;font-weight:600}
.fact span{color:var(--ink2);font-size:14.5px}
/* ---- composer ---- */
.composer{background:var(--card);border:2px solid var(--ink);border-radius:18px;box-shadow:var(--sh);padding:22px;position:relative}
.composer h2{font-size:24px;margin-bottom:4px}
.composer .sub{color:var(--ink2);font-size:14px;margin-bottom:18px}
.nets{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:14px}
@media(max-width:560px){.nets{display:flex;overflow-x:auto;scrollbar-width:none;padding:2px}.nets::-webkit-scrollbar{display:none}.net{flex:0 0 74px}}
.net{min-height:62px;flex-direction:column;gap:4px;border:2px solid var(--line);border-radius:var(--r2);background:var(--paper);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;position:relative;padding:8px 2px}
.net .lb{font:600 10.5px var(--f-b);color:var(--ink2);line-height:1}
.net[aria-checked=true] .lb{color:var(--paper)}
.net img{width:20px;height:20px;filter:var(--netf,none)}
.net:hover{border-color:var(--ink)}
.net[aria-checked=true]{border-color:var(--ink);background:var(--ink)}
.net[aria-checked=true] img{filter:invert(1) brightness(2)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .net img{filter:invert(1) brightness(1.6)}:root:not([data-theme=light]) .net[aria-checked=true] img{filter:none}}
.net .fb{font:700 11px var(--f-m)}
.seg{display:flex;gap:4px;background:var(--sunk);padding:4px;border-radius:12px;margin-bottom:14px;overflow-x:auto;scrollbar-width:none}
.seg::-webkit-scrollbar{display:none}
.seg button{flex:1 0 auto;min-height:40px;padding:0 14px;border:0;background:transparent;border-radius:9px;font-weight:600;font-size:14px;cursor:pointer;color:var(--ink2);white-space:nowrap}
.seg button[aria-selected=true]{background:var(--card);color:var(--ink);box-shadow:0 0 0 2px var(--ink)}
.svcs{display:grid;gap:8px;max-height:244px;overflow:auto;margin-bottom:16px;padding:2px}
.svc{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 14px;border:2px solid var(--line);border-radius:var(--r2);background:var(--paper);cursor:pointer;text-align:left;width:100%;min-height:56px}
.svc:hover{border-color:var(--ink)}
.svc[aria-checked=true]{border-color:var(--ink);background:var(--hl)}
.svc .n{font-weight:600;font-size:15px;line-height:1.25}
.svc .m{font-size:12.5px;color:var(--ink2);display:flex;gap:8px;flex-wrap:wrap;margin-top:3px}
.svc .p{font:700 15px var(--f-m);text-align:right;white-space:nowrap}
.svc .p small{display:block;font:500 11px var(--f-b);color:var(--ink3)}
.tg{font:600 11px var(--f-b);padding:1px 7px;border-radius:5px;border:1px solid var(--line2)}
.tg.pr{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:420px){.row2{grid-template-columns:1fr}}
.qty{display:flex;gap:6px;align-items:stretch}
.qty button{width:48px;border:2px solid var(--line2);border-radius:var(--r2);background:var(--paper);cursor:pointer;font:700 20px var(--f-m)}
.qty button:hover{border-color:var(--ink)}
.qty input{text-align:center;font-family:var(--f-m);font-weight:700}
.packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px;margin-top:14px}
.pack{position:relative;text-align:left;padding:12px 12px 10px;border:2px solid var(--line);border-radius:var(--r2);background:var(--paper);cursor:pointer;min-height:64px}
.pack:hover{border-color:var(--ink)}
.pack[aria-checked=true]{border-color:var(--ink);background:var(--hl)}
.pack b{display:block;font:700 17px var(--f-m);letter-spacing:-.02em}
.pack span{display:block;font-size:13px;color:var(--ink2);margin-top:2px}
.pack i{position:absolute;top:-9px;right:8px;font:600 10.5px var(--f-b);font-style:normal;background:var(--acc);color:var(--acc-ink);padding:2px 8px;border-radius:99px;border:1.5px solid var(--ink)}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.chips button{min-height:34px;padding:0 12px;border:1.5px solid var(--line2);border-radius:99px;background:transparent;font:600 13px var(--f-m);cursor:pointer}
.chips button:hover{border-color:var(--ink);background:var(--sunk)}
.total{display:flex;justify-content:space-between;align-items:flex-end;margin:20px 0 14px;padding-top:16px;border-top:2px dashed var(--line2)}
.total span{font-size:14px;color:var(--ink2)}
.total b{font:800 40px/1 var(--f-d);letter-spacing:-.03em}
.total small{display:block;font-size:12.5px;color:var(--ink3);margin-top:2px}
.note{display:flex;gap:8px;font-size:13px;color:var(--ink2);margin-top:12px;align-items:flex-start}
.note svg.i{width:16px;height:16px;margin-top:2px}
/* pay step */
.pay{display:none;text-align:center}
.pay.on{display:block}
.qrbox{width:208px;height:208px;margin:18px auto 14px;padding:12px;background:#fff;border:2px solid var(--ink);border-radius:14px;color:#000}
.qrbox img{width:100%;height:100%}
.copyline{display:flex;gap:8px;align-items:stretch;margin-bottom:12px}
.copyline code{flex:1;font:500 12px var(--f-m);background:var(--paper);border:2px solid var(--line2);border-radius:var(--r2);padding:10px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center}
.timer{font:700 14px var(--f-m);color:var(--warn);margin:4px 0 14px}
.bigok{width:64px;height:64px;border-radius:50%;background:var(--ok);display:grid;place-items:center;margin:8px auto 14px;color:#fff}
.bigok svg.i{width:32px;height:32px;stroke-width:3}
/* ---- sections ---- */
section.sec{padding:72px 0;border-top:1px solid var(--line)}
.sec h2{font-size:clamp(32px,4.6vw,52px);font-weight:800;margin-bottom:14px;max-width:760px}
.sec .kicker{font:500 13px var(--f-m);text-transform:uppercase;letter-spacing:.08em;color:var(--ink2);margin-bottom:14px}
.sec .intro{color:var(--ink2);font-size:18px;max-width:600px;margin-bottom:40px}
.rail{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--ink);border-radius:var(--r);background:var(--card);overflow:hidden}
.rail>div{padding:26px 22px;border-right:2px solid var(--ink)}
.rail>div:last-child{border-right:0}
.rail .no{font:800 56px/1 var(--f-d);color:var(--acc);letter-spacing:-.05em;margin-bottom:14px}
.rail h3{font-size:21px;margin-bottom:8px}
.rail p{font-size:14.5px;color:var(--ink2)}
@media(max-width:860px){.rail{grid-template-columns:1fr 1fr}.rail>div{border-bottom:2px solid var(--ink)}.rail>div:nth-child(2n){border-right:0}.rail>div:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:520px){.rail{grid-template-columns:1fr}.rail>div{border-right:0!important;border-bottom:2px solid var(--ink)!important}.rail>div:last-child{border-bottom:0!important}}
.tiers{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:760px){.tiers{grid-template-columns:1fr}}
.tier{background:var(--card);border:2px solid var(--line2);border-radius:var(--r);padding:28px}
.tier.pr{border-color:var(--ink);box-shadow:var(--sh)}
.tier h3{font-size:30px;margin-bottom:6px}
.tier .t{color:var(--ink2);margin-bottom:18px}
.tier ul{list-style:none;display:grid;gap:10px}
.tier li{display:flex;gap:10px;font-size:15px}
.tier li svg.i{color:var(--ok);margin-top:2px}
.tier li.no svg.i{color:var(--ink3)}
details.q{border-bottom:1px solid var(--line);padding:20px 0}
details.q summary{cursor:pointer;font:600 18px var(--f-d);letter-spacing:-.01em;list-style:none;display:flex;justify-content:space-between;gap:20px;min-height:44px;align-items:center}
details.q summary::-webkit-details-marker{display:none}
details.q summary:after{content:"+";font:500 28px var(--f-m);color:var(--acc)}
details.q[open] summary:after{content:"–"}
details.q p{color:var(--ink2);margin-top:10px;max-width:680px}
footer.foot{background:var(--ink);color:var(--paper);padding:48px 0 36px;margin-top:0}
footer.foot .logo b{background:var(--paper)}
footer.foot .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:40px}
@media(max-width:760px){footer.foot .wrap{grid-template-columns:1fr}}
footer.foot p{font-size:13.5px;color:#b9b1a3;max-width:520px;margin-top:14px}
footer.foot a{color:#b9b1a3}
/* ---- orders view ---- */
.pg{padding:48px 0 80px}
.pg h1{font-size:clamp(36px,5vw,60px);font-weight:800;margin-bottom:10px}
.lookup{display:flex;gap:10px;margin:26px 0 30px;max-width:640px}
@media(max-width:520px){.lookup{flex-direction:column}}
.ord{background:var(--card);border:2px solid var(--ink);border-radius:var(--r);padding:22px;margin-bottom:16px}
.ord .hd{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:flex-start;margin-bottom:16px}
.ord .id{font:700 18px var(--f-m)}
.ord .nm{font-weight:600;margin-top:2px}
.ord .lk{font-size:13px;color:var(--ink3);word-break:break-all}
.chip{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:99px;font:600 13px var(--f-b);background:var(--sunk)}
.chip:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.chip.pending_payment{background:var(--warnbg);color:var(--warn)}
.chip.pending,.chip.processing{background:var(--infobg);color:var(--info)}
.chip.completed{background:var(--okbg);color:var(--ok)}
.chip.partial{background:var(--warnbg);color:var(--warn)}
.chip.failed,.chip.canceled{background:var(--badbg);color:var(--bad)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:6px 0 16px}
.steps div{font-size:12.5px;color:var(--ink3);padding-top:10px;border-top:4px solid var(--line2);font-weight:500}
.steps div.on{border-color:var(--ink);color:var(--ink);font-weight:600}
.steps div.cur{border-color:var(--acc)}
.bar{height:10px;border:2px solid var(--ink);border-radius:99px;overflow:hidden;background:var(--paper)}
.bar i{display:block;height:100%;background:var(--acc);transition:width .5s}
.ord .ft{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-top:12px;font-size:14px;color:var(--ink2)}
.empty{padding:40px 20px;text-align:center;color:var(--ink2);border:2px dashed var(--line2);border-radius:var(--r)}
/* ---- admin ---- */
.adm-hd{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border:2px solid var(--ink);border-radius:var(--r);background:var(--card);margin-bottom:20px;overflow:hidden}
.kpi{padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.kpi span{font:500 12px var(--f-m);text-transform:uppercase;letter-spacing:.06em;color:var(--ink3)}
.kpi b{display:block;font:700 26px var(--f-m);margin-top:6px;letter-spacing:-.03em}
.alert{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;background:var(--badbg);color:var(--bad);border:2px solid var(--bad);border-radius:var(--r2);margin-bottom:14px;font-weight:600;font-size:14px}
.tabs{display:flex;gap:4px;border-bottom:2px solid var(--ink);margin-bottom:20px;overflow-x:auto}
.tabs button{padding:0 18px;min-height:46px;border:0;background:transparent;font:600 15px var(--f-b);cursor:pointer;color:var(--ink2);border-radius:10px 10px 0 0;white-space:nowrap}
.tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}
.tw{overflow-x:auto;border:2px solid var(--ink);border-radius:var(--r);background:var(--card)}
table{width:100%;border-collapse:collapse;font-size:14px}
th{font:500 11.5px var(--f-m);text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);text-align:left;padding:12px 14px;border-bottom:2px solid var(--ink);white-space:nowrap}
td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
tr:last-child td{border-bottom:0}
td.n,th.n{text-align:right;font-family:var(--f-m);font-variant-numeric:tabular-nums}
.pos{color:var(--ok)}.neg{color:var(--bad)}
.mk{width:84px;min-height:38px;text-align:right;font-family:var(--f-m);padding:0 8px}
.card2{background:var(--card);border:2px solid var(--ink);border-radius:var(--r);padding:22px;margin-bottom:16px}
.card2 h3{font-size:22px;margin-bottom:6px}
pre.code{background:var(--ink);color:#e9e4d8;border-radius:var(--r2);padding:16px;overflow:auto;font:500 12.5px/1.6 var(--f-m);margin:10px 0}
pre.code .c{color:#948b7d}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:860px){.g2{grid-template-columns:1fr}}
.cfg{display:grid;gap:12px;margin:14px 0}
.pill{font:600 12px var(--f-m);padding:3px 10px;border-radius:99px;background:var(--warnbg);color:var(--warn)}
.pill.live{background:var(--okbg);color:var(--ok)}
/* toast */
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,90px);background:var(--ink);color:var(--paper);padding:14px 20px;border-radius:12px;font-weight:600;font-size:14px;z-index:100;transition:transform .25s;max-width:90vw}
.toast.show{transform:translate(-50%,0)}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--ink2);margin:6px 0 14px;cursor:pointer}
.chk input{width:20px;height:20px;margin-top:1px;accent-color:var(--acc);flex:none}
.chk a{color:var(--ink);font-weight:600}
.legal{max-width:760px}
.legal h2{font-size:24px;margin:34px 0 8px}
.legal p,.legal li{color:var(--ink2);margin-bottom:10px}
.legal ul{padding-left:20px}
.loginbox{max-width:420px;margin:30px 0;background:var(--card);border:2px solid var(--ink);border-radius:18px;box-shadow:var(--sh);padding:26px}
.loginbox h2{font-size:26px;margin-bottom:6px}
.v{display:none}.v.on{display:block}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
[hidden]{display:none!important}
.how{margin-top:8px;border:1px solid var(--line);border-radius:var(--r2);padding:8px 14px;background:var(--paper)}
.how summary{cursor:pointer;font-weight:600;font-size:14px;min-height:28px;display:flex;align-items:center}
.how p{font-size:13.5px;color:var(--ink2);margin:6px 0 4px}


/* ===== páginas internas, navegação, ajuda ===== */
[hidden]{display:none!important}
.how{margin-top:8px;border:1px solid var(--line);border-radius:var(--r2);padding:8px 14px;background:var(--paper)}
.how summary{cursor:pointer;font-weight:600;font-size:14px;min-height:28px;display:flex;align-items:center}
.how p{font-size:13.5px;color:var(--ink2);margin:6px 0 4px}
.burger{display:none;min-height:44px;padding:0 14px;border:2px solid var(--ink);border-radius:var(--r2);background:transparent;font-weight:600;cursor:pointer}
@media(max-width:760px){
  .burger{display:inline-flex;align-items:center}
  nav.main{position:absolute;left:0;right:0;top:68px;background:var(--paper);border-bottom:2px solid var(--ink);flex-direction:column;align-items:stretch;padding:10px 20px 16px;gap:2px;display:none}
  nav.main.open{display:flex}
  nav.main a,nav.main a.opt{display:flex!important;min-height:48px}
  header.top .wrap{position:relative}
}
.crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:13.5px;color:var(--ink3);margin:0 0 18px}
.crumbs a{color:var(--ink2)}
.crumbs span:not(:last-child):after{content:"/";margin-left:8px;color:var(--ink3)}
.page-hd{padding:44px 0 10px}
.page-hd h1{font-size:clamp(34px,5vw,60px);font-weight:800;margin-bottom:12px;max-width:820px}
.page-hd p.lead{font-size:18px;color:var(--ink2);max-width:660px}
.netgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.ncard{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--card);border:2px solid var(--line2);border-radius:var(--r);text-decoration:none;transition:.15s}
.ncard:hover{border-color:var(--ink);transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--ink)}
.ncard .ni{display:flex;align-items:center;gap:12px}
.ncard img{width:28px;height:28px}
.ncard h3{font-size:22px}
.ncard p{font-size:14px;color:var(--ink2)}
.ncard .go{margin-top:auto;font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ncard img{filter:invert(1) brightness(1.6)}}
.ficha{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.fi{padding:16px 18px;background:var(--card);border:2px solid var(--line);border-radius:var(--r2)}
.fi b{display:block;font:600 12px var(--f-m);text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);margin-bottom:6px}
.fi span{font-size:14.5px;color:var(--ink)}
.callout{padding:16px 18px;border:2px solid var(--ink);border-radius:var(--r2);background:var(--hl);font-size:14.5px;margin:16px 0}
.callout b{font-weight:600}
.steps3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;counter-reset:s}
.steps3>div{padding:20px;background:var(--card);border:2px solid var(--line);border-radius:var(--r2);counter-increment:s}
.steps3>div:before{content:counter(s);display:block;font:800 40px/1 var(--f-d);color:var(--acc);margin-bottom:10px}
.steps3 h3{font-size:19px;margin-bottom:6px}.steps3 p{font-size:14.5px;color:var(--ink2)}
.rel{display:flex;flex-wrap:wrap;gap:8px}
.rel a{padding:9px 16px;border:2px solid var(--line2);border-radius:99px;text-decoration:none;font-weight:600;font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.rel a:hover{border-color:var(--ink);background:var(--sunk)}
.band{background:var(--ink);color:var(--paper);border-radius:var(--r);padding:34px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
.band h3{font-size:clamp(24px,3vw,34px);max-width:520px}
.band .btn{background:var(--acc);color:var(--acc-ink);border-color:var(--paper)}
.band .btn:hover:not(:disabled){background:var(--paper);box-shadow:3px 3px 0 var(--acc)}
.search{width:100%;max-width:560px;margin:22px 0 10px}
.hgroup{margin-top:34px}
.hgroup h2{font-size:22px;margin-bottom:10px}
.hlist{display:grid;gap:8px}
.hitem{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 18px;background:var(--card);border:2px solid var(--line);border-radius:var(--r2);text-decoration:none;font-weight:600;min-height:56px}
.hitem:hover{border-color:var(--ink)}
.art{max-width:720px}
.art h1{font-size:clamp(30px,4.5vw,46px);font-weight:800;margin-bottom:18px}
.art p,.art li{color:var(--ink2);font-size:17px;margin-bottom:12px}
.art ul,.art ol{padding-left:22px;margin-bottom:12px}
.art a{color:var(--ink);font-weight:600}
.foot .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
@media(max-width:860px){.foot .cols{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.foot .cols{grid-template-columns:1fr}}
.foot h4{font:600 12px var(--f-m);text-transform:uppercase;letter-spacing:.08em;color:#b9b1a3;margin-bottom:12px}
.foot ul{list-style:none;display:grid;gap:8px;font-size:14px}
.foot ul a{color:#e9e4d8;text-decoration:none}.foot ul a:hover{text-decoration:underline}
.foot .legalline{border-top:1px solid #3a342d;margin-top:30px;padding-top:20px;font-size:13px;color:#b9b1a3}
footer.foot .wrap{display:block}
/* ficha do serviço dentro do pedido + entrega natural */
.fcard{margin:0 0 16px;padding:14px;border:2px solid var(--line);border-radius:var(--r2);background:var(--paper);font-size:13.5px}
.fcard .tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.fcard dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0}
.fcard dt{color:var(--ink3);font-weight:600}.fcard dd{margin:0;color:var(--ink)}
.drip{margin:14px 0 0;padding:12px 14px;border:2px solid var(--line);border-radius:var(--r2);background:var(--paper)}
.drip label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-weight:600;font-size:14.5px}
.drip input{width:20px;height:20px;margin-top:2px;accent-color:var(--acc);flex:none}
.drip small{display:block;font-weight:400;color:var(--ink2);font-size:13px;margin-top:3px}
.pack[disabled]{opacity:.4;cursor:not-allowed}
.hero.compact{padding:36px 0 56px}

/* ===== pacotes ===== */
.pk-layout{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:32px;align-items:start;margin:26px 0 70px}
@media(max-width:1020px){.pk-layout{grid-template-columns:minmax(0,1fr)}}
.pkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.pk{position:relative;display:flex;flex-direction:column;gap:10px;padding:26px 20px 20px;background:var(--card);border:2px solid var(--ink);border-radius:var(--r);transition:.15s}
.pk:hover{transform:translate(-2px,-2px);box-shadow:var(--sh)}
.pk .off{position:absolute;top:-14px;right:14px;background:var(--acc);color:var(--acc-ink);border:2px solid var(--ink);border-radius:99px;padding:3px 12px;font:800 15px var(--f-d);letter-spacing:-.01em}
.pk h3{font-size:24px}
.pk .tag{color:var(--ink2);font-size:14.5px}
.pk ul{list-style:none;display:grid;gap:7px;font-size:14px;margin:4px 0}
.pk li{padding-left:22px;position:relative}
.pk li:before{content:"";position:absolute;left:0;top:7px;width:10px;height:10px;background:var(--acc);border:2px solid var(--ink);border-radius:50%}
.pk li small{display:block;color:var(--ink3);font-size:12.5px}
.pk .pp{margin-top:auto;padding-top:12px;border-top:2px dashed var(--line2);display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.pk .pp s{color:var(--ink3);font:500 15px var(--f-m)}
.pk .pp b{font:800 34px/1 var(--f-d);letter-spacing:-.03em}
.pk-box{position:sticky;top:84px}
.pk-items{list-style:none;display:grid;gap:6px;font-size:14px;margin:0 0 14px;padding:12px 14px;background:var(--paper);border:2px solid var(--line);border-radius:var(--r2)}
.pk-items small{display:block;color:var(--ink3)}
.mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.notice{padding:12px 16px;border:2px solid var(--warn);background:var(--warnbg);color:var(--warn);border-radius:var(--r2);margin-bottom:14px;font-size:14px;font-weight:600;display:flex;gap:12px;align-items:center;flex-wrap:wrap}

/* 8 redes: 4 por linha, sem sobra */
@media(min-width:561px){.nets{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* pacote personalizado */
.bd{background:var(--card,#fff);border:1px solid var(--line,#e5ded2);border-radius:14px;padding:22px;margin:0 0 34px;max-width:760px}
.bd h2{margin:0 0 6px}.bd .sub{color:var(--ink2);margin:0 0 16px}
.bd .nets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.bd-row{padding:14px 0;border-top:1px solid var(--line,#e5ded2)}.bd-row.off{opacity:.45}
.bd-top{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.bd-sel{width:auto;min-width:200px;max-width:100%}
.bd-bar{display:flex;gap:16px;align-items:center;margin-top:10px}
.bd-bar input[type=range]{flex:1;accent-color:var(--accent,#d4380d);min-width:0}
.bd-q{min-width:110px;text-align:right}.bd-q b{display:block;font-size:20px}.bd-q small{color:var(--ink2)}
@media(max-width:560px){.bd{padding:16px}.bd-sel{min-width:0;width:100%}}

/* botão de suporte (WhatsApp) */
.wa-fab{position:fixed;right:16px;bottom:16px;z-index:50;background:#1faa59;color:#fff;font-weight:700;padding:12px 18px;border-radius:999px;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.28);font-size:15px}
.wa-fab:hover{background:#188a47}