/* Monte seu PC — só carrega em /monte-seu-pc/. Usa as cores e fontes do tema (style.css). */
.pc{--ok:#2bcc85;--at:#ffc46b;--er:#ff6b6b;--fa:#9fb3ff}
.pc-hero{position:relative;padding:44px 0 34px;overflow:hidden}
.pc-hg{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.pc-hero h1{font-size:clamp(34px,5.4vw,60px);margin:14px 0 14px}
.pc-hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--c),var(--v));-webkit-background-clip:text;background-clip:text;color:transparent;display:block}
.pc-hero p{color:var(--mu);max-width:58ch;margin:0}
.pc-hl{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.pc-hl span{font-size:13px;border:1px solid var(--line);border-radius:99px;padding:6px 12px;background:var(--bg2);color:var(--mu)}.pc-hl b{color:var(--c);margin-right:4px}
.pc-hv{max-width:420px;justify-self:center;width:100%}
@media(max-width:860px){.pc-hg{grid-template-columns:1fr}.pc-hv{display:none}.pc-hero{padding:26px 0 18px}}

/* bancada */
.banca{width:100%;height:auto;display:block}
.banca .bk-case{fill:rgba(76,162,208,.04);stroke:var(--line);stroke-width:2}
.banca .bk-case.on{stroke:var(--b)}
.banca g{fill:rgba(17,42,55,.55);stroke:#1d4252;stroke-width:1.5;transition:fill .5s,stroke .5s,filter .5s}
.banca g path{fill:none}
.banca g.on{fill:rgba(60,222,235,.16);stroke:var(--c);filter:drop-shadow(0 0 6px rgba(60,222,235,.55))}
.banca g.on.st-erro{stroke:var(--er);fill:rgba(255,107,107,.16);filter:drop-shadow(0 0 6px rgba(255,107,107,.6));animation:pcpulse 1.2s ease-in-out infinite}
.banca g.on.st-alerta,.banca g.on.st-falta{stroke:var(--at);fill:rgba(255,196,107,.12)}
.banca g[data-s=cooler].on circle{animation:pcspin 3s linear infinite;transform-origin:107px 75px}
.banca g[data-s=fan].on circle{animation:pcspin 2.4s linear infinite;transform-box:fill-box;transform-origin:center}
#pcbanca0 .banca g{animation:pcdemo 9s ease-in-out infinite}
#pcbanca0 .banca g:nth-of-type(2){animation-delay:.6s}#pcbanca0 .banca g:nth-of-type(3){animation-delay:1.2s}#pcbanca0 .banca g:nth-of-type(4){animation-delay:1.8s}#pcbanca0 .banca g:nth-of-type(5){animation-delay:2.4s}#pcbanca0 .banca g:nth-of-type(6){animation-delay:3s}#pcbanca0 .banca g:nth-of-type(7){animation-delay:3.6s}#pcbanca0 .banca g:nth-of-type(8){animation-delay:4.2s}#pcbanca0 .banca g:nth-of-type(9){animation-delay:4.8s}
@keyframes pcdemo{0%,8%{fill:rgba(17,42,55,.55);stroke:#1d4252;filter:none}18%,80%{fill:rgba(60,222,235,.16);stroke:var(--c);filter:drop-shadow(0 0 6px rgba(60,222,235,.55))}100%{fill:rgba(17,42,55,.55);stroke:#1d4252;filter:none}}
@keyframes pcspin{to{transform:rotate(360deg)}}
@keyframes pcpulse{50%{filter:drop-shadow(0 0 12px rgba(255,107,107,.9))}}

/* app */
.pc-app{padding-bottom:40px;min-height:60vh}
.pc-load{display:flex;align-items:center;gap:12px;color:var(--mu);padding:60px 0;justify-content:center}.pc-load span{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--c);animation:pcspin 1s linear infinite}
.pc-st{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 12px;margin-bottom:18px;scrollbar-width:none;position:sticky;top:66px;z-index:20;background:linear-gradient(var(--bg) 82%,transparent)}
.pc-st::-webkit-scrollbar{display:none}
.pc-st button{flex:none;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--bg2);border-radius:99px;padding:7px 14px 7px 7px;cursor:pointer;font-size:13px;color:var(--mu);white-space:nowrap;transition:border-color .2s,color .2s}
.pc-st button i{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--ac);font-size:12px;font-weight:700;color:var(--tx)}
.pc-st button small{opacity:.65}
.pc-st button:hover{color:var(--tx)}
.pc-st button.on{border-color:var(--c);color:var(--tx);box-shadow:0 0 18px -8px var(--c)}
.pc-st .e-ok i.b{background:var(--ok);color:#02110a}.pc-st .e-erro i.b{background:var(--er);color:#200}.pc-st .e-alerta i.b,.pc-st .e-falta i.b{background:var(--at);color:#2a1a00}
.pc-st .fim{border-color:rgba(60,222,235,.4)}
body:has(#hdr.some) .pc-st{top:0}body:has(#hdr.some) .pc-cmpbar{top:62px}
.pc-gr{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
@media(max-width:960px){.pc-gr{grid-template-columns:minmax(0,1fr)}}
.pc-main{min-width:0}

.pc-card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:22px;margin-bottom:16px}
.pc-card h2{font-size:20px;margin-bottom:14px}.pc-card h3{font-size:17px;margin-bottom:10px}
.pc-usos{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media(max-width:720px){.pc-usos{grid-template-columns:1fr 1fr}}
.pc-usos button{display:flex;flex-direction:column;gap:4px;text-align:left;border:1px solid var(--line);background:var(--bg);border-radius:16px;padding:14px;cursor:pointer;transition:border-color .2s,transform .15s}
.pc-usos button i{font-style:normal;font-size:24px}.pc-usos button b{font:600 15px Sora,sans-serif}.pc-usos button small{color:var(--mu);font-size:12.5px;line-height:1.35}
.pc-usos button.on{border-color:var(--c);background:linear-gradient(160deg,rgba(60,222,235,.10),transparent);box-shadow:0 0 22px -12px var(--c)}
.pc-usos button:active,.pc-seg button:active,.btn:active{transform:scale(.97)}
.pc-orc label{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}
.pc-orc span{color:var(--mu);font-size:14px}.pc-orc output{font:700 20px Sora,sans-serif;color:var(--c);min-width:110px;text-align:right}
.pc-orc input[type=range]{width:100%;accent-color:#3cdeeb}
@media(max-width:560px){.pc-orc label{grid-template-columns:1fr auto}.pc-orc label span{grid-column:1/-1}}
.pc-chk{display:inline-flex !important;gap:8px;align-items:center;font-size:14px;color:var(--mu);margin-top:10px;cursor:pointer}
.pc-chk input{accent-color:#3cdeeb;width:16px;height:16px}
.pc-seg{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.pc-seg button{border:1px solid var(--line);background:var(--bg);border-radius:99px;padding:9px 16px;cursor:pointer;font-size:14px;color:var(--mu)}
.pc-seg button.on{border-color:var(--c);color:var(--tx);background:rgba(60,222,235,.08)}
.pc-seg.sm{align-items:center}.pc-seg.sm span{font-size:13px;color:var(--mu);margin-right:4px}.pc-seg.sm button{padding:6px 12px;font-size:13px}
.pc-hint{font-size:13px;color:var(--mu);margin:10px 0 0}
.pc-gob{display:flex;flex-wrap:wrap;gap:10px}
.pc-pre{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;align-items:center}.pc-pre span{font-size:13px;color:var(--mu)}
.pc-pre button{border:1px dashed #1d4252;background:none;border-radius:12px;padding:7px 12px;cursor:pointer;font-size:13px;color:var(--tx);text-align:left}
.pc-pre button small{display:block;color:var(--mu);font-size:11.5px}
.pc-pre button:hover{border-color:var(--c)}
.pc-msg{border:1px solid rgba(255,196,107,.4);background:rgba(255,196,107,.07);color:var(--at);border-radius:12px;padding:10px 14px;font-size:14px}
.pc-av{margin:0 0 16px}
/* celular: menos rolagem até o app e alvos de toque maiores */
@media(max-width:560px){
 .pc-hero h1{margin:10px 0}
 .pc-hl{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px}.pc-hl::-webkit-scrollbar{display:none}.pc-hl span{flex:none}
 .pc-card{padding:18px 16px}
 .pc-gob{display:grid}.pc-gob .btn{text-align:center;padding:14px 16px}
 .pc-bus{flex-basis:100%}.pc-bus input,.pc-fil select{font-size:16px}
 .pc-cmpbar{flex-wrap:nowrap;padding:8px 10px}.pc-cmpbar span{flex:1}.pc-cmpbar .btn{padding:8px 12px}
 .pc-nav{display:grid;grid-template-columns:1fr 1fr}.pc-nav .btn{text-align:center}.pc-nav .btn.p{grid-column:1/-1;margin:0;order:-1;padding:13px 16px}
}
@media(pointer:coarse){.pc-seg button,.pc-st button,.pc-pre button{min-height:44px}.pc-x{width:44px;height:44px}}

.pc-ph{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}
.pc-num{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(60,222,235,.18),rgba(43,204,133,.10));border:1px solid rgba(60,222,235,.35);color:var(--c);font-size:22px}
.pc-ph small{color:var(--mu);font-size:12.5px;text-transform:uppercase;letter-spacing:.08em}
.pc-ph h2{font-size:clamp(22px,3vw,30px);margin:2px 0 6px}.pc-ph p{color:var(--mu);margin:0;font-size:14.5px;max-width:70ch}
.pc-rec{border:1px solid rgba(60,222,235,.35);background:linear-gradient(135deg,rgba(60,222,235,.07),rgba(43,204,133,.04));border-radius:var(--r);padding:16px;margin-bottom:14px}
.pc-rec-t b{display:block;font:600 15px Sora,sans-serif;color:var(--c)}.pc-rec-t span{font-size:14px;color:var(--mu)}
.pc-rec-b{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
@media(max-width:620px){.pc-rec-b{grid-template-columns:1fr}}
.pc-rec-b button{text-align:left;border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px}
.pc-rec-b button small{font-size:11.5px;color:var(--mu);text-transform:uppercase;letter-spacing:.06em}.pc-rec-b button b{font-size:13.5px;font-weight:600;line-height:1.3}.pc-rec-b button em{font-style:normal;color:var(--c);font-weight:700}
.pc-rec-b button.on{border-color:var(--ok)}.pc-rec-b button:hover{border-color:var(--c)}
.pc-fil{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.pc-bus{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--bg2);border-radius:99px;padding:0 14px;flex:1;min-width:200px;color:var(--mu)}
.pc-bus input{background:none;border:0;outline:0;height:40px;flex:1;min-width:0;font-size:14px}
.pc-fil select{background:var(--bg2);border:1px solid var(--line);border-radius:99px;height:42px;padding:0 14px;font-size:14px}
.pc-mar{display:flex;gap:6px;overflow-x:auto;width:100%;scrollbar-width:none}.pc-mar::-webkit-scrollbar{display:none}
.pc-mar button{flex:none;border:1px solid var(--line);background:none;border-radius:99px;padding:5px 12px;font-size:12.5px;color:var(--mu);cursor:pointer}.pc-mar button.on{border-color:var(--c);color:var(--tx)}
.pc-cmpbar{position:sticky;top:120px;z-index:15;display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1px solid var(--b);background:rgba(9,12,19,.95);backdrop-filter:blur(8px);border-radius:14px;padding:10px 14px;margin-bottom:12px;font-size:14px}
.pc-cmpbar .btn{padding:8px 16px}.pc-cmpbar small{color:var(--mu)}

.pc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.pc-pc{position:relative;display:grid;grid-template-columns:96px 1fr;gap:12px;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:12px;transition:border-color .2s,transform .2s}
.pc-pc:hover{border-color:#2c5d70}
.pc-pc.sel{border-color:var(--ok);box-shadow:0 0 0 1px var(--ok) inset,0 0 26px -14px var(--ok)}
.pc-pc.b-erro{opacity:.62}.pc-pc.b-erro:hover{opacity:.9}
.pc-pc.nd .pc-pi{filter:grayscale(.7)}
.pc-pc.shake{animation:pcshake .4s}
@keyframes pcshake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.pc-tagr{position:absolute;top:-9px;left:12px;font-size:11.5px;font-weight:700;background:linear-gradient(135deg,#3cdeeb,#2bcc85);color:#02110a;border-radius:99px;padding:2px 10px}
.pc-pi{background:#fff;border-radius:12px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden}
.pc-pi img{width:100%;height:100%;object-fit:contain}
/* catálogo de referência: peça sem oferta no site (ícone no lugar da foto, sem botão de compra) */
.pc-ri{display:grid;place-items:center;width:100%;height:100%;aspect-ratio:1;border-radius:10px;background:linear-gradient(145deg,rgba(60,222,235,.10),rgba(43,204,133,.05));border:1px dashed rgba(60,222,235,.35);color:var(--c)}
.pc-pi.ref,.pc-pc.nd .pc-pi.ref{background:transparent;filter:none}
.pc-rl .pc-ri{width:54px;height:54px}.pc-lc .pc-ri{width:44px;height:44px}.pc-cmpt thead .pc-ri{width:60px;height:60px;margin-bottom:6px}
@media(max-width:560px){.pc-rl .pc-ri{width:44px;height:44px}}
.pc-so{display:inline-block;font-size:12px;color:var(--mu);border:1px dashed var(--line);border-radius:99px;padding:5px 10px;white-space:nowrap}
.pc-mais{grid-column:1/-1;justify-self:center;padding:12px 22px;min-height:46px}.pc-mais small{color:var(--mu);font-weight:400}
.pc-refh{margin:0 0 12px}
.pc-pb{min-width:0;display:flex;flex-direction:column;gap:6px}
.pc-pb h3{font:600 14px/1.3 Inter,sans-serif;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc-badge{align-self:flex-start;font-size:11.5px;font-weight:700;border-radius:99px;padding:2px 9px;border:1px solid}
.pc-badge.b-ok{color:var(--ok);border-color:rgba(43,204,133,.45);background:rgba(43,204,133,.08)}
.pc-badge.b-alerta,.pc-badge.b-falta{color:var(--at);border-color:rgba(255,196,107,.45);background:rgba(255,196,107,.08)}
.pc-badge.b-erro{color:var(--er);border-color:rgba(255,107,107,.45);background:rgba(255,107,107,.08)}
.pc-ch{display:flex;flex-wrap:wrap;gap:4px}
.pc-ch span{font-size:11.5px;border:1px solid var(--line);border-radius:6px;padding:1px 7px;color:#b6d4dc;background:var(--bg)}
.pc-ch span.x{color:var(--at);border-color:rgba(255,196,107,.35)}
.pc-mot{list-style:none;margin:0;padding:0;font-size:12.5px;line-height:1.35}
.pc-mot li{padding-left:16px;position:relative;margin-top:2px}.pc-mot li::before{position:absolute;left:0;font-weight:700}
.pc-mot li.ok{color:#8fd9b8}.pc-mot li.ok::before{content:"✓";color:var(--ok)}
.pc-mot li.erro{color:#ffb0b0}.pc-mot li.erro::before{content:"✕";color:var(--er)}
.pc-mot li.alerta,.pc-mot li.falta{color:#ffd9a0}.pc-mot li.alerta::before{content:"!";color:var(--at)}.pc-mot li.falta::before{content:"?";color:var(--at)}
.pc-pr b{font:700 18px Sora,sans-serif}.pc-pr b.nd{font-size:14px;color:var(--mu)}.pc-pr small{display:block;font-size:11.5px;color:var(--mu)}
.pc-q{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mu)}
.pc-q button{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:var(--bg);cursor:pointer;font-size:16px}
.pc-q b{color:var(--tx);min-width:16px;text-align:center}
.pc-pa{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:2px}
.pc-pa .btn{padding:8px 16px;font-size:13.5px}
.pc-pa .btn[aria-disabled=true]{background:var(--bg);color:var(--mu);box-shadow:none;cursor:not-allowed}
.pc-ib{border:1px solid var(--line);background:none;border-radius:99px;padding:7px 12px;font-size:12.5px;color:var(--mu);cursor:pointer}.pc-ib.on,.pc-ib:hover{color:var(--c);border-color:var(--c)}
.pc-cb{font-size:12.5px;color:var(--mu);display:flex;gap:5px;align-items:center;cursor:pointer}.pc-cb input{accent-color:#3cdeeb}
.pc-det{grid-column:1/-1;margin-top:6px;border-top:1px dashed var(--line);padding-top:8px}
.pc-det{grid-column:1/-1}
.pc-pc>.pc-pb .pc-det{margin-left:-108px}
.pc-det table{width:100%;border-collapse:collapse;font-size:12.5px}
.pc-det th{text-align:left;color:var(--mu);font-weight:500;padding:3px 6px 3px 0}.pc-det td{padding:3px 4px}
.og{font-size:10.5px;border-radius:5px;padding:1px 6px;border:1px solid var(--line);color:var(--mu)}
.og-a{color:#8fd9b8;border-color:rgba(43,204,133,.35)}.og-r{color:#9fd6ff;border-color:rgba(76,162,208,.45)}.og-e,.og-g{color:var(--at);border-color:rgba(255,196,107,.35)}
.pc-falta{font-size:12.5px;color:var(--at);margin:8px 0 0}
.pc-links{font-size:12.5px;margin:8px 0 0}.pc-links a{color:var(--c)}
.pc-nav{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-top:22px;border-top:1px solid var(--line);padding-top:16px}
.pc-nav .btn.p{margin-left:auto}

/* resumo lateral */
.pc-sum{position:sticky;top:120px}
.pc-sum-in{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 140px);overflow:auto;scrollbar-width:thin}
.pc-sum-h{display:flex;justify-content:space-between;align-items:center}.pc-sum-h b{font:600 16px Sora,sans-serif}
.pc-x{display:none;border:1px solid var(--line);background:none;border-radius:10px;width:34px;height:34px;cursor:pointer;color:var(--tx)}
.pc-sum .banca{max-width:240px;margin:0 auto}
.pc-sl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.pc-sl button{width:100%;display:grid;grid-template-columns:20px 1fr auto 18px;gap:8px;align-items:center;background:none;border:1px solid transparent;border-radius:10px;padding:6px;cursor:pointer;text-align:left;color:var(--mu)}
.pc-sl button:hover{border-color:var(--line);background:var(--bg)}
.pc-sl span{min-width:0}.pc-sl small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.pc-sl b{display:block;font-size:13px;font-weight:500;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-sl em{font-style:normal;font-size:12.5px;color:var(--tx);white-space:nowrap}
.pc-sl i.b{font-style:normal;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}
.pc-sl .e-ok i.b{background:var(--ok);color:#02110a}.pc-sl .e-erro i.b{background:var(--er);color:#200}.pc-sl .e-alerta i.b,.pc-sl .e-falta i.b{background:var(--at);color:#2a1a00}
.pc-sl .e-pend b{color:var(--c)}.pc-sl .e-pend i.b{border:1px dashed var(--mu)}
.pc-tot{border-top:1px solid var(--line);padding-top:10px;display:grid;grid-template-columns:1fr auto;align-items:baseline}
.pc-tot span{color:var(--mu);font-size:14px}.pc-tot b{font:700 24px Sora,sans-serif;color:var(--c)}.pc-tot small{grid-column:1/-1;font-size:12px;color:var(--mu)}.pc-tot small.at{color:var(--at)}.pc-tot small.ok{color:var(--ok)}
.pc-en-h{display:flex;justify-content:space-between;font-size:14px}.pc-en-h span{color:var(--mu)}
.pc-bar{height:8px;border-radius:99px;background:var(--ac);overflow:hidden;margin:6px 0}
.pc-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2bcc85,#3cdeeb);transition:width .6s}
.pc-bar i.warn{background:linear-gradient(90deg,#3cdeeb,#ffc46b)}.pc-bar i.bad{background:linear-gradient(90deg,#ffc46b,#ff6b6b)}
.pc-en small,.pc-eq small{font-size:12.5px;color:var(--mu)}
.pc-cs{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13.5px}
.pc-cs.good{border-color:rgba(43,204,133,.45);color:var(--ok)}.pc-cs.warn{border-color:rgba(255,196,107,.45);color:var(--at)}.pc-cs.bad{border-color:rgba(255,107,107,.5);color:var(--er)}
.pc-cs button{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;font-size:12.5px}
.pc-eq span{font-size:14px;color:var(--mu)}
.ggr{width:100%;max-width:240px;display:block;margin:4px auto}
.ggr rect{fill:var(--ac);stroke:#2c5d70}.ggr g g rect{fill:rgba(60,222,235,.12);stroke:var(--c)}.ggr text{fill:var(--tx);font:700 11px Inter,sans-serif;text-anchor:middle}
.ggr .ggr-b{fill:#2c5d70}.ggr g{transition:transform .8s cubic-bezier(.3,1.6,.5,1)}
.ggr.alerta g g rect{stroke:var(--at);fill:rgba(255,196,107,.12)}
.pc-act{display:flex;flex-direction:column;gap:8px}.pc-act .btn{text-align:center;padding:11px 16px}.pc-act .btn[disabled]{opacity:.5;cursor:not-allowed}
.pc-mb{display:none}
@media(max-width:960px){
 .pc-sum{position:fixed;inset:0;z-index:80;background:rgba(2,8,17,.6);backdrop-filter:blur(4px);display:flex;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity .25s}
 .pc-sum.open{opacity:1;pointer-events:auto}
 .pc-sum-in{width:100%;max-height:86vh;border-radius:22px 22px 0 0;transform:translateY(40px);transition:transform .3s;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
 .pc-sum.open .pc-sum-in{transform:none}
 .pc-x{display:block}
 .pc-mb{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:rgba(2,8,17,.92);backdrop-filter:blur(12px);border-top:1px solid var(--line)}
 .pc-mb button{width:100%;display:flex;align-items:center;gap:12px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:8px 12px;cursor:pointer;text-align:left}
 .pc-mb button{gap:8px}.pc-mb button>*{white-space:nowrap}
 @media(max-width:370px){.pc-mb-v span{display:none}}
 .pc-mb .pc-mb-n{justify-content:center;margin-bottom:8px;min-height:46px;background:linear-gradient(135deg,var(--c),var(--v));border:0;color:#02110a;font:700 15px Sora,sans-serif}.pc-mb .pc-mb-n.sec{background:var(--bg2);border:1px solid var(--c);color:var(--c)}
 .pc-mb small{display:block;font-size:11px;color:var(--mu)}.pc-mb b{font:700 17px Sora,sans-serif}
 .pc-mb-s{font-size:12.5px;font-weight:700;border-radius:99px;padding:3px 10px;border:1px solid var(--line)}
 .pc-mb-s.good{color:var(--ok);border-color:rgba(43,204,133,.45)}.pc-mb-s.warn{color:var(--at);border-color:rgba(255,196,107,.45)}.pc-mb-s.bad{color:var(--er);border-color:rgba(255,107,107,.5)}
 .pc-mb-v{margin-left:auto;font-size:13px !important;color:var(--c)}
 .pc-mb.pulse button{animation:pcpop .5s}
 .pc-app{padding-bottom:150px}
 footer{padding-bottom:150px}.btt{bottom:calc(env(safe-area-inset-bottom,0px) + 88px)}
 .pc-st{top:66px;transition:top .3s ease}
 .pc-cmpbar{top:128px;transition:top .3s ease}
 body:has(#hdr.some) .pc-st{top:0}body:has(#hdr.some) .pc-cmpbar{top:62px}
}
@keyframes pcpop{40%{transform:scale(1.03);border-color:var(--c)}}
@media(max-width:520px){
 .pc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}
 .pc-grid>.vazio{grid-column:1/-1}
 .pc-pc{grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;padding:8px}
 .pc-pi{aspect-ratio:4/3;border-radius:10px}
 .pc-tagr{left:8px;font-size:10.5px;padding:2px 8px}
 .pc-pb{gap:5px}
 .pc-pb h3{font-size:13px;-webkit-line-clamp:3}
 .pc-badge{font-size:10.5px;padding:1px 7px}
 .pc-ch span{font-size:10.5px;padding:1px 5px}.pc-ch span:nth-child(n+4){display:none}
 .pc-mot{font-size:11.5px}.pc-mot li+li{display:none}
 .pc-mot li{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .pc-pr b{font-size:16px}.pc-pr b.nd{font-size:12.5px}.pc-pr small{font-size:10.5px}
 .pc-q{font-size:12px;gap:6px}.pc-q button{width:36px;height:36px}
 .pc-pa{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto}
 .pc-pa .btn{grid-column:1/-1;min-height:44px;padding:8px;justify-content:center;font-size:13.5px}
 .pc-ib{min-height:40px;padding:6px 4px;font-size:12px}
 .pc-cb{justify-content:center;gap:4px;font-size:11px;min-height:40px;padding:0 4px;border:1px solid var(--line);border-radius:99px}.pc-cb input{margin:0;width:14px;height:14px;flex:none}
 .pc-pc>.pc-pb .pc-det{margin-left:0}
 .pc-pc.open{grid-column:1/-1;grid-template-columns:84px minmax(0,1fr);gap:10px}
 .pc-pc.open .pc-pi{aspect-ratio:1}
 .pc-pc.open>.pc-pb .pc-det{margin-left:-94px}
 .pc-pc.open .pc-pa{grid-template-columns:1fr 1fr 1fr}.pc-pc.open .pc-pa .btn{grid-column:auto}
}

/* revisão */
.pc-res{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:8px 14px;margin-bottom:16px}
.pc-rl{display:grid;grid-template-columns:54px 1fr auto auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.pc-rl img{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:10px}
.pc-rl>span{width:54px;height:54px;border-radius:10px;border:1px dashed var(--line);display:grid;place-items:center;color:var(--mu)}
.pc-rl small{font-size:11px;color:var(--mu);text-transform:uppercase;letter-spacing:.06em}.pc-rl b{display:block;font-size:14px;font-weight:500}
.pc-rl em{font-style:normal;font-weight:700;white-space:nowrap}
.pc-rl .btn{padding:8px 16px;font-size:13.5px}
.pc-rl.pend b{color:var(--c)}.pc-rl.e-erro{box-shadow:inset 3px 0 0 var(--er)}
@media(max-width:560px){.pc-rl{grid-template-columns:44px 1fr;row-gap:6px}.pc-rl img,.pc-rl>span{width:44px;height:44px}.pc-rl em{grid-column:2}.pc-rl .btn{grid-column:2;justify-self:start}}
.pc-rt{display:grid;grid-template-columns:1fr auto;padding:14px 0 6px;align-items:baseline}.pc-rt span{color:var(--mu)}.pc-rt b{font:700 26px Sora,sans-serif;color:var(--c)}.pc-rt small{grid-column:1/-1;color:var(--mu);font-size:12.5px}
.pc-rep{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:16px}
.pc-rep>div,.pc-rg{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.pc-rep h3{font-size:15px}.pc-rep small{display:block;color:var(--mu);font-size:12px;margin:2px 0 10px}
.pc-rg summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none}.pc-rg summary::-webkit-details-marker{display:none}
.pc-rg summary>i{font-style:normal;font-size:18px}.pc-rg summary b{font:600 15px Sora,sans-serif;flex:1;line-height:1.3}
.pc-rg summary span{flex:none;font-size:12px;font-weight:700;border-radius:99px;padding:2px 8px;border:1px solid}
.pc-rg summary .ok{color:var(--ok);border-color:rgba(43,204,133,.45)}.pc-rg summary .at{color:var(--at);border-color:rgba(255,196,107,.45)}.pc-rg summary .er{color:var(--er);border-color:rgba(255,107,107,.5)}
.pc-rg summary::after{content:"+";flex:none;width:24px;text-align:center;font-weight:700;color:var(--c)}.pc-rg[open] summary::after{content:"−"}
.pc-rg>small{margin:8px 0 10px}
.pc-rep ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13.5px}
.pc-rep li{display:grid;grid-template-columns:20px 1fr;gap:6px;line-height:1.4}
.pc-rep li i{font-style:normal;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;margin-top:1px}
.pc-rep li.ok i{background:var(--ok);color:#02110a}.pc-rep li.erro i{background:var(--er);color:#200}.pc-rep li.alerta i,.pc-rep li.falta i{background:var(--at);color:#2a1a00}.pc-rep li.info i,.pc-rep li.req i{background:var(--ac);color:var(--tx)}
.pc-rep li.erro{color:#ffc4c4}
.pc-enx table{width:100%;border-collapse:collapse;font-size:14px}.pc-enx td,.pc-enx th{padding:6px 0;border-bottom:1px solid var(--line);text-align:left}.pc-enx td+td,.pc-enx th+th{text-align:right}.pc-enx small{display:block;color:var(--mu);margin-top:8px;font-size:12.5px}
.pc-sug ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pc-sug li{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:14px;border-bottom:1px dashed var(--line);padding-bottom:10px}
.pc-sug li .btn{flex:none;padding:7px 14px;font-size:13px}
.pc-share{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.pc-disc{font-size:12.5px;color:var(--mu);max-width:90ch}

/* modais */
html.pc-lock{overflow:hidden}
.pc-mod{position:fixed;inset:0;z-index:100;background:rgba(2,8,17,.72);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px}
.pc-mod-in{width:min(920px,100%);max-height:88vh;overflow:auto;background:var(--bg2);border:1px solid var(--line);border-radius:22px;padding:18px}
.pc-mod-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pc-mod-h h3{font-size:20px}.pc-mod .pc-x{display:block}
.pc-lc{width:100%;border-collapse:collapse}.pc-lc td{padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:14px}
.pc-lc img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:8px}.pc-lc small{display:block;color:var(--mu);font-size:11px;text-transform:uppercase}.pc-lc b{font-weight:500}
.pc-lk{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.pc-lk .btn{padding:7px 14px;font-size:13px}
@media(max-width:620px){.pc-lc tr{display:grid;grid-template-columns:44px 1fr;gap:4px 10px;padding:8px 0;border-bottom:1px solid var(--line)}.pc-lc td{border:0;padding:0}.pc-lc td:nth-child(3),.pc-lc td:nth-child(4){grid-column:2}.pc-lk{justify-content:flex-start}}
.pc-cmpt{overflow-x:auto}.pc-cmpt table{border-collapse:collapse;min-width:520px;width:100%;font-size:13.5px}
.pc-cmpt th,.pc-cmpt td{padding:8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.pc-cmpt thead th{vertical-align:bottom}.pc-cmpt thead img{display:block;width:60px;height:60px;object-fit:contain;background:#fff;border-radius:8px;margin-bottom:6px}
.pc-cmpt tbody th{color:var(--mu);font-weight:500;white-space:nowrap}.pc-nd{color:var(--mu)}
/* celular: rótulo em cima e as peças lado a lado, sem rolagem lateral */
@media(max-width:560px){
 .pc-cmpt table,.pc-cmpt thead,.pc-cmpt tbody{display:block;min-width:0}
 .pc-cmpt tr{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));column-gap:10px;border-bottom:1px solid var(--line);padding:7px 0}
 .pc-cmpt th,.pc-cmpt td{border:0;padding:2px 0;overflow-wrap:anywhere}
 .pc-cmpt tbody th{grid-column:1/-1;white-space:normal;font-size:12px}
 .pc-cmpt th:empty{display:none}
}

/* aprenda */
.pc-learn{padding:60px 0 80px;border-top:1px solid var(--line)}
.pc-lg{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}
@media(max-width:860px){.pc-lg{grid-template-columns:1fr}}
.pc-vid{aspect-ratio:16/9;border-radius:var(--r);border:1px dashed #1d4252;background:radial-gradient(circle at 30% 30%,rgba(60,222,235,.10),transparent 60%),var(--bg2);display:grid;place-items:center;text-align:center;color:var(--mu);padding:20px}
.pc-vid svg{color:var(--c)}.pc-vid b{display:block;color:var(--tx);font:600 17px Sora,sans-serif;margin:8px 0 4px}.pc-vid small{font-size:13px}
.pc-vid iframe{width:100%;height:100%;border:0;border-radius:var(--r)}
/* vídeo publicado: player + capítulos clicáveis */
.pc-vidw{min-width:0}
.pc-vid.tem{padding:0;background:#000;border:1px solid var(--line);overflow:hidden;display:block}
.pc-vid video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.pc-cap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}
.pc-cap button{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:8px;align-items:center;text-align:left;border:1px solid var(--line);background:var(--bg2);border-radius:12px;padding:8px 10px;cursor:pointer;color:var(--tx);min-height:50px;transition:border-color .2s,background .2s}
.pc-cap i{grid-row:span 2;font-style:normal;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--ac);color:var(--c);font:700 12px Sora,sans-serif}
.pc-cap span{font-size:12.5px;line-height:1.25}.pc-cap small{font-size:11px;color:var(--mu)}
.pc-cap button:hover{border-color:#2c5d70}
.pc-cap button.on{border-color:var(--c);background:linear-gradient(160deg,rgba(60,222,235,.12),transparent)}.pc-cap button.on i{background:var(--c);color:#02110a}
@media(max-width:560px){.pc-cap{grid-template-columns:1fr 1fr}}
.pc-steps ol{margin:0 0 18px;padding:0;list-style:none;counter-reset:p;display:flex;flex-direction:column;gap:12px}
.pc-steps li{counter-increment:p;display:grid;grid-template-columns:34px 1fr;gap:4px 12px}
.pc-steps li::before{content:counter(p);grid-row:span 2;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--ac);color:var(--c);font:700 15px Sora,sans-serif}
.pc-steps b{font:600 15px Sora,sans-serif}.pc-steps span{color:var(--mu);font-size:14px}

/* ---------- v2 (15/10): visual direto — números, ícones, blocos grandes, texto curto ---------- */
#mzpc{scroll-margin-top:70px}
.pc-cta{display:none}
.pc-h{display:flex;align-items:center;gap:10px}
.pc-h b{flex:none;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--c),var(--v));color:#02110a;font:700 15px Sora,sans-serif}
.pc-sub{font:600 14px Inter,sans-serif;color:var(--mu);margin:20px 0 10px;letter-spacing:0}
.pc-usos button,.pc-tiles button{position:relative}
.pc-usos button.on::after,.pc-tiles button.on::after{content:"✓";position:absolute;top:8px;right:10px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#02110a;font-size:12px;font-weight:700}
.pc-usos button i{font-size:28px;line-height:1.1}
.pc-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pc-tiles button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;border:1px solid var(--line);background:var(--bg);border-radius:14px;padding:14px 6px 12px;min-height:88px;cursor:pointer;color:var(--tx);transition:border-color .2s,background .2s,transform .15s}
.pc-tiles button i{font-style:normal;font-size:24px;line-height:1}
.pc-tiles button b{font:600 14px Sora,sans-serif;line-height:1.2}
.pc-tiles button small{font-size:11.5px;color:var(--mu);line-height:1.3}
.pc-tiles button.on{border-color:var(--c);background:linear-gradient(160deg,rgba(60,222,235,.14),rgba(43,204,133,.05));box-shadow:0 0 0 1px var(--c) inset,0 0 22px -12px var(--c)}
.pc-tiles button:active,.pc-m:active,.pc-pre button:active{transform:scale(.97)}
.pc-plat .pl-amd b,.pc-plat .pl-intel b{font-size:20px;letter-spacing:.02em}
.pc-plat .pl-amd b{color:#ff7a6e}.pc-plat .pl-intel b{color:#62bcff}
/* modo de montagem: as duas opções em destaque, lado a lado */
.pc-modo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pc-m{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;border-radius:18px;padding:18px 16px 16px;cursor:pointer;border:1px solid var(--line);background:var(--bg);color:var(--tx);transition:transform .15s,box-shadow .2s}
.pc-m i{font-style:normal;font-size:32px;line-height:1}
.pc-m b{font:700 17px/1.25 Sora,sans-serif}
.pc-m small{font-size:13px;color:var(--mu);line-height:1.4}
.pc-m em{font-style:normal;font-weight:700;font-size:14px;margin-top:auto;padding-top:8px}
.pc-m1{background:linear-gradient(135deg,var(--c),var(--v));border:0;color:#02110a;box-shadow:0 10px 30px -14px var(--c)}
.pc-m1 small{color:rgba(2,17,10,.78)}
.pc-m2{border:1.5px solid var(--c);background:linear-gradient(160deg,rgba(60,222,235,.13),transparent 70%),var(--bg);box-shadow:0 0 26px -14px var(--c)}
.pc-m2 em{color:var(--c)}
.pc-m:hover{box-shadow:0 0 32px -10px var(--c)}
.pc-tg{position:absolute;top:-10px;right:12px;font-size:11px;font-weight:700;background:var(--bg2);border:1px solid var(--c);color:var(--c);border-radius:99px;padding:2px 9px;white-space:nowrap}
/* atalhos prontos */
.pc-pre{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.pc-pre button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid var(--line);border-radius:14px;padding:10px 14px;background:var(--bg);font-size:13.5px;font-weight:600}
.pc-pre button i{font-style:normal;font-size:20px;line-height:1.1}
.pc-pre button small{font-weight:400}
/* continuar de onde parei */
.pc-ret{border-color:rgba(60,222,235,.5);background:linear-gradient(135deg,rgba(60,222,235,.10),rgba(43,204,133,.05)),var(--bg2)}
.pc-ret-h{display:flex;gap:12px;align-items:center}.pc-ret-h>i{font-style:normal;font-size:30px}
.pc-ret-h b{display:block;font:700 17px Sora,sans-serif}.pc-ret-h small{color:var(--mu);font-size:13px}
.pc-prog{height:6px;border-radius:99px;background:var(--ac);overflow:hidden;margin:12px 0}
.pc-prog i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--v),var(--c));transition:width .5s}
.pc-ret-ic{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.pc-ret-ic span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;border:1px dashed #2c5d70;color:var(--mu)}
.pc-ret-ic span.on{border:1px solid rgba(43,204,133,.55);color:var(--ok);background:rgba(43,204,133,.08)}
.pc-ret-b{display:flex;gap:8px;flex-wrap:wrap}.pc-ret-b .btn{padding:12px 16px;text-align:center}.pc-ret-b .btn.p{flex:1}
.pc-rz{background:none;border:0;color:var(--mu);font-size:13px;text-decoration:underline;cursor:pointer;padding:8px}
/* etapa: frase curta + "por que importa" recolhível */
.pc-ph+.pc-prog{margin:-4px 0 12px}
.pc-why{margin:0 0 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg2)}
.pc-why summary{cursor:pointer;padding:11px 14px;font-size:13.5px;color:var(--c);list-style:none;display:flex;align-items:center;gap:8px}
.pc-why summary::-webkit-details-marker{display:none}
.pc-why summary::after{content:"+";font-weight:700;margin-left:auto}.pc-why[open] summary::after{content:"−"}
.pc-why p{margin:0;padding:0 14px 12px;color:var(--mu);font-size:14px}
.pc-refh b{color:var(--tx);font-weight:600}
@media(max-width:720px){
 .pc-pre{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px;scroll-snap-type:x proximity}.pc-pre::-webkit-scrollbar{display:none}
 .pc-pre button{flex:none;min-width:136px;scroll-snap-align:start}
}
@media(max-width:620px){
 .pc-rec{padding:14px}
 .pc-rec-t span{font-size:13px}
 .pc-rec-b{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(150px,68%);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px}.pc-rec-b::-webkit-scrollbar{display:none}
 .pc-rec-b button{scroll-snap-align:start}
 .pc-rec-b button b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
@media(max-width:560px){
 .pc-hero{padding:20px 0 14px}
 .pc-hero p{font-size:15px}
 .pc-hl{margin-top:14px}
 .pc-cta{display:block;text-align:center;margin-top:16px;padding:14px 16px;font-size:15.5px}
 .pc-card h2{font-size:19px}
 .pc-usos{gap:8px}.pc-usos button{padding:14px 12px;min-height:104px}
 .pc-orc output{font-size:22px}
 .pc-m{padding:16px 12px 14px;border-radius:16px}.pc-m i{font-size:28px}.pc-m b{font-size:15.5px}.pc-m small{font-size:12.5px}.pc-m em{font-size:13px}
 .pc-tg{right:8px;font-size:10.5px}
 .pc-tiles{gap:6px}.pc-tiles button{padding:16px 4px 10px;min-height:92px}
 .pc-tiles button b{font-size:12.5px;overflow-wrap:anywhere}.pc-tiles button small{font-size:11px}
 .pc-plat .pl-amd b,.pc-plat .pl-intel b{font-size:18px}
 .pc-tiles button.on::after{top:5px;right:5px;width:16px;height:16px;font-size:10px}
 .pc-ret-b .btn:not(.p){padding:12px 14px}
 .pc-ph{gap:12px;margin-bottom:12px}.pc-num{width:46px;height:46px;border-radius:14px}
 .pc-ph h2{font-size:23px;margin:0 0 4px}.pc-ph p{font-size:14px}
 .pc-fil{gap:6px}.pc-fil select{flex:1}
 .pc-fil .pc-chk{margin-top:0;border:1px solid var(--line);border-radius:99px;padding:6px 12px;font-size:13px;min-height:40px;background:var(--bg2)}
 .pc-fil .pc-chk:has(input:checked){border-color:var(--c);color:var(--tx)}
 .pc-refh{font-size:12.5px;margin:0 0 10px}
 .pc-rep{gap:8px}.pc-rg{padding:14px}.pc-rg summary b{font-size:14px}
 /* revisão: preço e botão de compra na mesma linha (lista mais curta) */
 .pc-rl{grid-template-columns:44px minmax(0,1fr) auto;align-items:center}
 .pc-rl>:first-child{grid-row:1/span 2;align-self:start}
 .pc-rl>div{grid-column:2/-1}.pc-rl em{grid-column:2}
 .pc-rl .btn,.pc-rl .pc-so{grid-column:3;justify-self:end}.pc-rl .pc-so{width:auto;height:auto;border:0;font-size:12px}
}
@media(max-width:350px){.pc-modo{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.banca g,.banca g circle,#pcbanca0 .banca g,.ggr g{animation:none !important;transition:none !important}}

/* ---------- novo visual (pré-visualização mzv4) ---------- */
/* ícones de linha no lugar dos emojis */
.mzv4 .pc-usos button i svg,.mzv4 .pc-tiles button i svg,.mzv4 .pc-m i svg,.mzv4 .pc-pre button i svg,.mzv4 .pc-ret-h i svg{display:block;color:var(--c)}
.mzv4 .pc-m1 i svg{color:#02110a}
@media(max-width:720px){
 .mzv4 .pc-hero{padding:18px 0 12px}.mzv4 .pc-hero h1{font-size:30px}.mzv4 .pc-hero p{font-size:15px;margin-bottom:16px}.mzv4 .pc-hl{display:none}
}
/* passo a passo do celular: uma pergunta por tela */
.wz-card{padding:18px 16px 20px}
.wz-st{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.wz-st li{position:relative}
.wz-st li+li::before{content:"";position:absolute;top:14px;right:calc(50% + 20px);width:calc(100% - 34px);height:2px;border-radius:2px;background:var(--line)}
.wz-st li.ok+li::before{background:var(--v)}
.wz-st button{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;padding:0;color:var(--mu);font:500 12px Inter,sans-serif;cursor:pointer}
.wz-st button[disabled]{cursor:default;opacity:.55}
.wz-st i{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line);background:var(--bg);font:600 13px Sora,sans-serif;transition:background .25s,border-color .25s}
.wz-st li.on i{border-color:var(--c);color:var(--c);box-shadow:0 0 0 4px rgba(60,222,235,.12)}
.wz-st li.on span{color:var(--tx)}
.wz-st li.ok i{background:var(--v);border-color:var(--v);color:#02110a}
.wz-b{animation:wzIn .28s ease-out}
@keyframes wzIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.wz-h{font:700 22px/1.2 Sora,sans-serif;margin:0 0 4px}
.wz-d{color:var(--mu);font-size:14px;margin:0 0 16px}
.wz-sub{font:600 14px Inter,sans-serif;color:var(--mu);margin:22px 0 10px}
.wz-usos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wz-usos button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:128px;padding:16px 14px;border-radius:16px;border:1px solid var(--line);background:var(--bg);color:var(--tx);text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .15s}
.wz-usos svg{color:var(--c)}
.wz-usos b{font:600 16px Sora,sans-serif}
.wz-usos small{color:var(--mu);font-size:12.5px;line-height:1.35}
.wz-usos button.on{border-color:var(--c);background:linear-gradient(160deg,rgba(60,222,235,.12),transparent 70%)}
.wz-orc{display:block;text-align:center;margin:4px 0 14px}
.wz-orc output{display:block;font:700 34px Sora,sans-serif;color:var(--c);letter-spacing:-.5px;margin-bottom:8px}
.wz-orc input{width:100%;height:28px;accent-color:#3cdeeb}
.wz-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.wz-chips button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--tx);font:500 14px Inter,sans-serif;cursor:pointer;transition:border-color .2s,color .2s}
.wz-chips button.on{border-color:var(--c);color:var(--c);background:rgba(60,222,235,.08)}
.wz-prio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.wz-prio button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:76px;padding:12px 6px;border-radius:14px;border:1px solid var(--line);background:var(--bg);color:var(--tx);text-align:center;cursor:pointer;transition:border-color .2s,background .2s}
.wz-prio svg{color:var(--c)}
.wz-prio b{font:600 13px/1.2 Sora,sans-serif}
.wz-prio small{font-size:11.5px;color:var(--mu)}
.wz-prio button.on{border-color:var(--c);background:rgba(60,222,235,.08);box-shadow:0 0 0 1px var(--c) inset}
.wz-mais{margin-top:14px;border:1px solid var(--line);border-radius:14px;padding:0 12px}
.wz-mais summary{cursor:pointer;padding:13px 0;font:500 14px Inter,sans-serif;list-style:none}
.wz-mais summary::-webkit-details-marker{display:none}
.wz-mais summary::after{content:"+";float:right;color:var(--c);font-weight:600}
.wz-mais[open] summary::after{content:"−"}
.wz-mais summary small{color:var(--mu);font-size:12px;margin-left:6px}
.wz-mais .wz-prio{padding-bottom:12px}
.wz-nav{display:flex;gap:10px;margin-top:22px}
.wz-nav .btn{flex:1;display:flex;align-items:center;justify-content:center;min-height:50px}
.wz-nav .btn:only-child{flex:0 0 auto;padding-inline:24px}
.wz-ed{background:none;border:0;padding:0;color:var(--c);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.wz-modo{display:grid;gap:10px}
.wz-m{display:flex;align-items:center;gap:14px;width:100%;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--bg);color:var(--tx);text-align:left;cursor:pointer}
.wz-m svg{flex:none;color:var(--c)}
.wz-m b{display:block;font:600 16px Sora,sans-serif;margin-bottom:2px}
.wz-m small{color:var(--mu);font-size:13px;line-height:1.35}
.wz-m1{border:0;background:linear-gradient(135deg,var(--c),var(--v));color:#02110a;box-shadow:0 12px 30px -16px var(--c)}
.wz-m1 svg{color:#02110a}.wz-m1 small{color:rgba(2,17,10,.75)}
.wz-pre{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 4px;scroll-snap-type:x proximity}
.wz-pre::-webkit-scrollbar{display:none}
.wz-pre button{flex:none;width:148px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--bg);color:var(--tx);text-align:left;cursor:pointer;scroll-snap-align:start}
.wz-pre svg{color:var(--c);margin-bottom:2px}
.wz-pre b{font:600 13.5px Sora,sans-serif}
.wz-pre small{color:var(--mu);font-size:12px}
.wz-usos button:active,.wz-chips button:active,.wz-prio button:active,.wz-m:active,.wz-pre button:active{transform:scale(.97)}
@media(prefers-reduced-motion:reduce){.wz-b{animation:none}}
/* novo visual: ícones de linha em selo colorido no lugar dos emojis (span.pc-ic.pc-ic vence ".pc-rg summary span" e ".pc-eq span") */
span.pc-ic.pc-ic{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;padding:0;border:0;border-radius:8px;vertical-align:middle;font-size:0;line-height:0;color:var(--c);background:rgba(60,222,235,.12);box-shadow:inset 0 0 0 1px rgba(60,222,235,.3)}
span.pc-ic.pc-ic.v{color:var(--ok);background:rgba(43,204,133,.12);box-shadow:inset 0 0 0 1px rgba(43,204,133,.32)}
span.pc-ic.pc-ic.o{color:var(--or2);background:rgba(255,138,61,.12);box-shadow:inset 0 0 0 1px rgba(255,138,61,.34)}
span.pc-ic.pc-ic.a{color:var(--at);background:rgba(255,196,107,.12);box-shadow:inset 0 0 0 1px rgba(255,196,107,.32)}
span.pc-ic.pc-ic.b{color:var(--b);background:rgba(76,162,208,.14);box-shadow:inset 0 0 0 1px rgba(76,162,208,.34)}
.pc-ic svg{display:block}
.pc-rec-b small span.pc-ic.pc-ic,.pc-chk span.pc-ic.pc-ic{width:20px;height:20px;border-radius:6px}
.pc-rg summary span.pc-ic.pc-ic,.pc-enx h3 span.pc-ic.pc-ic,.pc-sug h3 span.pc-ic.pc-ic{width:30px;height:30px;border-radius:9px}
.mzv4 .pc-rec-t b{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.mzv4 .pc-rec-b button small{display:flex;align-items:center;gap:6px}
.mzv4 .pc-en-h>span,.mzv4 .pc-eq>span{display:inline-flex;align-items:center;gap:8px}
.mzv4 .pc-enx h3,.mzv4 .pc-sug h3{display:flex;align-items:center;gap:10px}
.mzv4 .pc-rg summary>i{display:flex}
.mzv4 .pc-tagr{display:inline-flex;align-items:center;gap:4px}
.pc-mb-w svg,.pc-hl b svg,.pc-share .btn svg{vertical-align:-2px}
.pc-mb-w svg{color:var(--or2)}
/* revisão no computador (quadros estreitos): selo e contagem na 1ª linha, título com a largura toda embaixo */
@media(min-width:721px){.mzv4 .pc-rg summary{flex-wrap:wrap;row-gap:10px}.mzv4 .pc-rg summary>i{margin-right:auto}.mzv4 .pc-rg summary b{order:3;flex-basis:100%}}
/* celular e tablet: sem desfoque (backdrop-filter) nas camadas fixas, como o cabeçalho em style.css. No navegador do Instagram
   e no iPhone ele estoura a memória de vídeo ao rolar (tela preta pedindo para atualizar). O resumo fechado sai de cena (visibility). */
@media(max-width:1020px){.pc-sum,.pc-mb,.pc-cmpbar,.pc-mod{-webkit-backdrop-filter:none;backdrop-filter:none}.pc-mb{background:rgba(2,8,17,.98)}.pc-mod{background:rgba(2,8,17,.88)}}
@media(max-width:960px){.pc-sum{background:rgba(2,8,17,.78);visibility:hidden;transition:opacity .25s,visibility 0s .25s}.pc-sum.open{visibility:visible;transition:opacity .25s}}
/* faixas que rolam para o lado: sem isolation, o celular cria uma segunda camada de vídeo com toda a lista de peças que vem
   depois da "Nossa sugestão" (medido: 390×7.958 px na etapa do processador, quase o dobro da memória de vídeo ao rolar) */
.pc-st,.pc-hl,.pc-mar,.pc-cmpt,.pc-pre,.pc-rec-b,.wz-pre{isolation:isolate}
/* celular: com o resumo fechado, o desenho do PC não anima (as ventoinhas giravam sem parar escondidas); no Instagram, sem brilho */
@media(max-width:960px){.pc-sum:not(.open) .banca *{animation:none !important}}
html.iab .banca g,html.iab .banca g.on{filter:none !important}html.iab .banca g.on.st-erro{animation:none}