:root{--hdr:rgba(11,16,32,.85);--actxt:#04121a;--glass:rgba(21,29,59,.55);--glassb:rgba(255,255,255,.12);--bg:#0b1020;--bg2:#111833;--card:#151d3b;--borda:#243056;--txt:#e7ecff;--sub:#9aa6cf;--ac:#22d3ee;--ac2:#0891b2;--raio:14px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--txt);line-height:1.6}
a{color:var(--ac);text-decoration:none}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
header.topo{position:sticky;top:0;z-index:50;background:var(--hdr);backdrop-filter:blur(10px);border-bottom:1px solid var(--borda)}
header.topo .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:800;font-size:1.25rem;color:var(--txt)}.logo span{color:var(--ac)}
.nav-links{display:flex;gap:22px;align-items:center}.nav-links a{color:var(--sub);font-size:.95rem}.nav-links a:hover{color:var(--txt)}
.menu-toggle{display:none;background:none;border:0;color:var(--txt);font-size:1.6rem;cursor:pointer}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;font-weight:600;border:1px solid transparent;cursor:pointer;font-size:1rem;transition:.2s}
.btn-ac{background:var(--ac);color:var(--actxt)}.btn-ac:hover{filter:brightness(1.12)}
.btn-out{border-color:var(--borda);color:var(--txt);background:transparent}.btn-out:hover{border-color:var(--ac)}
.btn-sm{padding:8px 16px;font-size:.9rem}
.hero{padding:90px 0 70px;background:radial-gradient(800px 400px at 80% 0%,rgba(34,211,238,.15),transparent)}
.hero h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.15;max-width:800px}
.hero h1 em{color:var(--ac);font-style:normal}
.hero p{color:var(--sub);font-size:1.15rem;max-width:640px;margin:18px 0 28px}
.ctas{display:flex;gap:12px;flex-wrap:wrap}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.chip{border:1px solid var(--borda);background:var(--bg2);padding:7px 14px;border-radius:999px;font-size:.88rem;color:var(--sub)}

