:root{--red:#D71F26;--red2:#F0454B;--bg:#07080A;--bg2:#0B0D10;--card:#0E1013;--ink:#fff;--sub:#C9CDD3;--mu:#9AA0A8;--ln:#1C1F24;--ln2:#2A2E35;--ok:#3DDC84;--warn:#FFC233;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.55 Barlow,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}
.disp,h1,h2,h3,h4{font-family:"Chakra Petch",system-ui,sans-serif}.ac{color:var(--red)}
.w{max-width:1280px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.gridbg{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px}
.cut{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:13px 24px;border:0;cursor:pointer;font:700 13px "Chakra Petch",sans-serif;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:filter .2s,transform .2s,background .2s,border-color .2s}
.btn.p{background:var(--red);color:#fff}.btn.p:hover{filter:brightness(1.12);transform:translateX(3px)}
.btn.g{background:transparent;border:1px solid var(--ln2);color:#fff}.btn.g:hover{background:rgba(255,255,255,.07);border-color:#fff}
.btn.sm{min-height:38px;padding:8px 14px;font-size:11px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.k{display:block;font:600 12px "Chakra Petch",sans-serif;letter-spacing:3px;text-transform:uppercase;color:var(--red);margin-bottom:12px}
/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(7,8,10,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--ln)}
.hdr .w{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:48px;height:48px;border-radius:50%;box-shadow:0 0 0 2px var(--red),0 0 22px -6px var(--red)}
.brand b{font:700 24px "Chakra Petch",sans-serif;letter-spacing:4px}.brand small{font-size:10px;letter-spacing:3px;color:var(--mu);text-transform:uppercase;border-left:1px solid var(--ln2);padding-left:12px;line-height:1.3}
.nav{display:flex;align-items:center;gap:28px}.nav a.l{text-decoration:none;font:600 13px "Chakra Petch",sans-serif;letter-spacing:2px;padding:10px 0;position:relative}
.nav a.l::after{content:"";position:absolute;left:0;bottom:4px;height:2px;width:0;background:var(--red);transition:width .3s}.nav a.l:hover::after,.nav a.l.on::after{width:100%}
.mbtn{display:none;background:none;border:1px solid var(--ln2);width:46px;height:46px;cursor:pointer}.mbtn svg{width:22px;height:22px;margin:auto}
@media(max-width:900px){.nav a.l{display:none}.nav.open{position:fixed;inset:72px 0 auto 0;background:var(--bg);flex-direction:column;align-items:stretch;padding:12px 20px 24px;border-bottom:1px solid var(--ln);gap:0}.nav.open a.l{display:block;padding:16px 0;border-bottom:1px solid var(--ln)}.nav.open .btn{margin-top:14px}.mbtn{display:grid}.brand small{display:none}}
/* footer */
.ftr{border-top:1px solid var(--ln);background:var(--bg2);padding:56px 0 28px;color:var(--mu);font-size:15px}
.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}@media(max-width:900px){.fg{grid-template-columns:1fr 1fr}}@media(max-width:560px){.fg{grid-template-columns:1fr}}
.ftr h4{color:#fff;font-size:13px;letter-spacing:3px;margin:0 0 14px;text-transform:uppercase}.ftr a{text-decoration:none;display:block;padding:4px 0}.ftr a:hover{color:#fff}
.fb{border-top:1px solid var(--ln);margin-top:40px;padding-top:22px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:13px}.fb a{display:inline;color:var(--red)}
.fab{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:60;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px -8px rgba(37,211,102,.7)}.fab svg{width:28px;height:28px}
/* forms */
.fld{display:flex;flex-direction:column;gap:6px;min-width:0}.fld label{font:600 11px "Chakra Petch",sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--mu)}
.in{width:100%;background:#0E1013;border:1px solid var(--ln2);color:#fff;padding:13px 14px;outline:none;transition:border-color .2s;min-height:46px;border-radius:0}.in:focus{border-color:var(--red)}
select.in{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#9AA0A8 50%),linear-gradient(135deg,#9AA0A8 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fgrid .full{grid-column:1/-1}@media(max-width:600px){.fgrid{grid-template-columns:1fr}}
.msg{padding:12px 14px;border:1px solid var(--ln2);font-size:15px}.msg.err{border-color:var(--red);color:#ffb3b5;background:rgba(215,31,38,.08)}.msg.ok{border-color:var(--ok);color:#b6f5cf;background:rgba(61,220,132,.07)}
.panel{background:var(--card);border:1px solid var(--ln);padding:28px}
.tag{display:inline-block;font:600 11px "Chakra Petch",sans-serif;letter-spacing:1.5px;border:1px solid var(--ln2);padding:3px 8px;color:#E2E5E9;text-transform:uppercase}
.st-pendente{color:var(--warn);border-color:var(--warn)}.st-aprovado{color:var(--ok);border-color:var(--ok)}.st-recusado,.st-bloqueado,.st-cancelado{color:var(--red2);border-color:var(--red2)}
.rv{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0ms)}.rv.vis{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.nav>.btn{white-space:nowrap}@media(max-width:560px){.hdr .w{gap:10px}.brand img{width:42px;height:42px}.brand b{font-size:20px;letter-spacing:3px}.nav>.btn{padding:8px 12px;font-size:10px;letter-spacing:1px;min-height:40px}.nav.open>.btn{font-size:13px;padding:13px 20px}}
/* categorias com desenho */
.ctiles{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:10px!important}
.ctile{display:flex!important;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 14px!important;min-height:118px;text-align:left;background:var(--card)!important;border:1px solid var(--ln2);color:var(--ink)!important;text-transform:none!important;letter-spacing:0!important;position:relative;overflow:hidden;transition:border-color .25s,transform .25s,background .25s;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.ctile svg{width:38px;height:38px;color:var(--red);margin-bottom:auto;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.ctile .tl{font:700 11.5px "Chakra Petch",sans-serif;letter-spacing:.4px;overflow-wrap:normal;text-transform:uppercase;line-height:1.15}
.ctile .tn{font:500 12px Barlow,sans-serif;color:var(--mu)}
.ctile:hover{border-color:var(--red);transform:translateY(-3px)}.ctile:hover svg{transform:scale(1.12) rotate(-6deg)}
.ctile[aria-pressed=true]{background:var(--red)!important;border-color:var(--red);color:#fff!important}.ctile[aria-pressed=true] svg,.ctile[aria-pressed=true] .tn{color:#fff}
@media(max-width:600px){.ctiles{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;margin-inline:-20px;padding-inline:20px}.ctile{flex:0 0 118px;scroll-snap-align:start;min-height:108px}}

[hidden]{display:none!important}

/* tema claro */
body.light{background:#FFFFFF}body.light main{background:#FFFFFF}
body.light main,body.light .modal{--bg:#FFFFFF;--bg2:#F5F6F8;--card:#FFFFFF;--ink:#111317;--sub:#3A3F47;--mu:#6B717A;--ln:#E6E8EC;--ln2:#D5D9DE;color:var(--ink)}
body.light main .gridbg{background-color:#F7F8FA;background-image:linear-gradient(rgba(17,19,23,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(17,19,23,.05) 1px,transparent 1px);border-color:var(--ln)!important}
body.light main section[style*="border-bottom"]{border-bottom-color:var(--ln)!important}
body.light .in{background:#FFFFFF;border-color:var(--ln2);color:var(--ink)}body.light .in::placeholder{color:#9AA0A8}
body.light .btn.g{color:var(--ink);border-color:var(--ln2)}body.light .btn.g:hover{background:#F2F3F5;border-color:var(--ink)}
body.light .tabs button[aria-selected=true]{color:var(--ink)}
body.light .chip{color:var(--sub)}body.light .chip[aria-pressed=true]{color:#fff}
body.light .qty button,body.light .qty input{color:var(--ink)}
body.light .prow{box-shadow:0 1px 0 rgba(17,19,23,.02)}body.light .prow:hover{border-color:#F0B9BB;position:relative;z-index:1}
body.light .cart{background:rgba(255,255,255,.97);box-shadow:0 -10px 30px -18px rgba(17,19,23,.35)}
body.light .tag{color:var(--sub);border-color:var(--ln2)}
body.light .panel{box-shadow:0 20px 50px -34px rgba(17,19,23,.35)}
body.light .msg{border-color:var(--ln2);color:var(--sub);background:#F7F8FA}
body.light .msg.err{color:#A3141A;background:#FDF0F0;border-color:#F0B9BB}
body.light .modal{background:rgba(17,19,23,.45)}
body.light .tbl td{color:var(--ink)}
body.light .pimg{border-bottom-color:var(--ln)}body.light .card:hover{box-shadow:0 24px 50px -30px rgba(17,19,23,.35)}body.light .pb h3 a{color:var(--ink)}body.light .pb h3 a:hover{color:var(--red)}body.light .ctile{box-shadow:0 10px 24px -20px rgba(17,19,23,.4)}body.light .phero p{color:var(--sub)}body.light .phero a{color:var(--red)!important}
@media(max-width:1200px) and (min-width:901px){.nav{gap:18px}.nav a.l{font-size:12px;letter-spacing:1.5px}.brand small{display:none}}