/* Fontes hospedadas no site (Etapa E, item 6): subsets latin + latin-ext do Google Fonts, font-display:swap.
   Gerar de novo: node tests/baixar-fontes.mjs. Fallbacks com métricas (tests/metricas-fontes.mjs): Impact/Arial/Georgia
   ocupam o mesmo espaço de Anton/Inter/Instrument Serif enquanto elas carregam. Pilhas em --display, --sans e --serif. */
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/anton-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/anton-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(assets/fonts/instrument-serif-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(assets/fonts/instrument-serif-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/instrument-serif-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/instrument-serif-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(assets/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(assets/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Anton Fallback';src:local('Impact');size-adjust:99.58%;ascent-override:118.5%;descent-override:33.14%;line-gap-override:0%}
@font-face{font-family:'Inter Fallback';src:local('Arial');size-adjust:105.53%;ascent-override:91.92%;descent-override:22.74%;line-gap-override:0%}
@font-face{font-family:'Instrument Serif Fallback';src:local('Georgia');size-adjust:74.27%;ascent-override:133.29%;descent-override:41.74%;line-gap-override:0%}
:root{--bg:#0D0D0D;--card:#1A1A1A;--line:#2A2A2A;--tx:#fff;--mut:#A0A0A0;--red:#E63946;--ok:#4ADE80}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--tx);font:16px/1.6 var(--sans)}
a{color:inherit;text-decoration:none}
h1,h2,h3,.brand b,.brandf{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;font-weight:400;line-height:1.05}
h2,h1.t1{font-size:clamp(28px,4vw,44px);margin-bottom:24px}
.wrap{max-width:1160px;margin:auto;padding:0 20px}
section{padding:72px 0}
.price{font-family:var(--display);font-weight:400;color:var(--red);font-size:24px}
.top{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:rgba(13,13,13,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;font-size:22px}
.logo{width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--card);border:2px solid var(--red);display:block}
.logo img{width:100%;height:100%;object-fit:cover}
nav{display:flex;gap:24px;align-items:center;font-weight:500}
nav a:hover,.favs{color:var(--red)}
.burger{display:none;background:none;border:0;color:#fff;font-size:26px}
.btn{display:inline-block;padding:14px 28px;border-radius:8px;font-weight:700;border:2px solid var(--red);background:var(--red);color:#fff;cursor:pointer;font-family:inherit;font-size:16px;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(230,57,70,.35)}
.btn.ghost{background:transparent;border-color:#fff}
.btn.wa{background:var(--ok);border-color:var(--ok);color:#0D0D0D}
.hero{min-height:100vh;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;padding:100px 20px 60px}
.hero .bg{position:absolute;inset:-10% 0;background:radial-gradient(circle at 50% 30%,#2a0d10 0,#0D0D0D 70%);will-change:transform}
.hero .bg::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 22px,rgba(255,255,255,.025) 22px 24px)}
.hero>div{position:relative}
.hero .logo{width:120px;height:120px;margin:0 auto 24px}
.hero h1{font-size:clamp(48px,10vw,110px)}
.hero h1 em{color:var(--red);font-style:normal}
.hero p{color:var(--mut);max-width:520px;margin:16px auto 32px;font-size:18px}
.hero .btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.cats,.steps,.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.cat,.step,.pillar{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px;transition:transform .25s,border-color .25s}
.cat:hover{transform:translateY(-4px);border-color:var(--red)}
.cat svg,.step svg{width:44px;height:44px;stroke:var(--red);fill:none;stroke-width:1.8;margin-bottom:12px}
.cat h3,.step h3,.pillar h3{font-size:24px;margin-bottom:6px}
.step p,.pillar p{color:var(--mut)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;position:relative;box-shadow:0 4px 14px rgba(0,0,0,.4);transition:transform .25s,box-shadow .25s;animation:fade .4s}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.6)}
.ph{aspect-ratio:4/3;overflow:hidden;background:#111;display:grid;place-items:center}
.ph svg,.ph img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.card:hover .ph>*{transform:scale(1.05)}
.card .in{padding:16px}
.tag{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--mut)}
.card h3{font-size:20px;margin:4px 0}
.meta{color:var(--mut);font-size:13px;margin:6px 0 12px}
.heart{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(13,13,13,.8);color:#fff;font-size:18px;cursor:pointer}
.heart.on{color:var(--red)}
.heart.pulse{animation:pulse .4s}
@keyframes pulse{50%{transform:scale(1.35)}}
@keyframes fade{from{opacity:0}}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;align-items:center}
.chip{padding:8px 16px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:#fff;cursor:pointer;font:inherit;font-size:14px}
.chip.on{background:var(--red);border-color:var(--red)}
.chips b{font-size:13px;color:var(--mut);text-transform:uppercase;min-width:70px}
input,select,textarea{width:100%;padding:12px 14px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:#fff;font:inherit}
input:focus,select:focus,textarea:focus{outline:2px solid var(--red)}
.page{padding-top:110px;min-height:80vh}
.detail{display:grid;grid-template-columns:1.2fr 1fr;gap:36px}
.thumbs{display:flex;gap:8px;margin-top:8px}
.thumbs button{width:80px;aspect-ratio:4/3;padding:0;border:2px solid var(--line);border-radius:8px;overflow:hidden;cursor:pointer;background:none}
.thumbs button.on{border-color:var(--red)}
.thumbs svg,.thumbs img{width:100%;height:100%;object-fit:cover}
.detail .price{font-size:40px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}
.facts div{background:var(--card);padding:10px 14px;border-radius:8px;border:1px solid var(--line)}
.facts small{display:block;color:var(--mut);font-size:12px;text-transform:uppercase}
.acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
form{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:760px}
form .full{grid-column:1/-1}
label{font-size:13px;color:var(--mut);text-transform:uppercase;display:block;margin-bottom:4px}
.prev{display:flex;gap:8px;flex-wrap:wrap}
.prev img{width:80px;height:80px;object-fit:cover;border-radius:8px}
.cta{background:var(--red);text-align:center}
.cta .btn{background:#fff;color:var(--red);border-color:#fff;font-size:18px;padding:18px 40px}
.stats{display:flex;gap:40px;margin:28px 0;flex-wrap:wrap}
.stats b{font-family:var(--display);font-size:44px;color:var(--red);display:block;font-weight:400}
footer{border-top:1px solid var(--line);padding:48px 0 20px;background:#080808}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.foot a{display:block;color:var(--mut);margin-bottom:6px}.foot a:hover{color:var(--red)}
.brandf{font-size:26px;display:block;margin-bottom:8px}
.copy{text-align:center;color:var(--mut);font-size:13px;margin-top:30px}
#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,80px);background:#fff;color:#0D0D0D;padding:12px 22px;border-radius:8px;font-weight:700;transition:transform .3s;z-index:99}
#toast.show{transform:translate(-50%,0)}
.rv{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}
.rv.in{opacity:1;transform:none}
.empty{color:var(--mut);padding:40px 0}
@media(max-width:800px){
.burger{display:block}
nav{position:fixed;inset:68px 0 auto;flex-direction:column;background:#0D0D0D;padding:20px;display:none;border-bottom:1px solid var(--line)}
body.nav nav{display:flex}
.detail,form,.foot{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}

/* FASE 1 */
h1,h2{text-shadow:0 2px 14px rgba(0,0,0,.7)}
.hero{background:#0D0D0D}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.hero>.hero-media{position:absolute;z-index:1}/* ganha do .hero>div (conteúdo por cima) */
.hero-media>img,.hero-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-media>video{opacity:0;transition:opacity .8s}.hero-media>video.on{opacity:1}
.hero .bg{inset:0;z-index:2;background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.7));transform:none}
.hero .bg::after{display:none}
.hero>div{z-index:3}
.hero .live{display:inline-flex;align-items:center;gap:8px;margin:0 auto 24px;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#fff}
.live i{width:9px;height:9px;border-radius:50%;background:var(--red);animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.25}}
.btn.shim{position:relative;overflow:hidden}
.btn.shim::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:rgba(255,255,255,.35);transform:skewX(-20deg);animation:shim 3s infinite}
@keyframes shim{to{left:130%}}
.card:hover,.cat:hover,.pillar:hover{border-color:var(--red);box-shadow:0 14px 30px rgba(230,57,70,.2)}
.pillar{transition:transform .25s,border-color .25s,box-shadow .25s}.pillar:hover{transform:translateY(-4px)}
.counters{padding:40px 0;background:#111;border-block:1px solid var(--line)}
.counters .stats{justify-content:space-around;margin:0;text-align:center}
.counters .stats div{color:var(--mut);font-size:14px}
.hot{display:inline-block;margin:-12px 0 24px;padding:6px 14px;border-radius:99px;background:var(--red);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
#prog{position:fixed;top:0;left:0;height:3px;width:0;background:var(--red);z-index:60}

/* FASE 2 */
.btn{position:relative;overflow:hidden}
.btn::before{content:"";position:absolute;top:0;left:-70%;width:40%;height:100%;background:rgba(255,255,255,.3);transform:skewX(-20deg);transition:left .5s;pointer-events:none}
.btn:hover::before{left:130%}
.btn.sm{padding:8px 18px;font-size:14px}
nav{gap:18px;font-size:15px}
.av{width:38px;height:38px;border-radius:50%;border:2px solid var(--red);background:var(--card);color:#fff;font:700 16px var(--sans);cursor:pointer}
.udrop{position:relative}
.um{display:none;position:absolute;right:0;top:48px;min-width:190px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px;flex-direction:column;gap:2px}
.udrop.open .um{display:flex}
.um a,.um button,.um b{padding:8px 10px;border-radius:6px;text-align:left;background:none;border:0;color:#fff;font:inherit;cursor:pointer}
.um a:hover,.um button:hover{background:var(--line)}
.fl{position:relative}
.fl input,.fl select,.fl textarea{transition:border-color .25s,box-shadow .25s}
.fl input:focus,.fl select:focus,.fl textarea:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 3px rgba(230,57,70,.3)}
.vi{position:absolute;right:12px;top:34px;font-style:normal;font-weight:700;opacity:0;transition:opacity .3s}
.fl.ok .vi::before{content:"✓";color:var(--ok)}.fl.bad .vi::before{content:"✗";color:var(--red)}
.fl.ok .vi,.fl.bad .vi{opacity:1}
.fl.ok input{border-color:var(--ok)}.fl.bad input{border-color:var(--red)}
.fl small{display:block;color:var(--red);font-size:12px}
.fl em{font-style:normal;font-size:12px;color:var(--mut)}
.bar{height:4px;background:var(--line);border-radius:4px;margin-top:6px;overflow:hidden}
.bar span{display:block;height:100%;width:0;transition:width .3s,background .3s}
.auth{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:start}
.auth aside{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--red);border-radius:14px;padding:32px}
.auth aside ul{margin:18px 0 0;padding-left:18px;color:var(--mut)}.auth aside li{margin-bottom:8px}
.auth.done{display:block;text-align:center;max-width:560px;margin:auto}.auth.done .btn{margin:14px 4px 0}
.ck{display:grid;gap:8px}
.ck label{display:flex;gap:8px;align-items:flex-start;text-transform:none;font-size:14px;color:#fff}
.ck input{width:auto;margin-top:5px}
.lnk{background:none;border:0;color:var(--red);cursor:pointer;font:inherit;text-decoration:underline}
.choice{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.choice .cat{text-align:center;padding:48px 28px}.choice .cat svg{width:72px;height:72px}.choice .cat h3{font-size:34px}.choice .btn{margin-top:16px}
.acct{display:grid;grid-template-columns:220px 1fr;gap:32px}
.side{display:flex;flex-direction:column;gap:4px}
.side a,.side button{padding:12px 16px;border-radius:8px;background:none;border:0;color:#fff;text-align:left;font:inherit;cursor:pointer}
.side a.on{background:var(--red)}.side a:hover:not(.on),.side button:hover{background:var(--card)}
.avatar{display:flex;gap:16px;align-items:center}
.avatar img,.avatar span{width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--card);border:2px solid var(--red);display:grid;place-items:center;font:36px var(--display)}
.mylist .row{display:grid;grid-template-columns:90px 1fr auto;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:10px}
.st{padding:4px 12px;border-radius:99px;font-size:12px;background:var(--line)}.st-Pendente{background:#facc15;color:#000}
.bal{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.bal div{background:var(--card);padding:20px;border-radius:12px;border:1px solid var(--line)}.bal b{display:block;font:26px var(--display)}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.75);display:grid;place-items:center;z-index:90;padding:20px}
.mb{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px;max-width:460px;width:100%;position:relative}
.mb .x{position:absolute;top:8px;right:14px;background:none;border:0;color:#fff;font-size:28px;cursor:pointer}
.mb form{grid-template-columns:1fr}
.wafab{position:fixed;right:20px;bottom:20px;z-index:55;display:flex;align-items:center;gap:8px;background:var(--ok);color:#0D0D0D;font-weight:700;padding:12px 18px;border-radius:99px;box-shadow:0 6px 20px rgba(0,0,0,.5)}
.wafab svg{width:20px;height:20px;fill:none;stroke:#0D0D0D;stroke-width:2}
.cf{position:fixed;top:-14px;width:9px;height:14px;z-index:95;pointer-events:none;animation:fall 2.8s ease-in forwards}
@keyframes fall{to{transform:translate(var(--x),105vh) rotate(720deg)}}
@media(max-width:800px){.auth,.acct{grid-template-columns:1fr}.um{position:static}nav{gap:12px}}

/* FASE 3 */
[hidden]{display:none!important}
#toast{top:84px;bottom:auto;transform:translate(-50%,-160px)}#toast.show{transform:translate(-50%,0)}
.bdg{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.b{font-size:11px;padding:2px 8px;border-radius:99px;background:var(--line);text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.b.ver{background:rgba(74,222,128,.15);color:var(--ok)}.b.dst{background:var(--red)}
.chip{transition:background .25s,border-color .25s,transform .2s}.chip:hover{transform:translateY(-1px)}
.card:hover{border-color:var(--red);box-shadow:0 0 0 1px var(--red),0 14px 30px rgba(230,57,70,.25)}
@media(max-width:600px){.grid{grid-template-columns:1fr 1fr;gap:12px}.card .in{padding:10px}.card h3{font-size:16px}}
.cntbar{display:flex;justify-content:space-between;align-items:center;margin:14px 0;flex-wrap:wrap;gap:10px}.cntbar select{width:auto}
.gnav{display:flex;gap:8px;margin-top:8px}.gnav button{width:40px;height:36px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:#fff;font-size:20px;cursor:pointer}
.gal{cursor:zoom-in}.zoom img,.zoom svg{width:100%;height:auto;border-radius:8px}.mb:has(.zoom){max-width:900px}
.map{background:var(--card);border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:12px;padding:8px 14px;margin:12px 0}.map svg{width:90px;height:46px;stroke:var(--line);fill:none}.map circle{fill:var(--red);stroke:none}
.seller{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;margin:14px 0;flex-wrap:wrap}
.seller .av{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none}.seller.big{padding:24px}.seller.big .av{width:84px;height:84px;font:36px var(--display)}
.pbar{height:6px;background:var(--line);border-radius:6px;overflow:hidden}.pbar span{display:block;height:100%;background:var(--red);transition:width .4s}
.wiz{max-width:760px}.wiz h3{font-size:26px;margin:14px 0}
.pks{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.pk{padding:18px;border-radius:12px;border:2px solid var(--line);background:var(--card);color:#fff;font:inherit;font-weight:700;cursor:pointer;transition:border-color .25s,transform .2s}.pk:hover{transform:translateY(-2px)}.pk.on{border-color:var(--red);background:#2a1114}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.drop{border:2px dashed var(--line);border-radius:12px;padding:22px;text-align:center;transition:border-color .2s}.drop:hover{border-color:var(--red)}
.prev2{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.prev2>div{position:relative;width:100px;height:100px}.prev2 img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.prev2 em{position:absolute;left:4px;bottom:4px;background:var(--rb);font-size:10px;font-style:normal;padding:1px 6px;border-radius:4px}
.prev2 button{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:0;background:#fff;color:#000;cursor:pointer}
.ld::after{content:"";display:inline-block;width:14px;height:14px;margin-left:8px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}
.nt{background:rgba(230,57,70,.12);border-left:3px solid var(--red);padding:10px 14px;border-radius:6px;margin-bottom:10px}
.st-Aprovado{background:var(--ok);color:#000}.st-Rejeitado{background:var(--red)}.st-Pausado{background:#666}.st-Vendido{background:#fff;color:#000}
.chrow{display:block;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:8px;color:#fff;font:inherit;cursor:pointer}.chrow small{display:block;color:var(--mut)}
#chatw{position:fixed;right:20px;bottom:76px;width:min(340px,calc(100vw - 40px));height:420px;background:var(--card);border:1px solid var(--red);border-radius:14px;z-index:70;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.ch-h{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--red);font-weight:700}.ch-h button{background:none;border:0;color:#fff;font-size:22px;cursor:pointer}
.ch-w{font-size:11px;color:var(--mut);padding:6px 12px}.ch-b{flex:1;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:6px}
.m{max-width:80%;background:var(--line);padding:8px 12px;border-radius:12px;align-self:flex-start;font-size:14px;animation:fade .3s}.m.me{align-self:flex-end;background:var(--red)}.m small{display:block;opacity:.9;font-size:10px}
#fchat{display:flex!important;gap:6px;padding:8px;max-width:none}
.admwrap{display:grid;grid-template-columns:230px 1fr;min-height:100vh;padding-top:68px}
.aside{background:#080808;border-right:1px solid var(--line);padding:18px 10px;display:flex;flex-direction:column;gap:2px;position:sticky;top:68px;height:calc(100vh - 68px);overflow:auto}
.aside a,.aside button{padding:10px 14px;border-radius:8px;color:#fff;background:none;border:0;text-align:left;font:inherit;cursor:pointer}.aside a.on{background:var(--red)}.aside a:hover:not(.on),.aside button:hover{background:var(--card)}
.cnt{background:#fff;color:var(--red);border-radius:99px;padding:0 7px;font-size:12px;font-style:normal;font-weight:700}
.admc{padding:28px;min-width:0}.admh{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:20px}
.admc h3{margin:24px 0 8px;font-size:22px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:14px 0}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;color:var(--mut);font-size:13px}.kpi b{display:block;font:40px var(--display);color:#fff}.kpi.hot{border-color:var(--red)}.kpi.hot b{color:var(--red)}
.chart{display:flex;gap:14px;margin:14px 0}.chart>div{flex:1;text-align:center}.bw{height:140px;display:flex;align-items:flex-end}
.bw span{width:100%;background:var(--red);border-radius:6px 6px 0 0;transition:height 1s cubic-bezier(.2,.8,.2,1);min-height:2px}
.tbl .trow{display:grid;grid-template-columns:auto 70px 1fr auto auto;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:8px}
.tbl .trow.u{grid-template-columns:auto 1fr auto auto}.trow .ph{aspect-ratio:1}
.slide{animation:sd .35s ease-out;overflow:hidden}@keyframes sd{from{max-height:0;opacity:0}to{max-height:200px;opacity:1}}
.okc{text-align:center}.okc svg{width:90px;stroke:var(--ok);fill:none;stroke-width:3}
.okc circle{stroke-dasharray:151;stroke-dashoffset:151;animation:dr .5s forwards}.okc path{stroke-dasharray:50;stroke-dashoffset:50;animation:dr .4s .4s forwards}@keyframes dr{to{stroke-dashoffset:0}}
.prevbox{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;align-self:start}
.bnrs{padding:30px 0 0}.bnr{display:block;background:var(--card) center/cover;border:1px solid var(--red);border-radius:14px;padding:28px;margin-bottom:12px}.bnr h3{font-size:28px}.bnr p{color:var(--mut)}
@media(max-width:800px){.admwrap,.two{grid-template-columns:1fr}.aside{position:static;height:auto;flex-direction:row;flex-wrap:wrap}.tbl .trow,.tbl .trow.u{grid-template-columns:1fr}}

/* FASE 4 */
.pay{grid-template-columns:1fr}.pk small{display:block;color:var(--ok);font-weight:400;font-size:12px}
.mb textarea{font-size:12px}
.st.ok{background:var(--ok);color:#000}.st.warn{background:#facc15;color:#000}.st.bad{background:var(--red)}
.bal.big b{font:40px var(--display)}.bal .g b{color:var(--ok)}
.pos{color:var(--ok);font-weight:700}.neg{color:var(--red);font-weight:700}
.chart.g .bw span{background:var(--ok)}.kpi.in b{color:var(--ok)}
.kpi,.bal div{transition:transform .25s,border-color .25s}.kpi:hover,.bal div:hover{transform:translateY(-3px);border-color:var(--red)}

/* FASE 5 */
:root{--rb:#C62A38}
.btn:not(.ghost):not(.wa){background:var(--rb);border-color:var(--rb)}
.cta{background:var(--rb)}.cta .btn:not(.ghost):not(.wa){background:#fff;color:var(--rb);border-color:#fff}
.hot,.b.dst,.st.bad,.chip.on,.m.me,.ch-h,.side a.on,.aside a.on,.pk.on{background:var(--rb)}.chip.on{border-color:var(--rb)}.pk.on{border-color:var(--red)}
.skip{position:fixed;left:12px;top:-70px;z-index:300;background:#fff;color:#000;padding:10px 16px;border-radius:8px;font:700 14px var(--sans);border:0;cursor:pointer;transition:top .2s}.skip:focus{top:12px}
:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px var(--red)}
main:focus{outline:none;box-shadow:none}
/* CLS: o main ocupa ao menos a tela inteira, então o rodapé já nasce abaixo da dobra e não é empurrado quando o app.js desenha a rota */
main{min-height:100vh;min-height:100svh}
.splash{position:fixed;inset:0;z-index:200;background:#0D0D0D;display:grid;place-items:center;overflow:hidden;transition:opacity .4s}
.splash::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 22px,rgba(255,255,255,.03) 22px 24px),repeating-linear-gradient(0deg,transparent 0 80px,rgba(230,57,70,.07) 80px 81px)}
.splash.out{opacity:0;pointer-events:none}
.splash.flash::after{content:"";position:absolute;inset:0;background:#fff;opacity:0;animation:fl .18s}
@keyframes fl{50%{opacity:.35}}
.sp-in{position:relative;text-align:center;padding:20px;width:min(520px,92vw)}
.sp-logo{position:relative;display:inline-grid;place-items:center;animation:spl .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes spl{from{opacity:0;transform:scale(.8)}}
.logo.big{width:clamp(96px,26vw,140px);height:clamp(96px,26vw,140px)}
.sp-wheel{position:absolute;right:calc(-1 * clamp(34px,9vw,48px));top:-4px;width:clamp(26px,7vw,36px);opacity:.75}
.sp-wheel svg{stroke:var(--red);fill:none;stroke-width:1.6;animation:rot 6s linear infinite}
@keyframes rot{to{transform:rotate(360deg)}}
.sp-name{font:clamp(32px,9vw,56px) var(--display);letter-spacing:.24em;margin:18px 0 6px;padding-left:.24em;text-transform:uppercase;white-space:nowrap}
.sp-name span{display:inline-block;opacity:0;animation:ltr .3s calc(.12s + var(--i)*.04s) forwards}
@keyframes ltr{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.sp-slogan{font:italic 400 clamp(24px,6vw,34px) var(--serif);color:var(--red);opacity:0;animation:show .4s .4s forwards}
@keyframes show{to{opacity:1}}
.sp-phrase{color:var(--mut);height:24px;margin:18px 0 12px;font-size:14px}
.sp-bar{height:6px;background:#222;border-radius:6px;overflow:hidden}
.sp-bar span{display:block;height:100%;width:0;background:var(--red);position:relative;overflow:hidden}
.sp-bar span::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:translateX(-100%);animation:shm 1.1s infinite}
@keyframes shm{to{transform:translateX(100%)}}
.sp-pct{display:block;text-align:right;font:600 14px var(--sans);margin-top:6px}
.sp-particles i{position:absolute;bottom:-10px;background:#fff;border-radius:50%;opacity:.15;animation:up linear infinite}
@keyframes up{to{transform:translateY(-110vh)}}
body.splash-on{overflow:hidden}
#app.enter{animation:fup .6s both}@keyframes fup{from{opacity:0;transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){.sp-name span,.sp-slogan{opacity:1!important}}
.a11y-rm .sp-name span,.a11y-rm .sp-slogan{opacity:1!important}
#a11yb{position:fixed;left:20px;bottom:20px;z-index:60;width:52px;height:52px;border-radius:50%;border:2px solid #fff;background:#0D0D0D;color:#fff;font-size:26px;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.5)}
#a11y{position:fixed;left:0;top:0;bottom:0;width:min(320px,92vw);background:var(--card);border-right:2px solid var(--red);z-index:150;padding:18px;overflow:auto;box-shadow:10px 0 30px rgba(0,0,0,.5)}
#a11y[hidden]{display:none}
#a11y .ah{display:flex;justify-content:space-between;align-items:center;font:22px var(--display);margin-bottom:14px}.ah button{background:none;border:0;color:var(--tx);font-size:28px;cursor:pointer}
.tg{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 4px;background:none;border:0;border-bottom:1px solid var(--line);color:var(--tx);font:inherit;cursor:pointer}
.tg i{width:40px;height:22px;border-radius:99px;background:#555;position:relative;transition:background .2s}
.tg i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s}
.tg[aria-checked=true] i{background:#168a43}.tg[aria-checked=true] i::after{left:21px}
.fs{display:flex;justify-content:space-between;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line)}
.fs button{width:44px;height:36px;margin-left:6px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--tx);font:700 15px var(--sans);cursor:pointer}.fs button:disabled{opacity:.4}
#rg{position:fixed;left:0;right:0;top:0;height:40px;background:rgba(255,255,0,.18);border-block:2px solid #ff0;z-index:140;pointer-events:none}
#lupa{position:fixed;z-index:160;max-width:420px;background:#ff0;color:#000;padding:10px 14px;border-radius:8px;font:700 24px/1.3 var(--sans);pointer-events:none;box-shadow:0 6px 20px rgba(0,0,0,.5)}
#lupa[hidden],#rg[hidden],#btt[hidden]{display:none}
main,footer,.top{zoom:var(--fz,1)}
html.a11y-light{filter:invert(1) hue-rotate(180deg)}
html.a11y-light img,html.a11y-light video,html.a11y-light .splash{filter:invert(1) hue-rotate(180deg)}
html.a11y-hc{--bg:#000;--card:#000;--line:#ff0;--tx:#ff0;--mut:#ff0;--red:#ff0;--rb:#000}
html.a11y-hc *{color:#ff0!important;border-color:#ff0!important;text-shadow:none!important}
html.a11y-hc body{background:#000}
html.a11y-hc .btn,html.a11y-hc .chip.on,html.a11y-hc .pk.on,html.a11y-hc .cta{background:#000!important}
html.a11y-hc .btn{border:2px solid #ff0!important}
html.a11y-links a{text-decoration:underline!important;text-underline-offset:3px}
html.a11y-sp body{line-height:1.95;letter-spacing:.06em;word-spacing:.16em}
html.a11y-rm *,html.a11y-rm *::before,html.a11y-rm *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.a11y-rm .rv{opacity:1;transform:none}
#ckb{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);width:min(900px,calc(100vw - 32px));background:var(--card);border:1px solid var(--red);border-radius:14px;padding:16px 18px;z-index:80;display:flex;gap:14px;align-items:center;flex-wrap:wrap;box-shadow:0 10px 30px rgba(0,0,0,.6);animation:fup .5s}
#ckb p{flex:1 1 320px;font-size:14px}#ckb a{color:var(--red);text-decoration:underline}
@media(max-width:1100px){#ckb{bottom:84px}}
.modal.legal .mb{max-width:760px;max-height:86vh;overflow:auto}
.toc ol{padding-left:20px;margin:10px 0 20px}.legal section{margin-bottom:16px}.legal h3{font-size:22px;margin-bottom:4px}
#btt{position:fixed;right:20px;bottom:80px;z-index:54;width:46px;height:46px;border-radius:50%;border:2px solid var(--red);background:var(--bg);color:var(--tx);font-size:22px;cursor:pointer}
.foot{grid-template-columns:1.6fr 1fr 1fr 1fr}
.foot h2{font:16px var(--display);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
.lnkf{display:block;background:none;border:0;color:var(--mut);font:inherit;padding:0;margin-bottom:6px;cursor:pointer;text-align:left}.lnkf:hover{color:var(--red)}
.soc{display:flex;gap:14px;margin-top:10px;flex-wrap:wrap}.soc a{margin:0}
.aboutg{display:flex;gap:40px;align-items:center;flex-wrap:wrap}
@media(max-width:800px){.foot{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.foot{grid-template-columns:1fr}}
@media print{body>*:not(.modal){display:none!important}.modal{position:static;background:#fff;display:block;padding:0}.mb{border:0;max-width:none!important;max-height:none!important;overflow:visible!important;background:#fff}.mb *{color:#000!important}.x,.acts,.toc button{display:none!important}}

/* =====================================================================
   FASE 6 — Redesign editorial (Vogue + Nike + Apple)
   Paleta em OKLCH: tinta (preto da marca), papel (branco frio) e o
   vermelho do logo como única cor de ação. Anton nos títulos, Instrument
   Serif itálico em uma palavra de destaque por título, Inter no corpo.
   ===================================================================== */
:root{
  --ink:oklch(0.17 0.006 20);--ink-2:oklch(0.215 0.007 20);--ink-3:oklch(0.3 0.008 20);
  --paper:oklch(0.962 0.003 20);--paper-2:oklch(0.926 0.004 20);
  --red:oklch(0.63 0.215 25);--rb:oklch(0.53 0.2 25);--rb-2:oklch(0.46 0.18 25);--red-ink:oklch(0.5 0.19 25);
  --ok:oklch(0.8 0.17 152);
  --bg:var(--ink);--card:var(--ink-2);--line:oklch(0.31 0.008 20);--tx:oklch(0.97 0.003 20);--mut:oklch(0.72 0.01 20);
  --display:Anton,'Anton Fallback',Impact,'Arial Narrow',sans-serif;--sans:Inter,'Inter Fallback',-apple-system,'Segoe UI',Roboto,sans-serif;--serif:'Instrument Serif','Instrument Serif Fallback',Georgia,'Times New Roman',serif;
  --r-sm:6px;--r:12px;--r-ph:14px;--ease:cubic-bezier(.2,.7,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);
  --label:600 12px/1 var(--sans)
}
.paper{--bg:var(--paper);--card:var(--paper-2);--line:oklch(0.86 0.005 20);--tx:var(--ink);--mut:oklch(0.46 0.01 20);--red:var(--red-ink);background:var(--bg);color:var(--tx)}
html.a11y-hc .paper{--bg:#000;--card:#000;--line:#ff0;--tx:#ff0;--mut:#ff0;--red:#ff0;background:#000}
body{background:var(--bg);color:var(--tx);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--rb);color:#fff}
h1,h2{text-shadow:none}
h1,h2,h3{font-family:var(--display);letter-spacing:.005em}
h1{font-size:clamp(44px,7vw,96px);line-height:.9}
h2,h1.t1{font-size:clamp(36px,5.2vw,68px);line-height:.92;margin-bottom:0}
.lede{font:400 clamp(17px,1.25vw,19px)/1.55 var(--sans);color:var(--mut);max-width:42ch;letter-spacing:-.005em}
/* Uma palavra por título em itálico serifado: o contraste Anton x serifa é a assinatura editorial */
h1 em,h2 em,h3 em{font:italic 400 1em/0 var(--serif);text-transform:none;letter-spacing:-.02em;padding-right:.06em}
.paper h2 em,.paper .t1 em{color:var(--red)}
.eyb{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:var(--label);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.eyb::before{content:"";width:28px;height:1px;background:currentColor}
/* Grão de filme fixo: textura sutil no site todo (camada estática, sem blend, para não pesar no scroll) */
body::after{content:"";position:fixed;inset:0;z-index:120;pointer-events:none;opacity:.06;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/200px 200px}
html.a11y-hc body::after{display:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sec{padding:clamp(88px,12vw,168px) 0}
.sec-h{display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px 48px;margin-bottom:clamp(36px,5vw,64px)}
.sec-h .lede{text-align:left}
:focus-visible{outline:2px solid var(--tx);outline-offset:3px;box-shadow:none}

/* Lenis */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}

/* Cabeçalho */
.top{padding:14px clamp(16px,4vw,40px);background:color-mix(in oklch,var(--ink) 90%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid oklch(1 0 0/.07);transition:background .4s,border-color .4s,backdrop-filter .4s}
body[data-page="home"]:not(.scrolled):not(.nav) .top{background:transparent;backdrop-filter:none;border-color:transparent}
.brand{gap:10px}
.brand b{font:22px var(--display);text-transform:uppercase;letter-spacing:.04em}
.logo{width:40px;height:40px;border:1px solid oklch(1 0 0/.18)}
nav{gap:26px;font-size:14px;font-weight:500}
.top nav a:not(.btn){position:relative;color:oklch(0.92 0.004 20);transition:color .2s}
.top nav a:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.top nav a:not(.btn):hover{color:#fff}.top nav a:not(.btn):hover::after{transform:scaleX(1)}
.favs{display:inline-flex;align-items:center;gap:6px;color:oklch(0.92 0.004 20)!important}
.favs svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.av{border:1px solid oklch(1 0 0/.25);background:var(--ink-2);font:600 15px var(--sans)}
.burger svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:1.6}
.um{background:var(--ink-2);border-color:var(--line);border-radius:var(--r)}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;padding:15px 28px;font:600 15px/1.2 var(--sans);letter-spacing:.01em;border:1px solid var(--rb);transition:background .25s,color .25s,border-color .25s,translate .45s var(--ease-out),scale .2s var(--ease-out)}
.btn::before,.btn.shim::after{display:none}
.btn:hover{transform:none;translate:0 -2px;box-shadow:none}
.btn:active{transform:none;translate:0;scale:.97}
.arr{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;overflow:hidden}
.arr svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .55s var(--ease-out)}
.btn .arr{margin:-6px -14px -6px 0;background:oklch(1 0 0/.16)}
.btn:hover .arr svg,a:hover>.arr svg{transform:translateX(3px)}
.btn:not(.ghost):not(.wa):hover{background:var(--rb-2);border-color:var(--rb-2)}
.btn.ghost{background:transparent;color:var(--tx);border-color:color-mix(in oklch,var(--tx) 32%,transparent)}
.btn.ghost:hover{border-color:var(--tx);background:color-mix(in oklch,var(--tx) 6%,transparent)}
.btn.ghost.light{color:#fff;border-color:oklch(1 0 0/.5)}.btn.ghost.light:hover{border-color:#fff;background:oklch(1 0 0/.08)}
.btn.ghost.danger{color:var(--red);border-color:color-mix(in oklch,var(--red) 45%,transparent)}
.btn.sm{padding:9px 16px;font-size:13px}
.btn.wa{background:var(--ok);border-color:var(--ok);color:var(--ink)}
.lnk-u{background:none;border:0;padding:0;font:500 14px var(--sans);color:var(--tx);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;cursor:pointer;transition:color .2s}
.lnk-u:hover{color:var(--red)}
.lnk{color:var(--red)}

/* Formulários */
label{text-transform:none;font-size:13px;font-weight:500;color:var(--mut);letter-spacing:0}
input,select,textarea{background:var(--card);color:var(--tx);border:1px solid var(--line);border-radius:var(--r);padding:13px 15px;transition:border-color .2s,box-shadow .2s}
input:hover,select:hover,textarea:hover{border-color:color-mix(in oklch,var(--tx) 35%,transparent)}
input:focus,select:focus,textarea:focus,.fl input:focus,.fl select:focus,.fl textarea:focus{outline:0;border-color:var(--tx);box-shadow:0 0 0 3px color-mix(in oklch,var(--red) 28%,transparent)}
.fl.bad input,.fl.bad select,.fl.bad textarea{border-color:var(--red)}
.fl small{color:var(--red)}
.drop{border:1px dashed var(--line);border-radius:var(--r);padding:28px}
.drop:hover{border-color:var(--tx)}
.opt{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r);margin:14px 0;cursor:pointer;color:var(--tx);font-size:15px;transition:border-color .25s,background .25s}
.opt:hover{border-color:var(--mut)}.opt:has(input:checked){border-color:var(--red);background:color-mix(in oklch,var(--red) 6%,transparent)}
.opt input{appearance:none;-webkit-appearance:none;flex:none;width:42px;height:24px;border-radius:99px;background:var(--ink-3);border:0;padding:0;position:relative;margin-top:1px;cursor:pointer;transition:background .25s}
.opt input::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .3s var(--ease)}
.opt input:checked{background:var(--rb)}.opt input:checked::after{transform:translateX(18px)}
.opt input:focus{box-shadow:none}.opt input:focus-visible{outline:2px solid var(--tx);outline-offset:3px}
.opt-t b{display:block;font-weight:600}.opt-t small{display:block;color:var(--mut);font-size:13px;margin-top:4px;line-height:1.45}
.vt{display:block;color:var(--mut);font-size:12.5px;margin-top:2px}.vt.off{color:var(--red)}

/* Hero */
.hero{min-height:100svh;display:flex;align-items:flex-end;place-items:unset;text-align:left;padding:120px 0 clamp(32px,5vh,64px);background:var(--ink)}
.hero-video{filter:contrast(1.08) saturate(.78) brightness(.9);transform-origin:50% 60%}
/* vinheta de lente + escurecimento no pé, para o título branco ler sobre qualquer quadro do vídeo */
.hero .bg{inset:0;background:radial-gradient(120% 90% at 50% 38%,transparent 40%,oklch(0.1 0.005 20/.6) 100%),linear-gradient(180deg,oklch(0.1 0.005 20/.5) 0%,oklch(0.1 0.005 20/0) 28%,oklch(0.1 0.005 20/.86) 100%)}
.hero .bg::after{display:none}
.hero-in{width:100%;position:relative;z-index:1}
.hero .hero-kick{display:flex;justify-content:space-between;gap:16px;max-width:none;margin:0 0 clamp(14px,2vw,24px);font:var(--label);letter-spacing:.16em;text-transform:uppercase;color:oklch(1 0 0/.75)}
.hero-kick span{display:flex;align-items:center;gap:12px}
.hero-kick span:first-child::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px oklch(0.63 0.215 25/.28)}
.hero .hero-t{font-size:clamp(64px,13.6vw,224px);line-height:.96;letter-spacing:-.01em;margin:0 0 clamp(24px,3.4vw,40px);text-shadow:none}
.hero .hero-t em{color:var(--red);font-style:italic}
/* máscara da entrada linha a linha: folga em cima para os acentos do Anton (Ó, Á) não serem cortados */
.ln{display:block;overflow:hidden;padding:.3em 0 .03em;margin-top:-.3em}.ln>span{display:block}
.hero-foot{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px 48px;padding-top:24px}
.hero-foot .rule{position:absolute;top:0;left:0;right:0;height:1px;background:oklch(1 0 0/.3)}
/* Entrada do hero (Etapa E, item 3): CSS e só transform, então o título nunca some e já conta como LCP na 1ª pintura.
   Não depende do GSAP. Com a splash na frente, fica parada no quadro inicial (visível) até ela sair.
   'backwards' (e não 'both'): depois de terminar, o transform volta a ser do GSAP (parallax, botão magnético). */
@keyframes heroLn{from{transform:translateY(12%) rotate(1deg)}}
@keyframes heroSobe{from{transform:translateY(14px)}}
@keyframes heroZoom{from{transform:scale(1.12)}}
@keyframes heroRegua{from{transform:scaleX(0)}}
.hero .hero-t .ln>span{transform-origin:0 100%;animation:heroLn 1.25s var(--ease-out) .2s backwards}
.hero .hero-t .ln+.ln>span{animation-delay:.3s}
.hero>.hero-media{animation:heroZoom 2.4s cubic-bezier(.25,.46,.45,.94) backwards}
.hero-kick>*{animation:heroSobe .9s var(--ease-out) .15s backwards}.hero-kick>*+*{animation-delay:.23s}
.hero-foot .rule{transform-origin:0 50%;animation:heroRegua 1.4s cubic-bezier(.87,0,.13,1) .45s backwards}
.hero-foot .lede,.hero-foot .btn{animation:heroSobe 1s var(--ease-out) .7s backwards}.hero-foot .btn{animation-delay:.78s}.hero-foot .btn+.btn{animation-delay:.86s}
body.splash-on .hero *,body.splash-on .hero>.hero-media{animation-play-state:paused}
/* Sem JavaScript (o site é montado pelo app.js): aviso dentro do main, trocado assim que o JS roda */
.nojs{padding:140px clamp(16px,4vw,40px) 72px}.nojs h1{font:400 clamp(40px,7vw,72px)/1 var(--display);text-transform:uppercase;margin:0 0 16px}.nojs p{max-width:56ch;color:var(--mut);margin:0 0 20px}.nojs .btns{display:flex;flex-wrap:wrap;gap:12px}
.hero .lede{color:oklch(1 0 0/.8);margin:0;max-width:46ch}
.hero .btns{justify-content:flex-start;gap:12px}

/* Categorias em lista tipográfica */
.catlist{border-top:1px solid var(--line)}
.bdg{align-items:center}
.ph{background:var(--card)}
.catlist a{display:grid;grid-template-columns:clamp(40px,6vw,96px) minmax(0,1fr) auto auto;align-items:center;gap:clamp(12px,2vw,32px);padding:clamp(6px,1.2vw,16px) 0;border-bottom:1px solid var(--line);overflow:hidden}
.catlist .ci{align-self:start;padding-top:2.4em;font:500 13px/1 var(--sans);font-variant-numeric:tabular-nums;color:var(--mut)}
.catlist .cn{position:relative;display:block;font:clamp(56px,11vw,168px)/.9 var(--display);text-transform:uppercase;letter-spacing:-.005em;padding-top:.04em;transition:transform .8s var(--ease-out)}
/* a tinta vermelha varre a palavra da esquerda para a direita */
.catlist .cn::after{content:attr(data-t);position:absolute;inset:0;padding-top:.04em;color:var(--red);clip-path:inset(0 100% 0 0);transition:clip-path .75s var(--ease-out)}
.catlist a:hover .cn::after,.catlist a:focus-visible .cn::after{clip-path:inset(0 0 0 0)}
.catlist a:hover .cn{transform:translateX(clamp(6px,1.2vw,20px))}
.catlist .cc{font:500 15px var(--sans);color:var(--mut);white-space:nowrap;transition:color .3s}
.catlist a:hover .cc{color:var(--tx)}
.catlist .arr{width:clamp(44px,4.4vw,64px);height:auto;aspect-ratio:1;border:1px solid var(--line);transform:rotate(-45deg);transition:transform .7s var(--ease-out),background .3s,border-color .3s,color .3s}
.catlist .arr svg{width:38%;height:38%}
.catlist a:hover .arr,.catlist a:focus-visible .arr{transform:none;background:var(--tx);border-color:var(--tx);color:var(--bg)}
.catlist a:hover .arr svg{transform:none}
.feat{padding-top:0}

/* Cards de anúncio */
.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:clamp(32px,3.4vw,52px) clamp(16px,2vw,28px)}
.card{background:none;border:0;border-radius:0;overflow:visible;box-shadow:none;animation:none}
.card:hover{transform:none;box-shadow:none;border-color:transparent}
/* Entrada dos cards do "Carregar mais" (CSS no compositor; mesma curva do GSAP power3.out). Movimento reduzido: o CSS global desliga */
@keyframes cardIn{from{opacity:0;transform:translateY(32px)}}.card.card-in{animation:cardIn .8s cubic-bezier(.215,.61,.355,1) calc(var(--i,0)*70ms) backwards}
.card .ph{position:relative;aspect-ratio:4/5;border-radius:var(--r-ph);background:var(--card);isolation:isolate}
.ph img{filter:contrast(1.06) saturate(.9) sepia(.05);transition:transform 1.4s var(--ease-out),filter .6s}
.card:hover .ph>*{transform:none}
.card:hover .ph>img,.card:hover .ph>svg{transform:scale(1.05)}
.card .go{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:10px;padding:6px 6px 6px 16px;border-radius:999px;background:oklch(0.97 0.003 20/.94);color:var(--ink);font:600 13px/1 var(--sans);opacity:0;transform:translateY(12px);transition:opacity .35s,transform .7s var(--ease-out)}
.card .go .arr{width:26px;height:26px;background:var(--ink);color:#fff}
.card-l:hover .go,.card-l:focus-visible .go{opacity:1;transform:none}
@media(hover:none){.card .go{display:none}}
/* vitrine da home: colunas pares descem, ritmo de revista */
@media(min-width:901px){.feat .grid>.card:nth-child(even){margin-top:clamp(40px,5vw,88px)}}
.card:hover .ph img{filter:contrast(1.06) saturate(1) sepia(0)}
.ph .noph{width:56%;height:auto;color:var(--mut);opacity:.45}
.card .in{padding:16px 2px 0}
.card .tag,.info .tag{font:600 11px/1.4 var(--sans);color:var(--mut);text-transform:uppercase;letter-spacing:.14em;margin:0 0 8px}
.card h3{font:600 16px/1.35 var(--sans);text-transform:none;letter-spacing:0;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-l:hover h3{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.card .price{font-size:30px;line-height:1;color:var(--tx);letter-spacing:.005em}
.card .meta{font-size:13px;margin:8px 0 0}
.card .bdg{position:absolute;top:12px;left:12px;right:60px;margin:0;pointer-events:none}
.b{font:600 11px/1 var(--sans);letter-spacing:.01em;text-transform:none;padding:6px 10px;border-radius:999px;background:oklch(0.17 0.006 20/.78);color:#fff;backdrop-filter:blur(6px)}
.b.dst{background:var(--rb)}.b.vist{background:oklch(0.97 0.003 20);color:var(--ink)}.b.ver{background:oklch(0.17 0.006 20/.78);color:var(--ok)}
.heart{top:10px;right:10px;width:40px;height:40px;display:grid;place-items:center;background:oklch(0.97 0.003 20/.92);color:var(--ink);transition:transform .3s var(--ease),background .2s}
.heart svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;transition:fill .2s,stroke .2s}
.heart:hover{transform:scale(1.08)}.heart.on svg{fill:var(--rb);stroke:var(--rb)}

/* Skeletons */
@keyframes sk{to{background-position:-200% 0}}
.card.sk .ph,.skl,.ph:not(.img-ok):has(img){background:linear-gradient(100deg,var(--card) 30%,color-mix(in oklch,var(--card),var(--tx) 7%) 50%,var(--card) 70%) 0 0/200% 100%;animation:sk 1.3s linear infinite}
.skl{display:block;height:12px;border-radius:4px;margin-top:10px}
.empty-st{grid-column:1/-1;padding:44px 0;border-top:1px solid var(--line)}
.empty-st .lede{color:var(--tx);margin-bottom:20px;max-width:30ch}

/* Como funciona */
.steps{list-style:none;padding:0;margin:0;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,56px)}
.steps li{border-top:1px solid var(--line);padding-top:28px}
.sn{display:block;font:clamp(76px,9vw,132px)/.82 var(--display);color:transparent;-webkit-text-stroke:1px var(--mut);margin-bottom:24px}
.steps h3{font-size:30px;margin-bottom:10px}
.steps p{color:var(--mut);max-width:34ch}

/* Promessa */
.promise{background:var(--ink-2);padding-bottom:clamp(64px,8vw,104px)}
.promise blockquote{font:italic 400 clamp(36px,5.6vw,84px)/1.06 var(--serif);max-width:19ch;margin:0 0 clamp(56px,8vw,112px);letter-spacing:-.01em}
.promise .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid var(--line);padding-top:28px;margin:0}
.promise .stats b{font:clamp(48px,5vw,76px)/1 var(--display);color:var(--tx);margin-bottom:10px}
.promise .stats span{display:block;color:var(--mut);font-size:14px;max-width:24ch}

/* Chamada final */
.cta{background:var(--rb);text-align:left;padding:clamp(88px,12vw,168px) 0}
.cta h2{font-size:clamp(60px,10.5vw,168px);line-height:.86;max-width:9ch;margin-bottom:28px}
.cta p{font:400 clamp(17px,1.4vw,20px)/1.5 var(--sans);color:oklch(1 0 0/.85);margin-bottom:36px}
.cta .btn .arr{background:oklch(0.17 0.006 20/.12)}
.cta .btn:not(.ghost):not(.wa){padding:17px 34px;font-size:16px;background:oklch(0.97 0.003 20);color:var(--ink);border-color:oklch(0.97 0.003 20)}
.cta .btn:not(.ghost):not(.wa):hover{background:var(--ink);color:#fff;border-color:var(--ink)}

/* Rodapé */
footer{background:var(--ink);border-top:1px solid var(--line);padding:clamp(64px,8vw,112px) 0 28px;overflow:hidden}
.foot{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.foot h2{font:600 13px var(--sans);text-transform:none;letter-spacing:0;color:var(--tx);margin-bottom:14px}
.foot a,.lnkf{font-size:14px}
.fbrand .lede{color:var(--tx);max-width:28ch;margin-bottom:22px}
.wordmark{display:flex;overflow:hidden;font:calc(min(1120px,100vw - 40px)/3.05)/.8 var(--display);text-transform:uppercase;margin:clamp(40px,5vw,72px) 0 0;padding-top:.22em;white-space:nowrap;letter-spacing:-.005em}
.wordmark span{display:inline-block;padding-top:.22em;margin-top:-.22em;color:transparent;background:linear-gradient(180deg,var(--tx) 25%,color-mix(in oklch,var(--tx) 8%,transparent) 100%);-webkit-background-clip:text;background-clip:text}
html.a11y-rm .wordmark span{transform:none!important}
.copy{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;text-align:left;margin-top:28px;border-top:1px solid var(--line);padding-top:20px}
.copy p{margin:0;font-size:13px;color:var(--mut)}

/* Páginas em papel: lista, detalhe, perfil do vendedor */
#app.paper{background:var(--bg);color:var(--tx)}
.page{padding-top:clamp(112px,13vw,150px);padding-bottom:clamp(80px,10vw,128px)}
.pg-h{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px 48px;margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.pg-h h1{font-size:clamp(60px,9.5vw,136px);line-height:.86;margin:0}
.srch input{font-size:17px;padding:16px 20px;border-radius:999px}
.filters .chips{margin:18px 0 0}
.chips b{font:500 13px var(--sans);text-transform:none;color:var(--mut);min-width:84px}
.chip{background:transparent;color:var(--tx);border:1px solid var(--line);padding:8px 16px;font-size:14px}
.chip:hover{border-color:var(--tx);transform:none}
.chip.on{background:var(--tx);color:var(--bg);border-color:var(--tx)}
.cntbar{margin:36px 0 28px}.cntbar b{font-weight:500;font-size:14px;color:var(--mut)}
.more{text-align:center;margin-top:56px}
.crumbs{display:flex;gap:8px;font-size:13px;color:var(--mut);margin-bottom:28px}.crumbs a:hover{color:var(--tx)}
/* Página do anúncio: o preço decide, a foto convence, o vendedor dá confiança */
.det{padding-bottom:clamp(64px,8vw,112px)}
.detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,5vw,88px);align-items:start}
.gallery{min-width:0}
.gallery .ph,.gal-main{position:relative;aspect-ratio:4/5;border-radius:var(--r-ph);overflow:hidden;background:var(--card);isolation:isolate}
.gal-main>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:var(--zx,50%) var(--zy,50%);transition:opacity .65s var(--ease-out),transform .9s var(--ease-out)}
.gal-main>svg.noph{width:44%;height:auto}
.gal-main>.gal-new{opacity:0}.gal-main>.gal-new.on{opacity:1}
@media(hover:hover) and (pointer:fine){.gal-main:hover>img:last-child{transform:scale(1.35)}}
.gal-bar{display:flex;justify-content:space-between;align-items:center;margin-top:16px}
.gal-count{margin:0;font:var(--label);letter-spacing:.16em;color:var(--mut);font-variant-numeric:tabular-nums}.gal-count b{color:var(--tx)}
.gnav{display:flex;gap:8px;margin:0}
.gnav button{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--tx);cursor:pointer;transition:background .3s,color .3s,border-color .3s,scale .2s var(--ease-out)}
.gnav button:hover{background:var(--tx);color:var(--bg);border-color:var(--tx)}.gnav button:active{scale:.94}
.gnav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gnav button:first-child svg{transform:scaleX(-1)}
.thumbs{display:flex;gap:10px;margin-top:14px;overflow-x:auto;scrollbar-width:none}
.thumbs button{position:relative;flex:none;width:72px;aspect-ratio:4/5;padding:0;border:0;border-radius:8px;overflow:hidden;opacity:.45;background:var(--card);cursor:pointer;transition:opacity .3s}
.thumbs button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tx);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out)}
.thumbs button:hover{opacity:.8}.thumbs button.on{opacity:1}.thumbs button.on::after{transform:none}
.info{position:sticky;top:104px}
.info-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.info .tag{margin:0}
.info h1{font-size:clamp(28px,2.6vw,40px);line-height:1.02;letter-spacing:.005em;margin:0 0 clamp(16px,2vw,24px);max-width:18ch}
/* o preço é o maior elemento da coluna: decide a compra */
.price-xl{display:flex;align-items:flex-start;gap:.1em;margin:0;font:clamp(64px,7.2vw,116px)/.86 var(--display);letter-spacing:-.01em;color:var(--tx)}
.price-xl .cur{font-size:.34em;line-height:1;margin-top:.16em;color:var(--mut)}
.seal{display:inline-flex;align-items:center;gap:10px;margin:22px 0 0;padding:6px 16px 6px 6px;border-radius:999px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font-size:14px}
.seal b{font-weight:600}
.seal .ic{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff}
.seal svg,.vchk svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.acts.buy{display:grid;gap:10px;margin-top:clamp(24px,3vw,36px)}
.acts.buy .btn{width:100%;padding:18px 28px;font-size:16px}
.safe{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;font-size:13.5px;line-height:1.5;color:var(--mut)}
.safe svg{flex:none;width:18px;height:18px;margin-top:1px;fill:none;stroke:var(--tx);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.info .acts.quiet{gap:22px;margin-top:18px}
.loc{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin:22px 0 0;padding-top:20px;border-top:1px solid var(--line);color:var(--mut);font-size:14px}
.loc svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;flex:none}
/* vendedor: cartão em duas camadas (moldura + núcleo), luz vindo de cima */
.vend{margin-top:28px;padding:6px;border-radius:22px;background:color-mix(in oklch,var(--tx) 6%,var(--bg))}
.vend-in{padding:22px;border-radius:16px;background:var(--bg);box-shadow:inset 0 1px 0 oklch(1 0 0/.6),0 1px 2px oklch(0.17 0.006 20/.06),0 18px 36px -18px oklch(0.17 0.006 20/.2)}
.vend-h{display:flex;gap:14px;align-items:center}
.vend .av{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;object-fit:cover;background:var(--card);color:var(--tx);font:22px var(--display)}
.vend-n{display:flex;align-items:center;gap:8px;margin:0;font:600 17px/1.2 var(--sans)}
.vchk{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--tx);color:var(--bg)}.vchk svg{width:12px;height:12px;stroke-width:2.8}
.vend .meta{margin:4px 0 0;font-size:13px}
.vend-s{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0 0;border-top:1px solid var(--line)}
.vend-s div{padding:14px 0 0}.vend-s div+div{padding-left:16px;border-left:1px solid var(--line)}
.vend-s dt{font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.vend-s dd{margin:8px 0 0;font:28px/1 var(--display);color:var(--tx)}
.vend-o{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
.vend-o a{display:grid;place-items:center;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--card);color:var(--mut)}
.vend-o img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out)}.vend-o a:hover img{transform:scale(1.06)}
.vend-o svg{width:62%}
.vend-l{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font:600 14px var(--sans);color:var(--tx)}
.vend-l .arr{width:26px;height:26px;background:var(--tx);color:var(--bg)}
/* detalhes: título fixo à esquerda, texto e ficha à direita */
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:clamp(32px,6vw,120px);margin-top:clamp(96px,11vw,160px);padding-top:clamp(40px,5vw,64px);border-top:1px solid var(--line)}
.about-h{position:sticky;top:104px;align-self:start}
.about-h h2,.about-h .t1{font-size:clamp(44px,5vw,76px)}
.desc{margin:0;max-width:62ch}
.desc p{margin:0 0 1.1em;font-size:17px;line-height:1.7;color:var(--tx)}
.desc p.lead{font-size:clamp(20px,1.7vw,24px);line-height:1.45;letter-spacing:-.01em}
.about .sub{margin:clamp(40px,5vw,64px) 0 0;font:var(--label);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.about .sub:first-child{margin-top:0}
dl.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin:16px 0 0}
dl.facts div{padding:16px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}
dl.facts dt{font-size:12.5px;color:var(--mut)}dl.facts dd{margin:4px 0 0;font:600 17px/1.3 var(--sans)}
.vpanel{margin-top:clamp(40px,5vw,64px);padding:clamp(24px,3vw,40px);border-radius:var(--r-ph);background:var(--ink);color:oklch(0.97 0.003 20);box-shadow:inset 0 1px 0 oklch(1 0 0/.08),0 24px 48px -24px oklch(0.17 0.006 20/.45)}
.vpanel .eyb{color:oklch(1 0 0/.6)}
.vp-t{margin:0 0 10px;font:clamp(28px,2.8vw,40px)/1 var(--display);text-transform:uppercase}
.vpanel p:last-child{margin:0;color:oklch(1 0 0/.75)}
.seller{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:20px 0 0;margin-top:24px}
.seller .av{background:var(--card);border:0;color:var(--tx)}
.seller.big{border:0;padding:0 0 32px;border-bottom:1px solid var(--line)}
.sim{padding:0;margin-top:clamp(96px,11vw,160px)}
.nt{background:color-mix(in oklch,var(--red) 10%,transparent);border-left:2px solid var(--red);border-radius:0 8px 8px 0}

/* Taxa de publicação */
.fee-note b{color:var(--tx)}
.feebox{margin-top:24px;padding:20px 22px;border-radius:var(--r-ph);background:var(--card)}
.feebox .eyb{margin-bottom:12px}
.fee-l{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:0;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
.fee-l b{font:24px/1 var(--display);letter-spacing:.01em}
.fee-l.mut{color:var(--mut);font-size:14px}
.fee-l.tot{border-bottom:0;padding-top:16px}.fee-l.tot span{font-weight:600}.fee-l.tot b{font-size:32px}
.feebox .meta{margin:12px 0 0}
.feem h3{font-size:clamp(28px,4vw,40px);line-height:1;margin:0 0 18px}
.feem .fee-items{margin-bottom:22px}
.feem .pks{margin:10px 0 16px}
.feem .btn.full,#feepay .btn.full{width:100%}
.feem .btn[disabled]{opacity:.45;cursor:not-allowed;translate:none}

/* Conta, admin, modais */
.side a,.aside a,.side button,.aside button{font-size:14px;border-radius:10px}
.admtop{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.admtop h2,.admtop .t1{margin:0}
.admform{display:block;max-width:880px}
.admform fieldset{border:0;border-top:1px solid var(--line);padding:24px 0 10px;margin:0 0 6px}
.admform legend{font:600 14px var(--sans);color:var(--tx);padding:0 12px 0 0}
.admform .fl{margin-bottom:12px}
.narrow{grid-template-columns:1fr;max-width:420px;margin-top:18px}
.trow.is-off{opacity:.6}.stk{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.tbl .trow,.mylist .row,.kpi,.bal div,.chrow{border-radius:var(--r)}
.mb{background:var(--ink-2);border-color:var(--line);border-radius:18px}
.modal{background:oklch(0.1 0.005 20/.78);backdrop-filter:blur(6px)}
#toast{border-radius:999px;background:var(--tx);color:var(--bg);font-weight:600;font-size:14px}
.st{font-weight:600}
#a11yb{border:1px solid oklch(1 0 0/.25);background:var(--ink-2);display:grid;place-items:center}
#a11yb svg,#btt svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#btt{border:1px solid var(--line);background:var(--ink-2);display:grid;place-items:center}
#btt[hidden]{display:none}
.sp-slogan{color:var(--red)}
.logo.big{border-width:1px}
#app.enter{animation:fup .7s var(--ease) both}
/* mesma entrada com outro nome: alternar o nome reinicia a animação sem forçar layout (pageChrome) */
#app.enter.enter-b{animation-name:fup2}@keyframes fup2{from{opacity:0;transform:translateY(18px)}}

/* =====================================================================
   Painel do administrador — sala de controle em tinta, mesma tipografia do site.
   Cores de status (só para status, sempre com ponto + texto):
   âmbar = esperando, verde = no ar/ok, azul = rascunho/edição, rosa = recusado/erro.
   ===================================================================== */
:root{--s-warn:oklch(0.82 0.14 78);--s-ok:oklch(0.8 0.15 152);--s-info:oklch(0.76 0.1 245);--s-bad:oklch(0.7 0.17 22);
  --surface:oklch(0.205 0.007 20);--surface-2:oklch(0.235 0.008 20);
  --sh-dark:inset 0 1px 0 oklch(1 0 0/.05),0 1px 2px oklch(0.08 0.01 20/.5),0 20px 40px -20px oklch(0.08 0.01 20/.6)}
.dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:var(--mut)}
.dot.warn{background:var(--s-warn)}.dot.ok{background:var(--s-ok)}.dot.blue{background:var(--s-info)}.dot.bad{background:var(--s-bad)}

/* Login */
.adm-login{min-height:100svh;display:grid;align-items:center;padding:120px 0 72px;background:var(--ink)}
.al-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(40px,8vw,140px);align-items:end}
.al-copy h1{font-size:clamp(64px,10vw,160px);line-height:.9;margin:0 0 24px;padding-top:.18em}
.al-copy .lede{max-width:36ch}
.al-form{display:grid;grid-template-columns:1fr;max-width:none;gap:18px;padding-left:clamp(0px,4vw,56px);border-left:1px solid var(--line)}
.al-form .fl{margin:0}
.al-form .btn{width:100%;padding:17px 28px;font-size:16px}
.al-form .meta{margin:0}
.al-form .lnk-u{justify-self:start;color:var(--mut)}
.pw{position:relative}
.pw input{padding-right:96px}
.pw-t{position:absolute;right:6px;top:50%;translate:0 -50%;padding:8px 14px;border:0;border-radius:999px;background:transparent;color:var(--mut);font:600 13px var(--sans);cursor:pointer}
.pw-t:hover{color:var(--tx);background:oklch(1 0 0/.06)}
.fl small:empty{display:none}

/* Shell */
.admwrap{grid-template-columns:248px minmax(0,1fr);background:var(--ink)}
.aside{display:flex;flex-direction:column;gap:0;padding:20px 14px 18px;background:oklch(0.145 0.005 20);border-right:1px solid oklch(1 0 0/.06)}
.adm-brand{display:flex;align-items:center;gap:12px;padding:4px 10px 18px;margin-bottom:6px;border-bottom:1px solid oklch(1 0 0/.06)}
.adm-brand .logo{width:36px;height:36px}
.adm-brand b{display:block;font:20px/1 var(--display);text-transform:uppercase;letter-spacing:.03em}
.adm-brand small{display:block;margin-top:4px;font:var(--label);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
/* <nav> do painel: neutraliza as regras globais de nav (menu do topo e menu hambúrguer do mobile) */
.aside .adm-nav{position:static;inset:auto;display:flex;flex-direction:column;align-items:stretch;gap:1px;flex:1;padding:0;background:none;border:0;font-size:14px}
.adm-g{text-align:left}
.adm-g{margin:18px 10px 6px;font:var(--label);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.aside .adm-nav a{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:oklch(1 0 0/.72);font:500 14px var(--sans);transition:background .2s,color .2s}
.aside .adm-nav a:hover:not(.on){background:oklch(1 0 0/.05);color:var(--tx)}
.aside .adm-nav a.on{background:oklch(1 0 0/.08);color:var(--tx)}
.aside .adm-nav a.on::before{content:"";position:absolute;left:-14px;top:9px;bottom:9px;width:2px;border-radius:2px;background:var(--red)}
.cnt{min-width:22px;padding:2px 7px;border-radius:999px;background:var(--red);color:#fff;font:700 11px/1.4 var(--sans);font-style:normal;text-align:center}
.adm-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:18px;padding:16px 10px 0;border-top:1px solid oklch(1 0 0/.06)}
.adm-foot a,.aside .adm-foot button{padding:0;border:0;background:none;color:var(--mut);font:500 13px var(--sans);cursor:pointer}
.adm-foot a:hover,.aside .adm-foot button:hover{color:var(--tx);background:none}
.admc{padding:clamp(20px,3vw,40px) clamp(20px,3.4vw,48px) 64px}
.admh{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 clamp(28px,4vw,48px);padding:0 0 18px;border-bottom:1px solid oklch(1 0 0/.08)}
.adm-crumb{display:flex;gap:10px;align-items:center;margin:0;font-size:13.5px;color:var(--mut)}
.adm-crumb a:hover{color:var(--tx)}.adm-crumb b{color:var(--tx);font-weight:600}
.adm-pend{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:color-mix(in oklch,var(--s-warn) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--s-warn) 30%,transparent);color:color-mix(in oklch,var(--s-warn) 55%,white);font:600 13px var(--sans);transition:background .2s}
a.adm-pend:hover{background:color-mix(in oklch,var(--s-warn) 20%,transparent)}
.adm-pend i{width:7px;height:7px;border-radius:50%;background:var(--s-warn)}
.adm-pend.ok{background:color-mix(in oklch,var(--s-ok) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--s-ok) 26%,transparent);color:color-mix(in oklch,var(--s-ok) 50%,white)}
.adm-pend.ok i{background:var(--s-ok)}
.admc h3 em{font-size:1.05em}
/* no painel o botão de acessibilidade vai para a direita, para não cobrir o rodapé da lateral */
body[data-page="admin"] #a11yb{left:auto;right:20px}
body[data-page="admin"] #btt{bottom:84px}

/* Dashboard */
.dash-h{margin-bottom:clamp(28px,4vw,48px)}
.dash-h .eyb{text-transform:uppercase}
.dash-h h2,.dash-h .t1{font-size:clamp(56px,7vw,112px);line-height:.9;margin:0 0 18px}
.dash-sum{margin:0;max-width:52ch;font-size:clamp(17px,1.4vw,20px);line-height:1.5;color:var(--mut)}
.dash-sum a{color:var(--tx);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .2s}
.dash-sum a:hover{color:var(--red)}
.admc dl.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 clamp(28px,4vw,48px);border-top:1px solid oklch(1 0 0/.1);border-bottom:1px solid oklch(1 0 0/.1)}
.admc .kpis .kpi{padding:22px 24px 24px;border:0;border-radius:0;background:none;color:var(--mut);font-size:13px}
.admc .kpis .kpi+.kpi{border-left:1px solid oklch(1 0 0/.08)}
.admc .kpis .kpi:hover{transform:none}
.admc .kpis dt{font:var(--label);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.admc .kpis dd:not(.kpi-x){margin:14px 0 8px;font:clamp(34px,3.2vw,52px)/1 var(--display);color:var(--tx);font-variant-numeric:tabular-nums;letter-spacing:.005em}
.admc .kpis .kpi-x{margin:0;font-size:12.5px;color:oklch(1 0 0/.45)}
.dash-g{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(16px,2vw,24px)}
.dcard{padding:clamp(20px,2.2vw,28px);border-radius:18px;background:var(--surface);box-shadow:var(--sh-dark)}
.dcard-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px}
.admc .dcard h3{margin:0;font-size:clamp(26px,2.2vw,32px);line-height:1}
.need-l,.alog,.rank{list-style:none;margin:0;padding:0}
.need-l li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid oklch(1 0 0/.07)}
.need-l li:first-child{border-top:0;padding-top:0}
.need-ph{display:grid;place-items:center;width:52px;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--surface-2);color:var(--mut)}
.need-ph img{width:100%;height:100%;object-fit:cover}.need-ph svg{width:70%}
.need-t{min-width:0}.need-t b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.need-t small{display:block;margin-top:2px;color:var(--mut);font-size:13px}
.need-a{display:flex;gap:8px}
.need-x{grid-template-columns:52px minmax(0,1fr) auto}.need-x .dot{justify-self:center}
.need-ok{margin:0;color:var(--mut);font-size:14.5px}
.quad{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qd{--c:var(--mut);display:flex;flex-direction:column;gap:14px;padding:16px;border:0;border-radius:14px;text-align:left;cursor:pointer;color:var(--tx);background:color-mix(in oklch,var(--c) 9%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--c) 24%,transparent);transition:translate .35s var(--ease-out),background .25s}
.qd:hover{translate:0 -2px;background:color-mix(in oklch,var(--c) 14%,var(--surface))}
.qd.warn{--c:var(--s-warn)}.qd.ok{--c:var(--s-ok)}.qd.blue{--c:var(--s-info)}.qd.bad{--c:var(--s-bad)}
.qd-top{display:flex;justify-content:space-between;align-items:center}
.qd-l{font:var(--label);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklch,var(--c) 60%,white)}
.qd b{font:clamp(34px,3vw,44px)/1 var(--display);font-variant-numeric:tabular-nums;color:color-mix(in oklch,var(--c) 30%,white)}
.alog li{display:grid;grid-template-columns:56px auto minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid oklch(1 0 0/.07);font-size:14px}
.alog li:first-child{border-top:0;padding-top:0}
.alog time{font-size:12.5px;color:var(--mut);font-variant-numeric:tabular-nums}
.ac{--c:var(--mut);display:inline-flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap}
.ac::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c)}
.ac.ok{--c:var(--s-ok)}.ac.blue{--c:var(--s-info)}.ac.bad{--c:var(--s-bad)}
.ad{min-width:0;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:14px 0;border-top:1px solid oklch(1 0 0/.07)}
.rank li:first-child{border-top:0;padding-top:0}
.rk{font:22px/1 var(--display);color:var(--mut)}
.rank a{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank a:hover{color:var(--red)}
.rank .rv{font:22px/1 var(--display);font-variant-numeric:tabular-nums}.rank .rv small{font:500 12px var(--sans);color:var(--mut)}

/* Moderação de anúncios */
.admtop{align-items:flex-end;margin-bottom:clamp(20px,3vw,32px)}
.admtop .eyb{margin-bottom:10px}
.admtop h2,.admtop .t1{font-size:clamp(48px,5.6vw,88px);line-height:.9;padding-top:.16em}
.mtabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin:0 0 16px;padding-bottom:2px;border-bottom:1px solid oklch(1 0 0/.08)}
.mtab{position:relative;display:inline-flex;align-items:center;gap:8px;flex:none;padding:12px 14px;border:0;background:none;color:var(--mut);font:500 14px var(--sans);cursor:pointer;transition:color .2s}
.mtab:hover{color:var(--tx)}
.mtab.on{color:var(--tx)}
.mtab.on::after{content:"";position:absolute;left:12px;right:12px;bottom:-3px;height:2px;border-radius:2px;background:var(--red)}
.mtab .n{min-width:22px;padding:1px 7px;border-radius:999px;background:oklch(1 0 0/.07);font:600 11.5px/1.5 var(--sans);font-variant-numeric:tabular-nums;text-align:center}
.mtab.on .n{background:oklch(1 0 0/.14)}
.mbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}
.msearch{position:relative;flex:1 1 280px;max-width:420px}
.msearch svg{position:absolute;left:16px;top:50%;translate:0 -50%;width:18px;height:18px;fill:none;stroke:var(--mut);stroke-width:1.8;stroke-linecap:round;pointer-events:none}
.msearch input{padding:12px 16px 12px 44px;border-radius:999px;background:var(--surface);border-color:oklch(1 0 0/.08)}
/* position:relative: os rótulos .sr (absolutos) ficam presos aqui e não esticam a página quando a faixa rola */
.mfil{position:relative;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.msel{position:relative}
@media(max-width:600px){.mfil{flex:1 1 100%;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px}.msel select{max-width:none}.msearch{max-width:none}}
.msel select{width:auto;padding:10px 34px 10px 14px;border-radius:999px;background-color:var(--surface);border-color:oklch(1 0 0/.08);font-size:13.5px;cursor:pointer}
.mfil .lnk-u{margin-left:6px;font-size:13.5px;color:var(--mut)}
.mtbl{border-radius:18px;background:var(--surface);box-shadow:var(--sh-dark);overflow-x:auto}
.mt{width:100%;border-collapse:collapse;font-size:14px}
.mt th{padding:14px 12px;text-align:left;font:var(--label);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);border-bottom:1px solid oklch(1 0 0/.08);white-space:nowrap}
.mt td{padding:12px 12px;border-bottom:1px solid oklch(1 0 0/.05);vertical-align:middle}
.mt tbody tr:last-child td{border-bottom:0}
.mt tbody tr:nth-child(even){background:oklch(1 0 0/.012)}
.mt tbody tr{transition:background .2s}
.mt tbody tr:hover{background:oklch(1 0 0/.035)}
.mt tbody tr.is-sel{background:color-mix(in oklch,var(--red) 8%,transparent)}
.mt tbody tr.is-off .c-ad,.mt tbody tr.is-off .num{opacity:.55}
.mt .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}
.mt th.num{text-align:right}
.c-sel{width:44px;padding-right:0!important}
.c-sel input{width:18px;height:18px;padding:0;accent-color:var(--red);cursor:pointer}
.c-ad{display:flex;align-items:center;gap:14px;min-width:220px}
.mt-ph{display:grid;place-items:center;flex:none;width:48px;height:56px;border-radius:9px;overflow:hidden;background:var(--surface-2);color:var(--mut)}
.mt-ph img{width:100%;height:100%;object-fit:cover}.mt-ph svg{width:72%}
.mt-t{min-width:0}.mt-t b{display:block;font-weight:600;line-height:1.3;max-width:26ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mt-t small,.mt td small{display:block;margin-top:3px;font-size:12.5px;color:var(--mut)}
.vt-tag{color:color-mix(in oklch,var(--s-ok) 60%,white)}
.stx{--c:var(--mut);display:inline-flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap;color:color-mix(in oklch,var(--c) 45%,white)}
.stx.warn{--c:var(--s-warn)}.stx.ok{--c:var(--s-ok)}.stx.blue{--c:var(--s-info)}.stx.bad{--c:var(--s-bad)}
.tag-off{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:oklch(1 0 0/.08);color:var(--mut);font:600 11px/1.5 var(--sans)}
.mt-mot{max-width:24ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mt time{white-space:nowrap}
.c-act{text-align:right;white-space:nowrap}
.mt-acts{display:inline-flex;align-items:center;gap:2px}
.mt-acts .btn{margin-right:4px;padding:7px 13px;font-size:12.5px}
.mt td[data-l=Vendedor]{white-space:nowrap}
.ib{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--mut);cursor:pointer;transition:background .2s,color .2s,scale .2s var(--ease-out)}
.ib svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ib:hover{background:oklch(1 0 0/.08);color:var(--tx)}.ib:active{scale:.92}
.ib.is-on{color:var(--s-warn)}
.ib.danger:hover{background:color-mix(in oklch,var(--s-bad) 16%,transparent);color:var(--s-bad)}
.ib[disabled]{opacity:.3;cursor:not-allowed;background:none}
.pg .ib:first-child svg{transform:scaleX(-1)}
.mt-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px;color:var(--mut);font-size:13.5px}
.mt-foot p{margin:0}
.pg{display:flex;align-items:center;gap:4px}
.pgn{min-width:36px;height:36px;padding:0 10px;border:0;border-radius:999px;background:none;color:var(--mut);font:600 13.5px var(--sans);font-variant-numeric:tabular-nums;cursor:pointer;transition:background .2s,color .2s}
.pgn:hover{background:oklch(1 0 0/.08);color:var(--tx)}
.pgn.on{background:var(--tx);color:var(--ink)}
.pgs{padding:0 4px;color:var(--mut)}
.bulk{position:sticky;bottom:20px;z-index:20;display:flex;align-items:center;gap:16px;flex-wrap:wrap;width:max-content;max-width:100%;margin:20px auto 0;padding:10px 10px 10px 22px;border-radius:999px;background:var(--tx);color:var(--ink);box-shadow:0 20px 40px -12px oklch(0 0 0/.6);font-size:14px}
.bulk[hidden]{display:none}
.bulk span{color:oklch(0.17 0.006 20/.6)}
.bulk .lnk-u{color:var(--ink)}
.bulk .btn[disabled]{opacity:.4;cursor:not-allowed}
.mempty{padding:clamp(40px,6vw,72px) clamp(20px,4vw,48px);border-radius:18px;background:var(--surface);box-shadow:var(--sh-dark);text-align:left}
.mempty :is(h2,h3){margin:0 0 12px;font-size:clamp(32px,3.4vw,48px);line-height:1}
.mempty p:not(.eyb){max-width:46ch;margin:0 0 24px;color:var(--mut)}
.mempty .acts{display:flex;gap:10px;flex-wrap:wrap}
/* Confirmação (modal) */
.cfm .eyb{margin-bottom:12px}
.cfm h3{margin:0 0 12px;font-size:clamp(30px,3.6vw,40px);line-height:1}
.cfm>p:not(.eyb){margin:0 0 20px;color:var(--mut)}
.cfm .fl{margin-bottom:12px}
.cfm .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.rq{display:flex;flex-wrap:wrap;gap:6px}
.rq .chip{padding:7px 12px;font-size:12.5px;background:transparent;color:var(--tx);border:1px solid oklch(1 0 0/.16)}
.rq .chip:hover{border-color:var(--tx);background:oklch(1 0 0/.06)}
.btn.danger-s{background:var(--rb);border-color:var(--rb);color:#fff}
.btn.danger-s:hover{background:var(--rb-2);border-color:var(--rb-2)}
@media(max-width:900px){
  .mt thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .mt,.mt tbody,.mt tr,.mt td{display:block;width:100%}
  .mtbl{background:none;box-shadow:none;border-radius:0}
  .mt tbody tr{position:relative;margin-bottom:12px;padding:16px 16px 12px 52px;border-radius:16px;background:var(--surface)!important;box-shadow:var(--sh-dark)}
  .mt tbody tr.is-sel{box-shadow:inset 0 0 0 1px var(--red),var(--sh-dark)}
  .mt td{padding:4px 0;border:0}
  .mt .c-sel{position:absolute;left:16px;top:18px;width:auto}
  .c-ad{min-width:0}
  .mt td[data-l]{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
  .mt td[data-l]::before{content:attr(data-l);font:var(--label);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
  .mt td[data-l] small{display:inline;margin-left:6px}
  .mt .num{text-align:right}
  .c-act{text-align:left;padding-top:10px!important;margin-top:8px;border-top:1px solid oklch(1 0 0/.06)!important}
  .mt-acts{flex-wrap:wrap}
  .bulk{border-radius:20px}
}
/* Editor de anúncio */
.ed-meta{margin:0;text-align:right}
.ed{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(20px,3vw,40px);align-items:start}
.ed-f{display:block;max-width:none;margin:0}
.eds{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px clamp(20px,3vw,40px);padding:clamp(24px,3vw,36px) 0;border-top:1px solid oklch(1 0 0/.08)}
.eds:first-child{border-top:0;padding-top:0}
.eds-h{display:flex;gap:14px;align-items:flex-start}
.eds-n{font:15px/1 var(--display);color:var(--red);padding-top:6px}
.admc .eds-h h3{margin:0 0 8px;font-size:clamp(24px,2.2vw,30px);line-height:1}
.eds-h p{margin:0;font-size:13.5px;line-height:1.5;color:var(--mut)}
.fgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px}
.fgrid .full{grid-column:1/-1}
.ed .fl{position:relative;margin:0}
.ed .fl label{display:block;margin-bottom:8px}
.ed input:not([type=checkbox]):not([type=radio]),.ed select,.ed textarea{background:var(--surface);border-color:oklch(1 0 0/.1)}
.fcnt{position:absolute;right:0;top:0;font-size:12px;color:var(--mut);font-variant-numeric:tabular-nums}
.ferr:not(:empty){display:block;margin-top:6px;color:var(--s-bad);font-size:13px;font-weight:500}
.ed .fl.bad input,.ed .fl.bad select,.ed .fl.bad textarea,.ed .fl.bad .drop{border-color:var(--s-bad)}
.money{position:relative}
.money span{position:absolute;left:15px;top:50%;translate:0 -50%;color:var(--mut);font-weight:600;pointer-events:none}
.money input{padding-left:46px!important;font-variant-numeric:tabular-nums;font-weight:600}
.ed .drop{display:grid;gap:6px;justify-items:center;padding:28px 20px;border:1px dashed oklch(1 0 0/.2);border-radius:16px;background:var(--surface);text-align:center;transition:border-color .2s,background .2s}
.ed .drop:hover{border-color:var(--tx)}
.ed .drop p{margin:0}
.phgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px}
.phgrid:empty{display:none}
.phi{position:relative;margin:0;border-radius:14px;overflow:hidden;background:var(--surface);box-shadow:var(--sh-dark);cursor:grab}
.phi:active{cursor:grabbing}
.phi img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.phi .cap{position:absolute;left:10px;top:10px;padding:4px 10px;border-radius:999px;background:var(--tx);color:var(--ink);font:600 11px/1.4 var(--sans)}
.phi figcaption{display:flex;align-items:center;justify-content:space-between;gap:2px;padding:6px}
.eds-b{min-width:0}
.cap-b{border:0;cursor:pointer;background:oklch(0.17 0.006 20/.82)!important;color:#fff!important;backdrop-filter:blur(6px);opacity:0;transition:opacity .2s}
.phi:hover .cap-b,.cap-b:focus-visible{opacity:1}
@media(hover:none){.cap-b{opacity:1}}
.phi .ib{width:30px;height:30px}.phi .ib svg{width:15px;height:15px}
.phi .ib[data-d="-1"] svg{transform:scaleX(-1)}
.vpick{display:grid;gap:12px}
.vpick .msearch{max-width:none}
.vlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.vo{position:relative;cursor:pointer}
.vo input{position:absolute;opacity:0;pointer-events:none}
.vo span{display:block;height:100%;padding:12px 14px;border-radius:12px;background:var(--surface);box-shadow:inset 0 0 0 1px oklch(1 0 0/.08);transition:box-shadow .2s,background .2s}
.vo b{display:block;font-weight:600}.vo small{display:block;margin-top:2px;color:var(--mut);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vo:hover span{box-shadow:inset 0 0 0 1px oklch(1 0 0/.22)}
.vo input:checked+span{background:color-mix(in oklch,var(--red) 10%,var(--surface));box-shadow:inset 0 0 0 1.5px var(--red)}
.vo input:focus-visible+span,.sto input:focus-visible+span{outline:2px solid var(--tx);outline-offset:2px}
.vrep:empty{display:none}
.vrep{padding:14px 16px;border-radius:12px;background:var(--surface-2)}
.vrep dl{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:0 28px;margin:0}
.vrep dt{font:600 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.vrep dd{margin:6px 0 0;font:24px/1 var(--display)}
.vrep .meta{margin:10px 0 0;font-size:13px}
.ed .opt{margin:0 0 10px;border-color:oklch(1 0 0/.1);background:var(--surface)}
.ed .opt .opt-t b{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pill-v{padding:2px 10px;border-radius:999px;background:color-mix(in oklch,var(--s-ok) 14%,transparent);color:color-mix(in oklch,var(--s-ok) 55%,white);font:600 12.5px/1.5 var(--sans)}
.stseg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
.sto{position:relative;cursor:pointer}
.sto input{position:absolute;opacity:0;pointer-events:none}
.sto span{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;height:100%;padding:12px 14px;border-radius:12px;background:var(--surface);box-shadow:inset 0 0 0 1px oklch(1 0 0/.08);transition:box-shadow .2s,background .2s}
.sto b{font-weight:600}.sto small{grid-column:2;color:var(--mut);font-size:12px}
.sto:hover span{box-shadow:inset 0 0 0 1px oklch(1 0 0/.22)}
.sto input:checked+span{background:var(--surface-2);box-shadow:inset 0 0 0 1.5px var(--tx)}
#ad_motivo_w{margin-bottom:14px}
.edbar{position:sticky;bottom:16px;z-index:15;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px;padding:12px 12px 12px 20px;border-radius:20px;background:oklch(0.16 0.006 20/.9);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px oklch(1 0 0/.08),0 20px 40px -16px oklch(0 0 0/.7)}
.ed-sum{margin:0;color:var(--s-bad);font-size:13.5px;font-weight:500}
.ed-sum:empty{display:none}
.edbar-a{display:flex;align-items:center;gap:10px;flex:1;flex-wrap:wrap}
.edbar-a .sp{flex:1}
.edbar .btn{padding:12px 22px}
.pvw{position:sticky;top:96px}
.pvw summary{display:none}
.pvw-in{padding:20px;border-radius:18px;background:var(--surface);box-shadow:var(--sh-dark)}
.pvw-card{max-width:280px;margin:0 auto 14px;pointer-events:none}
.pvw-card .card .go{display:none}
#pvw-st{display:flex;align-items:center;gap:8px;margin:0;font-size:13px}
@media(max-width:1100px){
  .ed{grid-template-columns:1fr}
  .pvw{position:static;order:-1}
  .pvw summary{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:14px;background:var(--surface);cursor:pointer;font-weight:600;list-style:none}
  .pvw summary::-webkit-details-marker{display:none}
  .pvw summary::after{content:"+";font:22px/1 var(--sans);color:var(--mut)}
  .pvw[open] summary::after{content:"–"}
  .pvw[open] summary{border-radius:14px 14px 0 0}
  .pvw-in{border-radius:0 0 18px 18px}
  .eds{grid-template-columns:1fr}
}
@media(max-width:600px){
  .fgrid,.stseg{grid-template-columns:1fr 1fr}
  .fgrid .fl:has(#ad_marca),.fgrid .fl:has(#ad_modelo){grid-column:1/-1}
  .edbar{bottom:8px;padding:10px;border-radius:16px}
  .edbar-a .btn{flex:1 1 calc(50% - 5px);padding:12px 14px}
  .edbar-a .sp{display:none}
  .ed-meta{text-align:left}
}
@media(max-width:1100px){.admc dl.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.admc .kpis .kpi:nth-child(3){border-left:0}.admc .kpis .kpi:nth-child(n+3){border-top:1px solid oklch(1 0 0/.08)}.dash-g{grid-template-columns:1fr}}
@media(max-width:900px){
  .al-in{grid-template-columns:1fr;align-items:start}.al-form{padding:28px 0 0;border-left:0;border-top:1px solid var(--line)}
  .admwrap{grid-template-columns:minmax(0,1fr)}
  .aside{position:static;min-width:0;flex-direction:column;flex-wrap:nowrap;height:auto;padding:12px 14px;border-right:0;border-bottom:1px solid oklch(1 0 0/.06)}
  .adm-brand,.adm-g,.adm-foot{display:none}
  .aside .adm-nav{min-width:0;flex:none;flex-direction:row;gap:4px;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:0 14px}
  .aside .adm-nav a{flex:none;white-space:nowrap}
  .aside .adm-nav a.on::before{left:12px;right:12px;top:auto;bottom:2px;width:auto;height:2px}
}
@media(max-width:600px){
  .admc dl.kpis{grid-template-columns:1fr}.admc .kpis .kpi+.kpi{border-left:0;border-top:1px solid oklch(1 0 0/.08)}
  .need-l li{grid-template-columns:44px minmax(0,1fr)}.need-ph{width:44px}.need-a{grid-column:1/-1}.need-a .btn{flex:1}
  .need-x a{grid-column:1/-1}
  .alog li{grid-template-columns:48px minmax(0,1fr)}.alog .ad{grid-column:2}
}
@media(max-width:900px){
  .sec-h,.pg-h{grid-template-columns:1fr}
  .steps,.promise .stats{grid-template-columns:1fr}
  .detail{grid-template-columns:1fr}.info{position:static}
  .about{grid-template-columns:1fr}.about-h{position:static}
  dl.facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  nav{inset:64px 0 auto;background:var(--ink);padding:24px 20px 28px;gap:18px;font-size:18px;align-items:flex-start;border-bottom:1px solid var(--line)}
  .hero-foot{grid-template-columns:1fr}
  .hero-kick span:last-child{display:none}
  .foot{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .grid{grid-template-columns:1fr 1fr;gap:28px 12px}
  .card .in{padding:12px 0 0}.card h3{font-size:14.5px}.card .price{font-size:22px}
  .card .bdg{top:8px;left:8px;right:48px}.b{font-size:10px;padding:5px 8px}
  .heart{width:34px;height:34px;top:8px;right:8px}.heart svg{width:17px;height:17px}
  .hero-foot .btns{width:100%;flex-direction:column}.hero-foot .btn{width:100%}
  .catlist a{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}
  .catlist .ci{display:none}
  .catlist .cn{font-size:clamp(44px,13vw,64px)}
  .catlist .cc{grid-row:2;font-size:13px}
  .catlist .arr{grid-column:2;grid-row:1/3}
  .chips b{min-width:100%}
  .price-xl{font-size:clamp(56px,17vw,80px)}
  .vend-in{padding:18px}
}
@media(max-width:480px){.foot{grid-template-columns:1fr}}

/* ===== Toast com tipo: neutro, ok, erro ===== */
#toast{display:flex;align-items:center;gap:10px;max-width:min(560px,calc(100vw - 32px));line-height:1.35}
#toast svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#toast[data-k=ok] svg{color:oklch(0.52 0.14 152)}
#toast[data-k=erro]{background:oklch(0.27 0.06 22);color:var(--tx);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--s-bad) 45%,transparent),0 16px 32px -12px oklch(0 0 0/.6)}
#toast[data-k=erro] svg{color:var(--s-bad)}

/* ===== Admin: vistoria e publicação ===== */
.ed.tx{grid-template-columns:minmax(0,1fr)}
.tx-row{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start}
.tx-f .money input{font-size:22px;padding-block:14px}
.tx-f .money span{font-size:15px}
.tx-h{margin:10px 0 0;color:var(--mut);font-size:13.5px;line-height:1.5}
.tx-u{margin:8px 0 0;color:var(--mut);font-size:12.5px;font-variant-numeric:tabular-nums}
.tx-u.ch,.tx-st.ch{color:color-mix(in oklch,var(--s-warn) 70%,white)}
.tx-pv{margin:0;padding:18px;border-radius:16px;background:var(--surface-2)}
.tx-pv figcaption{margin-bottom:12px}
.tx-pv .opt{margin:0;cursor:default}
.tx-pv .feebox{margin:0;background:var(--surface)}
.tx-pv [data-pv]{font-variant-numeric:tabular-nums}
.txl{list-style:none;margin:0;padding:0}
.txl li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:20px;align-items:center;padding:14px 0;border-top:1px solid oklch(1 0 0/.08)}
.txl li:first-child{border-top:0;padding-top:0}
.txl b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.txl small{color:var(--mut);font-size:12.5px}
.txl-v{font:20px/1 var(--display);font-variant-numeric:tabular-nums}
.tx-empty{display:grid;gap:6px;justify-items:start;padding:22px;border-radius:16px;background:var(--surface)}
.tx-empty p{margin:0}
.tx-foot{display:flex;gap:10px;align-items:baseline;max-width:68ch;margin:8px 0 0;padding-top:20px;border-top:1px solid oklch(1 0 0/.08);color:var(--mut);font-size:13.5px;line-height:1.55}
.tx-foot .dot{flex:none;translate:0 -1px}
.tx-st{margin:0;color:var(--mut);font-size:13.5px}
.edbar .btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:760px){.tx-row{grid-template-columns:1fr}.txl li{grid-template-columns:minmax(0,1fr) auto;gap:6px 16px}.txl li .lnk-u{grid-column:1/-1}}
.ed .tx-pv .opt-t b{display:block}
@media(max-width:760px){.tx .edbar{padding:12px}.tx .edbar-a{gap:8px}.tx .edbar-a .tx-st{flex-basis:100%;padding-left:4px}.tx .edbar-a .sp{display:none}.tx .edbar-a .btn{flex:1;padding:12px 14px}}
#toast{width:max-content}
@media(max-width:600px){#toast{border-radius:16px;padding:12px 16px}}
/* a barra de salvar não passa por baixo do botão de acessibilidade (canto inferior direito) */
.edbar{margin-right:clamp(60px,5vw,72px)}
.edbar .btn{white-space:nowrap}
@media(max-width:760px){.tx .edbar-a .btn{padding:12px 10px;font-size:14px}}

/* ===== Admin: finanças ===== */
.fin .mtabs{margin-bottom:clamp(20px,3vw,32px)}
.admc dl.kpis.fk{grid-template-columns:repeat(3,minmax(0,1fr))}
.fk .kpi{position:relative}
.fk .kpi::before{content:"";position:absolute;left:24px;right:24px;top:-1px;height:2px;border-radius:2px;background:var(--c,transparent);opacity:.75}
.fk .fk-ok{--c:var(--s-ok)}.fk .fk-warn{--c:var(--s-warn)}.fk .fk-bad{--c:var(--s-bad)}
.fk dt{display:flex;align-items:center;gap:8px}
.fk dt .dot{background:var(--c)}
.fk .skl{display:block}
.fbar{display:flex;align-items:flex-start;gap:12px 16px;flex-wrap:wrap;margin-bottom:14px}
.fbar .msearch{flex:1 1 260px;max-width:340px}
.ffil{flex:100 1 480px;min-width:0}
.ffil summary{display:none}
.ffil-in{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fbar>.lnk-u{align-self:center;white-space:nowrap}
.seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px oklch(1 0 0/.08)}
.seg-b{padding:7px 12px;border:0;border-radius:999px;background:none;color:var(--mut);font:500 13px var(--sans);cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.seg-b:hover{color:var(--tx)}
.seg-b.on{background:oklch(1 0 0/.1);color:var(--tx)}
.seg-b:focus-visible{outline:2px solid var(--tx);outline-offset:1px}
.frange{display:flex;gap:10px;flex-wrap:wrap}
.frange[hidden]{display:none}
.frange label{display:flex;align-items:center;gap:8px;color:var(--mut);font-size:13px}
.frange input{width:auto;padding:8px 12px;border-radius:999px;background:var(--surface);border-color:oklch(1 0 0/.08);font-size:13.5px;color-scheme:dark}
.fhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;min-height:36px}
.fhead p{margin:0;color:var(--mut);font-size:13.5px;font-variant-numeric:tabular-nums}
.fhead .btn:disabled{opacity:.4;cursor:not-allowed}
.ft tbody tr{cursor:pointer}
.ft td{padding-block:14px}
.ft .c-dt time{display:block;font-variant-numeric:tabular-nums}
.ft .c-dt small{font-variant-numeric:tabular-nums}
.fr-open{display:block;padding:0;border:0;background:none;color:var(--tx);font:inherit;text-align:left;cursor:pointer}
.fr-open b{display:block;font-weight:600}
.fr-open small{display:block;margin-top:3px;color:var(--mut);font-size:12.5px;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.fr-open:hover b{text-decoration:underline;text-underline-offset:3px}
.fr-open:focus-visible{outline:2px solid var(--tx);outline-offset:4px;border-radius:4px}
.ft .c-v{font-size:15px}
.ft .neg,.fdt-v.neg{color:color-mix(in oklch,var(--s-bad) 55%,white)}
.ft .c-vd .lnk-u{white-space:nowrap}
.fr-ref{display:block;max-width:26ch}
.fr-ref span{display:block}
.fr-ref small{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mut);font-size:12.5px}
a.fr-ref{text-decoration:none}a.fr-ref span{text-decoration:underline;text-underline-offset:3px}
.fr-ref.is-gone{color:var(--mut)}
.th-s{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
.th-s:hover{color:var(--tx)}
.th-s svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.th-s svg.asc{transform:rotate(180deg)}
.th-s:focus-visible{outline:2px solid var(--tx);outline-offset:4px;border-radius:4px}
.fsk{padding:8px 20px}
.fsk-r{display:grid;grid-template-columns:1fr 1.4fr .8fr .8fr 1.2fr;gap:24px;padding:16px 0;border-bottom:1px solid oklch(1 0 0/.05)}
.fsk-r:last-child{border-bottom:0}
.fsk .skl{margin:0}
/* detalhe */
.mb:has(.fdt){max-width:560px}
.fdt h3{margin:0 0 16px;font-size:clamp(30px,3.6vw,40px);line-height:1}
.fdt-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.fdt-v{margin:0;font:clamp(34px,4vw,44px)/1 var(--display);font-variant-numeric:tabular-nums}
.fdt-dl{display:grid;gap:0;margin:0 0 22px;border-top:1px solid oklch(1 0 0/.08)}
.fdt-dl>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;padding:11px 0;border-bottom:1px solid oklch(1 0 0/.08)}
.fdt-dl dt{font:var(--label);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);padding-top:3px}
.fdt-dl dd{margin:0;font-size:14.5px;min-width:0}
.fdt-dl .fr-ref{max-width:none}
.fdt-sum .fdt-v{font-size:28px}
.fdt-h4{margin:0 0 12px;font:var(--label);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.tl{list-style:none;margin:0 0 8px;padding:0}
.tl li{position:relative;display:grid;grid-template-columns:7px minmax(0,1fr);gap:14px;padding:0 0 16px}
.tl li::before{content:"";position:absolute;left:3px;top:14px;bottom:0;width:1px;background:oklch(1 0 0/.1)}
.tl li:last-child::before{display:none}
.tl .dot{margin-top:6px}
.tl b{display:block;font-weight:600}
.tl small{display:block;margin-top:2px;color:var(--mut);font-size:12.5px}
.tl p{margin:4px 0 0;font-size:13.5px;color:color-mix(in oklch,var(--tx) 80%,transparent)}
.fdt .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:18px;border-top:1px solid oklch(1 0 0/.08)}
.fdt-ref{color:color-mix(in oklch,var(--s-bad) 60%,white)}
.fdt-ext{margin:-4px 0 14px!important;color:var(--tx)!important;font-size:15px;font-style:italic}
@media(max-width:900px){
  .admc dl.kpis.fk{grid-template-columns:1fr}
  .admc .fk .kpi+.kpi{border-left:0;border-top:1px solid oklch(1 0 0/.08)}
  .fk .kpi{padding:18px 4px}.fk .kpi::before{left:4px;right:auto;width:40px}
  .fk dd:not(.kpi-x){font-size:40px}
  .fbar .msearch{max-width:none;flex-basis:100%}
  .ffil{flex-basis:100%}
  .ffil summary{display:flex;align-items:center;gap:6px;width:max-content;padding:9px 16px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px oklch(1 0 0/.08);font:500 13.5px var(--sans);cursor:pointer;list-style:none}
  .ffil summary::-webkit-details-marker{display:none}
  .ffil summary::after{content:"";width:7px;height:7px;margin-left:4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
  .ffil[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
  .ffil[open] .ffil-in{margin-top:12px}
  .ffil-in .msel,.ffil-in .msel select{width:100%}
  .ffil-in .msel{flex:1 1 140px}
  .seg{width:100%;border-radius:16px}
  .fbar>.lnk-u{align-self:flex-start}
  /* transações em cartão */
  .ft tbody tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:16px!important}
  .ft td{padding:0!important}
  .ft .c-tp{grid-column:1;grid-row:1}
  .ft .c-v{grid-column:2;grid-row:1;align-self:start;font-size:17px}
  .ft .c-st{grid-column:1;grid-row:2}
  .ft .c-dt{grid-column:2;grid-row:2;text-align:right}
  .ft .c-dt time{display:inline}.ft .c-dt small{display:inline;margin-left:6px}
  .ft .c-vd,.ft .c-ref{grid-column:1/-1;margin-top:6px!important;padding-top:8px!important;border-top:1px solid oklch(1 0 0/.06)!important}
  .ft .c-ref{margin-top:0!important;border-top:0!important;padding-top:0!important}
  .ft .c-ref .fr-ref{max-width:60%;text-align:right}
  .fsk-r{grid-template-columns:1fr 1fr}
  .fdt-dl>div{grid-template-columns:1fr;gap:4px}
}

/* ===== Admin: usuários ===== */
.uav{display:inline-grid;place-items:center;flex:none;width:var(--s,36px);height:var(--s,36px);border-radius:50%;background:var(--c,var(--surface-2));color:#fff;font:600 calc(var(--s,36px)*.42)/1 var(--sans);object-fit:cover;letter-spacing:0}
.ut td{padding-block:12px}
.u-id{display:flex;align-items:center;gap:12px;min-width:0;color:var(--tx);text-decoration:none}
.u-t{min-width:0}
.u-t b{display:block;font-weight:600;max-width:24ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u-t small{display:block;margin-top:2px;max-width:30ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mut);font-size:12.5px}
.u-id:hover b{text-decoration:underline;text-underline-offset:3px}
.u-id:focus-visible{outline:2px solid var(--tx);outline-offset:4px;border-radius:8px}
.u-pend{display:inline-block;margin:6px 0 0 48px;padding:2px 9px;border-radius:999px;background:color-mix(in oklch,var(--s-warn) 12%,transparent);color:color-mix(in oklch,var(--s-warn) 60%,white);font:600 11.5px/1.5 var(--sans)}
.u-ver{margin-left:6px;padding:1px 8px;border-radius:999px;background:color-mix(in oklch,var(--s-info) 14%,transparent);color:color-mix(in oklch,var(--s-info) 55%,white);font:600 11px/1.5 var(--sans)}
.c-tipo{white-space:nowrap}
.rep{white-space:nowrap;font-weight:600;font-variant-numeric:tabular-nums}
.rep small{color:var(--mut);font-weight:500}
.mut{color:var(--mut)}
.th-s.on{color:var(--tx)}
.th-s svg.off{opacity:0;transition:opacity .2s,transform .25s}
.th-s:hover svg.off{opacity:.5}
.seg-b.utg{box-shadow:inset 0 0 0 1px oklch(1 0 0/.1);padding:9px 14px}
.seg-b.utg.on{box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--s-warn) 50%,transparent);background:color-mix(in oklch,var(--s-warn) 12%,transparent);color:var(--tx)}
.usk{grid-template-columns:36px 1.6fr 1fr .6fr .8fr}
.uav-sk{width:36px;height:36px;border-radius:50%}
/* menu ⋯ */
.kb{position:relative;display:inline-block}
.kb-b svg{fill:currentColor;stroke:none}
.kb-m{position:absolute;right:0;top:calc(100% + 6px);z-index:30;display:grid;min-width:210px;padding:6px;border-radius:14px;background:var(--surface-2);box-shadow:inset 0 0 0 1px oklch(1 0 0/.1),0 18px 40px -12px oklch(0 0 0/.7)}
.kb-m[hidden]{display:none}
.kb-m button{padding:10px 12px;border:0;border-radius:9px;background:none;color:var(--tx);font:500 13.5px var(--sans);text-align:left;cursor:pointer;white-space:nowrap}
.kb-m button:hover,.kb-m button:focus-visible{background:oklch(1 0 0/.07);outline:0}
.kb-m button.danger{color:color-mix(in oklch,var(--s-bad) 60%,white)}
.kb-m .m-only{display:none}
.mtbl:has(.kb-m:not([hidden])){overflow:visible}
/* modais */
.cfm-l{margin:0 0 6px;padding:0 0 0 18px;color:var(--mut);line-height:1.6}
.cfm-l li{margin-bottom:4px}
.cfm-warn{margin:0 0 18px;padding:14px 16px;border-radius:14px;background:color-mix(in oklch,var(--s-bad) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--s-bad) 35%,transparent)}
.cfm-warn b{display:block;color:color-mix(in oklch,var(--s-bad) 55%,white)}
.cfm-warn p{margin:4px 0 8px!important;color:var(--tx)!important}
.cfm-warn ul{margin:0 0 10px;padding-left:18px;font-size:13.5px;font-variant-numeric:tabular-nums}
.cfm .btn:disabled{opacity:.4;cursor:not-allowed}
.cfm .fdt-dl .neg{color:color-mix(in oklch,var(--s-bad) 55%,white)}
/* perfil */
.usp-h{display:flex;align-items:center;gap:clamp(16px,2.4vw,28px);flex-wrap:wrap;margin-bottom:clamp(24px,3vw,36px)}
.usp-id{flex:1 1 320px;min-width:0}
.usp-id .eyb{margin-bottom:8px}
.usp-id h2,.usp-id .t1{margin:0;font-size:clamp(40px,4.6vw,72px);line-height:.92;padding-top:.1em;overflow-wrap:anywhere}
.usp-c{margin:10px 0 0;color:var(--mut);font-size:14.5px;overflow-wrap:anywhere}
.usp-m{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:10px 0 0;color:var(--mut);font-size:13.5px}
.usp-a{display:flex;align-items:center;gap:8px;flex-wrap:wrap;align-self:flex-start}
.admc dl.kpis.uk{grid-template-columns:repeat(6,minmax(0,1fr))}
.uk .kpi{padding:18px 18px 20px}
.uk dd{font-size:clamp(26px,2.4vw,38px)!important}
.usp-rep{margin:0 0 clamp(28px,4vw,44px)}
.rep-g{display:grid;grid-template-columns:auto minmax(0,420px);gap:clamp(24px,4vw,56px);align-items:center}
.rep-big b{display:block;font:clamp(56px,6vw,88px)/.9 var(--display);font-variant-numeric:tabular-nums}
.rep-big span{display:block;margin-top:8px;color:var(--mut);font-size:13.5px}
.rep-d{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rep-d li{display:grid;grid-template-columns:34px minmax(0,1fr) 28px;gap:12px;align-items:center;font-size:13px;font-variant-numeric:tabular-nums}
.rep-d li>span:first-child{color:var(--mut);white-space:nowrap}
.rep-t{height:6px;border-radius:999px;background:oklch(1 0 0/.08);overflow:hidden}
.rep-t i{display:block;height:100%;border-radius:inherit;background:color-mix(in oklch,var(--s-warn) 80%,white)}
.rep-d b{text-align:right;font-weight:600}
.upp{outline:0}
.upp:focus-visible{outline:2px solid var(--tx);outline-offset:6px;border-radius:12px}
.upt td small{display:block;margin-top:3px;color:var(--mut);font-size:12.5px}
.upp .tl{padding-top:6px;max-width:720px}
@media(max-width:1100px){.admc dl.kpis.uk{grid-template-columns:repeat(3,minmax(0,1fr))}.admc .uk .kpi:nth-child(4){border-left:0}.admc .uk .kpi:nth-child(n+4){border-top:1px solid oklch(1 0 0/.08)}}
@media(max-width:900px){
  .ut tbody tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:16px!important}
  .ut td{padding:0!important}
  .ut .c-u{grid-column:1/-1}
  .ut .c-u .uav{--s:32px!important}
  .u-pend{margin-left:44px}
  .ut td.c-tipo,.ut td.c-rep,.ut td.c-vd,.ut td.c-st,.ut td.c-cad{display:flex!important;grid-column:1/-1}
  .ut td.c-cad small{display:inline;margin-left:6px}
  .ut .c-act{grid-column:1/-1;margin-top:6px;padding-top:10px!important;border-top:1px solid oklch(1 0 0/.06)!important}
  .ut .mt-acts{display:flex;justify-content:space-between;width:100%}
  .ut .d-only{display:none}
  .kb-m .m-only{display:block}
  .usp-a{width:100%}
  .rep-g{grid-template-columns:1fr}
  .upt tbody tr{padding:14px 16px!important}
}
.seg-b.utg{flex:none;width:auto}
.usp-rep>h3.fdt-h4{margin:0 0 18px;font:var(--label);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);padding:0}
.rep-g{justify-content:start}
.rep-d{width:min(420px,100%)}
@media(max-width:900px){.ut td.c-cad time{margin-left:auto}}

/* ===== Etapa 4: pacote de modais e feedback ===== */
/* modal base */
.mb{max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain}
.mb:focus{outline:0}
.mb .x{top:6px;right:8px;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;font-size:26px;line-height:1;transition:background .2s}
.mb .x:hover{background:oklch(1 0 0/.08)}
.mb .x:focus-visible{outline:2px solid var(--tx);outline-offset:0}
.cfm h3{padding-right:36px}
.cfm-msg{margin:0 0 18px;color:var(--mut);line-height:1.55}
.cfm-msg b{color:var(--tx)}
.cfm-err:empty{display:none}
.cfm-err{margin:4px 0 0;color:color-mix(in oklch,var(--s-bad) 60%,white);font-size:13.5px;font-weight:500}
/* lote de moderação com falha: quais não foram e por quê */
.lote-f{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:min(46vh,340px);overflow:auto}
.lote-f li{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}
.lote-f li>span:last-child{color:color-mix(in oklch,var(--s-bad) 60%,white);font-size:13.5px}
.mb>.acts{display:flex;gap:10px;margin-top:20px}.mb>.acts .btn{min-height:44px}
.cfm .cf-f{position:relative;margin:4px 0 12px}
.cfm .cf-f label{display:block;margin-bottom:8px}
.cfm .rq{margin-bottom:6px}
.cfm .acts .btn{min-height:44px}
/* faixa de alteração não salva dentro do modal */
.ns-bar{position:sticky;top:-28px;z-index:2;margin:-6px -6px 18px;padding:14px 16px;border-radius:14px;background:color-mix(in oklch,var(--s-warn) 16%,var(--ink-2));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--s-warn) 40%,transparent)}
.ns-bar p{margin:0 0 10px;font-weight:600;color:var(--tx)}
.ns-bar .acts{display:flex;gap:8px;flex-wrap:wrap;margin:0}
/* toasts empilhados */
#toast.toasts{position:fixed;top:84px;right:16px;bottom:auto;left:auto;z-index:300;display:flex;flex-direction:column;align-items:flex-end;gap:8px;width:min(400px,calc(100vw - 32px));max-width:none;padding:0;margin:0;background:none;color:inherit;border-radius:0;box-shadow:none;transform:none;font-weight:400;pointer-events:none;transition:none}
.tst{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;max-width:100%;padding:12px 8px 12px 16px;border-radius:14px;background:var(--tx);color:var(--bg);font:600 14px/1.4 var(--sans);box-shadow:0 18px 40px -14px oklch(0 0 0/.7);opacity:0;transform:translateY(-8px);transition:opacity .22s,transform .22s var(--ease,ease)}
.tst.show{opacity:1;transform:none}
.tst.out{opacity:0;transform:translateY(-6px)}
.tst>svg{flex:none;width:16px;height:16px;margin-top:2px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tst-m{flex:1;min-width:0;overflow-wrap:anywhere}
.tst-x{flex:none;display:grid;place-items:center;width:28px;height:28px;margin:-4px 0 -4px 2px;padding:0;border:0;border-radius:50%;background:none;color:inherit;opacity:.55;cursor:pointer}
.tst-x:hover,.tst-x:focus-visible{opacity:1;background:oklch(0 0 0/.08)}
.tst-x:focus-visible{outline:2px solid currentColor;outline-offset:1px}
.tst-x svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.tst[data-k=ok]>svg{color:oklch(0.52 0.14 152)}
.tst[data-k=info]>svg{color:oklch(0.5 0.1 245)}
.tst[data-k=aviso]{background:oklch(0.3 0.06 75);color:var(--tx);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--s-warn) 45%,transparent),0 18px 40px -14px oklch(0 0 0/.7)}
.tst[data-k=aviso]>svg{color:var(--s-warn)}
.tst[data-k=erro]{background:oklch(0.27 0.06 22);color:var(--tx);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--s-bad) 45%,transparent),0 18px 40px -14px oklch(0 0 0/.7)}
.tst[data-k=erro]>svg{color:var(--s-bad)}
.tst[data-k=aviso] .tst-x:hover,.tst[data-k=erro] .tst-x:hover{background:oklch(1 0 0/.08)}
@media(max-width:600px){#toast.toasts{top:76px;right:12px;left:12px;width:auto;align-items:stretch}.tst{width:100%}}
@media(prefers-reduced-motion:reduce){.tst,.tst.show,.tst.out{transform:none;transition:opacity .01s}}
:root.a11y-rm .tst{transform:none;transition:none}
/* estado vazio */
.mempty .vz-ic{display:block;width:40px;height:40px;margin:0 0 18px;fill:none;stroke:var(--mut);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.mempty.vz-c{padding:28px 24px;box-shadow:none}
.mempty.vz-c h3{font-size:clamp(22px,2.2vw,28px)}
.mempty.vz-c .vz-ic{width:32px;height:32px;margin-bottom:12px}
.mempty.vz-erro .vz-ic{stroke:var(--s-bad)}
.mb .x{z-index:3}
.ns-bar{padding-right:52px}
.mempty.vz-c h3{font:600 17px/1.35 var(--sans);text-transform:none;letter-spacing:0;padding:0}
.mempty.vz-c p:not(.eyb){margin-bottom:0;font-size:14px}
.mempty.vz-c .acts{margin-top:16px}
.tst-x{width:36px;height:36px;margin:-8px -2px -8px 0}
@media(pointer:coarse){.ib{position:relative}.ib::before{content:"";position:absolute;inset:-5px}}

/* ===== Compra pelo WhatsApp e reserva ===== */
.ic-lock{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.b.res{display:inline-flex;align-items:center;gap:6px;background:oklch(0.22 0.01 20/.9);color:var(--tx);box-shadow:inset 0 0 0 1px oklch(1 0 0/.22)}
.btn .ic-lock{margin-right:8px;vertical-align:-2px}
.btn:disabled{cursor:not-allowed}
.acts.buy{flex-wrap:wrap}
.buy-note{flex-basis:100%;margin:6px 0 0;color:var(--mut);font-size:13.5px;line-height:1.5}
.buy-off{flex-basis:100%;margin:0;padding:12px 16px;border-radius:14px;background:var(--surface,oklch(0.205 0.007 20));color:var(--mut)}
.buy-mine{flex-basis:100%;padding:14px 16px;border-radius:14px;background:color-mix(in oklch,var(--s-info,oklch(0.76 0.1 245)) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--s-info,oklch(0.76 0.1 245)) 30%,transparent)}
.buy-mine p{margin:0 0 10px;line-height:1.5}
.buy-mine .acts{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
/* contagem da reserva: âmbar com ícone abaixo de 10 min; nunca só cor */
.exp{font-variant-numeric:tabular-nums;font-weight:600}
.exp.quase{color:color-mix(in oklch,var(--s-warn) 70%,white)}
.exp.quase::before,.exp.fim::before{content:"";display:inline-block;width:13px;height:13px;margin-right:6px;vertical-align:-2px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 3.8 2.8 19.6h18.4z'/%3E%3Cpath d='M12 10v4.4M12 17v.1'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 3.8 2.8 19.6h18.4z'/%3E%3Cpath d='M12 10v4.4M12 17v.1'/%3E%3C/svg%3E") center/contain no-repeat}
.exp.fim{color:color-mix(in oklch,var(--s-bad) 60%,white)}
/* modal de compra */
.mb:has(.buy-m){max-width:520px}
.buy-m h3{margin:0 0 8px;padding-right:36px;font-size:clamp(30px,3.6vw,40px);line-height:1}
.buy-lede{margin:0 0 18px;color:var(--mut)}
.buy-it{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:14px;border-radius:16px;background:var(--surface,oklch(0.205 0.007 20))}
.buy-ph{display:grid;place-items:center;width:96px;height:112px;border-radius:12px;overflow:hidden;background:var(--surface-2,oklch(0.235 0.008 20));color:var(--mut)}
.buy-ph img{width:100%;height:100%;object-fit:cover}.buy-ph svg{width:72%}
.buy-d>b{display:block;font-weight:600;line-height:1.3;margin-bottom:8px}
.buy-v{margin:0;display:grid;gap:4px;font-size:13.5px}
.buy-v div{display:flex;justify-content:space-between;gap:12px}
.buy-v dt{color:var(--mut)}.buy-v dd{margin:0;font-variant-numeric:tabular-nums}
.buy-v .tot{margin-top:4px;padding-top:6px;border-top:1px solid oklch(1 0 0/.08);font-weight:600}
.buy-v .tot dt{color:var(--tx)}.buy-v .tot dd{font:20px/1 var(--display)}
.buy-vt{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:13px;color:color-mix(in oklch,var(--s-ok) 55%,white)}
.buy-vt svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.buy-code{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:16px 0 8px;padding:14px 16px;border-radius:14px;box-shadow:inset 0 0 0 1px oklch(1 0 0/.12)}
.buy-code span{font:var(--label);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.buy-code b{font:clamp(24px,3vw,30px)/1 var(--display);letter-spacing:.04em}
.buy-res{margin:0 0 4px}
.buy-note.meta{margin:0 0 16px;font-size:13px}
.buy-man{margin:0 0 16px;padding:14px;border-radius:14px;background:var(--surface,oklch(0.205 0.007 20))}
.buy-man[hidden]{display:none}
.buy-man p{margin:0 0 10px;font-size:13.5px;line-height:1.5}
.buy-man textarea{width:100%;margin-bottom:10px;font-size:12.5px;line-height:1.5;resize:none}
.buy-m .acts{display:flex;gap:10px;flex-wrap:wrap}
.buy-m .acts .btn{min-height:44px}
/* minhas compras */
.ped-res{display:block;margin-top:4px}
/* admin: config e vendas */
.money.tel span{left:14px}
.money.tel input{padding-left:52px!important}
.wa-pv{padding:16px;border-radius:16px;background:oklch(0.24 0.03 150/.55)}
.wa-to{margin:0 0 10px;font-size:13px;color:var(--mut)}.wa-to b{color:var(--tx);font-variant-numeric:tabular-nums}
.wa-msg{margin:0;padding:12px 14px;border-radius:12px 12px 12px 2px;background:oklch(0.32 0.05 150/.7);font-size:13.5px;line-height:1.45}
.wa-off{margin:0 0 clamp(20px,3vw,28px)}
.wa-off p{margin:4px 0 8px!important}
.vnd-h{margin:clamp(24px,3vw,36px) 0 12px}
.vt .c-ped b{display:block;font-weight:600;max-width:28ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vt .c-ped small,.vt .c-rsv small{display:block;margin-top:3px;color:var(--mut);font-size:12.5px;font-variant-numeric:tabular-nums}
.vt tr.is-pend{background:color-mix(in oklch,var(--s-warn) 4%,transparent)}
.vnd .txl li{grid-template-columns:minmax(0,1fr) auto auto}
.vnd-test{margin-top:28px}
.admc dl.kpis.rk{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:calc(-1 * clamp(14px,2vw,28px))}
.kpis.rk .kpi.quase dd:not(.kpi-x){color:color-mix(in oklch,var(--s-warn) 70%,white)}
@media(max-width:900px){.admc dl.kpis.rk{grid-template-columns:1fr 1fr}.vnd .txl li{grid-template-columns:1fr}.vnd .txl .mt-acts{flex-wrap:wrap}}
@media(max-width:600px){.buy-it{grid-template-columns:72px minmax(0,1fr)}.buy-ph{width:72px;height:88px}}
/* ajustes da revisão visual: compra e reservas */
.acts.buy .btn:disabled{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor;border-color:transparent;opacity:.75}
.vnd .vnd-h{margin:clamp(24px,3vw,36px) 0 12px;padding:0;font:var(--label);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.admc .kpis.rk .kpi-x{font:12.5px/1.4 var(--sans);letter-spacing:0;text-transform:none;color:oklch(1 0 0/.45)}
.buy-code b{white-space:nowrap}
@media(max-width:600px){.buy-it{grid-template-columns:56px minmax(0,1fr);gap:12px;padding:12px}.buy-ph{width:56px;height:68px}.buy-v dt{font-size:12.5px}.buy-code{flex-direction:column;align-items:flex-start;gap:6px}.buy-code b{font-size:26px}}
@media(max-width:900px){.vt tbody tr{padding:16px!important}.vt td.c-rsv{flex-wrap:wrap}.vt td.c-rsv .exp{margin-left:auto}.vt td.c-rsv small{flex-basis:100%;margin:2px 0 0!important;text-align:right}.vt .c-act .mt-acts{flex-wrap:wrap;gap:6px}}

/* ===== Vitrine pública (#/anuncios, #/categoria/:slug) — tema claro, mesmo card e ritmo da home ===== */
.vitr-pg{min-height:100vh}
.vitr{padding-bottom:clamp(80px,10vw,140px)}
.v-h{margin-bottom:clamp(28px,4vw,48px)}
.v-h h1{margin:0;font-size:clamp(56px,8.6vw,128px);line-height:.88;padding-top:.08em}
.v-hr{display:grid;gap:14px;justify-items:end;text-align:right}
.v-hr .lede{margin:0;text-align:right;max-width:34ch}
.v-n{margin:0;font:var(--label);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.v-n b{font-weight:600;color:var(--tx)}
/* barra de filtros: gruda abaixo do header ao rolar */
.lbar{position:sticky;top:68px;z-index:20;display:flex;align-items:center;gap:8px;margin:0 calc(-1 * clamp(8px,1.4vw,16px));padding:12px clamp(8px,1.4vw,16px);background:color-mix(in oklch,var(--bg) 94%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.vq{position:relative;flex:1 1 220px;min-width:180px;max-width:300px}
.vq svg{position:absolute;left:14px;top:50%;translate:0 -50%;width:17px;height:17px;fill:none;stroke:var(--mut);stroke-width:1.8;stroke-linecap:round;pointer-events:none}
.vq input{width:100%;padding:10px 14px 10px 40px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--tx);font-size:14.5px}
.vf{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:100 1 auto;min-width:0}
#vord{margin-left:auto}
.vseg{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--card)}
.vseg-b,.vtg,.vbtn,.vfx-b{border:0;border-radius:999px;background:none;color:var(--tx);font:500 13.5px var(--sans);cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
.vseg-b{padding:7px 13px;color:var(--mut)}
.vseg-b:hover{color:var(--tx)}
.vseg-b.on{background:var(--tx);color:var(--bg)}
.vtg,.vbtn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;box-shadow:inset 0 0 0 1px var(--line)}
.vtg:hover,.vbtn:hover{box-shadow:inset 0 0 0 1px var(--mut)}
.vtg.on,.vbtn.on{background:var(--tx);color:var(--bg);box-shadow:none}
.vbtn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.vbtn[aria-expanded=true] svg{transform:rotate(180deg)}
.vsel select{width:auto;padding:8px 32px 8px 14px;border-radius:999px;border:1px solid var(--line);background-color:var(--bg);color:var(--tx);font:500 13.5px var(--sans);cursor:pointer}
.vord{display:inline-flex;align-items:center;gap:8px}
.vord-l{font:var(--label);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.vseg-b:focus-visible,.vtg:focus-visible,.vbtn:focus-visible,.vfx-b:focus-visible,.vchip:focus-visible{outline:2px solid var(--tx);outline-offset:2px}
.vsh-b{display:none}
/* popover de preço */
.vpop{position:relative}
.vpop-p{position:absolute;left:0;top:calc(100% + 8px);z-index:25;width:320px;padding:16px;border-radius:16px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line),0 24px 48px -18px oklch(0 0 0/.35)}
.vpop-p[hidden]{display:none}
.vpr{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.vpr label{display:grid;gap:6px;font:var(--label);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.vpr .money input{width:100%;padding:10px 10px 10px 40px!important;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--tx);font-size:14.5px}
.vfx{display:flex;flex-wrap:wrap;gap:6px}
.vfx-b{padding:6px 11px;font-size:12.5px;box-shadow:inset 0 0 0 1px var(--line)}
.vfx-b.on{background:var(--tx);color:var(--bg);box-shadow:none}
.vpop-a{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
/* filtros ativos */
.vchips{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;min-height:20px;margin:14px 0 clamp(24px,3vw,36px)}
.vchips:empty{margin-bottom:clamp(16px,2vw,24px)}
.vchips-l{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.vchip{display:inline-flex;align-items:center;gap:6px;padding:6px 8px 6px 12px;border:0;border-radius:999px;background:var(--card);color:var(--tx);font:500 13px var(--sans);cursor:pointer}
.vchip svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;opacity:.6}
.vchip:hover svg{opacity:1}
/* grid: 4 / 3 / 2 colunas, mesmo card da home */
.vgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.vgrid>.mempty{grid-column:1/-1}
.vmore{display:grid;justify-items:center;gap:16px;margin-top:clamp(40px,5vw,64px)}
.vmore-n{margin:0;font:var(--label);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);font-variant-numeric:tabular-nums}
.vitr .mempty{background:var(--card);box-shadow:none}
@media(max-width:1199px){.vgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* folha de filtros (celular) */
.modal.sheet{place-items:end stretch;padding:0}
.modal.sheet .mb{max-width:none;width:100%;max-height:88dvh;border-radius:22px 22px 0 0;padding:24px 20px calc(20px + env(safe-area-inset-bottom));animation:shUp .28s var(--ease-out)}
@keyframes shUp{from{transform:translateY(40px);opacity:0}}
@media(prefers-reduced-motion:reduce){.modal.sheet .mb{animation:none}}
.vsh h3{margin:0 0 18px;font-size:34px}
.vsh-f{display:grid;gap:14px}
.vsh-f .vseg{display:flex;flex-wrap:wrap;border-radius:16px}
.vsh-f .vsel select{width:100%}
.vsh-f .vtg{justify-content:center}
.vsh-pr{margin:0;padding:0;border:0}
.vsh-pr legend{margin-bottom:8px;font:var(--label);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.vsh-a{position:sticky;bottom:-20px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px -20px -20px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:var(--ink-2);border-top:1px solid oklch(1 0 0/.08)}
.vsh-a .btn{flex:1;max-width:240px;min-height:48px}
.vsh .vseg-b.on,.vsh .vtg.on,.vsh .vfx-b.on{background:var(--tx);color:var(--bg)}
.vsh .vseg{background:oklch(1 0 0/.06)}
.vsh .vsel select,.vsh .vpr .money input{background:var(--ink);border-color:oklch(1 0 0/.12);color:var(--tx)}
@media(max-width:899px){
  .vgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v-h{grid-template-columns:1fr}.v-hr{justify-items:start;text-align:left}.v-hr .lede{text-align:left}
  .lbar{flex-wrap:wrap;top:60px}
  .vq{max-width:none;flex-basis:100%}
  .vf{display:none}
  .vsh-b{display:inline-flex}
  #vord{margin-left:auto}
  .vord-l{display:none}
}
/* barra em duas linhas de propósito: busca larga e ordenação em cima, filtros embaixo */
@media(min-width:900px){
  .lbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px}
  .vq{max-width:none;grid-column:1}
  #vord{grid-column:2;grid-row:1}
  .vf{grid-column:1/-1;grid-row:2}
}
.vres{margin:0 6px 0 0;font:var(--label);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--tx)}
@media(max-width:899px){.lbar{top:68px}}
.vsh .vseg-b,.vsh .vtg,.vsh .vfx-b{min-height:44px}.vsh .vsel select{min-height:44px}

/* ===== Minha conta (tema escuro, padrão do admin) ===== */
.conta .ct-h{margin-bottom:clamp(20px,3vw,32px)}
.conta .ct-h h1{margin:0;font-size:clamp(52px,7vw,104px);line-height:.9;padding-top:.1em}
.ct-hr{display:grid;gap:8px;justify-items:end;text-align:right}
.ct-hr .meta{margin:0}
.ct-tabs{margin-bottom:20px}
a.mtab{text-decoration:none}
a.mtab:focus-visible{outline:2px solid var(--tx);outline-offset:-2px;border-radius:8px}
.ct-av{margin:0 0 24px;padding:6px 18px;border-radius:16px;background:color-mix(in oklch,var(--s-info) 7%,var(--ink-2));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--s-info) 22%,transparent)}
.ct-av ul{list-style:none;margin:0;padding:0}
.ct-av li{display:grid;grid-template-columns:7px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:10px 0;border-top:1px solid oklch(1 0 0/.06)}
.ct-av li:first-child{border-top:0}
.ct-av p{margin:0;font-size:14px;line-height:1.45}
.ct-av time{color:var(--mut);font-size:12px;white-space:nowrap}
.ct-av .dot{translate:0 -2px}
.ct-av a{font-size:14px;line-height:1.45;color:inherit;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color .2s}
.ct-av a:hover,.ct-av a:focus-visible{text-decoration-color:currentColor}
.ct-av li.nova p,.ct-av li.nova a{font-weight:600}
.ct-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:8px 0 18px}
.ct-top h2{margin:0;font-size:clamp(34px,4vw,52px)}
.ct-ads .c-act .mt-acts .btn{white-space:nowrap}
@media(max-width:900px){.ct-hr{justify-items:start;text-align:left}.ct-ads tbody tr{padding:16px!important}.ct-ads .c-act .mt-acts{flex-wrap:wrap;gap:6px}}
/* as abas da conta são um <nav>: neutraliza a regra global do menu mobile do site (nav fixo e escondido) */
nav.ct-tabs{position:static;inset:auto;display:flex;flex-direction:row;align-items:stretch;gap:4px;padding:0 0 2px;background:none;border:0;border-bottom:1px solid oklch(1 0 0/.08);font-size:inherit;font-weight:inherit;z-index:auto}
nav.ct-tabs a:hover{color:var(--tx)}
.ct-b>.ct-top:first-child{margin-top:clamp(16px,2.4vw,28px)}
.ct-top h2{padding-top:0}
@media(max-width:900px){nav.ct-tabs{margin:0 -16px 20px;padding:0 16px 2px}}
.conta .ct-b{padding:0}.conta .ct-av{padding-block:6px}.ct-b>.ct-top:first-child{margin-top:8px}
/* compras (Minha conta): status com legenda e cartão sem recuo de checkbox */
.ped-sub{display:block;margin-top:3px;color:var(--mut);font-size:12.5px}
.ct-ped .c-act .mt-acts{flex-wrap:wrap;justify-content:flex-end;gap:6px}
@media(max-width:900px){.ct-ped tbody tr{padding:16px!important}.ct-ped td.c-st{flex-wrap:wrap}.ct-ped td.c-st .ped-sub{flex-basis:100%;text-align:right}.ct-ped .c-act .mt-acts{justify-content:flex-start}}
@media(min-width:901px){.ct-ped .c-act .mt-acts{flex-wrap:nowrap}.ct-ped .c-rsv{min-width:150px}}
/* vendas (Minha conta): cards de saldo no padrão .kpis do admin, tabelas e reputação */
.conta dl.kpis.ct-k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 clamp(24px,3vw,36px);border-top:1px solid oklch(1 0 0/.1);border-bottom:1px solid oklch(1 0 0/.1)}
.conta .ct-k .kpi{padding:22px 24px 24px;border:0;border-radius:0;background:none;color:var(--mut);font-size:13px}
.conta .ct-k .kpi+.kpi{border-left:1px solid oklch(1 0 0/.08)}.conta .ct-k .kpi:hover{transform:none}
.conta .ct-k dt{font:var(--label);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.conta .ct-k dd:not(.kpi-x){margin:14px 0 8px;font:clamp(32px,3vw,48px)/1 var(--display);color:var(--tx);font-variant-numeric:tabular-nums}
.conta .ct-k .kpi-x{margin:0;font-size:12.5px;color:oklch(1 0 0/.45)}
.conta .ct-k .kpi:first-child dd:not(.kpi-x){color:color-mix(in oklch,var(--s-ok) 70%,white)}
.ct-top .eyb{margin-bottom:8px}
.ct-vnd .c-act .mt-acts{justify-content:flex-end;gap:6px}.ct-sq .c-pix{max-width:24ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ct-rep{margin-top:clamp(32px,4vw,48px);padding-top:clamp(24px,3vw,32px);border-top:1px solid oklch(1 0 0/.08)}
.ct-rep-n{display:flex;gap:clamp(24px,4vw,56px);margin:24px 0 12px}.ct-rep-n dt{font:var(--label);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}.ct-rep-n dd{margin:6px 0 0;font:28px/1 var(--display)}
.ct-selo{margin:0;color:var(--mut);font-size:14px}.ct-selo b{color:var(--tx);font-weight:600}
@media(max-width:900px){.conta dl.kpis.ct-k{grid-template-columns:1fr}.conta .ct-k .kpi{padding:16px 4px}.conta .ct-k .kpi+.kpi{border-left:0;border-top:1px solid oklch(1 0 0/.08)}.ct-vnd tbody tr,.ct-sq tbody tr{padding:16px!important}.ct-vnd .c-act .mt-acts{justify-content:flex-start}.ct-sq .c-dt{font-weight:600}}
.conta h3.vnd-h{margin:clamp(28px,3.4vw,40px) 0 12px;padding:0;font:var(--label);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
/* Minha conta · Mensagens */
.ct-msg{list-style:none;margin:0;padding:0;border-top:1px solid oklch(1 0 0/.08)}
.ct-msg li{border-bottom:1px solid oklch(1 0 0/.08)}
.ct-msg button{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;align-items:center;width:100%;padding:18px 12px;border:0;border-radius:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .2s}
.ct-msg button:hover{background:oklch(1 0 0/.035)}
.ct-msg button:focus-visible{outline:2px solid var(--tx);outline-offset:-2px;border-radius:10px}
.ct-msg .cm-t{display:grid;gap:3px;min-width:0}
.ct-msg .cm-l{display:flex;align-items:baseline;gap:10px;min-width:0}
.ct-msg .cm-l b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ct-msg .cm-l small{flex:none;font:var(--label);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.ct-msg .cm-ad{font-size:13px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ct-msg .cm-x{font-size:14px;color:oklch(1 0 0/.72);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ct-msg .cm-x span{color:var(--mut)}.ct-msg .cm-x i{color:var(--mut)}
/* Chat, etapa 3: conversa com mensagem nova (só com o flag) e bolinha do avatar */
.ct-msg button.nl .cm-x{color:var(--tx);font-weight:600}
.ct-msg .cm-n{flex:none;min-width:20px;padding:1px 6px;border-radius:999px;background:var(--red);color:#fff;font:700 11px/1.5 var(--sans);font-variant-numeric:tabular-nums;text-align:center}
.udrop .ch-n{position:absolute;top:-4px;right:-6px;min-width:18px;padding:1px 5px;font-size:10.5px;line-height:1.4;pointer-events:none}
.ct-msg time{align-self:start;padding-top:2px;color:var(--mut);font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:600px){.ct-msg button{grid-template-columns:40px minmax(0,1fr) auto;gap:12px;padding:16px 4px}.ct-msg .uav{--s:40px!important}}
/* Minha conta · Meus dados e Segurança (visual do editor do admin, escopado) */
.ct-dados.ed,.ct-seg.ed{grid-template-columns:minmax(0,1fr)}
.ct-dados .eds-h h3,.ct-seg .eds-h h3{margin:0 0 8px;font-size:clamp(24px,2.2vw,30px);line-height:1}
.ct-dados .fgrid,.ct-seg .fgrid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}
.ct-dados .fhint,.ct-seg .fhint{margin:6px 0 0;color:var(--mut);font-size:12.5px;line-height:1.45}
.ct-dados .edbar,.ct-seg .edbar{max-width:calc(720px + 200px + clamp(20px,3vw,40px))}
.ct-dados .cd-desc{display:none}.ct-dados form[data-dirty="1"] .cd-desc{display:inline-flex}
.ct-dados .cd-foto{display:flex;align-items:center;gap:20px}
.ct-dados .cd-foto .uav{box-shadow:0 0 0 1px oklch(1 0 0/.12)}
.ct-dados .cd-foto label{display:inline-flex;margin:0;cursor:pointer}
.ct-dados .cd-foto input:focus-visible+label{outline:2px solid var(--tx);outline-offset:3px}
.ct-dados .cd-foto .ferr:not(:empty){margin-top:4px}
.ct-dados .cd-ro label{display:flex;align-items:center;gap:8px}
.ct-dados .cd-tag{padding:2px 8px;border-radius:999px;background:oklch(1 0 0/.06);color:var(--mut);font:var(--label);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.ct-dados .cd-ro input{background:transparent!important;border-style:dashed;color:oklch(1 0 0/.72);cursor:default}
.ct-dados .cd-ro input:focus-visible{outline:2px solid var(--tx);outline-offset:2px}
.ct-dados #cd_bio{resize:vertical;min-height:88px}
.ct-vend{max-width:calc(720px + 200px + clamp(20px,3vw,40px));margin-top:clamp(40px,5vw,64px);padding-top:clamp(28px,3vw,40px);border-top:1px solid oklch(1 0 0/.08)}
.ct-vend h3{margin:0 0 20px;font-size:clamp(28px,3vw,40px);line-height:1}
.ct-seg .cs-pw{position:relative}
.ct-seg .cs-atual{grid-column:1/-1;max-width:calc(50% - 8px)}
.ct-seg .cs-pw input{padding-right:92px}
.ct-seg .cs-ver{position:absolute;right:6px;top:50%;translate:0 -50%;min-width:44px;min-height:36px;padding:0 12px;border:0;border-radius:10px;background:none;color:var(--mut);font:600 12.5px/1 var(--sans);cursor:pointer;transition:color .2s,background .2s}
.ct-seg .cs-ver:hover{color:var(--tx);background:oklch(1 0 0/.06)}
.ct-seg .cs-ver:focus-visible{outline:2px solid var(--tx);outline-offset:0}
.ct-seg .cs-regras{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;color:var(--mut);font-size:13px}
.ct-seg .cs-regras li{display:flex;align-items:center;gap:8px;transition:color .2s}
.ct-seg .cs-regras i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1.5px oklch(1 0 0/.2);transition:background .2s,box-shadow .2s}
.ct-seg .cs-regras li.ok{color:var(--tx)}
.ct-seg .cs-regras li.ok i{background:var(--s-ok);box-shadow:none;color:var(--ink)}
.ct-seg .cs-regras svg{width:11px;height:11px}
.ct-seg .cs-ac{margin-top:clamp(32px,4vw,48px);padding-top:clamp(24px,3vw,36px);border-top:1px solid oklch(1 0 0/.08)}
.ct-seg .cs-lista{max-width:720px;margin:0;padding:0;list-style:none;border-top:1px solid oklch(1 0 0/.08)}
.ct-seg .cs-lista li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid oklch(1 0 0/.08)}
.ct-seg .cs-lista time{display:flex;gap:14px;align-items:baseline;font-variant-numeric:tabular-nums}
.ct-seg .cs-lista b{font-weight:600}.ct-seg .cs-lista time span{color:var(--mut)}
.ct-seg .cs-lista small{color:var(--mut);font-size:12.5px;white-space:nowrap}
@media(max-width:900px){.ct-seg .cs-atual{max-width:none}.ct-dados .fgrid,.ct-seg .fgrid{grid-template-columns:minmax(0,1fr)}.ct-dados .eds,.ct-seg .eds{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.ct-dados .cd-foto{gap:14px}.ct-seg .cs-lista time{flex-direction:column;gap:2px}.ct-dados .edbar-a .btn,.ct-seg .edbar-a .btn{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.ct-seg .cs-ver,.ct-seg .cs-regras li,.ct-seg .cs-regras i{transition:none}}
/* a barra fixa de salvar não cobre o campo focado */
.ct-dados :is(input,select,textarea,label),.ct-seg :is(input,select,textarea,button){scroll-margin-bottom:120px}

/* ===== Etapa D · acessibilidade ===== */
/* foto principal do anúncio é um <button>: sem aparência de botão */
button.gal-main{width:100%;padding:0;border:0;font:inherit;color:inherit;text-align:inherit;cursor:zoom-in}
.c-hit{display:inline-grid;place-items:center;cursor:pointer}
/* data: o Chrome foca o segmento interno (dia/mês/ano), então o anel vai no campo via :focus-within */
input[type=date]:focus-within{outline:2px solid var(--tx);outline-offset:3px}
/* área de toque ≥ 44px só no celular; o desktop não muda */
@media(max-width:760px){
  .foot a,.foot .lnkf,.soc a{display:flex;align-items:center;min-height:44px}
  .soc a{display:inline-flex}
  .brand{min-height:44px}
  .burger,.heart,.ib,.pgn,.ch-h button,#a11y button{min-width:44px;min-height:44px}
  .mtab,.adm-nav a,.adm-pend,.seg-b,.chip,.pk,.btn.sm,.btn.ghost,.vsh-b,.cs-ver,.pw-t,.vchip,.vend-l,summary,select,.msel select{min-height:44px}
  .lnk,.lnk-u,.th-s{display:inline-flex;align-items:center;min-height:44px}
  .ck label,label.opt{display:flex;align-items:center;min-height:44px}
  .crumbs a,.adm-crumb a,.rank a{display:inline-flex;align-items:center;min-height:44px}
  .crumbs a,.adm-crumb a{min-width:44px;justify-content:center}
  .ct-seg .cs-ver{min-height:44px}
  .c-hit{min-width:44px;min-height:44px;margin:-13px}
  .prev2 button{width:44px;height:44px;top:-12px;right:-12px;background:transparent;z-index:1}
  .prev2 button::before{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff;z-index:-1}
}

/* ===== Documentos legais (2026-10-11): páginas #/termos, #/privacidade, #/cookies com o texto de legal/*.html ===== */
.lgl-pg{max-width:860px}
.lgl-bar{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-bottom:clamp(16px,3vw,28px)}
.lgl{color:var(--tx);font-size:16px;line-height:1.7}
.lgl [id]{scroll-margin-top:110px}
.lgl-aviso{border:1px solid var(--line);border-left:4px solid var(--tx);border-radius:10px;padding:12px 16px;margin:0 0 28px;background:var(--card)}
.lgl-h h1{font:400 clamp(40px,6vw,68px)/1 var(--display);text-transform:uppercase;margin:6px 0 12px}
.lgl-meta{color:var(--mut);font-size:14px;margin:0 0 18px}
.lgl-h .lede{margin:0 0 24px}
.lgl-toc{display:block;border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin:0 0 36px}
.lgl .lgl-toc-t{font:600 13px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin:0 0 12px}
.lgl-toc ol{margin:0;padding-left:22px;columns:2 260px;column-gap:32px}
.lgl-toc li{margin:4px 0;break-inside:avoid}
.lgl a{color:var(--tx);text-decoration:underline;text-underline-offset:3px}
.lgl a:hover{color:var(--red)}
.lgl section{margin:0 0 36px}
.lgl h2{font:400 clamp(26px,3.4vw,34px)/1.1 var(--display);text-transform:uppercase;margin:0 0 14px}
.lgl h3{font:600 18px/1.35 var(--sans);margin:22px 0 8px}
.lgl p{margin:0 0 12px;max-width:72ch}
.lgl ul,.lgl ol{margin:0 0 14px;padding-left:24px;max-width:72ch}
.lgl li{margin:4px 0}
.lgl code{font:14px/1.4 ui-monospace,Consolas,monospace;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:1px 6px;word-break:break-all}
.lgl-tab{overflow-x:auto;margin:8px 0 18px;border:1px solid var(--line);border-radius:12px}
.lgl-tab:focus-visible{outline-offset:2px}
.lgl table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}
.lgl caption{text-align:left;padding:12px 14px 4px;color:var(--mut);font-size:13px}
.lgl th,.lgl td{padding:10px 14px;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.lgl thead th{font-weight:600;color:var(--mut);border-top:0}
.lgl-f{border-top:1px solid var(--line);padding-top:20px;margin-top:40px;color:var(--mut);font-size:14px}
.lgl-f p{margin:0 0 8px}
@media(max-width:760px){.lgl-toc ol{columns:1}.lgl table{min-width:560px}}
/* Baixar em PDF = imprimir só o documento */
@media print{
 header.top,footer,#ckb,#a11yb,#a11y,#btt,#toast,#prog,#splash,.skip,#chatw,.modal,.lgl-bar{display:none!important}
 html,body,#app,main{background:#fff!important;color:#000!important;min-height:0!important;zoom:1!important}
 .page{padding:0!important}
 .lgl,.lgl *{color:#000!important;background:transparent!important;box-shadow:none!important}
 .lgl-tab{overflow:visible!important;border-color:#999!important}
 .lgl th,.lgl td,.lgl-aviso,.lgl-toc,.lgl-f{border-color:#999!important}
 .lgl a[href^="http"]::after{content:" (" attr(href) ")";font-size:.85em}
 .lgl h2,.lgl h3{break-after:avoid}.lgl tr{break-inside:avoid}
}
/* Cookies (2026-10-11): banner com borda neutra e os 3 botões idênticos; painel com 4 categorias */
#ckb{border-color:var(--line)}
#ckb .acts{display:flex;gap:10px;flex-wrap:wrap}
.ckp{display:grid;gap:10px;margin:16px 0}
.ckp-i{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.ckp-i input{margin-top:3px;flex:none;width:18px;height:18px}
.ckp-i input:disabled{cursor:not-allowed}
.ckp-i b{display:block;font-weight:600}
.ckp-i small{display:block;color:var(--mut);font-size:13.5px;line-height:1.45;margin-top:2px}
.ckp-acts{display:flex;gap:10px;flex-wrap:wrap}
/* links dentro dos rótulos de aceite (cadastro, ativar vendedor, assistente): sublinhados, abrem em nova aba */
.ck label a,label a[target="_blank"]{color:inherit;text-decoration:underline;text-underline-offset:3px}
.ck label a:hover{color:var(--red)}
#fc_ac.bad label{color:var(--tx)}
#fc_ac.bad input[aria-invalid="true"]{outline:2px solid var(--s-bad);outline-offset:2px}
@media(max-width:760px){.lgl-toc li,.lgl li:has(> a:only-child){margin:0}.lgl-toc a,.lgl li > a:only-child{display:inline-flex;align-items:center;min-height:44px}}
/* Admin → Taxas e comissões (2026-10-12): % + mínimo por cartão e exemplos de quem paga */
.tx-intro{max-width:72ch;margin:0 0 8px;color:var(--mut);font-size:14px;line-height:1.55}
.tx-intro a{color:var(--tx);text-decoration:underline;text-underline-offset:3px}
.tx-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tx-2 .tx-f .money input{font-size:20px}
.money.pct span{left:auto;right:15px}
.money.pct input{padding-left:16px!important;padding-right:40px!important}
.tx-f select{width:100%;min-height:52px}
.tx-ex{margin:0;display:grid;gap:10px}
.tx-ex div{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding-bottom:10px;border-bottom:1px solid oklch(1 0 0/.06)}
.tx-ex div:last-child{border-bottom:0;padding-bottom:0}
.tx-ex dt{color:var(--mut);font-size:13.5px}
.tx-ex dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}
@media(max-width:900px){.tx-row{grid-template-columns:1fr}}
@media(max-width:420px){.tx-2{grid-template-columns:1fr}}
/* cancelamento por motivo (2026-10-12): opções no padrão .vo, texto de apoio quebrando linha */
.cx-l{border:0;margin:4px 0 0;padding:0;display:grid;gap:8px;min-width:0}
.cx-l legend{padding:0;margin-bottom:8px;font-weight:600}
.cxo small{white-space:normal;overflow:visible}
.cx-l[aria-invalid=true] .cxo span{box-shadow:inset 0 0 0 1.5px var(--s-bad)}
.cx-prazo{margin:8px 0 0}

.cx-neg{display:block;color:var(--mut);font-size:12.5px;font-weight:400}
#cxo_w{margin-top:14px}

/* página pública de taxas (Fase D, 2026-10-12): tabela no desktop, cartões no celular (a <table> e os papéis ARIA ficam) */
.tx-pub-t th[scope=row]{font-weight:600}
.tx-pub-t td small{color:var(--mut);font-size:12.5px}
.tx-pub section p b{font-weight:600}
.lgl .tx-mot{min-width:0}
.tx-pub-f{border-top:1px solid var(--line);padding-top:18px;margin-top:8px;color:var(--mut);font-size:14.5px}
.tx-pub-f b{color:var(--tx)}
.buy-tx{margin:10px 0 0;color:var(--mut);font-size:13.5px;line-height:1.5}
.fee-tx{margin-top:10px}
@media(max-width:720px){
 .tx-pub-tab{overflow:visible;border:0;border-radius:0}
 .lgl .tx-pub-t{min-width:0}
 .tx-pub-t thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
 .tx-pub-t,.tx-pub-t tbody,.tx-pub-t tr,.tx-pub-t th,.tx-pub-t td,.tx-pub-t caption{display:block}
 .tx-pub-t caption{padding:0 0 10px}
 .tx-pub-t tr{border:1px solid var(--line);border-radius:12px;margin:0 0 12px;overflow:hidden}
 .tx-pub-t th[scope=row]{border-top:0;font-size:16px;padding:2px 14px}
 .tx-pub-t th[scope=row] a{display:inline-flex;align-items:center;min-height:44px}
 .tx-pub-t td{display:grid;grid-template-columns:minmax(104px,38%) 1fr;gap:12px;padding:10px 14px}
 .tx-pub-t td::before{content:attr(data-l);content:attr(data-l) / "";color:var(--mut);font-size:13px;line-height:1.5}
}