section{padding:70px 0}section.alt{background:var(--bg2)}
h2{font-size:clamp(1.6rem,3.5vw,2.2rem);margin-bottom:10px}
.lead{color:var(--sub);margin-bottom:34px;max-width:680px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--card);border:1px solid var(--borda);border-radius:var(--raio);padding:24px}
.card h3{margin:10px 0 6px;font-size:1.1rem}.card p{color:var(--sub);font-size:.95rem}
.ico{width:42px;height:42px;border-radius:10px;background:rgba(34,211,238,.12);display:grid;place-items:center;font-size:1.3rem}
.passo .n{width:36px;height:36px;border-radius:50%;background:var(--ac);color:var(--actxt);font-weight:800;display:grid;place-items:center}
.planos{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.plano{background:var(--card);border:1px solid var(--borda);border-radius:var(--raio);padding:30px;display:flex;flex-direction:column}
.plano.dest{border-color:var(--ac);box-shadow:0 0 0 1px var(--ac),0 20px 50px rgba(34,211,238,.08)}
.plano .tag{font-size:.8rem;color:var(--ac);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.plano h3{font-size:1.5rem;margin:6px 0}.plano .preco{font-size:1.2rem;margin:10px 0;font-weight:700}
.plano ul{list-style:none;margin:14px 0 22px;flex:1}.plano li{padding:6px 0 6px 24px;position:relative;color:var(--sub)}
.plano li::before{content:"›";position:absolute;left:6px;color:var(--ac);font-weight:800}
.opcao{border:1px dashed var(--borda);border-radius:10px;padding:12px 14px;margin:8px 0;font-size:.92rem;color:var(--sub)}.opcao b{color:var(--txt)}
.aviso{font-size:.85rem;color:var(--sub);margin-top:18px}
details{background:var(--card);border:1px solid var(--borda);border-radius:12px;padding:16px 20px;margin-bottom:10px}
summary{cursor:pointer;font-weight:600}details p{color:var(--sub);margin-top:10px}
.cta-final{text-align:center;background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(8,145,178,.05));border-top:1px solid var(--borda)}
.cta-final .ctas{justify-content:center;margin-top:20px}
footer{border-top:1px solid var(--borda);padding:30px 0;color:var(--sub);font-size:.9rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}footer a{color:var(--sub)}footer a:hover{color:var(--ac)}
.whats-float{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:99}
.whats-float svg{width:30px;height:30px;fill:#fff}
.texto{max-width:760px}.texto h2{margin-top:28px;font-size:1.3rem}.texto p,.texto li{color:var(--sub);margin:8px 0}.texto ul{padding-left:20px}
@media(max-width:760px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;background:var(--bg2);padding:20px;border-bottom:1px solid var(--borda)}.nav-links.aberto{display:flex}}

/* ===== Montar meu site ===== */
.montar{display:grid;grid-template-columns:1fr 380px;gap:28px;padding:30px 0 60px;align-items:start}
.palco{position:sticky;top:84px}
.pc{max-width:720px;margin:0 auto}
.bezel{background:#1d2340;border:2px solid #2c355e;border-radius:18px;padding:14px;box-shadow:0 30px 60px rgba(0,0,0,.5)}
.tela{aspect-ratio:16/10;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;transition:background .4s}
.pescoco{width:90px;height:50px;margin:0 auto;background:linear-gradient(#2c355e,#1d2340);clip-path:polygon(25% 0,75% 0,85% 100%,15% 100%)}
.base{width:240px;height:12px;margin:0 auto;border-radius:8px 8px 3px 3px;background:#2c355e}
.legenda{text-align:center;color:var(--sub);font-size:.85rem;margin-top:14px}
/* elementos da tela (sem textos) */
.t-menu{height:11%;display:flex;align-items:center;gap:4%;padding:0 4%;flex-shrink:0}
.t-menu .marca{width:7%;height:38%;border-radius:4px}
.t-menu .dash{width:6%;height:14%;border-radius:4px}
.t-menu .esp{flex:1}
.t-corpo{flex:1;display:flex;min-height:0}
.t-side{width:21%;padding:3% 2.4%;display:flex;flex-direction:column;gap:5px;overflow:hidden;flex-shrink:0}
.t-top{display:flex;align-items:center;gap:4px;position:relative}
.t-top .l{height:7px;border-radius:4px;flex:1}
.t-sub .l{height:4px;opacity:.7}.t-sub{padding-left:16%}
.mini{width:15px;height:15px;border-radius:50%;border:0;font-size:11px;line-height:15px;cursor:pointer;opacity:0;transition:.15s;padding:0;flex-shrink:0;font-weight:700}
.t-top:hover .mini{opacity:1}
.t-add{margin-top:4px;width:22px;height:22px;border-radius:6px;border:1px dashed;background:transparent;cursor:pointer;font-size:14px;line-height:18px;align-self:flex-start}
.t-main{flex:1;padding:2.6%;display:flex;flex-wrap:wrap;align-content:flex-start;gap:2.2%;overflow:hidden;position:relative}
.bl{border-radius:6px;padding:2%;display:flex;transition:transform .3s,opacity .3s}
.novo{animation:pop .35s ease}
@keyframes pop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
.kpis{width:100%;gap:2%;padding:0;background:none!important}.kpi{flex:1;height:34px;border-radius:6px;display:flex;align-items:flex-end;padding:5px;gap:4px}
.kpi i{display:block;height:5px;border-radius:3px}
.graf{width:31.8%;height:90px;align-items:flex-end;justify-content:center;gap:6%;margin-top:2%}
.graf svg{width:100%;height:100%}
.tab{width:48.9%;flex-direction:column;gap:5px;margin-top:2%}
.tab .row{display:flex;gap:5px;align-items:center}.tab .row i{height:4px;border-radius:2px;flex:1}
.tab .row .ck{flex:0 0 7px;height:7px;border-radius:2px}.tab .row .ed{flex:0 0 10px;height:5px;border-radius:2px}
.form{width:31.8%;flex-direction:column;gap:6px;margin-top:2%}.form i{height:10px;border-radius:5px;display:block}.form i.b{width:40%;height:11px}
.agenda{width:48.9%;display:grid!important;grid-template-columns:repeat(7,1fr);gap:3px;margin-top:2%}.agenda i{aspect-ratio:1;border-radius:2px}
.pags{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);display:flex;gap:5px}.pags i{width:16px;height:11px;border-radius:2px}
.icone-canto{position:absolute;right:6px;bottom:6px;display:flex;gap:6px}
.lock{width:20px;height:18px;position:relative}.lock .arco{position:absolute;left:4px;top:0;width:12px;height:11px;border:3px solid;border-bottom:0;border-radius:7px 7px 0 0}.lock .corpo{position:absolute;bottom:0;left:0;width:20px;height:11px;border-radius:3px}
.envelope{width:22px;height:15px;border-radius:2px;position:relative;overflow:hidden}.envelope::after{content:"";position:absolute;left:2px;right:2px;top:-8px;height:14px;border:2px solid rgba(0,0,0,.35);transform:rotate(45deg) scale(.6);}
.escudo{width:16px;height:18px;clip-path:polygon(50% 0,100% 18%,90% 70%,50% 100%,10% 70%,0 18%)}
.login-card{position:absolute;inset:0;display:grid;place-items:center;backdrop-filter:blur(1px)}
/* painel */
.painel{background:var(--card);border:1px solid var(--borda);border-radius:var(--raio);padding:20px}
.passo-t{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--ac);font-weight:700;margin:18px 0 8px}.passo-t:first-child{margin-top:0}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seg.tres{grid-template-columns:1fr 1fr 1fr}
.op{border:1px solid var(--borda);background:var(--bg2);color:var(--txt);border-radius:10px;padding:10px;cursor:pointer;text-align:left;font-size:.88rem;transition:.15s}
.op small{display:block;color:var(--sub);font-size:.76rem;margin-top:3px}
.op.on{border-color:var(--ac);background:rgba(34,211,238,.1)}
.nota{font-size:.8rem;color:var(--sub);margin-top:8px}
.mod{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--borda);font-size:.92rem}
.mod:last-child{border:0}
.sw{position:relative;width:40px;height:22px;flex-shrink:0}.sw input{opacity:0;width:0;height:0}
.sw span{position:absolute;inset:0;background:#2c355e;border-radius:22px;cursor:pointer;transition:.2s}.sw span::before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}
.sw input:checked+span{background:var(--ac)}.sw input:checked+span::before{transform:translateX(18px)}
.cnt{display:flex;align-items:center;gap:8px}.cnt button{width:28px;height:28px;border-radius:8px;border:1px solid var(--borda);background:var(--bg2);color:var(--txt);cursor:pointer;font-size:1rem}
.cnt b{min-width:18px;text-align:center}
.subop{padding:4px 0 8px 14px;font-size:.85rem;color:var(--sub);display:flex;gap:14px;flex-wrap:wrap}.subop label{display:flex;gap:5px;align-items:center;cursor:pointer}
.preco-box{margin-top:18px;background:var(--bg2);border:1px solid var(--ac);border-radius:12px;padding:16px}
.preco-box .v{font-size:1.7rem;font-weight:800;color:var(--ac)}.preco-box .m{font-size:1rem;margin-top:4px}
.preco-box .disc{font-size:.78rem;color:var(--sub);margin-top:8px}
.campo{width:100%;margin-top:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--borda);background:var(--bg2);color:var(--txt);font:inherit}
.envios{display:grid;gap:8px;margin-top:12px}.envios .btn{justify-content:center}
.btn-wa{background:#25d366;color:#05210f}
@media(max-width:980px){.montar{grid-template-columns:1fr}.palco{position:static}}
.nav-links a.btn-ac{color:var(--actxt)}
/* ===== v2: construtor por página ===== */
.wrap.larga{max-width:1480px}
.montar{grid-template-columns:300px minmax(0,1fr) 300px;gap:22px}
.col-esq,.col-dir{display:flex;flex-direction:column;gap:16px}
.palco{top:84px}
.pc{max-width:100%}
.lista-pags{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.lp{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;border:1px solid var(--borda);background:var(--bg2);font-size:.86rem;cursor:pointer}
.lp.sub{margin-left:18px}.lp.on{border-color:var(--ac);background:rgba(34,211,238,.12)}
.lp span{flex:1}.lp button{border:0;background:none;color:var(--sub);cursor:pointer;font-size:.95rem;padding:0 3px}.lp button:hover{color:var(--ac)}
.lp-grupo{font-size:.75rem;color:var(--sub);margin-top:8px;text-transform:uppercase;letter-spacing:.05em}
.add-it{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.add-it button{border:1px solid var(--borda);background:var(--bg2);color:var(--txt);border-radius:9px;padding:9px 6px;cursor:pointer;font-size:.84rem}
.add-it button:hover{border-color:var(--ac)}
.it-lista{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.it{background:var(--bg2);border:1px solid var(--borda);border-radius:9px;padding:8px 10px;font-size:.85rem}
.it .cab{display:flex;align-items:center;gap:6px}.it .cab b{flex:1;font-weight:600}
.it .cab button{border:0;background:none;color:var(--sub);cursor:pointer}.it .cab button:hover{color:#f87171}
.it .ops{display:flex;gap:10px;flex-wrap:wrap;margin-top:5px;color:var(--sub);font-size:.8rem}.it .ops label{display:flex;gap:4px;align-items:center;cursor:pointer}
.it select{background:var(--card);color:var(--txt);border:1px solid var(--borda);border-radius:6px;font:inherit;font-size:.8rem;padding:2px 4px}
.pag-tit{font-size:1.05rem;font-weight:700}.pag-tit small{display:block;color:var(--sub);font-weight:400;font-size:.8rem}
.vazio{color:var(--sub);font-size:.85rem;text-align:center;padding:10px}
.quebra{font-size:.82rem;color:var(--sub);margin-top:8px;display:grid;grid-template-columns:1fr auto;gap:2px 10px}
.quebra b{color:var(--txt);font-weight:600;text-align:right}
/* tela */
.t-top.sel .l{box-shadow:0 0 0 2px var(--selc)}
.t-top{cursor:pointer}
.t-menu .dash{cursor:pointer;height:20%;transition:.2s}.t-menu .dash.sel{outline:2px solid var(--selc);outline-offset:2px}
.t-menu .madd{width:16px;height:16px;border-radius:4px;border:1px dashed;background:none;cursor:pointer;font-size:11px;line-height:12px;padding:0}
.t-main{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:min-content;gap:8px;align-content:start;padding:2.4%;overflow:auto}
.t-main::-webkit-scrollbar{width:4px}.t-main::-webkit-scrollbar-thumb{background:#8884;border-radius:4px}
.bl{width:auto!important;margin:0!important;position:relative;touch-action:none;cursor:grab;user-select:none}
.bl.full{grid-column:span 2}
.bl.arrast{opacity:.45;cursor:grabbing}.bl.alvo{outline:2px dashed var(--selc);outline-offset:2px}
.bl .ctl{position:absolute;top:3px;right:3px;display:flex;gap:3px;opacity:0;transition:.15s;z-index:2}
.bl:hover .ctl,.bl.toque .ctl{opacity:1}
.bl .ctl button{width:16px;height:16px;border-radius:50%;border:0;font-size:10px;line-height:16px;padding:0;cursor:pointer;font-weight:700}
.kpis{display:flex;gap:6px;padding:0}.kpi{height:38px}
.graf{height:84px}.tab{padding:8px}.form{padding:8px}
.agenda{display:grid!important;grid-template-columns:repeat(7,1fr);gap:3px;padding:6px}.agenda i{height:9px}
.texto-b{flex-direction:column;gap:5px;padding:8px}.texto-b i{height:4px;border-radius:2px;display:block}
.t-vazia{grid-column:span 2;border:2px dashed;border-radius:8px;height:70px;opacity:.5}
@media(max-width:1200px){.montar{grid-template-columns:280px minmax(0,1fr)}.col-dir{grid-column:1/-1}}
@media(max-width:980px){.montar{grid-template-columns:1fr}.col-dir{grid-column:auto}}
.agenda i{aspect-ratio:auto}
@media(max-width:980px){.palco{order:-2}.col-dir{order:-1}}

/* ===== v3: tema diurno, efeito vidro, dicas ===== */
[data-tema="claro"]{--hdr:rgba(255,255,255,.88);--actxt:#ffffff;--bg:#f4f6fb;--bg2:#e9eef7;--card:#ffffff;--borda:#cfd7e6;--txt:#0f172a;--sub:#475569;--ac:#0e7490;--ac2:#155e75;--glass:rgba(255,255,255,.55);--glassb:rgba(255,255,255,.7)}
[data-tema="claro"] .hero{background:radial-gradient(800px 400px at 80% 0%,rgba(14,116,144,.12),transparent)}
[data-tema="claro"] .op.on,[data-tema="claro"] .lp.on{background:rgba(14,116,144,.1)}
[data-tema="claro"] .sw span{background:#b8c2d6}
[data-tema="claro"] .whats-float{box-shadow:0 8px 20px rgba(0,0,0,.18)}
[data-tema="claro"] .plano.dest{box-shadow:0 0 0 1px var(--ac),0 20px 40px rgba(14,116,144,.1)}
[data-tema="claro"] .bezel{box-shadow:0 25px 50px rgba(15,23,42,.25)}
.tg{border:1px solid var(--borda);background:transparent;color:var(--txt);border-radius:999px;padding:6px 12px;font:inherit;font-size:.85rem;cursor:pointer}
.tg:hover,.tg.on{border-color:var(--ac);color:var(--ac)}
[data-vidro="1"] body{background:radial-gradient(900px 600px at 10% 10%,rgba(34,211,238,.22),transparent 60%),radial-gradient(800px 600px at 90% 30%,rgba(167,139,250,.22),transparent 60%),radial-gradient(700px 500px at 50% 100%,rgba(14,116,144,.18),transparent 60%),var(--bg);background-attachment:fixed}
[data-vidro="1"] section.alt,[data-vidro="1"] .hero{background:transparent}
[data-vidro="1"] .card,[data-vidro="1"] .plano,[data-vidro="1"] .painel,[data-vidro="1"] details,[data-vidro="1"] .chip,[data-vidro="1"] .op,[data-vidro="1"] .lp,[data-vidro="1"] .it,[data-vidro="1"] .add-it button,[data-vidro="1"] .preco-box,[data-vidro="1"] .campo{background:var(--glass);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-color:var(--glassb)}
[data-vidro="1"] .op.on{background:rgba(34,211,238,.18)}
.aj{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;border:1px solid var(--sub);color:var(--sub);font-size:.68rem;font-weight:700;cursor:help;margin-left:5px;vertical-align:middle;line-height:1;flex-shrink:0}
.aj:hover,.aj:focus{border-color:var(--ac);color:var(--ac);outline:none}
.op .aj{position:absolute;top:6px;right:6px;margin:0}.op{position:relative;padding-right:24px}
.tip{position:fixed;z-index:200;max-width:260px;background:#0f172a;color:#f1f5f9;border:1px solid #334155;padding:8px 11px;border-radius:9px;font-size:.82rem;line-height:1.4;pointer-events:none;opacity:0;transition:opacity .15s;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.tip.on{opacity:1}
.bell{width:14px;height:14px}
@media(max-width:760px){.nav-links .tg{align-self:flex-start}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
/* v3 ajuste: estilos com "?" cabem no painel */
.seg.tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.seg.tres .op{min-width:0;padding-right:18px;font-size:.82rem}
.seg.tres .op{padding-left:4px;padding-right:4px}.seg.tres .op .aj{position:static;margin-left:4px;vertical-align:middle}
/* v4: planos compactos (3 lado a lado em notebook) */
.planos{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.plano{padding:20px;font-size:.92rem}
.plano h3{font-size:1.15rem}.plano .preco{font-size:1rem;margin:6px 0}
.plano .pd{color:var(--sub);margin:0}
.plano ul{margin:8px 0 12px}.plano li{padding:3px 0 3px 20px}
.plano .dom{font-size:.85rem;color:var(--ac);font-weight:600;margin:0 0 12px}
.pbts{display:flex;flex-direction:column;gap:8px}.pbts .btn{text-align:center;justify-content:center;padding:10px 14px;font-size:.9rem}
@media(max-width:860px){.planos{grid-template-columns:1fr}}
/* v4: fundo discreto em todo o site */
body{position:relative}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
background:radial-gradient(520px 420px at 12% 18%,rgba(34,211,238,.13),transparent 70%),radial-gradient(560px 460px at 88% 32%,rgba(167,139,250,.13),transparent 70%),radial-gradient(600px 420px at 45% 95%,rgba(14,116,144,.12),transparent 70%),
linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) 0 0/48px 48px,var(--bg)}
[data-tema="claro"] body::before{background:radial-gradient(520px 420px at 12% 18%,rgba(14,116,144,.16),transparent 70%),radial-gradient(560px 460px at 88% 32%,rgba(139,92,246,.14),transparent 70%),radial-gradient(600px 420px at 45% 95%,rgba(34,211,238,.16),transparent 70%),
linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px) 0 0/48px 48px,var(--bg)}
body,[data-vidro="1"] body{background:transparent}
html{background:var(--bg)}
section.alt{background:color-mix(in srgb,var(--bg2) 55%,transparent)}
[data-vidro="1"] body::before{filter:saturate(1.6) brightness(1.05)}
/* v4: vidro mais forte */
[data-vidro="1"] .card,[data-vidro="1"] .plano,[data-vidro="1"] .painel,[data-vidro="1"] details,[data-vidro="1"] .preco-box{backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 30px rgba(0,0,0,.12)}
[data-vidro="1"] section.alt{background:transparent}
/* v5: "?" sempre colado no texto */
.aj{display:inline-flex;vertical-align:middle;flex:none}
.it .cab b{white-space:normal}
.passo-t .aj{margin-left:6px;text-transform:none}
/* v5: fundo bem visível */
body::before{background:
 linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/56px 56px,var(--bg)}
[data-tema="claro"] body::before{background:linear-gradient(rgba(15,23,42,.06) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(90deg,rgba(15,23,42,.06) 1px,transparent 1px) 0 0/56px 56px,var(--bg)}
body::after{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;filter:blur(60px);opacity:.75;
 background:radial-gradient(38vmax 34vmax at 15% 20%,#06b6d4,transparent 62%),radial-gradient(36vmax 32vmax at 85% 25%,#8b5cf6,transparent 62%),radial-gradient(40vmax 30vmax at 55% 95%,#2563eb,transparent 62%),radial-gradient(22vmax 22vmax at 70% 65%,#22d3ee,transparent 62%);
 animation:deriva 40s ease-in-out infinite alternate}
[data-tema="claro"] body::after{opacity:.45}
html::after{content:"";position:fixed;z-index:-1;pointer-events:none;right:6vw;top:22vh;width:260px;height:260px;border:2px solid rgba(34,211,238,.28);border-radius:38px;transform:rotate(18deg);box-shadow:-62vw 40vh 0 -40px rgba(139,92,246,.18),-30vw -10vh 0 -150px rgba(34,211,238,.22)}
html::before{content:"";position:fixed;z-index:-1;pointer-events:none;left:4vw;bottom:8vh;width:180px;height:180px;border-radius:50%;border:2px solid rgba(139,92,246,.32)}
html{background:var(--bg)}body{isolation:auto}
@keyframes deriva{0%{transform:translate(0,0) scale(1)}50%{transform:translate(4%,-3%) scale(1.08)}100%{transform:translate(-3%,4%) scale(1)}}
@media (prefers-reduced-motion:reduce){body::after{animation:none}}
/* v5: vidro bem transparente */
[data-vidro="1"]{--glass:rgba(21,29,59,.32);--glassb:rgba(255,255,255,.18)}
[data-vidro="1"][data-tema="claro"]{--glass:rgba(255,255,255,.42);--glassb:rgba(255,255,255,.85)}
[data-vidro="1"] .card,[data-vidro="1"] .plano,[data-vidro="1"] .painel,[data-vidro="1"] details,[data-vidro="1"] .preco-box,[data-vidro="1"] .chip,[data-vidro="1"] .op,[data-vidro="1"] .lp,[data-vidro="1"] .it,[data-vidro="1"] .add-it button,[data-vidro="1"] .campo{background:var(--glass);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);border:1px solid var(--glassb);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 28px rgba(0,0,0,.14)}
[data-vidro="1"] .painel{text-shadow:0 1px 2px rgba(0,0,0,.25)}
[data-vidro="1"][data-tema="claro"] .painel{text-shadow:0 1px 1px rgba(255,255,255,.6)}
[data-vidro="1"] header{backdrop-filter:blur(10px) saturate(140%)}
html::after{box-shadow:none}
/* ===== v6 ===== */
.aj{display:inline-flex!important;align-items:center;justify-content:center;width:16px;height:16px;border:0!important;border-radius:50%;padding:0;margin-left:5px;color:var(--sub);vertical-align:-3px!important;line-height:0;font-size:0;cursor:help;flex:none}
.aj svg{width:15px;height:15px;display:block}
.aj:hover,.aj:focus-visible{color:var(--ac);outline:none}
.aj:focus-visible{box-shadow:0 0 0 2px var(--ac)}
.passo-t .aj{vertical-align:-3px!important}
.menu-toggle{line-height:0;padding:4px}
.tg{display:inline-flex;align-items:center;gap:6px}
.tg-ic{width:38px;height:34px;justify-content:center;padding:0}
.sl{overflow:visible}
.sl-c,.sl-mc,.sl-r{transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .35s;transform-box:fill-box;transform-origin:center}
/* modo noturno: mostra a lua (círculo maior com recorte); modo diurno: sol com raios */
[data-tema="escuro"] .sl-c{transform:scale(1.75)}
[data-tema="escuro"] .sl-mc{transform:translate(-3px,2px)}
[data-tema="escuro"] .sl-r{transform:rotate(-90deg) scale(.4);opacity:0}
[data-tema="claro"] .sl-mc{transform:translate(4px,-4px)}
.chip::before{content:"";display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-1px;background:var(--ac);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12.5l5 5L20 6.5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%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'%3E%3Cpath d='M4 12.5l5 5L20 6.5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.ico{color:var(--ac)}
.plano .preco small{font-weight:500;color:var(--sub);font-size:.85rem}
/* paleta de cores (lista personalizada) */
.pal{position:relative}
.pal-bt{width:100%;display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--borda);border-radius:10px;padding:9px 12px;color:var(--txt);font:inherit;font-size:.9rem;cursor:pointer;text-align:left}
.pal-bt:hover,.pal-bt[aria-expanded="true"]{border-color:var(--ac)}
.pal-bt .nm{flex:1}
.pal-bt::after{content:"";width:8px;height:8px;border-right:2px solid var(--sub);border-bottom:2px solid var(--sub);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.pal-bt[aria-expanded="true"]::after{transform:rotate(-135deg)}
.sws{display:inline-flex;gap:0}
.sws i{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--card);margin-left:-4px;box-shadow:0 0 0 1px rgba(127,127,127,.35)}
.sws i:first-child{margin-left:0}
.pal-lista{display:none;position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);list-style:none;margin:0;padding:6px;background:var(--card);border:1px solid var(--borda);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.35);max-height:340px;overflow:auto}
.pal.aberta .pal-lista{display:block}
.pal-lista li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:.88rem}
.pal-lista li small{display:block;color:var(--sub);font-size:.74rem}
.pal-lista li:hover,.pal-lista li.foco{background:color-mix(in srgb,var(--ac) 14%,transparent)}
.pal-lista li[aria-selected="true"]{outline:1px solid var(--ac)}
[data-vidro="1"] .pal-lista{background:var(--card)}
/* arrastar ao vivo */
.bl.ph{background:transparent!important;border:2px dashed var(--selc)!important;opacity:.6;box-shadow:none!important;cursor:default}
.bl.lift{box-shadow:0 18px 36px rgba(0,0,0,.45)!important;transform:scale(1.04);cursor:grabbing;opacity:.96;z-index:1000}
.bl{touch-action:pan-y}
.it .cab button svg{vertical-align:-2px;margin-right:3px}
/* ===== v7: carrossel ===== */
.hero{padding:40px 0 50px}
.cr{position:relative;outline:none;border-radius:20px}
.cr:focus-visible{box-shadow:0 0 0 2px var(--ac)}
.cr-trilho{display:grid}
.cr-sl{grid-area:1/1;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;min-height:400px;padding:10px 64px 50px;opacity:0;visibility:hidden;transform:translateX(30px);transition:opacity .5s ease,transform .5s ease,visibility 0s .5s}
[data-dir="ant"] .cr-sl:not(.on){transform:translateX(-30px)}
.cr-sl.on{opacity:1;visibility:visible;transform:none;transition:opacity .5s ease,transform .5s ease}
.cr-tx h1,.cr-tx .cr-h{font-size:clamp(1.9rem,4.2vw,3.1rem);line-height:1.15;margin:0}
.cr-tx h1 em,.cr-tx .cr-h em{color:var(--ac);font-style:normal}
.cr-tx p{color:var(--sub);font-size:1.12rem;max-width:560px;margin:16px 0 26px}
.cr-tx .ctas{display:flex;flex-wrap:wrap;gap:12px}
.cr-il svg{width:100%;height:auto;max-height:340px;display:block;filter:drop-shadow(0 20px 40px rgba(0,0,0,.25))}
.cr-seta{position:absolute;top:calc(50% - 40px);width:44px;height:44px;border-radius:50%;border:1px solid var(--borda);background:var(--card);color:var(--txt);display:grid;place-items:center;cursor:pointer;transition:border-color .2s,color .2s,transform .2s;z-index:2}
.cr-seta:hover,.cr-seta:focus-visible{border-color:var(--ac);color:var(--ac);outline:none;transform:scale(1.06)}
.cr-ant{left:0}.cr-prox{right:0}
.cr-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:10px}
.cr-dot{width:10px;height:10px;padding:0;border-radius:99px;border:0;background:var(--sub);opacity:.4;cursor:pointer;transition:width .3s,opacity .3s,background .3s}
.cr-dot.on{width:28px;opacity:1;background:var(--ac)}
.cr-dot:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
/* cores das ilustrações (seguem o tema) */
.cr-il .f-card{fill:var(--card);stroke:var(--borda);stroke-width:1.5}
.cr-il .f-tela{fill:var(--bg)}
.cr-il .f-bar,.cr-il .f-pe{fill:var(--borda)}
.cr-il .f-side{fill:var(--card);opacity:.7}
.cr-il .f-kpi{fill:var(--card);stroke:var(--borda)}
.cr-il .f-ln{fill:var(--sub);opacity:.35}
.cr-il .s-ln{stroke:var(--borda);stroke-width:1.2}
.cr-il .f-ac{fill:var(--ac)}.cr-il .f-ac2{fill:#a78bfa}
.cr-il .s-ac{stroke:var(--ac)}.cr-il .s-ac2{stroke:#a78bfa}
.cr-il .t-dom{fill:var(--sub);font:600 12px system-ui,sans-serif}
.cr-il .t-preco{fill:var(--ac);font:800 34px system-ui,sans-serif}
[data-tema="claro"] .cr-il .f-ac2{fill:#7c3aed}[data-tema="claro"] .cr-il .s-ac2{stroke:#7c3aed}
[data-tema="claro"] .cr-il svg{filter:drop-shadow(0 16px 30px rgba(15,23,42,.12))}
/* animações sutis (só no painel visível) */
.cr-sl.on .cr-cresce{animation:cr-cresce 1s ease both;transform-box:fill-box;transform-origin:bottom}
.cr-sl.on .cr-linha{stroke-dasharray:400;animation:cr-linha 1.6s ease both}
.cr-sl.on .cr-flut{animation:cr-flut 4s ease-in-out infinite}
.cr-sl.on .cr-pisca{animation:cr-pisca 2.4s ease-in-out infinite}
@keyframes cr-cresce{from{transform:scaleY(0)}}
@keyframes cr-linha{from{stroke-dashoffset:400}to{stroke-dashoffset:0}}
@keyframes cr-flut{50%{transform:translateY(-6px)}}
@keyframes cr-pisca{50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){.cr-sl,.cr-sl.on{transition:none;transform:none}.cr-sl.on *{animation:none!important}}
@media (max-width:820px){
  .cr-sl{grid-template-columns:1fr;gap:14px;padding:0 0 70px;min-height:0;text-align:left}
  .cr-il{order:-1;max-width:330px;margin:0 auto;width:100%}
  .cr-il svg{max-height:210px}
  .cr-tx p{font-size:1rem;margin:12px 0 18px}
  .cr-seta{top:auto;bottom:0;width:38px;height:38px}
  .cr-dots{bottom:13px}
}
.cr.sem-anim .cr-sl{transition:none!important}
.cr.sem-anim *{transition:none!important}
/* ===== v8 ===== */
.passo-t.dobra{display:flex;align-items:center;cursor:pointer;user-select:none;border-radius:6px}
.passo-t.dobra .chev{margin-left:auto;color:var(--sub);transition:transform .25s}
.passo-t.dobra[aria-expanded="false"] .chev{transform:rotate(-90deg)}
.passo-t.dobra:hover .chev{color:var(--ac)}
.passo-t.dobra:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
.dobra-c{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s ease,opacity .3s}
.dobra-c>div{min-height:0;overflow:visible}
.dobra-c.fechada{grid-template-rows:0fr;opacity:0}
.dobra-c.fechada>div{overflow:hidden;visibility:hidden}
.pal-cust{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}
.pal-cust[hidden]{display:none}
.pal-cust label{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.68rem;color:var(--sub);cursor:pointer;text-align:center}
.pal-cust input{width:36px;height:36px;padding:0;border:1px solid var(--borda);border-radius:50%;background:none;cursor:pointer;overflow:hidden}
.pal-cust input::-webkit-color-swatch-wrapper{padding:0}.pal-cust input::-webkit-color-swatch{border:0;border-radius:50%}
.pal-cust input::-moz-color-swatch{border:0;border-radius:50%}
/* grade do monitor em linhas: indicadores = 1 linha, demais = 2 */
.t-main{grid-auto-rows:38px!important}
.bl.r1{grid-row:span 1}.bl.r2{grid-row:span 2}
.bl.graf,.bl.tab,.bl.form,.bl.agenda,.bl.texto-b{height:auto!important;margin-top:0!important;overflow:hidden}
.bl.kpis{height:38px}
/* arrastar: o próprio item, tamanho real, semitransparente */
.bl.lift{opacity:.6!important;transform:none!important;box-shadow:0 14px 30px rgba(0,0,0,.35)!important}
/* ===== v9: botão vidro só com ícone animado ===== */
.vd rect{transition:transform .45s cubic-bezier(.4,0,.2,1),fill .3s,fill-opacity .3s}
.vd .vd-frente{fill:var(--card);fill-opacity:1}
/* sem vidro: o quadrado de trás fica escondido atrás do da frente */
[data-vidro="0"] .vd .vd-tras,html:not([data-vidro="1"]) .vd .vd-tras{transform:translate(-2.5px,-2.5px)}
[data-vidro="0"] .vd .vd-frente,html:not([data-vidro="1"]) .vd .vd-frente{transform:translate(2.5px,2.5px)}
/* com vidro: o de trás desliza para fora e o da frente fica translúcido */
[data-vidro="1"] .vd .vd-frente{fill:currentColor;fill-opacity:.12}
#bt-vidro.on{color:var(--ac);border-color:var(--ac)}
@media (prefers-reduced-motion:reduce){.vd rect,.sl-c,.sl-mc,.sl-r{transition:none!important}}
.bl.lift{transform:scale(1.03)!important}
/* ===== v10 ===== */
.it .cap{display:block;flex-basis:100%;width:100%;color:var(--sub);font-size:.72rem;margin-top:4px}
.pos-seg{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:.8rem;color:var(--sub)}
.pos-seg span{margin-right:auto;display:inline-flex;align-items:center}
.pos-seg button{display:grid;place-items:center;width:34px;height:26px;border-radius:7px;border:1px solid var(--borda);background:transparent;color:var(--sub);cursor:pointer;padding:0}
.pos-seg button[aria-pressed="true"]{border-color:var(--ac);color:var(--ac);background:color-mix(in srgb,var(--ac) 14%,transparent)}
.bl .ctl button svg{width:11px;height:9px}
.bl.dir{grid-column:2/3}
/* coluna direita: painel da página + valores; os valores ficam fixos na rolagem quando cabem */
@media(min-width:1201px){.painel-preco{position:sticky;top:84px}}
@media(max-width:980px){.col-dir{display:contents}#painel-pag{order:-1}.painel-preco{order:5}}
/* barra de rolagem discreta da lista de paletas */
.pal-lista{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ac) 45%,transparent) transparent}
.pal-lista::-webkit-scrollbar{width:6px}
.pal-lista::-webkit-scrollbar-track{background:transparent}
.pal-lista::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ac) 45%,transparent);border-radius:6px}
.pal-lista::-webkit-scrollbar-thumb:hover{background:var(--ac)}
.pal-lista::-webkit-scrollbar-button{display:none;height:0;width:0}
/* plano recomendado */
.plano.rec{position:relative;transform:translateY(-6px);border-color:var(--ac);box-shadow:0 0 0 1px var(--ac),0 22px 50px rgba(0,0,0,.18)}
.plano .selo{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--ac);color:var(--actxt);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:999px;white-space:nowrap}
@media(max-width:860px){.plano.rec{transform:none;margin-top:10px}}
/* ===== v11: logo e identidade visual ===== */
.logo{display:inline-flex;align-items:center;gap:9px;line-height:1}
.logo img{height:20px;width:auto;display:block}
.logo-d{display:none!important}
[data-tema="claro"] .logo-n{display:none!important}[data-tema="claro"] .logo-d{display:block!important}
a.card-link{color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}
a.card-link:hover{border-color:var(--ac);transform:translateY(-2px)}
.wsimb svg{width:100%;height:auto;display:block}
.wsimb.w-topo{width:46%;margin:0 0 8%}
.wsimb.w-menu{width:4.2%;min-width:16px;margin-right:2%;flex-shrink:0}
.wsimb.w-marca{width:55%;margin:auto auto 4%;opacity:.22}
/* v12: identidade visual */
.id-rot{margin:14px 0 8px;font-size:.78rem;font-weight:700;color:var(--sub);text-transform:uppercase;letter-spacing:.04em}
#ident-opc{margin-bottom:6px}#ident-opc .op small{display:block}
/* v13 */
#ident-opc .op{position:relative;padding:8px 6px}
#ident-opc .op small{display:inline}
#ident-opc .op .aj{position:static!important;display:inline-flex;margin:0 0 0 3px;vertical-align:-3px;width:auto}
#ident-opc .op .aj svg{width:13px;height:13px}
#cartao-tam select{max-width:58%;background:var(--card);color:var(--txt);border:1px solid var(--borda);border-radius:8px;padding:5px 6px;font:inherit;font-size:.8rem}
.cartao-pers{display:flex;gap:10px;padding:2px 0 8px 14px;font-size:.8rem;color:var(--sub)}
.cartao-pers input{width:58px;background:var(--card);color:var(--txt);border:1px solid var(--borda);border-radius:6px;padding:4px;font:inherit}
.cr-sl.on .cr-flut2{animation:cr-flut 4s ease-in-out 1.2s infinite}
#ident-opc .op small{display:block;white-space:nowrap}
#cartao-tam .mod{flex-wrap:wrap;gap:6px}#cartao-tam select{max-width:none;width:100%}
.cartao-pers label{white-space:nowrap}.cartao-pers input{width:48px}
/* v14: envio */
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.lgpd{display:flex;gap:8px;align-items:flex-start;font-size:.8rem;color:var(--sub);margin:4px 0 10px;line-height:1.4}
.lgpd input{margin-top:3px;accent-color:var(--ac);flex-shrink:0}.lgpd a{color:var(--ac)}
.env-erro{font-size:.8rem;color:#f87171;margin:0 0 10px}.env-erro.ok{color:#10b981}
.envios-2{margin-top:8px}.btn-peq{padding:7px 10px;font-size:.8rem}
.envios .btn[disabled]{opacity:.6;cursor:wait}
/* v15: selo sem mensalidade no slide Google */
.cr-selo{display:block;margin:0 0 18px;padding:10px 14px;border:1px solid var(--ac,#22d3ee);border-left-width:4px;border-radius:10px;background:rgba(34,211,238,.10);color:inherit;text-decoration:none;font-size:.95rem;line-height:1.4;max-width:520px}
.cr-selo b{color:var(--ac,#22d3ee)}
.cr-selo span{display:inline-block;margin-left:4px;text-decoration:underline;font-weight:600;white-space:nowrap}
.cr-selo:hover,.cr-selo:focus-visible{background:rgba(34,211,238,.18)}
/* v16: títulos editáveis */
.tit-ed{flex:1;min-width:0;width:100%;font:inherit;color:inherit;background:transparent;border:1px solid transparent;border-radius:6px;padding:2px 5px;margin:-2px -5px;outline:none}
.tit-ed::placeholder{color:inherit;opacity:1}
.tit-ed:hover{border-color:var(--borda)}
.tit-ed:focus{border-color:var(--ac);background:var(--bg)}
.it .cab b{display:flex;align-items:center;gap:4px;min-width:0}
/* v17: títulos no monitor e nome do site */
.nome-site{display:flex;flex-direction:column;gap:4px;margin:4px 0 10px;font-size:.82rem;color:var(--sub)}
.nome-site input{font:inherit;font-size:.9rem;color:var(--txt);background:var(--bg2);border:1px solid var(--borda);border-radius:8px;padding:7px 9px}
.nome-site input:focus{outline:none;border-color:var(--ac)}
.t-rot{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(6px,.75vw,10px);line-height:1.25;font-weight:600}
.t-top .l-t{flex:1}
.t-top.sel .l-t{text-decoration:underline;text-underline-offset:2px}
.t-cab{display:flex;align-items:center;gap:6%;margin:0 0 8%;min-width:0}
.t-cab .wsimb.w-topo{margin:0;flex-shrink:0;width:28%}
.t-cab .t-site{flex:1}
.t-site{font-weight:700;font-size:clamp(7px,.85vw,11px)}
.t-site-main{margin:0 0 6px}
.t-menu .dash-t{max-width:16%;cursor:pointer}
.t-menu .dash-t.sel{text-decoration:underline;text-underline-offset:2px}
.t-menu .t-site{max-width:24%}
.bl.com-tit{padding-top:calc(2% + 13px)}
.bl .bl-tit{position:absolute;top:3px;left:6px;right:44px;font-size:clamp(6px,.7vw,9px);pointer-events:none}
.bl.kpis.com-tit{padding-top:12px!important;align-items:flex-end}.bl.kpis.com-tit .kpi{height:26px;padding:4px}
.bl.kpis .bl-tit{top:0;left:2px}
.t-top.t-home{margin-bottom:3px}
.mod-d{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}
.mod-add{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;border:1px solid var(--borda);background:transparent;color:var(--ac);cursor:pointer;padding:0}
.mod-add:hover{border-color:var(--ac)}
.ops.tab-ops{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;align-items:center}
.tab-op{display:flex;align-items:center;gap:4px;min-width:0;white-space:nowrap}
.tab-op label{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:.86rem}
.tab-ops .cap{grid-column:1/-1;margin:2px 0 0}
.t-exp{display:flex;justify-content:flex-end;gap:5px;margin-bottom:6px}
.exp-b{display:flex;align-items:center;gap:3px;height:15px;padding:0 5px;border-radius:4px;font-size:7px;font-weight:700}
.exp-b svg{width:9px;height:9px}.exp-b i{font-style:normal}
.exp-pdf{background:#dc2626;color:#fff;border:1px solid #dc2626}
.ops.tab-ops{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 12px}
.tab-op .aj{margin-left:auto}
.tab-op label{font-size:.8rem;min-width:0}
.exp-b{height:17px;font-size:8px}
.t-main{position:relative}.t-exp{position:absolute;top:4px;right:8px;z-index:2;margin:0}.t-main.com-exp{padding-top:26px}
.lp-grupo-add{display:flex;align-items:center;justify-content:space-between;gap:8px}.lp-grupo-add .mod-add{width:20px;height:20px}
#ident-opc{display:flex;flex-direction:column;gap:6px}
.id-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:var(--card);border:1px solid var(--borda);border-radius:10px;color:var(--txt);font:inherit;font-size:.9rem;text-align:left;cursor:pointer}
.id-row:hover{border-color:var(--ac)}
.id-row.on{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 14%,var(--card))}
.id-rd{width:14px;height:14px;border-radius:50%;border:2px solid var(--sub);flex-shrink:0}
.id-row.on .id-rd{border-color:var(--ac);box-shadow:inset 0 0 0 3px var(--card);background:var(--ac)}
.id-t{flex:1;display:flex;align-items:center;gap:4px}
.id-row small{color:var(--sub);font-size:.8rem;white-space:nowrap}
.cart-mod{flex-direction:column;align-items:stretch;gap:6px}
.cart-dd{position:relative;width:100%}
.ic-cart{width:24px;height:16px;flex-shrink:0;color:var(--ac)}
.ops.tab-ops{gap:6px 8px}
.tab-op{gap:0}
.tab-op label{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;font-size:.78rem;gap:4px}
.tab-op .aj{margin-left:5px!important;flex-shrink:0;position:static!important}
.it .cab .larg-bt{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border:1px solid var(--borda);border-radius:7px;background:transparent;color:var(--sub);font-size:.76rem;white-space:nowrap;flex-shrink:0}
.it .cab .larg-bt:hover{border-color:var(--ac);color:var(--ac);background:color-mix(in srgb,var(--ac) 10%,transparent)}
.it .cab .larg-bt:active{background:color-mix(in srgb,var(--ac) 20%,transparent)}
.it .cab .larg-bt:focus-visible{outline:2px solid var(--ac);outline-offset:1px}
.ops.tab-ops{gap:6px 6px}.tab-op label{font-size:.75rem;gap:3px}.tab-op input{margin:0}.tab-op .aj{margin-left:4px!important}