.cab{padding-top:46px}
.cab h1{font-size:clamp(2.2rem,5vw,3.8rem);margin:12px 0 14px;letter-spacing:-.045em}
.cab h1 em,.sis-hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--or),var(--or2));-webkit-background-clip:text;background-clip:text;color:transparent}
.voltar{display:inline-block;margin-bottom:20px;font-size:.84rem;font-weight:700;color:var(--mut);text-decoration:none}
.voltar:hover{color:var(--or)}
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.filtros button{font:inherit;font-weight:700;font-size:.84rem;min-height:40px;padding:0 17px;border-radius:99px;border:1px solid var(--lin2);background:rgba(255,255,255,.03);color:#b6c3d6;cursor:pointer}
.filtros button[aria-selected=true]{background:var(--or);border-color:var(--or);color:#1a0d00}
.cert-grade{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.cert{display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:var(--card);border:1px solid var(--lin);transition:transform .25s,border-color .25s,box-shadow .25s;scroll-margin-top:100px}
.cert:target,.cert.alvo{border-color:var(--or);box-shadow:0 0 0 1px var(--or),0 0 44px rgba(255,138,40,.3)}
.cert:hover{transform:translateY(-5px);border-color:rgba(255,138,40,.5)}
.cert-img{display:block;border:0;padding:0;background:#fff;cursor:zoom-in;position:relative}
.cert-img img{width:100%;aspect-ratio:1.4;object-fit:cover}
.cert-img span{position:absolute;right:12px;bottom:12px;background:rgba(5,7,13,.85);color:#fff;font-size:.74rem;font-weight:800;padding:6px 12px;border-radius:99px}
.cert-corpo{padding:18px 20px 20px;display:grid;gap:8px}
.cert-corpo h2{font-size:1.15rem;letter-spacing:-.025em;margin:0;max-width:none}
.cert-corpo p{margin:0;color:var(--mut);font-size:.88rem}
.cert-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.cert-acoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.vazio{margin-top:22px;padding:24px;text-align:center}
.vazio b{font-size:1.05rem}.vazio p{margin:6px auto 0;color:var(--mut);max-width:52ch;font-size:.9rem}
.visor{position:fixed;inset:0;z-index:100;background:rgba(3,5,10,.92);backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px}
.visor[hidden]{display:none}
.visor figure{margin:0;max-width:min(1100px,92vw);max-height:80vh;display:flex;flex-direction:column;align-items:center;gap:12px}
.visor img{max-width:100%;max-height:72vh;border-radius:10px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.7)}
.visor figcaption{font-size:.86rem;color:#cbd5e1;text-align:center}
.visor-x,.visor-set{position:absolute;border:1px solid var(--lin2);background:rgba(13,18,30,.9);color:#fff;border-radius:50%;width:46px;height:46px;font-size:1.3rem;cursor:pointer}
.visor-x{top:18px;right:18px}.visor-set{top:50%;transform:translateY(-50%);font-size:1.8rem;line-height:1}
.visor-set.esq{left:16px}.visor-set.dir{right:16px}
.visor-baixa{position:absolute;bottom:20px;left:50%;transform:translateX(-50%)}
@media (max-width:760px){.cert-grade{grid-template-columns:1fr}.visor-set{top:auto;bottom:24px;transform:none}.visor-baixa{bottom:24px}}

/* ===== Página de sistema ===== */
.sis-hero{padding:46px 0 30px}
.sis-hero h1{font-size:clamp(2.4rem,6vw,4.6rem);letter-spacing:-.05em;margin:12px 0 8px}
.sis-sub{font-size:clamp(1.05rem,2vw,1.35rem);font-weight:700;color:var(--or2);margin:0 0 18px}
.sis-hero .lead{margin-bottom:22px}
.sis-tags{display:flex;gap:8px;flex-wrap:wrap}
.aviso{margin:22px 0 0;padding:14px 18px;border-radius:14px;border:1px solid rgba(255,138,40,.4);background:rgba(255,138,40,.07);color:#ffd9b3;font-size:.88rem}
.demo{padding:30px 0 60px}
.palco{position:relative;max-width:1060px;margin:0 auto;padding-bottom:3%}
.lap{width:88%}
.lap .tampa{background:linear-gradient(180deg,#2a2f3a,#12151c);border-radius:18px 18px 0 0;padding:1.6% 1.6% 2.2%;box-shadow:0 0 0 1px #3b4252 inset,0 30px 80px rgba(0,0,0,.6);container-type:inline-size;position:relative}
.lap .base{height:16px;margin:0 -4%;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#e5e9ef,#c3cad4 55%,#9aa3b0);box-shadow:0 18px 30px rgba(0,0,0,.4)}
.tela{aspect-ratio:16/9.6;min-height:0;overflow:hidden;border-radius:6px;background:#0b1020;color:#dbe4f2;font-family:'Manrope',system-ui,sans-serif;font-size:1.2cqw;line-height:1.3;display:flex;position:relative}
.tela *{box-sizing:border-box}
.cel-demo{position:absolute;right:0;bottom:0;width:17%;aspect-ratio:9/19;border-radius:14% / 6.6%;background:linear-gradient(160deg,#2b2f3b,#10131a);padding:3.2%;box-shadow:0 0 0 1.5px #4b5365 inset,0 24px 60px rgba(0,0,0,.6);container-type:inline-size}
.cel-demo .tela{position:absolute;inset:3.2%;border-radius:11% / 5.2%;aspect-ratio:auto;font-size:6.4cqw;flex-direction:column;padding:12% 7% 7%;gap:3.5cqw}
.cel-demo .ilha{position:absolute;top:5.4%;left:50%;width:30%;height:2.6%;border-radius:99px;background:#000;transform:translateX(-50%);z-index:2}
.fases{display:flex;gap:8px;justify-content:center;margin:26px 0 0;flex-wrap:wrap}
.fases button{font:inherit;font-weight:700;font-size:.8rem;min-height:38px;padding:0 15px;border-radius:99px;border:1px solid var(--lin2);background:rgba(255,255,255,.03);color:#b6c3d6;cursor:pointer}
.fases button[aria-selected=true]{background:var(--or);border-color:var(--or);color:#1a0d00}
.blocos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:10px}
.bloco{padding:24px}
.bloco h3{font-size:1.15rem;margin-bottom:10px;color:var(--or2)}
.bloco p,.bloco li{color:#b4c0d3;font-size:.92rem;margin:0}
.bloco ul{margin:0;padding-left:20px;display:grid;gap:6px}
.pilha{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pilha div{padding:16px;border-radius:16px;border:1px solid var(--lin);background:var(--card);display:flex;gap:12px;align-items:center}
.pilha img{width:30px;height:30px;flex:none}
.pilha b{display:block;font-size:.9rem}.pilha span{color:var(--mut);font-size:.74rem;line-height:1.35;display:block}
.passos{counter-reset:p;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.passos li{counter-increment:p;padding:20px;border-radius:16px;border:1px solid var(--lin);background:var(--card);position:relative}
.passos li::before{content:counter(p);font-family:'JetBrains Mono',monospace;font-weight:600;color:var(--or);font-size:1.5rem;display:block;margin-bottom:6px}
.passos b{display:block;margin-bottom:4px}.passos span{color:var(--mut);font-size:.86rem}
.dor-solucao{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.dor-solucao .vidro{padding:26px}
.dor-solucao h3{margin-bottom:10px}
.dor-solucao .dor h3{color:var(--er)}.dor-solucao .sol h3{color:var(--ok)}
.dor-solucao ul{margin:0;padding-left:20px;color:#b4c0d3;display:grid;gap:7px;font-size:.92rem}
.num-grade{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.num-grade div{padding:20px;border-radius:16px;border:1px solid var(--lin);background:var(--card)}
.num-grade b{font-size:2rem;letter-spacing:-.04em;color:#fff;display:block}
.num-grade span{color:var(--mut);font-size:.82rem}
.cta{padding:34px;text-align:center}
.cta .btn{margin:6px}
@media (max-width:980px){.blocos,.pilha,.passos,.num-grade{grid-template-columns:repeat(2,1fr)}.dor-solucao{grid-template-columns:1fr}}
@media (max-width:620px){.blocos,.pilha,.passos,.num-grade{grid-template-columns:1fr}
  .palco{padding-bottom:0;display:flex;flex-direction:column}.lap{width:100%}
  .cel-demo{position:relative;right:auto;bottom:auto;width:34%;margin:-6% 4% 0 auto;z-index:2}
  .lap .base{margin:0 -2%}}
@media (prefers-reduced-motion:reduce){.tela *{animation:none!important}}
/* ===== Telas internas da demonstração ===== */
.tela .lado{width:15cqw;flex:none;background:#080c18;border-right:1px solid #18213a;padding:1.6cqw 1.1cqw;display:flex;flex-direction:column;gap:.5cqw}
.tela .lado-logo{font-weight:800;letter-spacing:.06em;color:#fff;font-size:1.3cqw;margin-bottom:1.4cqw}
.tela .lado span{padding:.8cqw .9cqw;border-radius:.7cqw;color:#7f8db0;font-weight:600;font-size:1.05cqw;transition:.3s}
.tela .lado span.on{background:#1b2547;color:#a5b4fc}
.tela .lado em{margin-top:auto;font-style:normal;text-align:center;font-size:1cqw;color:#6b7aa0;border:1px solid #1d2749;border-radius:.6cqw;padding:.5cqw}
.tela .area{flex:1;min-width:0;padding:1.5cqw 1.8cqw;display:flex;flex-direction:column;gap:1.2cqw}
.tela .area-topo{display:flex;align-items:center;justify-content:space-between;gap:1cqw}
.tela .area-topo b{font-size:1.7cqw;font-weight:800;color:#fff;letter-spacing:-.02em}
.tela .area-topo span{font-size:.95cqw;color:#7f8db0;border:1px solid #1d2749;border-radius:99px;padding:.3cqw 1cqw}
.tela .pn{background:#0e1530;border:1px solid #1a2547;border-radius:1cqw;padding:1.2cqw 1.4cqw;min-width:0}
.tela .pn>small{display:block;font-size:.9cqw;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6b7aa0;margin-bottom:.8cqw}
.tela .linha2{display:grid;gap:1.1cqw}
.tela .g2{grid-template-columns:1.3fr 1fr}.tela .g3{grid-template-columns:repeat(3,1fr)}
.tela .kpi b{display:block;font-size:2.1cqw;font-weight:800;color:#fff;letter-spacing:-.03em}
.tela .kpi span{font-size:.95cqw;color:#7f8db0}
.tela .kpi.ok b{color:#34d399}.tela .kpi.al b{color:#fbbf24}.tela .kpi.er b{color:#fb7185}
.tela .barras{display:flex;align-items:flex-end;gap:1.1cqw;height:15cqw;padding-top:.4cqw}
.tela .barras div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.4cqw;height:100%;min-width:0}
.tela .barras i{display:block;width:100%;border-radius:.5cqw .5cqw 0 0;background:linear-gradient(#6366f1,#3b44b5);transition:height 1.1s cubic-bezier(.2,.8,.2,1)}
.tela .barras small{font-size:.8cqw;color:#7f8db0;white-space:nowrap}
.tela .ug{margin:.7cqw 0}
.tela .ug-t{display:flex;justify-content:space-between;font-size:.95cqw;margin-bottom:.3cqw;color:#c5d0e8}
.tela .ug-b{height:1.2cqw;border-radius:99px;background:#16203f;overflow:hidden;display:flex}
.tela .ug-b i{display:block;height:100%;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.tela .ug-b .a{background:linear-gradient(90deg,#0ea5e9,#38bdf8)}.tela .ug-b .v{background:#10b981}
.tela table{width:100%;border-collapse:collapse;font-size:1cqw}
.tela th{text-align:left;font-size:.8cqw;letter-spacing:.07em;text-transform:uppercase;color:#6b7aa0;padding:.5cqw .6cqw;border-bottom:1px solid #1a2547}
.tela td{padding:.62cqw .6cqw;border-bottom:1px solid #131c3a;color:#cdd8ee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:14cqw}
.tela tr.nova td{animation:nova 1.2s ease both}
@keyframes nova{from{background:rgba(56,189,248,.25)}to{background:transparent}}
.tela .tg{font-size:.8cqw;font-weight:800;padding:.2cqw .7cqw;border-radius:99px}
.tela .tg.v{background:rgba(52,211,153,.14);color:#6ee7b7}.tela .tg.a{background:rgba(251,191,36,.14);color:#fcd34d}.tela .tg.r{background:rgba(251,113,133,.14);color:#fda4af}
.tela .busca{display:flex;align-items:center;gap:.8cqw;border:1px solid #24305a;border-radius:.8cqw;padding:.8cqw 1.1cqw;background:#0b1128;font-size:1.1cqw;color:#cbd5f0}
.tela .busca .dig::after{content:"";display:inline-block;width:1px;height:1.2cqw;background:#a5b4fc;margin-left:2px;vertical-align:-.2cqw;animation:pisca 1s steps(2) infinite}
@keyframes pisca{50%{opacity:0}}
.tela .doc{display:grid;grid-template-columns:repeat(5,1fr);gap:.9cqw}
.tela .doc div{border:1px solid #1d2a50;border-radius:.8cqw;background:#0f1733;padding:.9cqw;text-align:center;font-size:.85cqw;color:#9fb0d6;animation:docIn .6s both}
.tela .doc div b{display:block;color:#e5ebff;font-size:1cqw}
.tela .doc div.sel{border-color:#10b981;box-shadow:0 0 0 1px #10b981 inset}
.tela .doc div i{display:block;width:1.3cqw;height:1.3cqw;border-radius:50%;background:#0ea5e9;margin:.5cqw auto 0}
@keyframes docIn{from{opacity:0;transform:translateY(.8cqw)}to{opacity:1;transform:none}}
.tela .btns{display:flex;gap:.8cqw}
.tela .bt{font-size:.9cqw;font-weight:800;padding:.6cqw 1.2cqw;border-radius:.6cqw;background:#1d4ed8;color:#fff}.tela .bt.v{background:#059669}
/* celular */
.cel-demo .tela .kpi b{font-size:11cqw}.cel-demo .tela .pn{padding:4cqw;border-radius:4cqw}
.cel-demo .tela .pn>small{font-size:5cqw}
.cel-demo .tela .barras{height:36cqw}.cel-demo .tela .barras small{font-size:4cqw}
.cel-demo .tela .ug-t{font-size:5.2cqw}.cel-demo .tela .ug-b{height:3cqw}
.cel-demo .tela .cabm{font-weight:800;font-size:8cqw;color:#fff;letter-spacing:-.02em}
.cel-demo .tela .it{display:flex;justify-content:space-between;gap:3cqw;font-size:5.2cqw;padding:2.4cqw 0;border-bottom:1px solid #131c3a;color:#cdd8ee}
.cel-demo .tela .it b{color:#fff;white-space:nowrap}
.cel-demo .tela .tg{font-size:4.4cqw;padding:.6cqw 2.4cqw}
.cel-demo .tela .busca{font-size:5.4cqw;padding:3cqw}

/* ===== SIGECON: interface em tema claro (dados fictícios) ===== */
.tela.sg{background:#f1f5f9;color:#0f172a;font-size:.95cqw;line-height:1.25;font-family:'Manrope',system-ui,sans-serif;aspect-ratio:16/10.4}
.sg .sg-lado{width:15cqw;flex:none;background:#fff;border-right:1px solid #e2e8f0;padding:1cqw .9cqw;display:flex;flex-direction:column;gap:.45cqw;overflow:hidden}
.sg .sg-marca{display:flex;gap:.6cqw;align-items:center}
.sg .sg-marca b{width:2.6cqw;height:2.6cqw;border-radius:.7cqw;background:#2563eb;color:#fff;display:grid;place-items:center;font-size:1cqw}
.sg .sg-marca span{font-weight:800;font-size:1.25cqw;display:flex;flex-direction:column}
.sg .sg-marca small{font-weight:500;font-size:.62cqw;color:#64748b}
.sg .sg-user{display:flex;gap:.6cqw;align-items:center;border:1px solid #e2e8f0;border-radius:.7cqw;padding:.5cqw;background:#f8fafc}
.sg .sg-user i{font-style:normal;width:2cqw;height:2cqw;border-radius:50%;background:#e2e8f0;display:grid;place-items:center;font-weight:800;font-size:.8cqw}
.sg .sg-user span{display:flex;flex-direction:column;font-weight:700;font-size:.9cqw}
.sg .sg-user em{font-style:normal;font-size:.6cqw;border:1px solid #cbd5e1;border-radius:.3cqw;padding:0 .4cqw;width:max-content;color:#475569}
.sg .sg-busca,.sg .sg-sel{border:1px solid #e2e8f0;border-radius:.6cqw;background:#f8fafc;padding:.5cqw .7cqw;font-size:.8cqw;color:#64748b}
.sg .sg-sel{color:#0f172a;background:#fff}
.sg .sg-lado>small{font-size:.65cqw;color:#64748b;margin-top:.2cqw}
.sg .sg-bt{border:1px solid #cbd5e1;border-radius:.6cqw;text-align:center;padding:.45cqw;font-size:.8cqw;font-weight:700;background:#fff}
.sg .sg-bt.a{background:#2563eb;color:#fff;border-color:#2563eb}
.sg .sg-lado nav{display:flex;flex-direction:column;gap:.15cqw;margin:.5cqw 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:.5cqw 0}
.sg .sg-lado nav span{padding:.6cqw .7cqw;border-radius:.6cqw;font-weight:700;font-size:.9cqw;color:#475569}
.sg .sg-lado nav span.on{background:#2563eb;color:#fff}
.sg .sg-sair{text-align:center;font-weight:800;font-size:.9cqw;color:#475569}
.sg .sg-lado p{margin:auto 0 0;font-size:.55cqw;color:#64748b;line-height:1.4}
.sg .sg-main{flex:1;min-width:0;padding:1cqw 1.2cqw;display:flex;flex-direction:column;gap:.8cqw;overflow:hidden}
.sg .sg-card,.sg .sg-kpis>div,.sg .sg-saldo>div,.sg .sg-cel,.sg .sg-nc,.sg .sg-desc,.sg .sg-ne{background:#fff;border:1px solid #e2e8f0;border-radius:.7cqw;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.sg .sg-card{padding:.8cqw 1cqw;min-width:0}
.sg .sg-card>b,.sg .sg-cab b{font-size:.95cqw}
.sg .sg-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:.7cqw}
.sg .sg-kpis.q4{grid-template-columns:repeat(4,1fr)}
.sg .sg-kpis>div{padding:.6cqw .8cqw}
.sg small{font-size:.65cqw;color:#64748b;display:block}
.sg .sg-kpis b{display:block;font-size:1.35cqw;font-weight:800;letter-spacing:-.02em;color:#0f172a;margin:.1cqw 0;font-variant-numeric:tabular-nums}
.sg .sg-kpis span{font-size:.6cqw;color:#64748b}
.sg b.rx{color:#7c3aed}.sg b.vd{color:#059669}.sg b.vm{color:#dc2626}.sg b.az{color:#2563eb}
.sg .sg-saldo{display:grid;grid-template-columns:1fr 1.1fr 1fr .9fr;gap:.7cqw}
.sg .sg-saldo>div{padding:.55cqw .8cqw}
.sg .sg-saldo b{font-size:1.05cqw;font-family:ui-monospace,Menlo,monospace;display:block}
.sg .sg-saldo u,.sg .cmp u{text-decoration:none;border:1px solid #cbd5e1;border-radius:.4cqw;padding:.2cqw .6cqw;font-size:.7cqw;font-family:'Manrope';font-weight:700;margin-left:.6cqw;background:#fff}
.sg .cmp u{display:block;margin:.3cqw 0 0;text-align:center;padding:.4cqw}
.sg .sg-graf{display:grid;grid-template-columns:1.9fr 1fr;gap:.7cqw}
.sg .sg-leg{display:flex;gap:.8cqw;align-items:center;justify-content:center;font-size:.65cqw;color:#475569}
.sg .sg-leg i{width:.8cqw;height:.8cqw;border-radius:.15cqw;display:inline-block}
.sg .sg-barras{display:flex;align-items:flex-end;gap:1cqw;height:9cqw;margin-top:.5cqw;border-bottom:1px solid #e2e8f0}
.sg .sg-barras>div{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;min-width:0}
.sg .sg-barras span{display:flex;align-items:flex-end;gap:.15cqw;height:90%;width:100%;justify-content:center}
.sg .sg-barras span i{display:block;width:28%;border-radius:.2cqw .2cqw 0 0;transition:height 1.1s cubic-bezier(.2,.8,.2,1)}
.sg .sg-barras small{font-size:.55cqw;margin-top:.3cqw}
.sg .sg-donut{display:flex;align-items:center;gap:1cqw;margin-top:.5cqw}
.sg .sg-donut>i{width:8cqw;height:8cqw;border-radius:50%;flex:none;-webkit-mask:radial-gradient(circle,transparent 55%,#000 56%);mask:radial-gradient(circle,transparent 55%,#000 56%);animation:giraIn 1.4s ease both}
@keyframes giraIn{from{transform:rotate(-120deg);opacity:0}to{transform:none;opacity:1}}
.sg .sg-donut ul{list-style:none;margin:0;padding:0;flex:1;font-size:.6cqw;color:#475569}
.sg .sg-donut li{display:flex;align-items:center;gap:.4cqw;line-height:1.6}
.sg .sg-donut s{width:.6cqw;height:.6cqw;border-radius:50%}
.sg .sg-donut em{font-style:normal;margin-left:auto;font-weight:700;color:#0f172a}
.sg .sg-cab{display:flex;justify-content:space-between;align-items:center;gap:1cqw}
.sg .sg-cab span:first-child{display:flex;flex-direction:column}
.sg .sg-tg{display:flex;gap:.4cqw;align-items:center}
.sg .sg-tg u{text-decoration:none;border:1px solid #cbd5e1;border-radius:.5cqw;padding:.35cqw .8cqw;font-size:.7cqw;font-weight:700;background:#fff}
.sg .sg-tg u.on{background:#2563eb;color:#fff;border-color:#2563eb}
.sg .sg-tg u.bq{font-weight:500;color:#64748b;min-width:14cqw}
.sg .sg-linha svg{display:block;width:100%;height:9cqw}
.sg .sg-tr{stroke-dasharray:1;stroke-dashoffset:1;animation:desenhaLinha 2.2s ease .2s forwards}
@keyframes desenhaLinha{to{stroke-dashoffset:0}}
.sg .sg-dirs{display:grid;grid-template-columns:repeat(9,1fr);gap:.5cqw;margin-top:.5cqw}
.sg .sg-dirs>div{border:1px solid #e2e8f0;border-radius:.5cqw;padding:.4cqw .5cqw;min-width:0}
.sg .sg-dirs span{display:flex;justify-content:space-between;gap:.3cqw;align-items:baseline}
.sg .sg-dirs span b{font-size:.62cqw}.sg .sg-dirs em{font-style:normal;font-size:.45cqw;color:#64748b}
.sg .sg-dirs i,.sg .sg-sd i{display:block;height:.35cqw;border-radius:99px;background:#e2e8f0;overflow:hidden;margin:.3cqw 0}
.sg .sg-dirs u,.sg .sg-sd u{display:block;height:100%;background:#7c3aed;border-radius:99px;transition:width 1.1s ease;text-decoration:none}
.sg .sg-dirs p{margin:0;display:flex;justify-content:space-between;font-size:.45cqw;color:#64748b;font-family:ui-monospace,monospace}
.sg .sg-dirs p b{color:#0f172a;font-weight:700}
.sg .sg-chips{display:flex;flex-wrap:wrap;gap:.5cqw;align-items:center;margin-top:.5cqw}
.sg .sg-chips u{text-decoration:none;border:1px solid #cbd5e1;border-radius:99px;padding:.3cqw .9cqw;font-size:.7cqw;font-weight:700;background:#fff}
.sg .sg-chips u.on{background:#eff6ff;border-color:#2563eb;color:#1d4ed8}
.sg .sg-chips u b{color:#475569;margin-left:.3cqw}
.sg .sg-chips small{margin:0 .2cqw}
.sg .sg-cel{border-left:3px solid #dc2626;padding:.6cqw .9cqw;animation:celIn .6s both}
.sg .sg-cel:nth-of-type(2){animation-delay:.08s}.sg .sg-cel:nth-of-type(3){animation-delay:.16s}.sg .sg-cel:nth-of-type(4){animation-delay:.24s}.sg .sg-cel:nth-of-type(5){animation-delay:.32s}
@keyframes celIn{from{opacity:0;transform:translateY(.8cqw)}to{opacity:1;transform:none}}
.sg .sg-cel-1{display:flex;align-items:center;gap:1cqw}
.sg .sg-cel-1>div:first-child{flex:1;min-width:0}
.sg .sg-cel-1 b{font-family:ui-monospace,Menlo,monospace;color:#1d4ed8;font-size:.95cqw}
.sg .sg-cel-1>em{font-style:normal;font-size:.55cqw;font-weight:800;color:#b91c1c;background:#fee2e2;border-radius:99px;padding:.2cqw .6cqw;white-space:nowrap}
.sg .sg-sd{text-align:center;min-width:11cqw}
.sg .sg-sd strong{display:block;color:#047857;font-family:ui-monospace,monospace;font-size:1cqw}
.sg .sg-sd small{font-size:.5cqw}
.sg .sg-lq{text-align:right}.sg .sg-lq b{font-family:ui-monospace,monospace;font-size:.9cqw}
.sg .sg-acoes{display:flex;gap:.3cqw}
.sg .sg-acoes span{border:1px solid #cbd5e1;border-radius:.4cqw;padding:.3cqw .6cqw;font-size:.6cqw;font-weight:700;background:#fff;white-space:nowrap}
.sg .sg-acoes .x{background:#dc2626;border-color:#dc2626;color:#fff}
.sg .sg-cel p{margin:.4cqw 0 0;padding-top:.4cqw;border-top:1px dashed #e2e8f0;font-size:.5cqw;color:#475569;font-family:ui-monospace,monospace;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sg .sg-nc{padding:.6cqw .9cqw;display:flex;gap:1.5cqw;align-items:center;font-size:.65cqw;color:#64748b}
.sg .sg-nc>div{flex:1}.sg .sg-nc b{color:#1d4ed8;font-family:ui-monospace,monospace;font-size:.85cqw;display:block}
.sg .sg-nc span b{color:#0f172a;display:block;font-size:.8cqw}
.sg .sg-desc{padding:.5cqw .9cqw;font-size:.7cqw}
.sg .sg-ne-t{font-weight:800;font-size:.8cqw;color:#92400e}
.sg .sg-ne{padding:.5cqw .9cqw;display:flex;align-items:center;gap:1cqw;animation:celIn .6s both}
.sg .sg-ne>div{flex:1;min-width:0}.sg .sg-ne>div b{font-family:ui-monospace,monospace;font-size:.8cqw;display:block}
.sg .sg-ne small{font-size:.5cqw}
.sg .sg-ne code{font-size:.5cqw;color:#1d4ed8}
.sg .sg-ne span{font-size:.45cqw;color:#64748b;text-align:right}
.sg .sg-ne span b{display:block;color:#0f172a;font-family:ui-monospace,monospace;font-size:.62cqw}
.sg .sg-ne u{text-decoration:none;background:#2563eb;color:#fff;border-radius:.5cqw;padding:.45cqw .9cqw;font-size:.65cqw;font-weight:800}
/* celular (tema claro) */
.cel-demo .tela.sg{background:#f1f5f9;font-size:5.6cqw;padding:11% 5% 6%;gap:2.5cqw;display:flex;flex-direction:column;aspect-ratio:auto}
.sg .sg-m{display:flex;flex-direction:column;gap:2.4cqw;width:100%}
.sg .sg-mt{display:flex;align-items:center;gap:2cqw;font-weight:800;font-size:7cqw}
.sg .sg-mt b{width:9cqw;height:9cqw;border-radius:2.4cqw;background:#2563eb;color:#fff;display:grid;place-items:center;font-size:4cqw}
.sg .sg-mk{background:#fff;border:1px solid #e2e8f0;border-radius:3cqw;padding:2.4cqw 3cqw}
.sg .sg-mk small{font-size:4.2cqw}.sg .sg-mk b{font-size:8cqw;display:block;font-weight:800}
.sg .sg-mk i{display:block;height:1.6cqw;background:#e2e8f0;border-radius:9px;margin-top:1.4cqw;overflow:hidden}.sg .sg-mk i u{display:block;height:100%;background:#7c3aed;text-decoration:none;transition:width 1.1s}
.sg .sg-mb{display:flex;align-items:flex-end;gap:2cqw;height:22cqw;background:#fff;border:1px solid #e2e8f0;border-radius:3cqw;padding:2cqw}
.sg .sg-mb span{flex:1;display:flex;align-items:flex-end;gap:.6cqw;height:100%}
.sg .sg-mb i{flex:1;display:block;border-radius:.8cqw .8cqw 0 0;transition:height 1.1s}
.sg .sg-mi{background:#fff;border:1px solid #e2e8f0;border-radius:3cqw;padding:2cqw 3cqw;display:flex;flex-direction:column}
.sg .sg-mi b{font-family:ui-monospace,monospace;color:#1d4ed8;font-size:4.6cqw}.sg .sg-mi span{font-size:4cqw;color:#64748b}.sg .sg-mi em{font-style:normal;font-weight:800;font-size:5cqw}

/* ===== SALC-NOTES: interface escura (conteúdo desfocado) ===== */
.tela.sl{background:#070b14;color:#e5ecf8;font-size:.9cqw;line-height:1.25;aspect-ratio:16/10.2}
.sl .sl-lado{width:15cqw;flex:none;background:#0a1020;border-right:1px solid #16203a;padding:1.1cqw .9cqw;display:flex;flex-direction:column;gap:.7cqw;overflow:hidden}
.sl .sl-marca{font-family:ui-monospace,Menlo,monospace;font-weight:800;letter-spacing:.2em;font-size:.95cqw;color:#fff}
.sl .sl-user{display:flex;gap:.6cqw;align-items:center}
.sl .sl-user i{font-style:normal;width:2.2cqw;height:2.2cqw;border-radius:50%;background:#14284f;color:#7ea8ff;display:grid;place-items:center;font-weight:800;font-size:.7cqw}
.sl .sl-user span{display:flex;flex-direction:column;font-weight:800;font-size:.85cqw}.sl .sl-user em{font-style:normal;font-weight:500;font-size:.65cqw;color:#8392b1}
.sl .sl-uasg{border:1px solid #16203a;border-radius:.8cqw;padding:.7cqw .8cqw;background:#0d1426;display:grid;gap:.4cqw}
.sl .sl-uasg p{margin:0;display:flex;justify-content:space-between;font-size:.7cqw;color:#8392b1}.sl .sl-uasg b{color:#fbbf24;font-size:.85cqw}
.sl .sl-uasg u{text-decoration:none;border:1px solid #1d2a4a;border-radius:.5cqw;text-align:center;padding:.4cqw;font-size:.7cqw;color:#cbd5e1}
.sl .sl-lado>small{font-size:.65cqw;color:#8392b1}
.sl .sl-env{border-radius:.6cqw;text-align:center;padding:.65cqw;font-weight:700;font-size:.8cqw}
.sl .sl-env.v{background:#0d2a21;border:1px solid #14633f;color:#5eead4}.sl .sl-env.a{background:#101d3d;border:1px solid #1e3a8a;color:#93c5fd}
.sl .sl-sair{margin-top:auto;border:1px solid #1d2a4a;border-radius:.6cqw;text-align:center;padding:.55cqw;font-size:.8cqw;color:#cbd5e1}
.sl .sl-rod{margin:0;font-size:.42cqw;line-height:1.5;color:#64748b;font-family:ui-monospace,monospace;text-align:center}
.sl .sl-main{flex:1;min-width:0;padding:1.1cqw 1.3cqw;display:flex;flex-direction:column;gap:.8cqw;overflow:hidden;position:relative}
.sl .sl-topo{display:flex;align-items:center;gap:1cqw;padding-bottom:.8cqw;border-bottom:1px solid #131c33}
.sl .sl-topo>div:first-child{flex:1}.sl .sl-topo b{font-size:1.5cqw;font-weight:800;display:block}.sl .sl-topo small{font-family:ui-monospace,monospace;font-size:.62cqw;color:#8392b1}
.sl .sl-tabs{display:flex;gap:.2cqw;background:#0d1426;border:1px solid #16203a;border-radius:.8cqw;padding:.25cqw}
.sl .sl-tabs u{text-decoration:none;padding:.45cqw 1cqw;font-size:.75cqw;color:#8392b1;border-radius:.6cqw;font-weight:600}.sl .sl-tabs u.on{background:#1a2748;color:#fff}
.sl .sl-q{border:1px solid #16203a;border-radius:99px;padding:.55cqw 1cqw;font-family:ui-monospace,monospace;font-size:.7cqw;color:#8392b1;background:#0b1224;min-width:16cqw}
.sl .dig::after{content:"";display:inline-block;width:1px;height:.9cqw;background:#93c5fd;margin-left:2px;animation:pisca 1s steps(2) infinite}
.sl .sl-sec{display:flex;align-items:center;gap:.5cqw;font-weight:800;font-size:.9cqw}
.sl .sl-sec i{width:.5cqw;height:.5cqw;border-radius:50%;background:#34d399}.sl .sl-sec i.a{background:#3b82f6}
.sl .sl-sec em{font-style:normal;font-size:.65cqw;background:#131c33;color:#8392b1;border-radius:99px;padding:.15cqw .6cqw}
.sl .sl-gr{display:grid;grid-template-columns:repeat(7,1fr);gap:.7cqw}
.sl .sl-no{background:#0b1220;border:1px solid #16203a;border-radius:.8cqw;padding:.8cqw .6cqw;display:flex;flex-direction:column;align-items:center;gap:.4cqw;position:relative;animation:docIn .5s both;min-width:0}
.sl .sl-no.h{background:#131c33;border-color:#243456}
.sl .sl-no s{position:absolute;right:.5cqw;top:.3cqw;text-decoration:none;font-size:.6cqw;opacity:.6}
.sl .sl-ic{width:2.8cqw;height:2.8cqw;border-radius:.7cqw;display:grid;place-items:center}
.sl .sl-ic svg{width:1.4cqw;height:1.4cqw;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sl .sl-ic.v{background:#0d2a21;border:1px solid #14633f;color:#34d399}.sl .sl-ic.a{background:#101d3d;border:1px solid #1e3a8a;color:#60a5fa}
.sl .sl-no b{font-family:ui-monospace,Menlo,monospace;font-size:.5cqw;letter-spacing:.01em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sl .sl-no small{font-family:ui-monospace,monospace;font-size:.45cqw;color:#64748b;white-space:nowrap}
.sl .sl-no i{font-style:normal;border:1px solid #1d2a4a;border-radius:99px;width:100%;text-align:center;padding:.3cqw;font-size:.65cqw;font-weight:700;color:#cbd5e1}
.sl .sl-no.h i{background:#3b82f6;border-color:#3b82f6;color:#fff}
.sl .sl-dica{font-size:.8cqw;color:#8392b1;text-align:center;margin-top:.6cqw}
.sl .sl-visor{position:absolute;inset:0;background:rgba(3,6,12,.94);display:flex;flex-direction:column;padding:1cqw 3cqw;gap:.6cqw;animation:docIn .5s both}
.sl .sl-vbar{display:flex;justify-content:space-between;align-items:center;font-family:ui-monospace,monospace;font-size:.85cqw}
.sl .sl-vbar u{text-decoration:none;border:1px solid #243456;border-radius:.5cqw;padding:.35cqw .9cqw;margin-left:.4cqw;font-size:.7cqw;background:#101a30}
.sl .sl-doc{background:#fff;color:#111;border-radius:.4cqw;padding:1cqw 1.4cqw;display:flex;flex-direction:column;gap:.55cqw;overflow:hidden;flex:1}
.sl .sl-doc-t{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #111;padding-bottom:.3cqw}
.sl .sl-doc-t b{font-size:1cqw}.sl .sl-doc-t span{font-size:.55cqw;color:#b45309;font-weight:700}
.sl .sl-doc fieldset{border:1px solid #444;border-radius:.5cqw;margin:0;padding:.4cqw .7cqw .6cqw;display:flex;flex-direction:column;gap:.35cqw}
.sl .sl-doc legend{font-size:.6cqw;font-weight:800;padding:0 .3cqw}
.sl .doc-l{display:flex;gap:1.4cqw;flex-wrap:wrap}.sl .doc-l.p{padding:0 .3cqw}
.sl .doc-c{display:flex;flex-direction:column;flex:1;min-width:5cqw}.sl .doc-c small{font-size:.5cqw;font-weight:800;color:#111}
.sl .bl{filter:blur(.32cqw);color:#374151;font-size:.7cqw;letter-spacing:.05em;user-select:none;display:block;white-space:nowrap;overflow:hidden}
.sl .bl.lg{font-size:.7cqw;white-space:normal;line-height:1.5}
/* celular (escuro) */
.cel-demo .tela.sl{background:#070b14;font-size:5.4cqw;padding:11% 5% 6%;flex-direction:column;aspect-ratio:auto;gap:2.5cqw;display:flex}
.sl .sl-m{display:flex;flex-direction:column;gap:2.4cqw;width:100%}
.sl .sl-mt{font-family:ui-monospace,monospace;font-weight:800;letter-spacing:.14em;font-size:4.6cqw}
.sl .sl-mq{border:1px solid #16203a;border-radius:99px;padding:2.2cqw 3cqw;font-family:ui-monospace,monospace;font-size:4.2cqw;color:#8392b1;background:#0b1224}
.sl .sl-mi{display:flex;align-items:center;gap:2.6cqw;background:#0b1220;border:1px solid #16203a;border-radius:3cqw;padding:2cqw 2.6cqw}
.sl .sl-mi .sl-ic{width:9cqw;height:9cqw;border-radius:2.4cqw;flex:none}.sl .sl-mi .sl-ic svg{width:4.6cqw;height:4.6cqw}
.sl .sl-mi span{flex:1;min-width:0;display:flex;flex-direction:column}.sl .sl-mi b{font-family:ui-monospace,monospace;font-size:3.4cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl .sl-mi small{font-size:3.4cqw;color:#64748b}.sl .sl-mi u{text-decoration:none;font-size:3.6cqw;font-weight:700;border:1px solid #1d2a4a;border-radius:99px;padding:1.2cqw 3cqw}
.sl .sl-mdoc{background:#fff;border-radius:2cqw;padding:4cqw;display:flex;flex-direction:column;gap:2.6cqw;flex:1}
.sl .sl-mdoc .bl{filter:blur(1.4cqw);color:#374151;font-size:5cqw}
.sl .sl-mb{text-decoration:none;text-align:center;background:#3b82f6;color:#fff;border-radius:3cqw;padding:2.4cqw;font-weight:800;font-size:4.6cqw}

/* ===== FLOWTI e Dieta Fit-On: interfaces escuras com cores próprias ===== */
.tela.fl{--bg:#0b1024;--card:#0f1733;--bd:#1b2650;--tx:#e6ecff;--mu:#8391b8;--ac:#818cf8;--ac2:#38bdf8}
.tela.dt{--bg:#0d1117;--card:#141a24;--bd:#232c3b;--tx:#e8edf5;--mu:#8793a6;--ac:#c9a94a;--ac2:#e3c565}
.tela.fl,.tela.dt{background:var(--bg);color:var(--tx);font-size:.92cqw;line-height:1.25;aspect-ratio:16/10.2}
.x-lado{width:15cqw;flex:none;background:rgba(0,0,0,.22);border-right:1px solid var(--bd);padding:1cqw .9cqw;display:flex;flex-direction:column;gap:.45cqw;overflow:hidden}
.x-marca{display:flex;align-items:center;gap:.6cqw;font-weight:800;font-size:1.25cqw;letter-spacing:.02em;margin-bottom:.8cqw}
.x-marca b{width:2.4cqw;height:2.4cqw;border-radius:.7cqw;background:var(--ac);color:#fff;display:grid;place-items:center;font-size:1.1cqw}
.x-marca.g{flex-wrap:wrap;letter-spacing:.14em}.x-marca.g b{background:var(--ac);color:#1a1405}.x-marca small{flex-basis:100%;font-size:.5cqw;letter-spacing:.18em;color:var(--mu);font-weight:500;margin-left:3cqw;margin-top:-.7cqw}
.x-lado>span{padding:.55cqw .7cqw;border-radius:.6cqw;font-size:.8cqw;font-weight:700;color:var(--mu);border:1px solid transparent}
.dt .x-lado>span{border-color:var(--bd);background:rgba(255,255,255,.02);text-align:center}
.x-lado>span.on{background:rgba(129,140,248,.16);color:#c7d2fe}.dt .x-lado>span.on{background:rgba(201,169,74,.16);color:var(--ac2);border-color:var(--ac)}
.x-lado .x-bt{background:var(--ac);color:#1a1405;text-align:center;border-radius:.6cqw;padding:.6cqw;font-weight:800;font-size:.85cqw;border:0}
.x-s{font-size:.5cqw;letter-spacing:.14em;color:var(--mu);margin:.5cqw 0 .1cqw;font-weight:800;display:block}
.x-user{margin-top:auto;display:flex;gap:.6cqw;align-items:center}.x-user i{font-style:normal;width:2.1cqw;height:2.1cqw;border-radius:50%;background:var(--bd);display:grid;place-items:center;font-size:.7cqw;font-weight:800}
.x-user span{display:flex;flex-direction:column;font-weight:800;font-size:.8cqw}.x-user em{font-style:normal;font-weight:500;font-size:.6cqw;color:var(--ac)}
.x-main{flex:1;min-width:0;padding:1cqw 1.2cqw;display:flex;flex-direction:column;gap:.75cqw;overflow:hidden}
.x-topo{display:flex;justify-content:space-between;align-items:center;gap:1cqw}.x-topo b{font-size:1.5cqw;font-weight:800;display:block;letter-spacing:-.02em}.x-topo small{font-size:.65cqw;color:var(--mu);letter-spacing:.05em}
.x-pill{border:1px solid var(--bd);border-radius:99px;padding:.3cqw .9cqw;font-size:.7cqw;color:var(--mu);white-space:nowrap}.x-pill.am{color:#fbbf24;border-color:#7c5a10}
.x-card{background:var(--card);border:1px solid var(--bd);border-radius:.8cqw;padding:.8cqw 1cqw;min-width:0}
.x-card>small,.x-card small.x-s{font-size:.6cqw;letter-spacing:.08em;color:var(--mu);font-weight:800;display:block;margin-bottom:.4cqw}
.x-cab{display:flex;justify-content:space-between;align-items:center;gap:.8cqw}.x-cab b{font-size:.85cqw;letter-spacing:.02em}
.dt .x-cab b{color:var(--ac2)}
.x-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.7cqw}.x-kpis>div{background:var(--card);border:1px solid var(--bd);border-radius:.8cqw;padding:.6cqw .8cqw}
.x-kpis small{display:block;font-size:.55cqw;letter-spacing:.06em;color:var(--mu);font-weight:800}
.x-kpis b{display:block;font-size:1.5cqw;font-weight:800;letter-spacing:-.02em;margin:.1cqw 0;font-variant-numeric:tabular-nums}.x-kpis b i{font-style:normal;font-size:.8cqw;color:var(--mu);font-weight:600}
.x-kpis span{font-size:.58cqw;color:var(--mu)}.x-top b{font-size:1.15cqw}
b.vd{color:#34d399}b.am{color:#fbbf24}.g{color:#34d399}.r{color:#fb7185}
.x-bar{display:block;height:.45cqw;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:.3cqw}.x-bar u{display:block;height:100%;background:linear-gradient(90deg,var(--ac),var(--ac2));border-radius:99px;transition:width 1.1s ease;text-decoration:none}
.x-bar.a u{background:#f59e0b}.x-bar.r u{background:#fb7185}
.x-foco{display:flex;align-items:center;gap:1cqw;background:linear-gradient(120deg,rgba(129,140,248,.18),rgba(56,189,248,.08));border:1px solid var(--bd);border-radius:.9cqw;padding:.9cqw 1.1cqw}
.x-foco>div{flex:1}.x-foco small{font-size:.55cqw;letter-spacing:.1em;color:var(--ac2);font-weight:800;display:block}.x-foco b{font-size:1.3cqw;display:block}.x-foco span{font-size:.7cqw;color:var(--mu)}
.x-foco em{font-style:normal;font-size:.55cqw;font-weight:800;color:#fecaca;background:#4c1d24;border-radius:99px;padding:.25cqw .7cqw}.x-foco u{text-decoration:none;background:var(--ac2);color:#04121f;border-radius:.6cqw;padding:.6cqw 1cqw;font-weight:800;font-size:.75cqw}
.x-col{display:flex;gap:1cqw;align-items:flex-end;height:9cqw}.x-col>div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}.x-col i{display:block;width:100%;border-radius:.3cqw .3cqw 0 0;background:linear-gradient(var(--ac2),var(--ac));transition:height 1s cubic-bezier(.2,.8,.2,1)}.x-col small{font-size:.55cqw;color:var(--mu);margin-top:.3cqw}
.x-en{font-size:1.05cqw;font-weight:700;margin:0 0 .7cqw;line-height:1.35}
.x-opc{display:flex;align-items:center;gap:.8cqw;border:1px solid var(--bd);border-radius:.7cqw;padding:.55cqw .8cqw;margin-top:.4cqw;font-size:.85cqw;background:rgba(255,255,255,.02)}
.x-opc i{font-style:normal;width:1.7cqw;height:1.7cqw;border-radius:.5cqw;background:var(--bd);display:grid;place-items:center;font-weight:800;font-size:.75cqw;flex:none}.x-opc span{flex:1}
.x-opc.ok{border:2px solid #10b981;background:rgba(16,185,129,.16)}.x-opc.ok i{background:#10b981;color:#052e22}.x-opc.no{border:2px solid #ef4444;background:rgba(239,68,68,.16)}.x-opc.no i{background:#ef4444;color:#fff}
.x-opc em{font-style:normal;font-size:.6cqw;font-weight:800;border-radius:99px;padding:.2cqw .7cqw;color:#fff}.x-opc em.g{background:#10b981}.x-opc em.r{background:#ef4444;color:#fff}
.x-gab p{margin:.4cqw 0 0;font-size:.8cqw;color:#cdd6f6;line-height:1.5}.x-gab .x-cab em{font-style:normal;font-size:.65cqw;font-weight:800;background:rgba(16,185,129,.18);border-radius:.4cqw;padding:.2cqw .6cqw}
.x-g2{display:grid;grid-template-columns:1.1fr 1fr;gap:.7cqw}
.x-lin{display:grid;grid-template-columns:7cqw 1fr 2.8cqw;gap:.6cqw;align-items:center;font-size:.75cqw;margin:.35cqw 0}.x-lin b{text-align:right}.x-lin .x-bar{margin:0;height:.6cqw}
.x-evo svg{display:block;width:100%;height:6.5cqw}.x-tr{stroke-dasharray:1;stroke-dashoffset:1;animation:desenhaLinha 2.2s ease .2s forwards}
.x-cmp{display:flex;gap:1cqw;margin-top:.4cqw;font-size:.65cqw;color:var(--mu)}.x-cmp b{display:block;color:var(--tx);font-size:1cqw}.x-cmp em{font-style:normal;font-weight:800}
.x-mel p{margin:.4cqw 0;font-size:.75cqw;color:var(--mu)}.x-mel .x-cab em{font-style:normal;font-size:.6cqw;font-weight:800;background:#4c1d24;color:#fecaca;border-radius:99px;padding:.2cqw .7cqw}
.x-btns{display:flex;gap:.6cqw}.x-btns u{text-decoration:none;border:1px solid var(--bd);border-radius:.6cqw;padding:.5cqw 1cqw;font-size:.75cqw;font-weight:700;background:rgba(255,255,255,.03)}.x-btns u.p{background:var(--ac2);color:#04121f;border-color:var(--ac2)}.x-btns u.e{margin-left:auto;background:#059669;color:#fff;border-color:#059669}
.x-nav{display:grid;grid-template-columns:repeat(10,1fr);gap:.4cqw}.x-nav i{font-style:normal;text-align:center;border-radius:.4cqw;background:rgba(255,255,255,.05);padding:.35cqw 0;font-size:.7cqw;color:var(--mu)}.x-nav i.f{background:rgba(129,140,248,.25);color:#c7d2fe}.x-nav i.at{outline:2px solid #34d399;color:#fff}
/* Fit-On */
.x-f{display:grid;grid-template-columns:2fr repeat(5,1fr);gap:.6cqw;margin:.5cqw 0}.x-f.c3{grid-template-columns:repeat(3,1fr)}
.x-f>div small{display:block;font-size:.5cqw;letter-spacing:.08em;color:var(--mu);font-weight:800;margin-bottom:.2cqw}.x-f>div span{display:block;border:1px solid var(--bd);border-radius:.5cqw;padding:.5cqw .7cqw;font-size:.8cqw;background:rgba(255,255,255,.02)}
.x-chips{display:flex;flex-wrap:wrap;gap:.4cqw;margin-bottom:.4cqw}.x-chips u{text-decoration:none;border:1px solid var(--bd);border-radius:99px;padding:.3cqw .85cqw;font-size:.62cqw;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--mu)}.x-chips u.on{background:rgba(201,169,74,.18);color:var(--ac2);border-color:var(--ac)}
.x-mac{display:grid;grid-template-columns:repeat(4,1fr);gap:.7cqw}.x-mac span{border:1px solid var(--bd);border-radius:.6cqw;padding:.5cqw .8cqw;font-size:.65cqw;color:var(--mu)}.x-mac b{display:block;color:var(--ac2);font-size:1.2cqw}
.x-al{margin-top:.5cqw}.x-al>small{font-size:.65cqw;font-weight:800;color:var(--ac2);display:block;margin-bottom:.3cqw}.x-tri{display:grid;grid-template-columns:repeat(3,1fr);gap:.6cqw}.x-tri span{border:1px solid var(--bd);border-radius:.5cqw;padding:.5cqw .7cqw;font-size:.75cqw;background:rgba(255,255,255,.02)}.x-tri em{display:block;font-style:normal;font-size:.5cqw;color:var(--mu);letter-spacing:.08em;font-weight:800;margin-bottom:.2cqw}
.x-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.4cqw;margin:.4cqw 0}.x-tabs u{text-decoration:none;text-align:center;border-radius:.6cqw;padding:.55cqw;font-size:.8cqw;font-weight:800;color:var(--mu);background:rgba(255,255,255,.03)}.x-tabs u.on{background:var(--ac);color:#1a1405}
.x-cat{padding:.4cqw .9cqw}.x-it{display:flex;align-items:center;gap:.7cqw;padding:.45cqw 0;border-top:1px solid var(--bd);font-size:.8cqw;animation:docIn .5s both}.x-it i{width:1.1cqw;height:1.1cqw;border:1.5px solid var(--mu);border-radius:.3cqw;flex:none}.x-it span{flex:1}.x-it b{font-size:.8cqw}.x-cat .x-cab em{font-style:normal;font-size:.6cqw;background:var(--bd);border-radius:99px;padding:.1cqw .6cqw}
.x-pdf{background:#f5f6f8;color:#111;padding:.9cqw 1cqw}.x-pdf-h{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #c9a94a;padding-bottom:.4cqw}.x-pdf-h b{letter-spacing:.14em;font-size:1cqw}.x-pdf-h span{font-size:.6cqw;color:#555}
.x-pdf-l{display:grid;gap:.3cqw;margin:.5cqw 0}.x-pdf-l u{height:.5cqw;border-radius:99px;background:#d7dbe3}.x-pdf-l u:nth-child(2){width:70%}.x-pdf-l u:nth-child(3){width:50%}
.x-pdf-t{margin-top:.6cqw}.x-pdf-t span{display:block;background:#c9a94a;color:#1a1405;font-size:.6cqw;font-weight:800;padding:.2cqw .5cqw;border-radius:.3cqw}.x-pdf-t i{display:block;height:.5cqw;background:#e4e7ee;margin-top:.3cqw;border-radius:.2cqw}
.x-exp{display:grid;grid-template-columns:1fr 1fr;gap:.6cqw;margin:.5cqw 0}.x-exp span{border:1px solid var(--bd);border-radius:.7cqw;padding:.8cqw;font-size:.7cqw;color:var(--mu)}.x-exp b{display:block;color:var(--ac2);font-size:1.1cqw}
.x-aviso{border:1px solid #14633f;background:rgba(16,185,129,.1);border-radius:.6cqw;padding:.6cqw .8cqw;font-size:.7cqw;color:#a7f3d0;border-left:3px solid #10b981}
/* celular */
.cel-demo .tela.fl,.cel-demo .tela.dt{font-size:5.4cqw;padding:11% 5% 6%;flex-direction:column;aspect-ratio:auto;gap:2.5cqw;display:flex}
.x-m{display:flex;flex-direction:column;gap:2.4cqw;width:100%}.x-mt{font-weight:800;font-size:6.6cqw;display:flex;align-items:center;gap:2cqw}.x-mt b{width:9cqw;height:9cqw;border-radius:2.4cqw;background:var(--ac);display:grid;place-items:center;font-size:4.4cqw;color:#fff}.x-mt.g{color:var(--ac2);letter-spacing:.12em}
.x-mk{background:var(--card);border:1px solid var(--bd);border-radius:3cqw;padding:2.4cqw 3cqw}.x-mk small{display:block;font-size:3.8cqw;color:var(--mu);letter-spacing:.04em}.x-mk b{display:block;font-size:6.6cqw;font-weight:800;letter-spacing:-.02em}.x-mk span{font-size:3.8cqw;color:var(--mu)}
.x-mi{display:flex;align-items:center;gap:2.4cqw;background:var(--card);border:1px solid var(--bd);border-radius:3cqw;padding:2.2cqw 3cqw;font-size:4.2cqw}.x-mi i{width:4cqw;height:4cqw;border:1.5px solid var(--mu);border-radius:1cqw;flex:none}.x-mi span{flex:1}
.x-opcm{display:flex;flex-direction:column;gap:2cqw}.x-opcm div{display:flex;align-items:center;gap:2.4cqw;border:1px solid var(--bd);border-radius:3cqw;padding:2.2cqw 3cqw;font-size:4.4cqw;background:var(--card)}.x-opcm i{font-style:normal;width:7cqw;height:7cqw;border-radius:2cqw;background:var(--bd);display:grid;place-items:center;font-weight:800;font-size:4cqw}
.x-opcm .ok{border:2px solid #10b981;background:rgba(16,185,129,.16)}.x-opcm .no{border:2px solid #ef4444;background:rgba(239,68,68,.16)}
/* seção de recursos */
.recursos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rec{padding:22px;border-radius:18px;border:1px solid var(--lin);background:var(--card);backdrop-filter:blur(10px)}
.rec h3{font-size:1.05rem;margin:0 0 8px;display:flex;gap:10px;align-items:center}.rec h3::before{content:"";width:9px;height:9px;border-radius:3px;background:var(--or);flex:none;box-shadow:0 0 14px rgba(255,138,40,.6)}
.rec p{margin:0;color:#aebbd0;font-size:.9rem}
.aviso.ok{border-color:rgba(52,211,153,.4);background:rgba(52,211,153,.07);color:#bbf7d0}
@media (max-width:980px){.recursos{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.recursos{grid-template-columns:1fr}}
.dt .x-lado>span.x-bt{background:var(--ac);color:#1a1405;border-color:var(--ac);font-weight:800}
.lap .tela.fl .x-main,.lap .tela.dt .x-main,.lap .tela.fl .x-lado,.lap .tela.dt .x-lado{zoom:1.22}
.lap .tela.fl,.lap .tela.dt{aspect-ratio:16/8.4}
@media (max-width:620px){.lap .tela.fl,.lap .tela.dt{aspect-ratio:16/10}}

/* ===== FLOWTI: telas reais ===== */
.x-elite{flex-basis:100%;margin:-.4cqw 0 0 3cqw;font-size:.5cqw!important;font-weight:800;color:#c4b5fd;background:#2e1f6b;border-radius:99px;padding:.1cqw .6cqw;width:max-content;letter-spacing:.08em!important}
.x-rel{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--bd)!important;border-radius:.6cqw;padding:.5cqw .7cqw!important;margin-top:auto}.x-rel span{font-size:.7cqw;color:var(--mu)}.x-rel em{font-style:normal;font-size:.55cqw;background:var(--bd);border-radius:99px;padding:.1cqw .5cqw}
.x-rel+.x-user{margin-top:.6cqw}
.x-dir{width:14cqw;flex:none;border-left:1px solid var(--bd);padding:1cqw .9cqw;display:flex;flex-direction:column;gap:.5cqw;background:rgba(0,0,0,.16);overflow:hidden}
.x-dh b{font-size:.85cqw}.x-dh small{display:block;font-size:.5cqw;color:var(--mu)}
.x-ring{position:relative;width:9cqw;margin:.4cqw auto 0}.x-ring svg{display:block}.x-rc{animation:aneis 1.6s ease both}@keyframes aneis{from{stroke-dashoffset:264}}
.x-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:1.5cqw;padding-bottom:.9cqw}.x-ring small{position:absolute;left:0;right:0;top:55%;text-align:center;font-size:.55cqw;color:var(--mu)}
.x-rt{margin:0;text-align:center;font-size:.7cqw}.x-rt b{color:#818cf8}
.x-dl{display:flex;justify-content:space-between;border:1px solid var(--bd);border-radius:.6cqw;padding:.45cqw .7cqw;font-size:.7cqw;background:rgba(255,255,255,.02)}.x-dl b{font-size:.85cqw}.x-dl.g span{color:#34d399}.x-dl.r span{color:#fb7185}.x-dl.a span{color:#818cf8}
.x-sem{display:flex;gap:.3cqw;align-items:flex-end;height:3cqw;border:1px solid var(--bd);border-radius:.6cqw;padding:.5cqw}.x-sem i{flex:1;height:.3cqw;background:#1b2650;border-radius:9px}.x-sem i.h{background:#818cf8}
.fl .x-pill.g{color:#34d399;border-color:#14633f}.fl .x-pill.r{color:#fb7185;border-color:#7f1d2b}
.x-foco2{display:grid;grid-template-columns:1.25fr 1fr;gap:.9cqw;background:linear-gradient(120deg,rgba(129,140,248,.14),rgba(56,189,248,.05));border:1px solid var(--bd);border-radius:.9cqw;padding:.9cqw 1.1cqw}
.x-foco2 .fa b{display:block;font-size:1.3cqw;margin:.3cqw 0}.x-foco2 .fa p{margin:0 0 .6cqw;font-size:.75cqw;color:#cdd6f6;line-height:1.5}.x-foco2 .fa p b{display:inline;font-size:inherit}
.x-bom{font-style:normal;font-size:.6cqw;font-weight:800;color:#7dd3fc;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.3);border-radius:99px;padding:.2cqw .7cqw}
.x-foco2 .fb>b{font-size:.85cqw;display:block}.x-foco2 .fb small{font-size:.6cqw;color:var(--mu)}.x-foco2 .x-col{height:5.5cqw;margin-top:.3cqw}
.x-ch{display:flex;flex-wrap:wrap;gap:.3cqw;margin-top:.4cqw}.x-ch span{font-size:.55cqw;border:1px solid var(--bd);border-radius:99px;padding:.15cqw .6cqw;color:#cbd5e1}
.x-cont{display:flex;align-items:center;gap:.9cqw;border:1px solid var(--bd);border-radius:.8cqw;padding:.7cqw 1cqw;background:var(--card)}.x-cont i{font-style:normal;width:2.2cqw;height:2.2cqw;border-radius:.6cqw;background:#1b2650;display:grid;place-items:center;font-size:.9cqw}
.x-cont b{display:block;font-size:.85cqw}.x-cont small{display:block;font-size:.62cqw;color:var(--mu)}.x-cont.v{border-color:#14633f;background:rgba(16,185,129,.06)}.x-cont.v i{background:#0d2a21;color:#34d399}
.x-qh{display:flex;align-items:center;gap:.5cqw;border:1px solid var(--bd);border-radius:.8cqw;padding:.6cqw .9cqw;background:var(--card)}.x-qh>div{flex:1;min-width:0}.x-qh b{font-size:1cqw;display:block}.x-qh small{font-size:.5cqw;color:var(--mu);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x-qb{display:grid;grid-template-columns:11cqw 1fr;gap:.7cqw;flex:1;min-height:0}
.x-nav10{display:grid;grid-template-columns:repeat(5,1fr);gap:.25cqw}.x-nav10 i{font-style:normal;text-align:center;border-radius:.3cqw;background:rgba(255,255,255,.04);padding:.2cqw 0;font-size:.5cqw;color:var(--mu)}.x-nav10 i.f{background:rgba(16,185,129,.18);color:#6ee7b7}.x-nav10 i.e{outline:1.5px solid #34d399;color:#fff}
.x-tags{display:flex;gap:.3cqw;flex-wrap:wrap}.x-tags u{text-decoration:none;font-size:.5cqw;font-weight:800;background:#1b2650;border-radius:.4cqw;padding:.2cqw .6cqw;text-transform:uppercase}
.x-pr{display:block;font-size:.55cqw;color:var(--mu);margin:.3cqw 0}.x-qq .x-en{font-size:.75cqw;margin:.3cqw 0 .4cqw}.x-qq .x-opc{padding:.35cqw .7cqw;margin-top:.25cqw;font-size:.72cqw}.x-qq .x-opc i{width:1.4cqw;height:1.4cqw;font-size:.65cqw}
.x-gab{margin-top:.4cqw;border-top:1px dashed var(--bd);padding-top:.4cqw}.x-gab b{font-size:.62cqw;color:#34d399}.x-gab em{font-style:normal;font-size:.55cqw;font-weight:800;background:rgba(16,185,129,.2);color:#6ee7b7;border-radius:.3cqw;padding:.1cqw .5cqw;margin-left:.5cqw}.x-gab p{margin:.2cqw 0 0;font-size:.62cqw;color:#cdd6f6;line-height:1.45}
.x-plano{display:flex;align-items:center;gap:.8cqw;border:1px solid #1e3a8a;background:rgba(30,58,138,.18);border-radius:.8cqw;padding:.6cqw .9cqw}.x-plano i{font-style:normal;color:#38bdf8}.x-plano>div{flex:1}.x-plano b{font-size:.85cqw;display:block}.x-plano small{font-size:.6cqw;color:var(--mu)}
.x-per{display:flex;gap:.3cqw}.x-per u{text-decoration:none;font-size:.6cqw;padding:.25cqw .7cqw;color:var(--mu);border-radius:.4cqw}.x-per u.on{background:#6366f1;color:#fff}
.x-g3{display:grid;grid-template-columns:1.4fr 1fr;gap:.7cqw}.x-c2 .x-don{position:relative;width:7cqw;aspect-ratio:1;margin:.2cqw auto;border-radius:50%;background:conic-gradient(#34d399 0 71%,#fb7185 71% 100%);-webkit-mask:radial-gradient(circle,transparent 56%,#000 57%);mask:radial-gradient(circle,transparent 56%,#000 57%);animation:giraIn 1.4s ease both}
.x-c2{position:relative}.x-c2 .x-don+.x-lg{margin-top:-.2cqw}.x-lg{display:flex;justify-content:center;gap:1cqw;font-size:.65cqw;margin-bottom:.4cqw;font-weight:700}
.x-heat{display:grid;grid-template-columns:repeat(7,1fr);gap:.25cqw}.x-heat i{aspect-ratio:1;border-radius:.2cqw;background:#101a3a}.x-heat .h1{background:#0e4a5c}.x-heat .h2{background:#0e7490}.x-heat .h3{background:#22b8d6}.x-heat .h4{background:#7dd3fc}
.x-mm{display:grid;grid-template-columns:1fr 1fr;gap:.7cqw}.x-mm>div{border:1px solid var(--bd);border-radius:.7cqw;padding:.6cqw .8cqw;background:rgba(255,255,255,.02)}.x-mm .x-cab b{font-size:.8cqw}.x-mm p{margin:.3cqw 0;font-size:.65cqw;color:var(--mu)}.x-mm p b{font-size:1.1cqw;color:#fff}
.x-cab em.am{font-style:normal;font-size:.55cqw;font-weight:800;background:rgba(245,158,11,.14);color:#fbbf24;border-radius:99px;padding:.15cqw .6cqw}
.x-edh{display:flex;justify-content:space-between;align-items:center}.x-edh b{font-size:1.05cqw;display:block}.x-edh small{font-size:.65cqw;color:var(--mu)}.x-edh u,.x-sum u.p{text-decoration:none;background:#6366f1;color:#fff;border-radius:.6cqw;padding:.5cqw 1cqw;font-size:.72cqw;font-weight:800}
.x-q{border:1px solid var(--bd);border-radius:.7cqw;padding:.5cqw .9cqw;font-size:.7cqw;color:var(--mu);background:var(--card)}
.x-edt{display:flex;align-items:baseline;gap:.7cqw;border-bottom:1px solid var(--bd);padding-bottom:.4cqw}.x-edt b{font-size:.85cqw}.x-edt small{font-size:.6cqw;color:var(--mu);flex:1}.x-edt em{font-style:normal;font-size:.6cqw;color:var(--mu)}
.x-cargos{display:grid;grid-template-columns:repeat(5,1fr);gap:.6cqw}.x-cargos>div{border:1px solid var(--bd);border-radius:.7cqw;padding:.7cqw .8cqw;background:var(--card);animation:docIn .5s both;min-height:4.6cqw}.x-cargos>div.on{border-color:#6366f1}.x-cargos b{display:block;font-size:.75cqw}.x-cargos small{font-size:.55cqw;color:var(--mu)}
.x-tabs3{display:grid;grid-template-columns:repeat(3,1fr);gap:.4cqw}.x-tabs3 u{text-decoration:none;text-align:center;border-radius:.6cqw;padding:.5cqw;font-size:.75cqw;font-weight:800;color:var(--mu);background:rgba(255,255,255,.03)}.x-tabs3 u.on{background:#6366f1;color:#fff}
.x-sm{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--bd);padding:.5cqw 0}.x-sm b{font-size:.8cqw;display:block}.x-sm small{font-size:.58cqw;color:var(--mu);letter-spacing:0;font-weight:500;display:block;margin:0}
.x-step{display:flex;align-items:center;gap:.5cqw}.x-step u{text-decoration:none;width:1.6cqw;height:1.6cqw;border-radius:.5cqw;background:#1b2650;display:grid;place-items:center;font-size:.9cqw}.x-step b{width:1.6cqw;text-align:center;font-size:1cqw}
.x-sum{display:flex;gap:.8cqw;align-items:center}.x-sum span{flex:1;border:1px solid var(--bd);border-radius:.7cqw;padding:.5cqw .8cqw;font-size:.6cqw;color:var(--mu)}.x-sum span b{display:block;font-size:1.1cqw;color:var(--tx)}
/* seções de detalhe */
.det{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}
.det h3{font-size:1.5rem;margin:0 0 10px}.det p{color:#aebbd0;margin:0 0 14px}.det ul{margin:0;padding-left:20px;color:#b4c0d3;display:grid;gap:7px;font-size:.92rem}
.det-fig{padding:24px;border-radius:20px;border:1px solid var(--lin);background:var(--card);backdrop-filter:blur(10px);display:grid;gap:12px}
.det-fig .n{display:flex;align-items:baseline;gap:12px}.det-fig .n b{font-size:2.4rem;letter-spacing:-.04em;color:#fff}.det-fig .n span{color:var(--mu);font-size:.88rem}
.det-fig .tg{display:flex;flex-wrap:wrap;gap:6px}.det-fig .tg u{text-decoration:none;font-size:.74rem;font-weight:700;border:1px solid var(--lin2);border-radius:99px;padding:4px 11px;color:#c6d2e3}
@media (max-width:900px){.det{grid-template-columns:1fr}}
@media (max-width:620px){.lap .tela.fl .x-dir{display:none}}

.cert-corpo .carga{color:var(--or2);font-weight:700;font-size:.82rem}
.x-main{padding-bottom:.6cqw}
.fl .x-mel2 .x-mm p{margin:.2cqw 0}
.fl .x-g3 .x-card{padding:.6cqw .9cqw}.fl .x-lin{margin:.28cqw 0}
.pilha img[src$="oracle.svg"]{width:46px;height:auto;max-height:30px}

.cert-corpo .bol{display:flex;gap:8px;align-items:center;color:#cbd5e1;font-size:.8rem;border:1px solid var(--lin2);border-radius:10px;padding:7px 10px;background:rgba(255,255,255,.03)}.cert-corpo .bol i{font-style:normal;color:var(--or)}

.blocos.esc3{grid-template-columns:repeat(3,1fr)}@media (max-width:980px){.blocos.esc3{grid-template-columns:1fr}}