/* ═══════════════════════════════════════════════════════════════
   Orbita · framework do site
   Uma folha de estilo para todas as páginas. Ordem:
   1 Tokens  2 Base  3 Layout  4 Tipografia  5 Componentes
   6 Topo e menu Soluções  7 Rodapé  8 Capa  9 Seções da inicial
   10 Soluções e módulos  11 Responsivo e movimento
   Regra de uso: página nova só combina classes daqui. Cor, fonte e
   espaçamento saem sempre dos tokens.
   ═══════════════════════════════════════════════════════════════ */

/* 1 · Tokens ─────────────────────────────────────────────────── */
:root{
  color-scheme:light;
  --tinta:#0B1B2B;          /* títulos, texto forte, fundo escuro */
  --tinta-2:#3F4E5E;        /* texto corrido */
  --suave:#6B7683;          /* rótulos e apoio */
  --fundo:#FFFFFF;
  --fundo-2:#F4F8FB;        /* faixas alternadas */
  --linha:rgba(11,27,43,.08);
  --borda:rgba(11,27,43,.12);
  --marinho-2:#17334F;      /* superfície sobre escuro */
  --ciano:#37B7D6;          /* assinatura: satélite, nó, destaque gráfico */
  --azul:#1E9BC8;           /* traço de destaque em fundo claro */
  --acento:#14708A;         /* ciano legível como texto em fundo claro */
  --ok:#159A8B; --atencao:#E0A43B; --falha:#C0392B;
  --sobre-escuro:#ECEFF3; --sobre-escuro-2:#9FB0BD;

  --marca:"Space Grotesk","Segoe UI Semibold","Segoe UI",-apple-system,sans-serif;
  --texto:"Sora","Segoe UI",-apple-system,Roboto,sans-serif;
  --numero:"IBM Plex Mono",ui-monospace,Consolas,monospace;

  --max:1280px;
  --gutter:clamp(20px,5.5vw,80px);
  --secao:clamp(64px,9vw,120px);
  --raio:16px; --raio-p:10px;
  --sombra:0 30px 60px -36px rgba(11,27,43,.35);
  --entrada:cubic-bezier(.2,.6,.3,1);
  --topo:68px;
}

/* 2 · Base ───────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topo) + 16px)}
body{margin:0;background:var(--fundo);color:var(--tinta);font-family:var(--texto);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{max-width:100%}
a{color:var(--acento)}
h1,h2,h3,h4,p{margin:0}
::selection{background:var(--ciano);color:var(--tinta)}
:focus-visible{outline:2px solid var(--azul);outline-offset:3px;border-radius:4px}
.pular{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;border-radius:var(--raio-p);background:var(--tinta);color:#fff;text-decoration:none}
.pular:focus{top:12px}
.mono{font-family:var(--numero);font-variant-numeric:tabular-nums}

/* 3 · Layout ─────────────────────────────────────────────────── */
.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.secao{padding-block:var(--secao)}
.secao.alt{background:var(--fundo-2);border-block:1px solid var(--linha)}
.secao.escura{background:var(--tinta);color:var(--sobre-escuro)}
.cabeca-secao{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 64px;align-items:end;margin-bottom:clamp(36px,5vw,56px)}
.cabeca-secao.so{grid-template-columns:minmax(0,1fr);max-width:760px}
.grade{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.grade.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grade.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dupla{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}

/* 4 · Tipografia ─────────────────────────────────────────────── */
.selo{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-family:var(--numero);font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--acento)}
.selo::before{content:"";width:28px;height:2px;background:currentColor;flex:none}
.selo b{font-weight:500;color:var(--suave)}
.escura .selo{color:var(--ciano)}
.titulo-1{font-family:var(--marca);font-weight:700;font-size:clamp(38px,4.4vw,60px);line-height:1.02;letter-spacing:-.04em;text-wrap:balance}
.titulo-2{font-family:var(--marca);font-weight:700;font-size:clamp(30px,3.6vw,48px);line-height:1.06;letter-spacing:-.035em;text-wrap:balance}
.titulo-3{font-family:var(--marca);font-weight:600;font-size:20px;line-height:1.25;letter-spacing:-.01em}
.titulo-1 em,.titulo-2 em{font-style:normal;color:var(--azul)}
.escura .titulo-2 em{color:var(--ciano)}
.lead{font-size:clamp(16px,1.3vw,19px);line-height:1.65;color:var(--tinta-2);max-width:52ch}
.escura .lead{color:var(--sobre-escuro-2)}
.texto{font-size:15px;line-height:1.65;color:var(--tinta-2)}
.rotulo{font-family:var(--numero);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--suave)}

/* 5 · Componentes ────────────────────────────────────────────── */
.acoes{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:var(--raio-p);border:1px solid transparent;font-family:var(--texto);font-weight:600;font-size:15px;text-decoration:none;cursor:pointer;transition:background-color .18s,border-color .18s,color .18s}
.btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.btn-primario{background:var(--tinta);color:#fff}.btn-primario:hover{background:var(--marinho-2);color:#fff}
.btn-secundario{background:#fff;border-color:var(--borda);color:var(--tinta)}.btn-secundario:hover{border-color:var(--azul);color:var(--acento)}
.btn-ciano{background:var(--ciano);color:var(--tinta)}.btn-ciano:hover{background:#5FCCE6;color:var(--tinta)}
.btn-pequeno{min-height:42px;padding:0 18px;font-size:14px}
.link-seta{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--acento);text-decoration:none}
.link-seta:hover{text-decoration:underline}
.cartao{display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:var(--raio);background:#fff;border:1px solid var(--borda)}
.cartao.realce{border-top:3px solid var(--azul)}
.cartao.escuro{background:var(--tinta);border-color:var(--tinta);color:var(--sobre-escuro)}
.icone{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--fundo-2);color:var(--tinta);flex:none}
.icone svg{width:24px;height:24px}
.lista-ponto{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.lista-ponto li{display:grid;grid-template-columns:14px 1fr;gap:8px;align-items:baseline;font-size:14.5px;color:var(--tinta-2)}
.lista-ponto li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ciano);transform:translateY(-1px)}
.ficha{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:999px;background:#fff;border:1px solid var(--borda);font-size:13.5px;font-weight:500;color:var(--tinta)}
.ficha svg{width:18px;height:18px}
.estado{display:inline-block;font-family:var(--numero);font-size:11px;border-radius:4px;padding:2px 8px;white-space:nowrap}
.estado.ok{background:rgba(21,154,139,.12);color:#0E6B60}
.estado.atencao{background:rgba(224,164,59,.16);color:#8A5F12}
.estado.falha{background:rgba(192,57,43,.12);color:#8E2119}
.tela{background:#fff;border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra);overflow:hidden}
.tela-topo{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--linha);background:#FAFBFC}
.tela-topo b{font-family:var(--marca);font-weight:600;font-size:15px}
.tela-corpo{padding:16px 20px}
.tabela{width:100%;border-collapse:collapse;font-size:14px}
.tabela th{text-align:left;font-family:var(--numero);font-weight:500;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--suave);padding:0 12px 8px 0;border-bottom:1px solid var(--borda)}
.tabela td{padding:10px 12px 10px 0;border-bottom:1px solid var(--linha);vertical-align:middle}
.tabela tr:last-child td{border-bottom:0}
.tabela .num{font-family:var(--numero);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.tabela th.num{text-align:right}

/* 6 · Topo e menu Soluções ───────────────────────────────────── */
.topo{position:fixed;inset:0 0 auto 0;z-index:50;padding-top:env(safe-area-inset-top,0px);background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--linha)}
.topo-in{max-width:var(--max);margin:0 auto;height:var(--topo);padding:0 var(--gutter);display:flex;align-items:center;gap:24px}
.topo-logo{display:block;flex:none}
.topo-logo svg{display:block;height:24px;width:auto}
.topo nav{flex:1;display:flex;justify-content:center}
.topo nav > ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px}
.topo nav > ul > li > a,.mm-gatilho{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:999px;border:0;background:transparent;font:inherit;font-size:14px;color:#4B5A6A;text-decoration:none;cursor:pointer;transition:color .18s,background-color .18s}
.topo nav > ul > li > a:hover,.mm-gatilho:hover,.mm-item.aberto .mm-gatilho{color:var(--tinta);background:rgba(30,155,200,.08)}
.topo nav > ul > li > a[aria-current="true"],.mm-gatilho[data-atual]{color:var(--tinta);font-weight:600}
.mm-gatilho svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .2s}
.mm-item.aberto .mm-gatilho svg{transform:rotate(180deg)}
.topo-acoes{display:flex;align-items:center;gap:10px;flex:none}
.menu-botao{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--borda);background:#fff;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-botao i{display:block;width:18px;height:2px;border-radius:2px;background:var(--tinta);transition:transform .18s,opacity .18s}
.menu-aberto .menu-botao i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-aberto .menu-botao i:nth-child(2){opacity:0}
.menu-aberto .menu-botao i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mm-painel{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:min(1000px,calc(100vw - 2 * var(--gutter)));background:#fff;border-radius:22px;border:1px solid var(--linha);box-shadow:0 40px 90px -30px rgba(11,27,43,.38);padding:28px 32px 24px;animation:mm-entra .22s var(--entrada)}
.mm-painel[hidden]{display:none}
@keyframes mm-entra{from{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%,0)}}
.mm-kicker{margin-bottom:18px}
.mm-grade{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:8px 36px}
.mm-rot{display:flex;gap:8px;margin:0 0 8px;font-family:var(--numero);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--acento)}
.mm-rot span{color:#9AA6B2}
.mm-lista + .mm-rot{margin-top:18px}
.mm-lista{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.mm-lista.dupla{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
.mm-lista a{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center;padding:9px 10px;border-radius:12px;color:var(--tinta);text-decoration:none}
.mm-lista a:hover,.mm-lista a:focus-visible{background:var(--fundo-2)}
.mm-ic{width:36px;height:36px;border-radius:10px;background:var(--fundo-2);color:var(--tinta);display:grid;place-items:center}
.mm-ic svg{width:20px;height:20px}
.mm-lista a:hover .mm-ic{background:#fff;box-shadow:0 0 0 1px var(--linha)}
.mm-tx{display:flex;flex-direction:column;min-width:0}
.mm-tx b{font-family:var(--marca);font-weight:600;font-size:15px}
.mm-tx small{font-size:12.5px;line-height:1.35;color:var(--suave)}
.mm-pe{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-top:20px;padding-top:18px;border-top:1px solid var(--linha)}

/* 7 · Rodapé ─────────────────────────────────────────────────── */
.rodape{background:var(--fundo-2);border-top:1px solid var(--linha);color:var(--tinta-2)}
.rodape-in{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px;padding-block:56px 40px}
.rodape-marca svg{width:180px;height:auto;display:block}
.rodape-marca p{margin-top:18px;max-width:30ch;font-size:14px}
.rodape h2{margin-bottom:16px;font-family:var(--numero);font-weight:500;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--acento)}
.rodape ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14px}
.rodape ul a{color:var(--tinta-2);text-decoration:none}
.rodape ul a:hover{color:var(--acento)}
.rodape-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding-block:20px 28px;border-top:1px solid var(--linha);font-family:var(--numero);font-size:11px;letter-spacing:.06em;color:var(--suave)}
.rodape-base nav{display:flex;gap:18px}
.rodape-base a{color:var(--suave);text-decoration:none}
.rodape-base a:hover{color:var(--tinta)}

/* 8 · Capa da inicial ────────────────────────────────────────── */
.capa{position:relative;overflow:hidden;padding-top:var(--topo);background:radial-gradient(52% 60% at 78% 46%,#E2F0F9 0%,rgba(226,240,249,0) 72%),var(--fundo);border-bottom:1px solid var(--linha)}
.capa-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,3vw,48px);align-items:center;padding-top:clamp(28px,5vh,56px)}
.capa-texto{padding-bottom:clamp(32px,6vh,72px)}
.capa-texto .titulo-1{margin-bottom:24px}
.capa-texto .lead{margin-bottom:32px}
.garantias{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:13.5px;color:#4B5A6A}
.garantias li{display:flex;align-items:center;gap:8px}
.garantias li::before{content:"";width:14px;height:14px;border-radius:50%;border:1.5px solid var(--azul);background:radial-gradient(circle,var(--azul) 0 2.5px,transparent 3px);flex:none}
.capa-visual{position:relative;margin:0;align-self:end;height:min(72vh,660px);min-height:440px;display:flex;justify-content:center;isolation:isolate}
.capa-halo{position:absolute;z-index:0;inset:4% -10% -6% -6%;background:radial-gradient(ellipse 52% 50% at 56% 52%,#CFE7F4 0%,#E2F0F8 42%,rgba(234,245,251,0) 72%)}
.capa-halo::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(20,112,138,.2) 1px,transparent 1.2px);background-size:18px 18px;-webkit-mask-image:radial-gradient(ellipse 55% 55% at 55% 50%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 55% 55% at 55% 50%,#000 20%,transparent 75%)}
.capa-palco{position:relative;height:100%;aspect-ratio:742/1022;max-width:100%}
.capa-foto{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;object-position:bottom;mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0,#000 6%,#000 84%,transparent 100%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0,#000 6%,#000 84%,transparent 100%);mask-composite:intersect}
.capa-mira{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none}
.capa-mira path{fill:none;stroke:var(--azul);stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:60;stroke-dashoffset:60;animation:traca 1s var(--entrada) forwards 1s}
@keyframes traca{to{stroke-dashoffset:0}}
.capa-hud{position:absolute;z-index:3;width:22px;height:22px;border:0 solid var(--azul);pointer-events:none}
.capa-hud.se{top:2%;left:0;border-width:2px 0 0 2px}
.capa-hud.id{bottom:6%;right:0;border-width:0 2px 2px 0}
.capa-aviso{position:absolute;z-index:4;left:-4%;bottom:12%;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:16px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #fff;box-shadow:0 22px 44px -18px rgba(11,27,43,.32),0 0 0 1px rgba(11,27,43,.05);animation:entra .5s var(--entrada) both .8s}
.capa-aviso-marca{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--tinta);color:#fff;flex:none}
.capa-aviso-marca svg{width:20px;height:20px}
.capa-aviso small{display:block;font-family:var(--numero);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--suave)}
.capa-aviso b{display:block;font-family:var(--marca);font-weight:600;font-size:15px;white-space:nowrap}
.capa-aviso b span{font-family:var(--numero);color:var(--acento)}
.capa-aviso em{display:block;font-style:normal;font-size:12px;color:#4B5A6A}
@keyframes entra{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* 9 · Seções da inicial ──────────────────────────────────────── */
/* Problema: três respostas para o mesmo número */
.respostas td:first-child{display:flex;align-items:center;gap:10px;font-weight:500}
.respostas .fonte-ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--fundo-2);font-family:var(--numero);font-size:10px;font-weight:500;color:var(--tinta);flex:none}
.respostas small{display:block;font-size:12px;color:var(--suave);font-weight:400}
.resultado{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:center;padding:18px 20px;background:var(--tinta);color:var(--sobre-escuro)}
.resultado .rotulo{color:var(--ciano);grid-column:1}
.resultado p{grid-column:1}
.resultado .valor{grid-column:2;grid-row:1 / span 2;font-family:var(--numero);font-size:clamp(22px,2.4vw,30px);font-weight:500;color:#fff}
.resultado p{font-size:12.5px;color:var(--sobre-escuro-2)}
.problema-lista{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--linha)}
.problema-lista li{padding:18px 0 18px 22px;border-bottom:1px solid var(--linha);position:relative}
.problema-lista li::before{content:"";position:absolute;left:0;top:27px;width:8px;height:8px;border-radius:50%;border:2px solid var(--falha)}
.problema-lista b{display:block;font-family:var(--marca);font-weight:600;font-size:18px;margin-bottom:4px}
.problema-lista p{font-size:15px;color:var(--tinta-2)}
.ponte{display:flex;align-items:center;gap:16px;margin-block:clamp(48px,7vw,88px) clamp(36px,5vw,56px)}
.ponte::before,.ponte::after{content:"";flex:1;height:1px;background:var(--borda)}
.ponte span{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;border:1px solid var(--borda);background:#fff;font-family:var(--numero);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--acento)}
.ponte span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ciano)}
.sistemas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--linha);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden}
.sistemas li{list-style:none;display:grid;place-items:center;min-height:76px;padding:12px;background:#fff;font-family:var(--marca);font-weight:600;font-size:16px;color:#33424F;text-align:center}
.sistemas li small{display:block;font-family:var(--numero);font-weight:400;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
.sistemas{margin:0;padding:0}
.numeros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.numeros div{padding:20px 22px;border-radius:var(--raio);background:#fff;border:1px solid var(--borda)}
.numeros dt{font-family:var(--numero);font-size:28px;font-weight:500;color:var(--tinta)}
.numeros dd{margin:4px 0 0;font-size:14px;color:var(--tinta-2)}

/* Como funciona: três passos com a tela de cada um */
.passos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:passo}
.passo{display:flex;flex-direction:column;gap:16px}
.passo-cabeca{display:flex;align-items:baseline;gap:12px;padding-top:16px;border-top:2px solid var(--tinta)}
.passo-cabeca .mono{font-size:13px;color:var(--acento)}
.passo-cabeca h3{font-family:var(--marca);font-weight:600;font-size:22px}
.passo > p{font-size:15px;color:var(--tinta-2)}
.passo .tela{margin-top:auto}
.fonte-linha{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 0;border-bottom:1px solid var(--linha)}
.fonte-linha:last-child{border-bottom:0}
.fonte-linha b{font-size:14px;font-weight:500}
.fonte-linha small{grid-column:1;font-family:var(--numero);font-size:11px;color:var(--suave)}
.fonte-linha .estado{grid-row:1 / span 2;grid-column:2;align-self:center}
.depara td{font-size:13px}
.depara .seta{color:var(--azul);text-align:center;width:20px}
.depara small{display:block;font-size:11px;color:var(--suave)}
.medidor{display:grid;grid-template-columns:96px minmax(0,1fr) 40px;align-items:center;gap:10px;font-size:13px;padding:6px 0}
.medidor i{display:block;height:6px;border-radius:3px;background:var(--fundo-2);overflow:hidden}
.medidor i b{display:block;height:100%;background:var(--ok)}
.medidor .mono{text-align:right;font-size:12px}
.grande-num{font-family:var(--numero);font-size:28px;font-weight:500;margin:4px 0 12px}
.trilha-pe{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:12px 20px;border-top:1px solid var(--linha);font-family:var(--numero);font-size:11.5px;color:var(--suave)}
.trilha-pe i{font-style:normal;color:var(--azul)}

/* Segurança */
.seguranca-itens{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:var(--raio);overflow:hidden;margin-top:36px}
.seguranca-itens li{list-style:none;display:flex;flex-direction:column;gap:10px;padding:22px;background:var(--tinta)}
.seguranca-itens svg{width:24px;height:24px;color:#fff}
.seguranca-itens b{font-family:var(--marca);font-weight:600;font-size:16px;color:#fff}
.seguranca-itens span{font-size:13.5px;color:var(--sobre-escuro-2);line-height:1.5}
.seguranca-itens{padding:0;margin-bottom:0}
.auditoria{border-radius:var(--raio);background:var(--marinho-2);border:1px solid rgba(255,255,255,.08);overflow:hidden}
.auditoria-topo{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.08)}
.auditoria-topo .rotulo{color:var(--ciano)}
.auditoria ul{list-style:none;margin:0;padding:6px 20px 10px}
.auditoria li{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px;color:var(--sobre-escuro)}
.auditoria li:last-child{border-bottom:0}
.auditoria .mono{font-size:12px;color:var(--sobre-escuro-2)}
.auditoria .estado.ok{background:rgba(21,154,139,.22);color:#6FD8CB}
.auditoria .estado.falha{background:rgba(192,57,43,.26);color:#F0A69C}

/* Demonstração */
.demo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:start}
.demo-passos{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}
.demo-passos li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px}
.demo-passos .mono{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--fundo-2);font-size:12px;color:var(--acento)}
.demo-passos b{display:block;font-weight:600;font-size:15px}
.demo-passos span{font-size:14px;color:var(--tinta-2)}
.demo-email{margin-top:28px;font-size:14px;color:var(--tinta-2)}
.demo-email b{font-family:var(--numero);font-weight:500;color:var(--tinta);user-select:all}
.formulario{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:clamp(24px,3vw,36px);border-radius:20px;background:#fff;border:1px solid var(--borda);box-shadow:var(--sombra)}
.campo{display:flex;flex-direction:column;gap:6px;min-width:0}
.campo.largo{grid-column:1 / -1}
.campo label{font-size:13px;font-weight:600;color:var(--tinta)}
.campo label em{font-style:normal;font-weight:400;color:var(--suave)}
.campo input,.campo select{width:100%;min-height:48px;padding:0 14px;border-radius:var(--raio-p);border:1px solid var(--borda);background:#fff;font:inherit;font-size:15px;color:var(--tinta)}
.campo input:focus,.campo select:focus{outline:2px solid var(--azul);outline-offset:0;border-color:var(--azul)}
.campo [aria-invalid="true"]{border-color:var(--falha)}
.aceite{grid-column:1 / -1;display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--tinta-2)}
.aceite input{margin-top:3px;width:18px;height:18px;accent-color:var(--tinta);flex:none}
.form-erro{grid-column:1 / -1;font-size:13.5px;color:var(--falha)}
.form-erro:empty{display:none}
.formulario .btn{grid-column:1 / -1;min-height:54px;font-size:16px}
.recebido{grid-column:1 / -1;display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:12px 0}
.recebido b{font-family:var(--marca);font-weight:600;font-size:22px}
.recebido p{color:var(--tinta-2)}

/* 10 · Soluções e módulos ────────────────────────────────────── */
.pagina{padding-top:var(--topo)}
.miolo-capa{background:radial-gradient(52% 70% at 80% 40%,#E2F0F9 0%,rgba(226,240,249,0) 72%),var(--fundo);border-bottom:1px solid var(--linha)}
.miolo-capa .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,64px);align-items:center;padding-block:clamp(36px,6vh,72px)}
.miolo-capa .titulo-1{margin-bottom:22px}
.miolo-capa .lead{margin-bottom:28px}
.caminho{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px;font-family:var(--numero);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--suave)}
.caminho a{color:var(--suave);text-decoration:none}.caminho a:hover{color:var(--acento)}
.camadas-mapa{position:relative;width:min(440px,100%);aspect-ratio:1;margin:0 auto}
.camadas-mapa svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.anel{fill:none;stroke:rgba(11,27,43,.14);stroke-width:1.5;transition:stroke .3s,stroke-width .3s}
.anel.ativo{stroke:var(--azul);stroke-width:3}
.giro{transform-box:view-box;transform-origin:180px 180px;animation:volta 60s linear infinite}
@keyframes volta{to{transform:rotate(360deg)}}
.camadas-centro{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
.camada-rotulo{position:absolute;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border-radius:999px;background:#fff;border:1px solid var(--borda);font:inherit;font-size:13px;font-weight:600;color:var(--tinta);cursor:pointer;white-space:nowrap;box-shadow:0 10px 24px -14px rgba(11,27,43,.35)}
.camada-rotulo b{font-family:var(--numero);font-weight:500;font-size:11px;color:var(--acento)}
.camada-rotulo[aria-pressed="true"]{background:var(--tinta);border-color:var(--tinta);color:#fff}
.camada-rotulo[aria-pressed="true"] b{color:var(--ciano)}
.r1{top:32%}.r2{top:19.5%}.r3{top:7%}
.abas-faixa{background:#fff;border-bottom:1px solid var(--linha)}
.abas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.aba{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:18px 20px 16px 0;border:0;background:none;font:inherit;text-align:left;cursor:pointer;color:var(--suave)}
.aba + .aba{padding-left:20px;border-left:1px solid var(--linha)}
.aba span{font-family:var(--numero);font-size:11px;letter-spacing:.1em}
.aba strong{font-family:var(--marca);font-weight:600;font-size:clamp(16px,1.4vw,19px);color:var(--tinta)}
.aba em{font-style:normal;font-size:13px}
.aba::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:transparent}
.aba + .aba::after{left:20px}
.aba[aria-selected="true"]::after{background:var(--azul)}
.aba[aria-selected="true"] span{color:var(--acento)}
.painel[hidden]{display:none}
.cartao .titulo-3{margin-top:4px}
.cartao .lista-ponto{padding-top:12px;border-top:1px solid var(--linha)}
.cartao .mais{margin-top:auto;padding-top:6px}
.cartao.aberto{border-style:dashed;background:var(--fundo-2);justify-content:center}
.marcador{align-self:flex-start;font-family:var(--numero);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--acento);background:rgba(30,155,200,.08);border-radius:6px;padding:3px 8px}
.exemplo{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 24px;align-items:baseline;margin-top:16px;padding:20px 24px;border-radius:var(--raio);background:var(--tinta);color:var(--sobre-escuro)}
.exemplo .rotulo{color:var(--ciano)}
.base-faixa .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px 56px;align-items:center}
.fichas{display:flex;flex-wrap:wrap;gap:8px}
.fim .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}
.fim p{margin-top:12px;max-width:48ch;color:var(--tinta-2)}
.md-cabeca{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.md-ic{width:64px;height:64px;border-radius:18px;background:var(--tinta);color:#fff;display:grid;place-items:center;flex:none}
.md-ic svg{width:34px;height:34px}
.md-quem{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;margin:-8px 0 28px;font-size:15px}
.md-cartao{justify-self:end;width:min(420px,100%);padding:26px 28px;border-radius:20px;background:#fff;border:1px solid var(--borda);box-shadow:var(--sombra)}
.md-cartao ul{list-style:none;margin:14px 0 0;padding:0}
.md-cartao li{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--linha);font-family:var(--marca);font-weight:500;font-size:16px}
.md-cartao li:last-child{border-bottom:0}
.md-cartao li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ciano);flex:none}
.md-cartao p:last-child{margin-top:14px;font-size:13px;color:var(--suave)}
.md-cartao.escuro{background:var(--tinta);border-color:var(--tinta);color:var(--sobre-escuro)}
.md-cartao.escuro .rotulo{color:var(--ciano)}
.md-cartao.escuro .md-exemplo{margin-top:12px;font-size:17px;line-height:1.6}
.md-cartao.escuro p:last-child{color:var(--sobre-escuro-2)}
.outros{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:20px 32px}
.outros .links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.outro{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:12px;border:1px solid var(--borda);background:#fff;color:var(--tinta);text-decoration:none;font-size:14px;font-weight:500}
.outro .mm-ic{width:30px;height:30px;border-radius:8px}.outro .mm-ic svg{width:18px;height:18px}
.outro:hover{border-color:var(--azul)}
.outro[aria-current="page"]{background:var(--tinta);border-color:var(--tinta);color:#fff}
.outro[aria-current="page"] .mm-ic{background:var(--marinho-2);color:#fff}

/* 11 · Responsivo e movimento ────────────────────────────────── */
@media (max-width:1100px){
  .topo nav{display:none;position:absolute;top:100%;left:0;right:0;justify-content:stretch;max-height:calc(100dvh - var(--topo));overflow-y:auto;overscroll-behavior:contain;background:#fff;border-bottom:1px solid var(--linha);box-shadow:0 24px 40px -20px rgba(11,27,43,.25);padding:8px var(--gutter) 20px}
  .menu-aberto nav{display:flex}
  .topo nav > ul{flex-direction:column;align-items:stretch;width:100%;gap:0}
  .topo nav > ul > li{border-bottom:1px solid var(--linha)}
  .topo nav > ul > li > a,.mm-gatilho{width:100%;justify-content:space-between;padding:15px 4px;border-radius:0;font-size:16px}
  .menu-botao{display:flex}
  .topo-acoes{margin-left:auto}
  .mm-painel{position:static;transform:none;width:auto;animation:none;box-shadow:none;border:0;border-radius:0;padding:0 0 12px}
  .mm-kicker,.mm-tx small,.mm-lista .mm-ic,.mm-pe .btn{display:none}
  .mm-grade,.mm-lista.dupla{grid-template-columns:minmax(0,1fr)}
  .mm-lista a{grid-template-columns:minmax(0,1fr);padding:9px 8px}
  .mm-tx b{font-weight:500;font-size:15px}
  .mm-pe{margin-top:6px;padding-top:10px}
  .rodape-in{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1000px){
  .capa-in,.dupla,.demo,.cabeca-secao,.miolo-capa .wrap,.base-faixa .wrap{grid-template-columns:minmax(0,1fr)}
  .capa-texto{padding-bottom:0}
  .capa-visual{height:min(110vw,560px);min-height:0}
  .capa-aviso{left:0}
  .passos,.grade.g3{grid-template-columns:minmax(0,1fr)}
  .passo .tela{max-width:560px}
  .sistemas{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md-cartao{justify-self:stretch;width:auto}
  .outros{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .topo-acoes .btn{display:none}
  .grade.g2,.numeros,.formulario{grid-template-columns:minmax(0,1fr)}
  .sistemas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .abas{grid-template-columns:minmax(0,1fr)}
  .aba,.aba + .aba{flex-direction:row;align-items:baseline;gap:10px;padding:12px 0;border-left:0;border-top:1px solid var(--linha)}
  .aba:first-child{border-top:0}
  .aba em{display:none}
  .aba + .aba::after{left:0}
  .exemplo{grid-template-columns:minmax(0,1fr)}
  .camada-rotulo{font-size:12px;padding:6px 11px 6px 8px}
  .rodape-in{grid-template-columns:minmax(0,1fr)}
  .md-ic{width:52px;height:52px;border-radius:14px}
  .auditoria li{grid-template-columns:44px minmax(0,1fr);row-gap:4px}
  .auditoria li .estado{grid-column:2;justify-self:start}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .giro{animation:none}
  .capa-mira path{stroke-dashoffset:0}
}

@media (max-width:520px){.resultado{grid-template-columns:minmax(0,1fr)}.resultado .valor{grid-column:1;grid-row:auto}}
@media (max-width:600px){
  .respostas thead{display:none}
  .respostas tr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:12px 0;border-bottom:1px solid var(--linha)}
  .respostas tr:last-child{border-bottom:0}
  .respostas td{border:0;padding:0}
  .respostas td:nth-child(3){grid-column:1 / -1;padding:6px 0 0 40px}
}

/* 12 · Ambiente único: o problema e a integração no mesmo painel ── */
.ambiente{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;background:var(--tinta);color:var(--sobre-escuro);padding:clamp(28px,4.5vw,64px)}
.ambiente::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 55%,#000 30%,transparent 85%);mask-image:radial-gradient(ellipse 80% 70% at 50% 55%,#000 30%,transparent 85%)}
.ambiente::after{content:"";position:absolute;z-index:-1;left:50%;top:52%;width:520px;height:520px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(55,183,214,.16) 0%,rgba(55,183,214,0) 62%);pointer-events:none}
.amb-canto{position:absolute;width:26px;height:26px;border:0 solid var(--ciano);opacity:.8}
.amb-canto.se{top:18px;left:18px;border-width:2px 0 0 2px}
.amb-canto.id{bottom:18px;right:18px;border-width:0 2px 2px 0}
.ambiente .titulo-2{color:#fff}
.ambiente .titulo-2 em{color:var(--ciano)}
.ambiente .lead{color:var(--sobre-escuro-2);margin-top:16px;font-size:clamp(15px,1.2vw,17px)}
.amb-cabeca{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 0}
.amb-cabeca > div:last-child{padding-left:clamp(28px,4vw,56px);border-left:1px solid rgba(255,255,255,.12)}
.amb-cabeca > div:first-child{padding-right:clamp(28px,4vw,56px)}
.amb-fluxo{position:relative;display:grid;grid-template-columns:34fr 32fr 34fr;align-items:center;min-height:340px;margin-block:clamp(40px,5vw,60px)}
.amb-linhas{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0}
.amb-linhas path{fill:none;stroke:rgba(55,183,214,.55);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:4 6;animation:amb-flui 1.2s linear infinite}
.amb-linhas path.saida{stroke:var(--ciano);stroke-width:2.5}
@keyframes amb-flui{to{stroke-dashoffset:-20}}
.amb-fontes{list-style:none;margin:0;padding:0;align-self:stretch;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));position:relative;z-index:1}
.amb-fontes li{align-self:center;margin:6px 0;display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:12px;row-gap:5px;align-items:center;padding:12px 14px;border-radius:14px;background:rgba(23,51,79,.82);border:1px solid rgba(255,255,255,.1)}
.amb-tipo{grid-row:1 / span 2;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);font-family:var(--numero);font-size:10px;color:var(--sobre-escuro-2)}
.amb-nome{grid-row:1 / span 2;min-width:0;font-size:14px;font-weight:500;color:#fff}
.amb-nome small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--numero);font-size:10.5px;font-weight:400;color:var(--sobre-escuro-2)}
.amb-valor{font-family:var(--numero);font-size:15px;color:#fff;text-align:right;font-variant-numeric:tabular-nums}
.amb-est{justify-self:end;display:inline-block;font-family:var(--numero);font-size:10.5px;border-radius:4px;padding:2px 7px;white-space:nowrap}
.amb-est.falha{background:rgba(192,57,43,.26);color:#F0A69C}
.amb-est.atencao{background:rgba(224,164,59,.2);color:#F0C880}
.amb-est.ok{background:rgba(21,154,139,.24);color:#6FD8CB}
.amb-nucleo{position:relative;z-index:1;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.amb-anel{width:116px;height:116px;border-radius:50%;display:grid;place-items:center;background:var(--tinta);border:1px solid rgba(55,183,214,.5);box-shadow:0 0 0 12px rgba(55,183,214,.07),0 0 0 26px rgba(55,183,214,.035)}
.amb-anel svg{width:58px;height:58px}
.amb-sat{transform-box:view-box;transform-origin:60px 60px;animation:volta 8s linear infinite}
.amb-nucleo b{margin-top:14px;font-family:var(--marca);font-weight:600;font-size:18px;color:#fff}
.amb-nucleo small{font-family:var(--numero);font-size:10.5px;letter-spacing:.08em;color:var(--sobre-escuro-2)}
.amb-saida{position:relative;z-index:1;justify-self:end;width:100%;max-width:330px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:22px 24px;border-radius:16px;background:#fff;color:var(--tinta);box-shadow:0 0 0 1px rgba(55,183,214,.6),0 24px 60px -24px rgba(55,183,214,.55)}
.amb-saida .rotulo{color:var(--acento)}
.amb-saida strong{font-family:var(--numero);font-weight:500;font-size:clamp(24px,2.4vw,30px);font-variant-numeric:tabular-nums}
.amb-saida .amb-est.ok{background:rgba(21,154,139,.12);color:#0E6B60}
.amb-saida small{font-size:12.5px;line-height:1.5;color:var(--tinta-2)}
.amb-base{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px 40px;align-items:center;padding-top:28px;border-top:1px solid rgba(255,255,255,.12)}
.amb-sistemas{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.amb-sistemas li{padding:7px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);font-family:var(--numero);font-size:13px;color:var(--sobre-escuro)}
.amb-numeros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
.amb-numeros dt{font-family:var(--numero);font-size:22px;font-weight:500;color:#fff}
.amb-numeros dd{margin:4px 0 0;font-size:12.5px;line-height:1.45;color:var(--sobre-escuro-2)}
@media (max-width:1000px){
  .amb-cabeca,.amb-base{grid-template-columns:minmax(0,1fr)}
  .amb-cabeca > div:first-child{padding-right:0}
  .amb-cabeca > div:last-child{padding-left:0;padding-top:24px;border-left:0;border-top:1px solid rgba(255,255,255,.12)}
  .amb-fluxo{grid-template-columns:minmax(0,1fr);min-height:0;gap:0}
  .amb-linhas{display:none}
  .amb-fontes{grid-template-rows:none}
  .amb-nucleo{padding:34px 0}
  .amb-nucleo::before,.amb-nucleo::after{content:"";position:absolute;left:50%;width:0;height:30px;border-left:2px dashed rgba(55,183,214,.6)}
  .amb-nucleo::before{top:2px}.amb-nucleo::after{bottom:2px}
  .amb-saida{justify-self:stretch;max-width:none}
}
@media (max-width:600px){
  .amb-numeros{grid-template-columns:minmax(0,1fr)}
  .amb-fontes li{grid-template-columns:34px minmax(0,1fr) auto}
  .amb-canto{display:none}
}
@media (prefers-reduced-motion:reduce){.amb-linhas path,.amb-sat{animation:none}}

/* Sistemas em destaque dentro do painel */
.amb-base{grid-template-columns:minmax(0,1fr)!important;gap:0;padding-top:32px}
.amb-rot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin:0 0 16px;font-family:var(--numero);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ciano)}
.amb-rot span + span{color:var(--sobre-escuro-2);letter-spacing:.08em}
.amb-sistemas{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px!important}
.amb-sistemas li{position:relative;display:flex;align-items:center;justify-content:center;min-height:78px;padding:14px 12px!important;border-radius:14px!important;border:1px solid rgba(55,183,214,.32)!important;background:rgba(23,51,79,.7)!important;font-family:var(--marca)!important;font-weight:600;font-size:clamp(17px,1.5vw,21px)!important;letter-spacing:-.01em;color:#fff!important;text-align:center;transition:border-color .2s,background-color .2s}
.amb-sistemas li::before{content:"";position:absolute;top:10px;right:10px;width:7px;height:7px;border-radius:50%;background:var(--ciano);box-shadow:0 0 0 4px rgba(55,183,214,.15)}
.amb-sistemas li:hover{border-color:var(--ciano)!important;background:rgba(23,51,79,.95)!important}
.amb-numeros{margin-top:28px!important;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}
@media (max-width:1000px){.amb-sistemas{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.amb-sistemas{grid-template-columns:repeat(2,minmax(0,1fr))}.amb-sistemas li{min-height:64px}}

/* 13 · O Orbita por dentro: abas de módulos sobre a tela do sistema ── */
.telas-cabeca{text-align:center;max-width:720px;margin:0 auto clamp(28px,4vw,40px)}
.telas-cabeca .lead{margin:16px auto 0}
.tl-abas{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;width:fit-content;max-width:100%;margin:0 auto clamp(24px,3vw,36px);padding:6px;border-radius:22px;background:#fff;border:1px solid var(--linha);box-shadow:0 18px 40px -24px rgba(11,27,43,.3)}
.tl-aba{padding:10px 15px;border:0;border-radius:999px;background:transparent;font:inherit;font-size:14px;color:#4B5A6A;cursor:pointer;white-space:nowrap;transition:background-color .18s,color .18s}
.tl-aba:hover{color:var(--tinta);background:var(--fundo-2)}
.tl-aba[aria-selected="true"]{background:#DDEEF8;color:var(--tinta);font-weight:600}
.app{border-radius:22px;padding:10px;background:linear-gradient(135deg,#CFE7F4,#E9F4FA 45%,#D6ECF6);box-shadow:0 50px 100px -50px rgba(11,27,43,.45)}
.app-barra-nav{display:flex;align-items:center;gap:7px;padding:6px 10px 12px}
.app-barra-nav i{width:10px;height:10px;border-radius:50%;background:rgba(11,27,43,.18)}
.app-url{margin-left:12px;padding:5px 14px;border-radius:8px;background:rgba(255,255,255,.7);font-family:var(--numero);font-size:12px;color:var(--suave);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.app-url b{font-weight:400;color:var(--tinta)}
.app-corpo{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:560px;border-radius:14px;overflow:hidden;background:#F6F8FA;border:1px solid rgba(11,27,43,.08)}
.app-menu{background:#fff;border-right:1px solid var(--linha);padding:18px 14px}
.app-marca{display:flex;align-items:center;gap:10px;padding:4px 6px 18px;border-bottom:1px solid var(--linha);font-size:13px;font-weight:600}
.app-marca svg{width:22px;height:22px}
.app-menu-rot{margin:16px 6px 8px;font-family:var(--numero);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--suave)}
.app-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.app-menu li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:13px;color:#4B5A6A}
.app-menu li span{width:6px;height:6px;border-radius:2px;background:rgba(11,27,43,.2)}
.app-menu li.sub{padding-left:26px;font-size:12.5px}
.app-menu li.sub span{width:4px;height:4px;border-radius:50%}
.app-menu li.ativo{background:#E8F4FA;color:var(--tinta);font-weight:600}
.app-menu li.ativo span{background:var(--ciano)}
.app-principal{padding:22px 24px;min-width:0}
.tl-painel[hidden]{display:none}
.tl-painel{animation:entra .35s var(--entrada)}
.app-topo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;margin-bottom:18px}
.app-caminho{font-family:var(--numero);font-size:11px;color:var(--suave);margin-bottom:4px}
.app-topo h3{font-family:var(--marca);font-weight:600;font-size:22px;letter-spacing:-.01em}
.app-filtros{display:flex;flex-wrap:wrap;gap:8px}
.app-filtros span{padding:6px 12px;border-radius:8px;background:#fff;border:1px solid var(--linha);font-size:12px;color:var(--suave)}
.app-filtros b{font-weight:600;color:var(--tinta)}
.app-filtros .app-exportar{background:var(--tinta);border-color:var(--tinta);color:#fff;font-weight:600}
.app-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.app-kpi{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:12px;background:#fff;border:1px solid var(--linha);min-width:0}
.app-kpi span{font-size:12px;color:var(--suave)}
.app-kpi b{font-family:var(--numero);font-weight:500;font-size:clamp(17px,1.6vw,22px);color:var(--tinta);white-space:nowrap}
.app-kpi em{font-style:normal;font-family:var(--numero);font-size:11px;color:var(--suave)}
.app-kpi em.ok{color:#0E6B60}.app-kpi em.atencao{color:#8A5F12}
.app-grade{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:12px}
.app-cartao{padding:16px 18px;border-radius:12px;background:#fff;border:1px solid var(--linha);min-width:0}
.app-tabela{width:100%;border-collapse:collapse;font-size:13px}
.app-tabela th{text-align:left;font-family:var(--numero);font-weight:500;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--suave);padding:0 10px 8px 0;border-bottom:1px solid var(--borda)}
.app-tabela td{padding:9px 10px 9px 0;border-bottom:1px solid var(--linha)}
.app-tabela .num{text-align:right;font-family:var(--numero);font-variant-numeric:tabular-nums;white-space:nowrap}
.app-tabela tr.sub td{background:#F6F9FB;font-weight:500}
.app-tabela tr.forte td{font-weight:600;border-top:1px solid var(--tinta);border-bottom:0}
.app-nota{margin-top:12px;font-size:12px;color:var(--suave)}
.app-lado-t{margin-bottom:8px;font-family:var(--numero);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--acento)}
.app-lado ul{list-style:none;margin:0;padding:0}
.app-lado li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--linha);font-size:13px}
.app-lado li:last-child{border-bottom:0}
.app-barras{display:flex;flex-direction:column;gap:14px;padding-top:6px}
.app-barra{display:grid;grid-template-columns:150px minmax(0,1fr) 54px 40px;gap:10px;align-items:center;font-size:13px}
.app-barra i{display:block;height:10px;border-radius:5px;background:var(--fundo-2);overflow:hidden}
.app-barra i b{display:block;height:100%;border-radius:5px;background:var(--azul)}
.app-barra .mono{text-align:right;font-size:12.5px}
.app-barra .pct{color:var(--suave)}
.app-total{font-family:var(--numero);font-size:12px;color:var(--tinta);text-align:right;padding-top:8px;border-top:1px solid var(--linha)}
.telas-pe{margin-top:22px;text-align:center;font-size:14px;color:var(--tinta-2)}
@media (max-width:1000px){
  .app-corpo{grid-template-columns:minmax(0,1fr)}
  .app-menu{display:none}
  .app-grade{grid-template-columns:minmax(0,1fr)}
  .app-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .tl-abas{border-radius:16px;justify-content:flex-start}
  .tl-aba{padding:9px 14px;font-size:13.5px}
  .app{padding:6px;border-radius:16px}
  .app-principal{padding:14px}
  .app-filtros{display:none}
  .app-barra{grid-template-columns:minmax(0,1fr) 48px 36px;row-gap:4px}
  .app-barra i{grid-column:1 / -1;grid-row:2}
  .app-tabela{font-size:12px}
  .app-tabela th,.app-tabela td{padding-right:6px}
  .app-tabela td:first-child{font-size:11.5px}
}

/* Menos respiro entre o painel do problema e "O Orbita por dentro" */
#problema{padding-bottom:clamp(28px,3.5vw,48px)}
#telas{padding-top:clamp(28px,3.5vw,48px)}

/* Módulos na lateral do sistema */
.app-corpo{grid-template-columns:250px minmax(0,1fr)}
.app-modulos{display:flex;flex-direction:column;gap:2px}
.app-modulos .tl-aba{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:9px;font-size:13.5px;text-align:left;white-space:normal;line-height:1.3;color:#4B5A6A}
.app-modulos .tl-aba:hover{background:var(--fundo-2);color:var(--tinta)}
.app-modulos .tl-aba[aria-selected="true"]{background:#E8F4FA;color:var(--tinta);font-weight:600}
.app-modulos .tl-aba[aria-selected="true"]::before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--ciano)}
.app-ic{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--fundo-2);color:var(--tinta);flex:none}
.app-ic svg{width:17px;height:17px}
.app-modulos .tl-aba[aria-selected="true"] .app-ic{background:#fff;box-shadow:0 0 0 1px rgba(55,183,214,.4)}
@media (max-width:1000px){
  .app-corpo{grid-template-columns:minmax(0,1fr)}
  .app-menu{display:block;border-right:0;border-bottom:1px solid var(--linha);padding:12px}
  .app-marca,.app-menu-rot{display:none}
  .app-modulos{flex-direction:row;flex-wrap:wrap;gap:6px}
  .app-modulos .tl-aba{width:auto;padding:7px 10px 7px 7px;font-size:13px;border:1px solid var(--linha)}
  .app-modulos .tl-aba[aria-selected="true"]::before{display:none}
  .app-modulos .tl-aba[aria-selected="true"]{border-color:rgba(55,183,214,.5)}
  .app-ic{width:24px;height:24px}
}

/* Sistemas correndo na faixa do painel */
.amb-faixa{overflow:hidden;margin-inline:calc(-1 * clamp(28px,4.5vw,64px));padding-block:4px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.amb-trilho{display:flex;width:max-content;animation:amb-corre 38s linear infinite}
.amb-faixa:hover .amb-trilho{animation-play-state:paused}
@keyframes amb-corre{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.amb-corre{list-style:none;margin:0;padding:0 10px 0 0;display:flex;gap:10px}
.amb-corre li{position:relative;display:flex;align-items:center;justify-content:center;min-width:170px;min-height:78px;padding:14px 26px;border-radius:14px;border:1px solid rgba(55,183,214,.32);background:rgba(23,51,79,.7);font-family:var(--marca);font-weight:600;font-size:clamp(17px,1.5vw,21px);letter-spacing:-.01em;color:#fff;white-space:nowrap}
.amb-corre li::before{content:"";position:absolute;top:10px;right:10px;width:7px;height:7px;border-radius:50%;background:var(--ciano);box-shadow:0 0 0 4px rgba(55,183,214,.15)}
@media (max-width:600px){.amb-corre li{min-width:130px;min-height:64px;padding:12px 18px}.amb-trilho{animation-duration:30s}}
@media (prefers-reduced-motion:reduce){.amb-trilho{animation:none;width:auto}.amb-faixa{margin-inline:0;-webkit-mask-image:none;mask-image:none}.amb-corre{flex-wrap:wrap}.amb-corre[aria-hidden="true"]{display:none}}

/* Tela do sistema compacta: título e tela cabem juntos na tela do computador */
.telas-cabeca{margin-bottom:clamp(18px,2.4vw,28px)}
.telas-cabeca .lead{margin-top:10px}
.app{max-width:1080px;margin-inline:auto;padding:8px;border-radius:18px}
.app-barra-nav{padding:4px 8px 8px}
.app-corpo{min-height:0;grid-template-columns:220px minmax(0,1fr)}
.app-menu{padding:14px 12px}
.app-marca{padding:2px 6px 12px}
.app-menu-rot{margin:12px 6px 6px}
.app-modulos .tl-aba{padding:7px 8px;font-size:13px}
.app-modulos .tl-aba[aria-selected="true"]::before{left:-12px}
.app-ic{width:26px;height:26px}
.app-principal{padding:16px 20px}
.app-topo{margin-bottom:12px}
.app-topo h3{font-size:19px}
.app-kpis{gap:10px;margin-bottom:10px}
.app-kpi{padding:10px 14px}
.app-kpi b{font-size:clamp(16px,1.4vw,19px)}
.app-grade{gap:10px}
.app-cartao{padding:12px 16px}
.app-tabela td{padding:6px 10px 6px 0}
.app-tabela{font-size:12.5px}
.app-nota{margin-top:8px}
.app-lado li{padding:8px 0;font-size:12.5px}
.app-barras{gap:10px}
@media (max-width:1000px){.app-corpo{grid-template-columns:minmax(0,1fr)}}
.app-marca .app-logo{width:auto;height:22px;display:block}

/* Faixa de sistemas correndo no pé da capa */
.capa-faixa{position:relative;z-index:3;padding-block:22px 26px;border-top:1px solid var(--linha);background:rgba(255,255,255,.7)}
.capa-faixa-rot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin-bottom:14px;font-family:var(--numero);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--acento)}
.capa-faixa-rot span + span{color:var(--suave);letter-spacing:.08em}
.faixa{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.faixa-trilho{display:flex;width:max-content;animation:amb-corre 40s linear infinite}
.faixa:hover .faixa-trilho{animation-play-state:paused}
.faixa ul{list-style:none;margin:0;padding:0;display:flex}
.faixa li{display:flex;align-items:center;gap:40px;padding-right:40px;font-family:var(--marca);font-weight:600;font-size:clamp(17px,1.6vw,22px);letter-spacing:-.01em;color:#5C6B78;white-space:nowrap}
.faixa li::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--ciano)}
.amb-numeros{margin-top:0!important;padding-top:0!important;border-top:0!important}
@media (prefers-reduced-motion:reduce){.faixa-trilho{animation:none;width:auto}.faixa ul{flex-wrap:wrap;justify-content:center;row-gap:10px}.faixa ul[aria-hidden="true"]{display:none}.faixa{-webkit-mask-image:none;mask-image:none}}

/* Tela em proporção de monitor (16:10), reduzida por igual */
.app-palco{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-radius:12px}
.app-escala{position:absolute;top:0;left:0;width:1280px;height:800px;display:flex;flex-direction:column;transform:scale(var(--k,.84));transform-origin:0 0}
.app-escala .app-barra-nav{flex:none;padding:8px 10px 12px}
.app-escala .app-corpo{flex:1;min-height:0;grid-template-columns:250px minmax(0,1fr)}
.app:not(.fluido) .app-principal{padding:24px 28px}
.app:not(.fluido) .app-topo h3{font-size:24px}
.app:not(.fluido) .app-kpi{padding:14px 18px}
.app:not(.fluido) .app-kpi b{font-size:22px}
.app:not(.fluido) .app-tabela{font-size:14px}
.app:not(.fluido) .app-tabela td{padding:10px 10px 10px 0}
.app:not(.fluido) .app-modulos .tl-aba{padding:10px 10px;font-size:14px}
.app:not(.fluido) .app-lado li{padding:12px 0;font-size:14px}
.app:not(.fluido) .app-url{font-size:13px}
.app.fluido .app-palco{aspect-ratio:auto;overflow:visible}
.app.fluido .app-escala{position:static;width:auto;height:auto;transform:none}

.mm-pe{justify-content:flex-end}

/* Faixa de sistemas mais discreta */
.capa-faixa{padding-block:16px 18px}
.faixa li{gap:28px;padding-right:28px;font-size:clamp(14px,1.15vw,16px);color:#6B7683}
.faixa li::after{width:5px;height:5px}

/* 14 · Tela no padrão do sistema Orbita (lateral marinho, cartões retos, números em mono) */
.app.sis .app-corpo{grid-template-columns:236px minmax(0,1fr);background:#F5F6F8;border-radius:10px}
.app.sis .app-menu{background:#0B1B2B;border-right:0;padding:20px 0 24px;color:#fff}
.app.sis .app-marca{padding:0 22px 18px;border-bottom:0}
.app.sis .app-marca .app-logo{height:24px}
.app.sis .app-menu-rot{margin:14px 22px 6px;font-family:var(--numero);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9FB0BD}
.app.sis .app-modulos{gap:0}
.app.sis .app-modulos .tl-aba{display:flex;align-items:center;gap:12px;width:100%;padding:8px 18px 8px 20px;border:0;border-left:2px solid transparent;border-radius:0;background:transparent;color:#DCE3E9;font-size:13.5px;font-weight:400}
.app.sis .app-modulos .tl-aba:hover{border-left-color:var(--ciano);background:transparent;color:#fff}
.app.sis .app-modulos .tl-aba[aria-selected="true"]{background:#17334F;color:#fff;font-weight:500;border-left-color:#E0A43B}
.app.sis .app-modulos .tl-aba[aria-selected="true"]::before{display:none}
.app.sis .app-ic{width:20px;height:20px;background:transparent;border-radius:0;color:#C9D3DC;box-shadow:none!important}
.app.sis .app-ic svg{width:18px;height:18px}
.app.sis .app-ic svg circle[fill="#37B7D6"]{fill:#37B7D6}
.app.sis .app-modulos .tl-aba[aria-selected="true"] .app-ic{background:transparent;color:#fff}
.app.sis .app-direita{display:flex;flex-direction:column;min-width:0}
.app.sis .app-topo2{display:flex;align-items:center;gap:14px;height:52px;padding:0 26px;background:#fff;border-bottom:1px solid #D2D6DD;font-size:13px;color:#6B7683;flex:none}
.app-hamb{display:flex;flex-direction:column;gap:3px}
.app-hamb i{display:block;width:16px;height:2px;border-radius:1px;background:#4B5A6A}
.app-cam b{color:#0B1B2B;font-weight:600}
.app-guia{margin-left:auto;padding:5px 12px;border:1px solid #D2D6DD;border-radius:3px;font-size:12.5px;color:#0B1B2B}
.app-av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0B1B2B;color:#fff;font-size:11px;font-weight:600}
.app.sis .app-principal{padding:20px 26px;overflow:hidden}
.app.sis .rot{font-family:var(--numero);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#6B7683}
.app.sis .app-h1{font-family:var(--marca);font-weight:600;font-size:23px;margin:2px 0 0;letter-spacing:-.01em}
.app-subabas{display:flex;gap:22px;margin-top:12px;border-bottom:1px solid #D2D6DD;font-size:13.5px;color:#6B7683}
.app-subabas span{padding:8px 0 9px;border-bottom:2px solid transparent;margin-bottom:-1px}
.app-subabas span.on{color:#0B1B2B;font-weight:600;border-bottom-color:#176F86}
.app-cab2{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:16px 0 10px}
.app-cab2 h4,.rel-barra h4{font-family:var(--marca);font-weight:600;font-size:19px;margin-top:2px}
.app-acoes{display:flex;gap:6px}
.btn-s,.btn-p{display:inline-flex;align-items:center;padding:5px 11px;border-radius:3px;font-size:12px;border:1px solid #D2D6DD;color:#0B1B2B;background:#fff;white-space:nowrap}
.btn-p{background:#0B1B2B;border-color:#0B1B2B;color:#fff}
.app-filtros2{display:flex;gap:10px;padding:10px 12px;margin-bottom:10px;background:#fff;border:1px solid #D2D6DD;border-radius:3px}
.app-filtros2 span{display:flex;flex-direction:column;gap:3px;min-width:150px;font-size:11px;color:#6B7683}
.app-filtros2 b{padding:5px 9px;border:1px solid #D2D6DD;border-radius:3px;font-weight:400;font-size:12.5px;color:#0B1B2B}
.app.sis .app-kpis{gap:10px;margin-bottom:10px}
.app.sis .app-kpi{border-radius:3px;border-color:#D2D6DD;padding:11px 14px}
.app.sis .app-kpi span{font-family:var(--numero);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#6B7683}
.app.sis .app-kpi b{font-size:20px;margin-top:2px}
.app.sis .app-cartao{border-radius:3px;border-color:#D2D6DD;padding:12px 14px}
.app.sis .app-grade{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr)}
.app.sis .app-tabela{font-size:13px}
.app.sis .app-tabela th{font-size:9.5px}
.app.sis .app-tabela td{padding:7px 10px 7px 0}
.app.sis .app-lado li{padding:9px 0;font-size:13px}
.app.sis .app-nota{font-size:11.5px}
.app-graf-cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.app-graf .leg{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#6B7683}
.app-graf .leg i{display:inline-block;width:18px;height:0;border-top:2px solid #0B1B2B;margin-left:8px}
.app-graf .leg i.l-proj{border-top-style:dashed;border-color:#176F86}
.app-graf .leg i.l-pol{border-top:2px dashed #E0A43B}
.app-graf svg{display:block;width:100%;height:auto}
.app-graf .grade line{stroke:#EDEFF2;stroke-width:1}
.app-graf text{font-family:var(--numero);font-size:11px;fill:#6B7683}
.app-graf .pol{stroke:#E0A43B;stroke-width:1.5;stroke-dasharray:5 5}
.app-graf .real{fill:none;stroke:#0B1B2B;stroke-width:2.5}
.app-graf .proj{fill:none;stroke:#176F86;stroke-width:2.5;stroke-dasharray:6 5}
.app-graf .pts circle{fill:#176F86}
/* Relatório */
.rel-barra{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px}
.rel-mesa{display:flex;justify-content:center;padding:18px 0 0;background:#E9EDF1;border-radius:3px;height:610px;overflow:hidden}
.rel-folha{width:560px;align-self:flex-start;padding:30px 36px;background:#fff;box-shadow:0 10px 30px -12px rgba(11,27,43,.35);font-size:11px;color:#3F4E5E}
.rel-cab{display:flex;align-items:center;gap:16px;padding-bottom:14px;margin-bottom:14px;border-bottom:2px solid #0B1B2B}
.rel-logo{height:18px;width:auto}
.rel-cab div{display:flex;flex-direction:column;margin-left:auto;text-align:right}
.rel-cab b{font-family:var(--marca);font-size:14px;color:#0B1B2B}
.rel-cab span{font-family:var(--numero);font-size:9px;color:#6B7683}
.rel-sec{margin:14px 0 6px;font-family:var(--numero);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#176F86}
.rel-txt{line-height:1.6}
.rel-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.rel-kpis div{padding:8px 10px;border:1px solid #D2D6DD}
.rel-kpis span{display:block;font-size:8.5px;color:#6B7683}
.rel-kpis b{font-family:var(--numero);font-weight:500;font-size:13px;color:#0B1B2B}
.rel-tab{width:100%;border-collapse:collapse;font-size:10.5px}
.rel-tab th{text-align:left;font-family:var(--numero);font-weight:500;font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:#6B7683;border-bottom:1px solid #D2D6DD;padding:0 0 5px}
.rel-tab td{padding:5px 0;border-bottom:1px solid #EDEFF2;color:#0B1B2B}
.rel-tab .num{text-align:right;font-family:var(--numero)}
.rel-tab tr.forte td{font-weight:600;border-top:1px solid #0B1B2B;border-bottom:0}
.rel-pe{display:flex;justify-content:space-between;margin-top:22px;padding-top:8px;border-top:1px solid #D2D6DD;font-family:var(--numero);font-size:8.5px;color:#6B7683}
/* Celular e tablet: lateral vira faixa de botões */
@media (max-width:1000px){
  .app.sis .app-corpo{grid-template-columns:minmax(0,1fr)}
  .app.sis .app-menu{padding:12px}
  .app.sis .app-marca,.app.sis .app-menu-rot{display:none}
  .app.sis .app-modulos{flex-direction:row;flex-wrap:wrap;gap:6px}
  .app.sis .app-modulos .tl-aba{width:auto;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:8px}
  .app.sis .app-modulos .tl-aba[aria-selected="true"]{border-color:#E0A43B}
  .app.sis .app-topo2{display:none}
  .app.sis .app-principal{padding:14px}
  .app-cab2{flex-direction:column;align-items:flex-start}
  .app-acoes,.app-filtros2,.app-subabas{flex-wrap:wrap}
  .app-subabas{gap:14px;font-size:12.5px}
  .rel-mesa{height:auto;padding:12px}
  .rel-folha{width:100%;padding:18px}
  .rel-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rel-barra{flex-direction:column;align-items:flex-start}
}
@media (max-width:600px){.app-filtros2{display:none}.app-acoes .btn-s{display:none}}

/* Números de apoio alinhados às três etapas do fluxo: fontes, Orbita e resultado */
.amb-base{padding-top:0!important;border-top:0!important}
.amb-numeros{grid-template-columns:34fr 32fr 34fr!important;gap:24px!important;margin-top:-24px!important}
.amb-numeros div{padding-top:14px;border-top:1px solid rgba(55,183,214,.35)}
.amb-numeros div:nth-child(2){text-align:center}
.amb-numeros div:nth-child(3){text-align:right}
.amb-numeros dd{max-width:30ch}
.amb-numeros div:nth-child(2) dd{margin-inline:auto}
.amb-numeros div:nth-child(3) dd{margin-left:auto}
@media (max-width:1000px){.amb-numeros{grid-template-columns:minmax(0,1fr)!important;margin-top:24px!important}.amb-numeros div,.amb-numeros div:nth-child(2),.amb-numeros div:nth-child(3){text-align:left}.amb-numeros dd,.amb-numeros div:nth-child(2) dd,.amb-numeros div:nth-child(3) dd{margin:4px 0 0}}

/* Menu Soluções: duas colunas de texto, sem ícones */
.mm-painel{padding:30px 34px 22px;width:min(920px,calc(100vw - 2 * var(--gutter)))}
.mm-grade{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:0}
.mm-col{min-width:0}
.mm-emp{padding-left:32px;margin-left:32px;border-left:1px solid var(--linha)}
.mm-rot{margin:0 0 10px 12px;font-family:var(--numero);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--suave)}
.mm-lista.mm-mod{grid-template-rows:repeat(4,auto);grid-auto-flow:column;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}
.topo nav .mm-painel .mm-lista.mm-mod{display:grid;grid-template-rows:repeat(4,auto);grid-auto-flow:column;grid-template-columns:repeat(2,minmax(0,1fr))}
.mm-lista a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px}
.mm-lista a b{font-family:var(--marca);font-weight:600;font-size:15px;color:var(--tinta)}
.mm-lista a small{font-size:13px;line-height:1.4;color:var(--suave)}
.mm-lista a:hover b{color:var(--acento)}
.mm-pe{justify-content:space-between!important}
.mm-pe-tx{font-size:13px;color:var(--suave)}
@media (max-width:1100px){
  .mm-emp{padding-left:0;margin-left:0;border-left:0;margin-top:8px}
  .topo nav .mm-painel .mm-lista.mm-mod{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row}
  .mm-lista a small,.mm-pe-tx{display:none}
  .mm-rot{margin-left:8px}
}
.mm-painel,.mm-lista a{text-align:left}.mm-lista a{align-items:flex-start}

/* Título da capa digitado */
.digita{position:relative}
.dig-fantasma{visibility:hidden}
.dig-vivo{position:absolute;inset:0}
.dig-cursor{display:inline-block;width:.07em;height:.9em;margin-left:.06em;vertical-align:-.08em;background:var(--azul);animation:pisca 1s steps(1) infinite}
@media (prefers-reduced-motion:reduce){.dig-cursor{animation:none}}

/* 16 · Construção civil: ciclo do empreendimento e análises preditivas */
.cc-ciclo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--borda);border-radius:var(--raio);overflow:hidden;background:#fff}
.cc-etapa{display:flex;flex-direction:column;gap:12px;padding:24px 22px;border-left:1px solid var(--linha);position:relative}
.cc-etapa:first-child{border-left:0}
.cc-etapa::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--azul),var(--ciano))}
.cc-etapa-cab{display:flex;align-items:baseline;gap:10px}
.cc-etapa-cab .mono{font-size:12px;color:var(--acento)}
.cc-etapa-cab h3{font-family:var(--marca);font-weight:600;font-size:21px}
.cc-pergunta{font-family:var(--marca);font-weight:500;font-size:15px;color:var(--tinta);padding:10px 12px;border-radius:10px;background:var(--fundo-2)}
.cc-etapa .lista-ponto li{font-size:14px}
.cc-kpis{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px;border-top:1px solid var(--linha)}
.cc-kpis span{font-family:var(--numero);font-size:11px;padding:3px 8px;border-radius:4px;background:rgba(30,155,200,.08);color:var(--acento)}
.cc-graficos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cc-painel{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:var(--raio);background:#fff;color:var(--tinta)}
.cc-graf{margin:0}
.cc-graf figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;margin-bottom:8px}
.cc-graf figcaption .rotulo{color:var(--acento)}
.cc-leg{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:12px;color:var(--suave)}
.cc-leg i{display:inline-block;width:18px;height:0;border-top:2px solid;margin-left:8px}
.cc-leg .l-plan{border-color:#9FB0BD;border-top-style:dashed}
.cc-leg .l-real{border-color:#0B1B2B}
.cc-leg .l-proj{border-color:#E0A43B;border-top-style:dashed}
.cc-graf svg{display:block;width:100%;height:auto}
.cc-graf .grade line{stroke:#EDEFF2}
.cc-graf text{font-family:var(--numero);font-size:11px;fill:#6B7683}
.cc-graf .plan{fill:none;stroke:#9FB0BD;stroke-width:2;stroke-dasharray:5 5}
.cc-graf .real{fill:none;stroke:#0B1B2B;stroke-width:3}
.cc-graf .proj{fill:none;stroke:#E0A43B;stroke-width:3;stroke-dasharray:7 5}
.cc-graf .corte{stroke:#1E9BC8;stroke-width:1;stroke-dasharray:2 3}
.cc-graf .p-real{fill:#0B1B2B}.cc-graf .p-proj{fill:#E0A43B}
.cc-graf .mk{font-size:11.5px;font-weight:500;fill:#0B1B2B}
.cc-eixo{margin-top:-2px;text-align:center;font-family:var(--numero);font-size:10.5px;color:var(--suave)}
.cc-res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.cc-res div{padding:10px 12px;border:1px solid var(--linha);border-radius:10px}
.cc-res dt{font-size:12px;color:var(--suave)}
.cc-res dd{margin:2px 0 0;font-family:var(--numero);font-size:19px;font-weight:500}
.cc-leitura{font-size:14px;line-height:1.6;color:var(--tinta-2);padding-left:12px;border-left:3px solid #E0A43B}
.cc-prev{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:var(--raio);overflow:hidden}
.cc-prev li{display:flex;flex-direction:column;gap:6px;padding:18px 20px;background:var(--tinta)}
.cc-prev b{font-family:var(--marca);font-weight:600;font-size:15.5px;color:#fff}
.cc-prev span{font-size:13.5px;line-height:1.5;color:var(--sobre-escuro-2)}
.cc-nota{margin-top:18px;font-size:12.5px;color:var(--sobre-escuro-2);max-width:90ch}
.cc-sienge{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:center}
.cc-fluxo{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.cc-fluxo li{position:relative;display:flex;flex-direction:column;gap:2px;padding:18px 20px;border-radius:var(--raio);border:1px solid var(--borda);background:#fff}
.cc-fluxo li:nth-child(2){background:var(--tinta);border-color:var(--tinta);color:#fff}
.cc-fluxo li:nth-child(2) .rotulo{color:var(--ciano)}
.cc-fluxo li:nth-child(2) p{color:var(--sobre-escuro-2)}
.cc-fluxo li + li::before{content:"";position:absolute;top:-11px;left:28px;width:2px;height:10px;background:var(--azul)}
.cc-fluxo b{font-family:var(--marca);font-weight:600;font-size:18px}
.cc-fluxo p{font-size:14px;color:var(--tinta-2)}
@media (max-width:1000px){.cc-ciclo{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-etapa:nth-child(3){border-left:0}.cc-etapa:nth-child(n+3){border-top:1px solid var(--linha)}.cc-graficos,.cc-sienge{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.cc-ciclo{grid-template-columns:minmax(0,1fr)}.cc-etapa{border-left:0!important;border-top:1px solid var(--linha)}.cc-etapa:first-child{border-top:0}.cc-res{grid-template-columns:minmax(0,1fr)}}

/* 16b · Construção civil: blocos visuais */
.cc-central{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center}
.cc-central-l{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px 32px}
.cc-central-l li{display:flex;flex-direction:column}
.cc-central-l b{font-family:var(--marca);font-size:40px;font-weight:600;line-height:1;color:var(--azul)}
.cc-central-l span{font-size:13px;color:var(--suave);margin-top:6px}
.cc-piramide{display:flex;flex-direction:column;align-items:center;gap:8px}
.cc-nivel{width:100%;border-radius:var(--raio);padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.cc-nivel.n1{width:72%;background:var(--tinta);color:#fff;box-shadow:var(--sombra)}
.cc-nivel.n2{width:88%;background:var(--marinho-2);color:#fff}
.cc-nivel.n3{background:#fff;border:1px solid var(--borda)}
.cc-nivel-cab{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.cc-nivel-cab .mono{font-size:12px;color:var(--ciano)}
.cc-nivel.n3 .mono{color:var(--acento)}
.cc-nivel-cab b{font-family:var(--marca);font-size:19px;font-weight:600}
.cc-nivel-cab small{font-size:12.5px;opacity:.7}
.cc-nivel p{font-size:13.5px;opacity:.8}
.cc-chips{display:flex;flex-wrap:wrap;gap:6px}
.cc-chips span{font-size:12px;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}
.cc-nivel.n3 .cc-chips span{background:var(--fundo-2);border-color:var(--linha);color:var(--tinta-2)}

.cc-app{border-radius:var(--raio);background:#fff;border:1px solid var(--borda);box-shadow:var(--sombra);overflow:hidden}
.cc-app-barra{display:flex;align-items:center;gap:14px;padding:10px 16px;background:#F1F4F7;border-bottom:1px solid var(--linha)}
.cc-pontos{display:flex;gap:6px}.cc-pontos i{width:10px;height:10px;border-radius:50%;background:#D5DCE3}
.cc-url{font-size:11.5px;color:var(--suave);background:#fff;padding:4px 12px;border-radius:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-app-corpo{padding:clamp(16px,2.4vw,28px);display:flex;flex-direction:column;gap:18px}
.cc-app-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.cc-app-cab b{display:block;font-family:var(--marca);font-size:22px;font-weight:600;margin-top:4px}
.cc-filtros{display:flex;gap:6px}.cc-filtros span{font-size:12px;padding:5px 10px;border:1px solid var(--borda);border-radius:8px;color:var(--tinta-2)}
.cc-kpis-app{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.cc-kpi{padding:12px 14px;border-radius:12px;background:var(--fundo-2);border-top:3px solid var(--azul);display:flex;flex-direction:column;gap:4px}
.cc-kpi.at{border-top-color:var(--atencao)}.cc-kpi.fa{border-top-color:var(--falha)}
.cc-kpi span{font-size:11.5px;color:var(--suave)}
.cc-kpi b{font-family:var(--numero);font-size:20px;font-weight:500}
.cc-app-grade{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:start}
.cc-tab{display:flex;flex-direction:column}
.cc-lin{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.6fr) minmax(0,.7fr) minmax(0,1.05fr) minmax(0,.6fr) 84px;gap:12px;align-items:center;padding:11px 4px;border-bottom:1px solid var(--linha);font-size:13.5px}
.cc-tit{font-family:var(--numero);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--suave);padding-top:0}
.cc-tit small{text-transform:none;letter-spacing:0}
.cc-ob{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--tinta);min-width:0}
.pt{width:8px;height:8px;border-radius:50%;flex:none;background:var(--ok)}.pt.atencao{background:var(--atencao)}.pt.falha{background:var(--falha)}
.cc-av{display:flex;align-items:center;gap:10px;min-width:0}
.cc-av em{font-style:normal;white-space:nowrap;font-family:var(--numero);font-size:12px}
.cc-av small,.cc-num small,.cc-et-v small{font-family:var(--numero);font-size:11px;color:var(--ok)}
small.neg{color:var(--falha)!important}
.cc-barra{position:relative;flex:1;min-width:50px;height:8px;border-radius:99px;background:#E7ECF1}
.cc-barra i{position:absolute;inset:0 auto 0 0;border-radius:99px;background:linear-gradient(90deg,var(--azul),var(--ciano))}
.cc-barra b{position:absolute;top:-4px;width:2px;height:16px;background:var(--tinta);transform:translateX(-1px)}
.cc-num{font-family:var(--numero);font-size:12.5px;white-space:nowrap}
.cc-alertas{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:12px;background:var(--tinta);color:#fff}
.cc-alertas .rotulo{color:var(--ciano)}
.cc-alertas ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.cc-alertas li{padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.06);border-left:3px solid var(--atencao)}
.cc-alertas li.falha{border-left-color:#F07A6A}
.cc-alertas b{font-size:13px}.cc-alertas p{font-size:12.5px;line-height:1.5;color:var(--sobre-escuro-2);margin-top:3px}
.cc-nota.claro{color:var(--suave)}

.cc-mini-cab{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px}
.cc-mini-cab .rotulo{color:var(--acento)}
.cc-leg .l-marca{width:2px;height:12px;border:0;background:#0B1B2B;vertical-align:-2px}
.cc-etapas-av,.cc-funil{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.cc-etapas-av li{display:grid;grid-template-columns:96px minmax(0,1fr) 92px;gap:12px;align-items:center;font-size:13.5px}
.cc-barra.g{height:12px}.cc-barra.g b{top:-4px;height:20px}
.cc-et-v{display:flex;gap:8px;align-items:baseline;justify-content:flex-end}
.cc-et-v strong{font-family:var(--numero);font-weight:500}
.cc-funil li{display:grid;grid-template-columns:82px minmax(0,1fr) 86px;gap:12px;align-items:center;font-size:13.5px}
.cc-fu-b{height:22px}
.cc-fu-b i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#17334F,#1E9BC8)}
.cc-funil li:first-child .cc-fu-b i{background:#0B1B2B}
.cc-funil li:last-child .cc-fu-b i{background:var(--ok)}
.cc-fu-v{font-family:var(--numero);font-size:12.5px;text-align:right}

.cc-rastro{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cc-rastro li{position:relative;display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:10px;background:var(--fundo-2);font-family:var(--marca);font-weight:600;font-size:15px;color:var(--suave)}
.cc-rastro li .mono{font-size:10.5px;font-weight:400}
.cc-rastro li.on{background:var(--tinta);color:#fff}.cc-rastro li.on .mono{color:var(--ciano)}
.cc-decisao{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px;align-items:stretch}
.cc-ponte{margin:0;padding:22px;border:1px solid var(--borda);border-radius:var(--raio);background:#fff;display:flex;flex-direction:column;gap:12px}
.cc-ponte figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px}
.cc-ponte figcaption .rotulo{color:var(--acento)}
.cc-leg .q-mat,.cc-leg .q-out{width:12px;height:12px;border:0;border-radius:3px;vertical-align:-1px}
.cc-leg .q-mat{background:#E0A43B}.cc-leg .q-out{background:#1E9BC8}
.cc-ponte svg{width:100%;height:auto;display:block}
.cc-ponte .mat{fill:#E0A43B}.cc-ponte .out{fill:#1E9BC8}.cc-ponte .tot{fill:#0B1B2B}
.cc-ponte .base{stroke:#C9D2DA}.cc-ponte .lig{stroke:#9FB0BD;stroke-dasharray:3 3}
.cc-ponte text{font-family:var(--numero);font-size:12px;fill:#6B7683}
.cc-ponte text.v{font-size:13px;font-weight:500;fill:#0B1B2B}
.cc-margem{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid var(--linha)}
.cc-margem div{display:grid;grid-template-columns:130px minmax(0,1fr) 44px;gap:12px;align-items:center;font-size:13px;color:var(--tinta-2)}
.cc-margem i{height:10px;border-radius:99px;background:#E7ECF1;overflow:hidden}
.cc-margem u{display:block;height:100%;background:var(--ok);border-radius:99px}
.cc-margem .caiu u{background:var(--falha)}
.cc-margem b{font-family:var(--numero);font-weight:500;text-align:right}
.cc-cadeia{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}
.cc-cadeia li{position:relative;padding:10px 14px 10px 30px}
.cc-cadeia li::before{content:"";position:absolute;left:8px;top:16px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--azul)}
.cc-cadeia li::after{content:"";position:absolute;left:13px;top:30px;bottom:-14px;width:2px;background:var(--linha)}
.cc-cadeia li:last-child::after{display:none}
.cc-cadeia .rotulo{font-size:10px}
.cc-cadeia p{font-family:var(--marca);font-size:16px;font-weight:500;color:var(--tinta);margin-top:2px}
.cc-cadeia .k-causa::before{border-color:var(--atencao)}
.cc-cadeia .k-impacto::before{border-color:var(--falha)}
.cc-cadeia .k-acao{margin-top:8px;border-radius:12px;background:var(--tinta)}
.cc-cadeia .k-acao::before{background:var(--ciano);border-color:var(--ciano)}
.cc-cadeia .k-acao .rotulo{color:var(--ciano)}.cc-cadeia .k-acao p{color:#fff}

.cc-cascatas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cc-casc{padding:20px;border-radius:var(--raio);background:#fff;border:1px solid var(--borda)}
.cc-casc h3{font-family:var(--marca);font-size:20px;font-weight:600;margin:2px 0 14px}
.cc-casc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.cc-casc li{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;border-radius:9px;background:var(--fundo-2);font-size:13.5px;color:var(--tinta)}
.cc-casc li + li::before{content:"";position:absolute;left:50%;top:-16px;width:2px;height:14px;background:var(--azul);transform:translateX(-1px)}
.cc-casc li + li::after{content:"";position:absolute;left:50%;top:-5px;border:4px solid transparent;border-top-color:var(--azul);transform:translateX(-4px)}
.cc-casc li i{font-style:normal;font-family:var(--numero);font-size:10.5px;padding:2px 6px;border-radius:4px;white-space:nowrap}
.cc-casc li.s i{background:rgba(224,164,59,.18);color:#8A5F12}
.cc-casc li.d i{background:rgba(192,57,43,.12);color:#8E2119}
.cc-casc li:last-child{background:var(--tinta);color:#fff;font-weight:500}
.cc-casc li:last-child.d i{background:rgba(240,122,106,.2);color:#F7B2A8}
.cc-casc li:last-child.s i{background:rgba(21,154,139,.25);color:#7FE0D3}

.cc-perguntas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:var(--raio);overflow:hidden}
.cc-perguntas li{display:flex;flex-direction:column;gap:10px;padding:22px 20px;background:var(--tinta);transition:background .2s}
.cc-perguntas li:hover{background:var(--marinho-2)}
.cc-perguntas .mono{font-size:28px;color:var(--ciano);line-height:1}
.cc-perguntas b{font-family:var(--marca);font-weight:500;font-size:16px;line-height:1.35;color:#fff}
.cc-perguntas small{margin-top:auto;font-family:var(--numero);font-size:11px;color:var(--sobre-escuro-2)}

@media (max-width:1100px){.cc-kpis-app{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-app-grade{grid-template-columns:minmax(0,1fr)}.cc-cascatas{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-perguntas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1000px){.cc-central,.cc-decisao{grid-template-columns:minmax(0,1fr)}.cc-rastro{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){
  .cc-tit{display:none}
  .cc-lin{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;padding:14px 4px}
  .cc-ob{grid-column:1 / 3}.cc-st{grid-column:3;grid-row:1;justify-self:end}
  .cc-av{grid-column:1 / -1}
  .cc-num{display:flex;flex-direction:column;font-size:12.5px}
  .cc-num::before{content:attr(data-r);font-family:var(--texto);font-size:11px;color:var(--suave)}
  .cc-nivel.n1,.cc-nivel.n2{width:100%}
}
@media (max-width:600px){.cc-kpis-app{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-cascatas,.cc-perguntas{grid-template-columns:minmax(0,1fr)}.cc-rastro{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-etapas-av li{grid-template-columns:78px minmax(0,1fr) 84px;gap:8px}.cc-funil li{grid-template-columns:70px minmax(0,1fr) 78px;gap:8px}.cc-margem div{grid-template-columns:110px minmax(0,1fr) 40px}.cc-filtros{display:none}}

@keyframes pisca{0%,100%{opacity:1}50%{opacity:0}}
.cc-etapas-av li{grid-template-columns:96px minmax(0,1fr) 112px}
.cc-decisao{align-items:start}
.app-sub{padding:8px 0 9px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;font:inherit;color:#6B7683;cursor:pointer}
.app-sub:hover{color:#0B1B2B}
.app-sub.on{color:#0B1B2B;font-weight:600;border-bottom-color:#176F86}
.app-sub:focus-visible{outline:2px solid var(--azul);outline-offset:2px}

/* 15 · Segurança: versão minimalista */
.sm{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(40px,7vw,112px);align-items:start}
.sm-texto .lead{margin-top:20px;max-width:46ch}
.sm-selos{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:32px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sobre-escuro-2)}
.sm-selos i{width:4px;height:4px;border-radius:50%;background:var(--ciano)}
.sm-lista{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.14)}
.sm-lista li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:18px;align-items:baseline;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1);transition:padding .25s var(--entrada)}
.sm-lista li:hover{padding-left:8px}
.sm-lista li > .mono{font-size:13px;color:var(--ciano)}
.sm-lista b{font-family:var(--marca);font-weight:600;font-size:clamp(18px,1.6vw,21px);color:#fff;letter-spacing:-.01em}
.sm-lista p{margin-top:4px;font-size:14.5px;line-height:1.55;color:var(--sobre-escuro-2)}
.sm-lista em{font-style:normal;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sobre-escuro-2);padding:4px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px}
.sm-num{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(48px,6vw,80px) 0 0;border-top:1px solid rgba(255,255,255,.14)}
.sm-num div{padding:28px 28px 0 0}
.sm-num div + div{padding-left:28px;border-left:1px solid rgba(255,255,255,.1)}
.sm-num dt{font-family:var(--marca);font-weight:600;font-size:clamp(44px,5vw,64px);line-height:1;color:#fff;letter-spacing:-.03em}
.sm-num dd{margin:12px 0 0;font-size:14.5px;color:var(--sobre-escuro-2);max-width:26ch}
@media (max-width:1000px){.sm{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.sm-lista li{grid-template-columns:36px minmax(0,1fr);gap:12px}.sm-lista em{display:none}.sm-num{grid-template-columns:minmax(0,1fr)}.sm-num div,.sm-num div + div{padding:22px 0;border-left:0;border-bottom:1px solid rgba(255,255,255,.1)}}

/* Demonstração: painel escuro com passos + formulário */
.demo{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:0;align-items:stretch;border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--borda);box-shadow:var(--sombra)}
.demo-lado{position:relative;padding:clamp(28px,4vw,56px);background:var(--tinta);color:var(--sobre-escuro);overflow:hidden}
.demo-lado::after{content:"";position:absolute;right:-120px;bottom:-120px;width:320px;height:320px;border-radius:50%;border:1px solid rgba(55,183,214,.22);box-shadow:0 0 0 48px rgba(55,183,214,.04),0 0 0 96px rgba(55,183,214,.03);pointer-events:none}
.demo-lado .selo{color:var(--ciano)}
.demo-lado .titulo-2{color:#fff}
.demo-lado .titulo-2 em{color:var(--ciano)}
.demo-lado .lead{margin-top:18px;color:var(--sobre-escuro-2)}
.demo-passos{position:relative;margin-top:36px;gap:22px}
.demo-passos li{position:relative;grid-template-columns:34px minmax(0,1fr);gap:16px}
.demo-passos li + li::before{content:"";position:absolute;left:16px;top:-22px;height:22px;width:2px;background:rgba(55,183,214,.35)}
.demo-passos li:not(:last-child)::after{content:"";position:absolute;left:16px;top:34px;bottom:0;width:2px;background:rgba(55,183,214,.35)}
.demo-passos .mono{width:34px;height:34px;background:rgba(55,183,214,.14);border:1px solid rgba(55,183,214,.5);color:var(--ciano);font-size:13px;position:relative;z-index:1}
.demo-passos b{color:#fff;font-family:var(--marca);font-size:16.5px}
.demo-passos span{color:var(--sobre-escuro-2);font-size:14px}
.demo .formulario{border:0;border-radius:0;box-shadow:none;padding:clamp(28px,4vw,56px);gap:16px 18px;align-content:center}
.form-cab{grid-column:1 / -1;display:flex;flex-direction:column;gap:2px;padding-bottom:16px;margin-bottom:4px;border-bottom:1px solid var(--linha)}
.form-cab b{font-family:var(--marca);font-size:22px;font-weight:600;color:var(--tinta)}
.form-cab span{font-size:13.5px;color:var(--suave)}
.demo .campo label{font-size:12.5px}
.demo .campo input,.demo .campo select{min-height:46px;background:#F7F9FB;border-color:rgba(11,27,43,.1);font-size:14.5px;transition:border-color .15s,background .15s}
.demo .campo input:hover,.demo .campo select:hover{border-color:rgba(11,27,43,.22)}
.demo .campo input:focus,.demo .campo select:focus{background:#fff;outline:0;border-color:var(--azul);box-shadow:0 0 0 3px rgba(30,155,200,.15)}
.demo .campo select{appearance:none;-webkit-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' fill='none' stroke='%236B7683' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px}
.demo .aceite{font-size:13px;margin-top:2px}
.demo .formulario .btn{min-height:52px;font-size:15.5px;gap:10px}
.demo .formulario .btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.demo .formulario .btn:hover svg{transform:translateX(3px)}
@media (max-width:1000px){.demo{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.demo{border-radius:18px}.demo .formulario{grid-template-columns:minmax(0,1fr)}}

/* 17 · Do macro ao micro (componente zoom) */
.zm{display:grid;grid-template-columns:260px minmax(0,1fr);border-radius:var(--raio);overflow:hidden;background:#fff;border:1px solid var(--borda);box-shadow:var(--sombra)}
.zm-abas{display:flex;flex-direction:column;background:var(--tinta);padding:10px}
.zm-aba{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;padding:14px 14px;border:0;border-radius:12px;background:transparent;color:#fff;font:inherit;cursor:pointer;transition:background .18s}
.zm-aba + .zm-aba::before{content:"";position:absolute;left:28px;top:-6px;width:2px;height:12px;background:rgba(55,183,214,.35)}
.zm-aba .mono{grid-row:1 / span 2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11px;border:1px solid rgba(55,183,214,.45);color:var(--ciano)}
.zm-aba b{font-family:var(--marca);font-weight:600;font-size:16px}
.zm-aba small{font-size:12px;color:var(--sobre-escuro-2)}
.zm-aba:hover{background:rgba(255,255,255,.05)}
.zm-aba[aria-selected="true"]{background:rgba(55,183,214,.14)}
.zm-aba[aria-selected="true"] .mono{background:var(--ciano);color:var(--tinta);border-color:var(--ciano)}
.zm-aba:focus-visible{outline:2px solid var(--ciano);outline-offset:-2px}
.zm-corpo{padding:clamp(20px,3vw,32px);min-width:0}
.zm-painel{display:flex;flex-direction:column;gap:18px;animation:zmEntra .35s var(--entrada)}
@keyframes zmEntra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.zm-cam{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:11.5px;color:var(--suave)}
.zm-cam span:last-child{color:var(--tinta);font-weight:500}
.zm-cam i{font-style:normal;color:var(--azul)}
.zm-duas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.zm-agora,.zm-prev{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:14px}
.zm-agora{background:var(--fundo-2)}
.zm-prev{background:#FFF8EC;border:1px solid rgba(224,164,59,.35)}
.zm-agora .rotulo{color:var(--acento)}
.zm-prev .rotulo{color:#8A5F12}
.zm-agora ul,.zm-prev ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.zm-agora li,.zm-prev li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:9px 0;border-top:1px solid var(--linha)}
.zm-agora li:first-child,.zm-prev li:first-child{border-top:0}
.zm-agora li span,.zm-prev li span{font-size:13.5px;color:var(--tinta-2)}
.zm-agora li b,.zm-prev li b{font-family:var(--numero);font-weight:500;font-size:15px;text-align:right}
.zm-agora li em{grid-column:1 / -1;font-style:normal;font-size:12px;color:var(--suave)}
.zm-frase{font-family:var(--marca);font-weight:500;font-size:17px;line-height:1.4;color:var(--tinta)}
.zm-graf{width:100%;height:auto;max-height:90px}
.zm-graf .real{fill:none;stroke:#0B1B2B;stroke-width:2.5}
.zm-graf .proj{fill:none;stroke:#E0A43B;stroke-width:2.5;stroke-dasharray:6 4}
.zm-graf .corte{stroke:#1E9BC8;stroke-dasharray:2 3}
.zm-graf .piso{stroke:#C0392B;stroke-dasharray:4 3}
.zm-graf .pr{fill:#0B1B2B}.zm-graf .pp{fill:#E0A43B}
.zm-leg{display:flex;gap:6px;align-items:center;font-size:11.5px;color:var(--suave);margin-top:-6px}
.zm-leg i{width:16px;border-top:2px solid #0B1B2B;margin-left:6px}.zm-leg i.p{border-top:2px dashed #E0A43B}
.zm-acao{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;padding:14px 16px;border-radius:12px;background:var(--tinta);color:#fff;font-size:14.5px}
.zm-acao .rotulo{color:var(--ciano)}
@media (max-width:1000px){.zm{grid-template-columns:minmax(0,1fr)}.zm-abas{flex-direction:row;flex-wrap:wrap;gap:4px}.zm-aba{flex:1 1 140px}.zm-aba + .zm-aba::before{display:none}}
@media (max-width:700px){.zm-duas{grid-template-columns:minmax(0,1fr)}.zm-aba{flex:1 1 45%;padding:10px}.zm-aba small{display:none}}

/* 18 · Hospitalar: painel do CFO, caixa e barras */
.hp-corpo{display:grid;grid-template-columns:220px minmax(0,1fr)}
.hp-nav{padding:20px 14px;background:#F7F9FB;border-right:1px solid var(--linha)}
.hp-nav p{display:flex;flex-direction:column;padding:0 8px 14px;margin-bottom:8px;border-bottom:1px solid var(--linha)}
.hp-nav p b{font-family:var(--marca);font-size:15px}.hp-nav p span{font-size:12px;color:var(--suave)}
.hp-nav ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}
.hp-nav li{display:flex;gap:8px;align-items:baseline;padding:6px 8px;border-radius:8px;font-size:12.5px;color:var(--tinta-2)}
.hp-nav li .mono{font-size:10px;color:var(--suave)}
.hp-nav li.on{background:#E3F1F8;color:var(--tinta);font-weight:600}
.hp-kpis{grid-template-columns:repeat(7,minmax(0,1fr))}
.hp-kpis .cc-kpi{padding:10px 12px}
.hp-kpis .cc-kpi b{font-size:17px}
.cc-kpi small{font-size:11px;color:var(--suave)}
.hp-dre table{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}
.hp-dre th{font-family:var(--numero);font-size:10.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--suave);text-align:left;padding:6px 4px;border-bottom:1px solid var(--borda)}
.hp-dre td{padding:7px 4px;border-bottom:1px solid var(--linha);color:var(--tinta-2)}
.hp-dre .num{text-align:right;font-family:var(--numero);white-space:nowrap}
.hp-dre td.pos{color:var(--ok)}.hp-dre td.neg{color:var(--falha)}
.hp-dre tr.sub td{background:var(--fundo-2);font-weight:600;color:var(--tinta)}
.hp-dre tr.forte td{font-weight:700;color:var(--tinta);border-bottom:0}
.hp-graf .faixa-proj{fill:rgba(224,164,59,.07)}
.hp-graf .pol{stroke:#C0392B;stroke-width:1.5;stroke-dasharray:5 4}
.hp-graf .proj{stroke-dasharray:6 4}
.hp-cov{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.hp-cov li{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:6px 12px;align-items:center;font-size:13.5px}
.hp-cov li i{grid-column:1;height:12px;border-radius:99px;background:#E7ECF1;overflow:hidden}
.hp-cov li u{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--ok),#E0A43B)}
.hp-cov li b{grid-column:2;grid-row:1 / span 2;font-family:var(--numero);font-weight:500;text-align:right}
.hp-cov li small{grid-column:1;font-size:12px;color:var(--suave);margin-top:-2px}
.hp-cov li span{grid-column:1}
.hp-tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hp-card{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:var(--raio);border:1px solid var(--borda);background:#fff}
.hp-card .rotulo{color:var(--acento)}
.hp-card > p{margin-top:auto;font-size:13.5px;line-height:1.55;color:var(--tinta-2);padding-top:12px;border-top:1px solid var(--linha)}
.hp-barras{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.hp-barras li{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:4px 10px;align-items:center;font-size:13px;color:var(--tinta-2)}
.hp-barras li i{grid-column:1;height:10px;border-radius:99px;background:#EEF2F5;overflow:hidden}
.hp-barras li u{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#17334F,#1E9BC8)}
.hp-barras li.neg u{background:var(--falha)}
.hp-barras li b{grid-column:2;grid-row:1 / span 2;font-family:var(--numero);font-weight:500;font-size:12.5px;text-align:right}
.hp-barras li span{grid-column:1}
.hp-mapa{margin-top:24px;padding:20px 22px;border-radius:var(--raio);background:var(--fundo-2)}
.hp-mapa ol{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.hp-mapa li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;background:#fff;font-size:12.5px;color:var(--tinta)}
.hp-mapa li .mono{font-size:10.5px;color:var(--acento)}
@media (max-width:1100px){.hp-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.hp-corpo{grid-template-columns:minmax(0,1fr)}.hp-nav{display:none}.hp-tres{grid-template-columns:minmax(0,1fr)}.hp-mapa ol{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:600px){.hp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-mapa ol{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 19 · Empreendimentos por SPE */
.sp-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
.sp-tab ol{list-style:none;margin:0;padding:0}
.sp-cab,.sp-tab li{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2.2fr) 92px 96px 96px;gap:14px;align-items:center}
.sp-cab{padding:0 4px 8px;border-bottom:1px solid var(--borda);font-family:var(--numero);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--suave)}
.sp-leg{display:flex;gap:6px;align-items:center;text-transform:none;letter-spacing:0}
.sp-leg i{width:10px;height:10px;border-radius:2px;margin-left:6px}
.sp-leg .bk,.sp-b .bk{background:#9FB0BD}.sp-leg .fc,.sp-b .fc{background:#1E9BC8}.sp-leg .rl,.sp-b .rl{background:#159A8B}
.sp-tab li{padding:8px 4px;border-bottom:1px solid var(--linha);font-size:13px}
.sp-n{font-weight:500;color:var(--tinta)}
.sp-b{display:flex;flex-direction:column;gap:2px}
.sp-b i{display:block;height:5px;border-radius:2px}
.sp-v{font-size:12.5px;text-align:right}
.sp-v small{margin-left:6px;color:var(--atencao);font-size:11px}
.sp-p{display:flex;align-items:center;gap:8px}
.sp-p em{flex:1;height:6px;border-radius:99px;background:linear-gradient(90deg,var(--azul) var(--p),#E7ECF1 var(--p))}
.sp-p.o em{background:linear-gradient(90deg,#E0A43B var(--p),#E7ECF1 var(--p))}
.sp-p b{font-family:var(--numero);font-weight:500;font-size:11.5px;width:34px;text-align:right}
@media (max-width:1100px){.sp-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
  .sp-cab{display:none}
  .sp-tab li{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 14px;padding:12px 4px}
  .sp-n{grid-column:1}.sp-v{grid-column:2}.sp-b{grid-column:1 / -1}
  .sp-p::before{content:"Vendas";font-size:11px;color:var(--suave);width:44px}.sp-p.o::before{content:"Obra"}
  .sp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Segurança mais compacta */
#seguranca{padding-block:clamp(56px,6.5vw,88px)}
.sm{gap:clamp(32px,5vw,72px)}
.sm-texto .lead{margin-top:16px}
.sm-selos{margin-top:22px}
.sm-lista li{padding:13px 0;gap:14px}
.sm-lista b{font-size:17px}
.sm-lista p{margin-top:2px;font-size:13.5px}
.sm-num{margin-top:28px;border-top:0;grid-template-columns:repeat(3,auto);justify-content:start;gap:0}
.sm-num div{padding:0 28px 0 0}
.sm-num div + div{padding-left:28px}
.sm-num dt{font-size:clamp(30px,3vw,40px)}
.sm-num dd{margin-top:6px;font-size:12.5px;max-width:16ch}
@media (max-width:600px){.sm-num{grid-template-columns:repeat(3,minmax(0,1fr))}.sm-num div,.sm-num div + div{padding:0 10px 0 0;border:0}.sm-num dd{font-size:11.5px}}
.zm-painel[hidden],.app-vista[hidden]{display:none}
.hp-kpis .cc-kpi b{font-size:15px;white-space:nowrap}
.hp-kpis .cc-kpi span{font-size:11px;line-height:1.3}
@media (max-width:760px){.sp-n{grid-row:1}.sp-v{grid-row:1}.sp-b{grid-row:2}.sp-p{grid-row:3}}

/* 19b · Empreendimentos por SPE em cartões */
.sp-sec{border-top:0}
.cc-kpi.destaque{background:#E3F1F8;border-top-color:var(--azul)}
.cc-kpi.destaque b{color:#14708A}
.sp-tit{font-family:var(--marca);font-weight:600;font-size:17px;color:var(--tinta);margin-top:6px}
.sp-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sp-grade:not(.aberto) .sp-mais{display:none}
.sp-card{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:14px;border:1px solid var(--borda);background:#FBFCFD}
.sp-card header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.sp-card header b{display:block;font-family:var(--marca);font-weight:600;font-size:16px;color:var(--tinta)}
.sp-card header span{font-size:12px;color:var(--suave)}
.sp-card header p{text-align:right;font-family:var(--marca);font-weight:600;font-size:17px;white-space:nowrap}
.sp-card header small{display:block;font-family:var(--numero);font-weight:400;font-size:10px;letter-spacing:.08em;color:var(--suave)}
.sp-tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}
.sp-tres div{display:flex;flex-direction:column;gap:2px}
.sp-tres span{font-size:11px;color:var(--suave)}
.sp-tres b{font-family:var(--numero);font-weight:500;font-size:16px}
.sp-tres b.ok{color:var(--ok)}.sp-tres b.at{color:#B07A18}
.sp-av{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;font-size:13px;color:var(--tinta-2)}
.sp-av b{font-family:var(--numero);font-weight:500;font-size:12px}
.sp-av i{grid-column:1 / -1;height:6px;border-radius:99px;background:#E9EEF2;overflow:hidden}
.sp-av u{display:block;height:100%;border-radius:99px}
.sp-av u.v{background:var(--ok)}.sp-av u.o{background:var(--atencao)}
.sp-cen{padding-top:12px;border-top:1px solid var(--linha)}
.sp-cen .rotulo{font-size:10px}
.sp-cen ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.sp-cen li{display:grid;grid-template-columns:66px minmax(0,1fr) 74px;gap:8px;align-items:center;font-size:12px;color:var(--suave)}
.sp-cen li i{height:6px;border-radius:99px;background:#E9EEF2;overflow:hidden}
.sp-cen li u{display:block;height:100%;border-radius:99px}
.sp-cen u.bk{background:#5B6CE0}.sp-cen u.fc{background:#159A8B}.sp-cen u.rl{background:#2BC46F}
.sp-cen li b{font-family:var(--numero);font-weight:500;font-size:11.5px;color:var(--tinta);text-align:right}
.sp-cen p{font-size:12.5px;color:var(--tinta-2);margin-top:6px}
.sp-link{margin-top:auto;font-size:12.5px;color:var(--azul)}
.sp-ver{align-self:center;margin-top:4px;padding:10px 18px;border-radius:999px;border:1px solid var(--borda);background:#fff;font:inherit;font-size:14px;font-weight:600;color:var(--tinta);cursor:pointer}
.sp-ver:hover{border-color:var(--azul)}
@media (max-width:1000px){.sp-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.sp-grade{grid-template-columns:minmax(0,1fr)}}

/* 20 · Construção civil enxuta: capa com a tela do Orbita */
.cc-capa{padding:clamp(28px,4vw,48px) 0 clamp(48px,6vw,80px);background:radial-gradient(1000px 420px at 85% 0%,rgba(55,183,214,.12),transparent 60%),var(--fundo)}
.cc-capa-cab{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px clamp(32px,5vw,72px);align-items:end;margin:18px 0 clamp(28px,3.5vw,44px)}
.cc-capa h1{margin:0;font-size:clamp(36px,4.4vw,60px)}
.cc-capa .lead{margin:0 0 20px}
.os{border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--borda);box-shadow:0 40px 80px -40px rgba(11,27,43,.45)}
.os .cc-url b{font-weight:400;color:var(--tinta)}
.os-corpo{display:grid;grid-template-columns:220px minmax(0,1fr)}
.os-lado{display:flex;flex-direction:column;gap:2px;padding:18px 0;background:var(--tinta)}
.os-marca{padding:0 20px 18px}
.os-marca svg{height:22px;width:auto}
.os-rot{padding:14px 20px 6px;font-family:var(--numero);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#7F93A6}
.os-aba{display:flex;align-items:center;gap:10px;padding:9px 20px;border:0;border-left:2px solid transparent;background:transparent;color:#DCE3E9;font:inherit;font-size:13.5px;text-align:left;cursor:pointer}
.os-aba:hover{background:rgba(255,255,255,.04)}
.os-aba[aria-selected="true"]{background:rgba(55,183,214,.14);border-left-color:var(--ciano);color:#fff;font-weight:600}
.os-aba:focus-visible{outline:2px solid var(--ciano);outline-offset:-2px}
.os-ic{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:rgba(255,255,255,.07);flex:none}
.os-ic svg{width:15px;height:15px}
.os-off{padding:7px 20px 7px 56px;font-size:13px;color:#6E8295}
.os-main{min-width:0;background:#fff}
.os-painel{display:flex;flex-direction:column;gap:16px;padding:clamp(16px,2.2vw,26px)}
.os-painel[hidden]{display:none}
.os .sp-card{padding:14px;gap:11px}
.os .sp-card header b{font-size:15px}
.os .sp-link{display:none}
.os .sp-tres b{font-size:14.5px}
.os-curvas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.os-curvas > div{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--linha);border-radius:12px}
.cc-erp .cc-fluxo li{background:var(--marinho-2);border-color:rgba(255,255,255,.1);color:#fff}
.cc-erp .cc-fluxo li p{color:var(--sobre-escuro-2)}
.cc-erp .cc-fluxo li:nth-child(2){background:#fff;color:var(--tinta)}
.cc-erp .cc-fluxo li:nth-child(2) p{color:var(--tinta-2)}
.cc-erp .cc-fluxo li:nth-child(2) .rotulo{color:var(--acento)}
.cc-erp .titulo-2{color:#fff}.cc-erp .lead{color:var(--sobre-escuro-2)}
@media (max-width:1100px){.os-corpo{grid-template-columns:minmax(0,1fr)}.os-lado{flex-direction:row;flex-wrap:wrap;gap:4px;padding:10px}.os-marca,.os-rot,.os-off{display:none}.os-aba{border-left:0;border-radius:8px;padding:8px 12px}}
@media (max-width:1000px){.cc-capa-cab,.os-curvas{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.os-aba{flex:1 1 100%}}
.os .cc-res dd{font-size:15px;white-space:nowrap}.os .cc-res dt{font-size:11px;white-space:nowrap}.os .cc-res div{padding:8px 10px}
.app-tabela .mut{color:#9AA5B1}
.cc-sis{margin-top:4px}
.cc-sis .cc-graf figcaption{margin-bottom:4px}
.cc-sis .cc-graf svg{max-height:250px}
.cc-sis .cc-graf svg{max-height:196px;margin:0 auto}.cc-sis .cc-eixo{display:none}

/* 21 · Construção civil: capa nova e tela que cabe na altura da janela */
.cc-capa{padding-bottom:clamp(40px,5vw,64px);border-bottom:1px solid var(--linha)}
.cc-capa-cab{margin-bottom:clamp(28px,3.5vw,40px)}
.cc-capa-fatos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--borda)}
.cc-capa-fatos li{display:flex;flex-direction:column;gap:4px;padding:18px 20px 0 0}
.cc-capa-fatos li + li{padding-left:20px;border-left:1px solid var(--linha)}
.cc-capa-fatos b{font-family:var(--marca);font-weight:600;font-size:18px;color:var(--tinta)}
.cc-capa-fatos span{font-size:13.5px;color:var(--tinta-2)}
.cc-sis{max-width:min(100%,calc((100vh - 120px) * 1.52));margin-inline:auto}
.zp{display:flex;flex-direction:column;gap:10px}
.zp-frase{font-family:var(--marca);font-weight:500;font-size:16px;line-height:1.4;color:#0B1B2B}
.zp .zm-graf{max-height:84px}
.zp-lista{list-style:none;margin:0;padding:0}
.zp-lista li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid #E6E9EE;font-size:13px;color:#3F4E5E}
.zp-lista b{font-family:var(--numero);font-weight:500;color:#0B1B2B}
.zp-acao{font-size:13.5px;line-height:1.5;color:#0B1B2B;padding:10px 12px;border-radius:8px;background:#F1F6FA;border-left:3px solid var(--ciano)}
.zp-cam{margin-top:8px;font-size:11px;color:#6B7683}
@media (max-width:760px){.cc-capa-fatos{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-capa-fatos li:nth-child(3){padding-left:0;border-left:0}}

/* 15b · Segurança simples */
.sg2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,6vw,88px);align-items:center}
.sg2-tela{border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.08)}
.sg2-barra{display:flex;align-items:center;gap:14px;padding:10px 14px;background:#1B2A3A}
.sg2-barra .cc-pontos i{background:#3C4E61}
.sg2-url{font-size:11.5px;color:#C9D4DE;background:#0F1E2D;padding:5px 12px;border-radius:999px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sg2-corpo{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.sg2-lado{display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:26px 22px;background:linear-gradient(160deg,#122a42,#0B1B2B)}
.sg2-lado svg{height:26px;width:auto}
.sg2-lado p{font-family:var(--marca);font-weight:600;font-size:17px;line-height:1.3;color:#fff}
.sg2-cartao{display:flex;flex-direction:column;gap:10px;padding:26px 24px;background:#F6F8FA;color:var(--tinta)}
.sg2-cartao .rotulo{color:var(--acento)}
.sg2-cartao b{font-family:var(--marca);font-size:18px;font-weight:600}
.sg2-cartao p{font-size:13px;color:var(--tinta-2)}
.sg2-codigo{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:4px 0}
.sg2-codigo span{height:42px;display:grid;place-items:center;border:1px solid var(--borda);border-radius:8px;background:#fff;font-family:var(--numero);font-size:18px}
.sg2-ok{padding:11px;border-radius:9px;background:var(--ciano);color:var(--tinta);text-align:center;font-weight:600;font-size:14px}
.sg2-texto .lead{margin-top:18px}
.sg2-lista{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}
.sg2-lista li{display:flex;align-items:center;gap:10px;font-size:15px;color:#fff}
.sg2-lista svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--ciano);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:1000px){.sg2{grid-template-columns:minmax(0,1fr)}.sg2-texto{order:-1}}
@media (max-width:600px){.sg2-corpo{grid-template-columns:minmax(0,1fr)}.sg2-lado{display:none}.sg2-lista{grid-template-columns:minmax(0,1fr)}}

/* 22 · Capa da Construção civil (escura, com cartão de projeção) */
.cch{position:relative;overflow:hidden;padding:clamp(28px,4vw,44px) 0 clamp(56px,7vw,96px);background:radial-gradient(900px 500px at 80% 30%,rgba(55,183,214,.18),transparent 60%),linear-gradient(180deg,#0B1B2B,#0E2236);color:var(--sobre-escuro)}
.cch::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,#000,transparent 85%);pointer-events:none}
.cch .wrap{position:relative}
.cch .caminho,.cch .caminho a{color:#7F93A6}
.cch-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,88px);align-items:center;margin-top:clamp(28px,4vw,48px)}
.cch h1{margin:0;color:#fff;font-size:clamp(40px,5vw,68px)}
.cch h1 em{color:var(--ciano)}
.cch .lead{margin:22px 0 30px;color:var(--sobre-escuro-2);max-width:46ch}
.cch .acoes{align-items:center;gap:22px}
.cch-link{color:#fff}
.cch-visual{position:relative;min-height:340px;display:grid;place-items:center}
.cch-anel{position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(55,183,214,.25);box-shadow:0 0 0 60px rgba(55,183,214,.03)}
.cch-anel::after{content:"";position:absolute;top:38px;right:58px;width:12px;height:12px;border-radius:50%;background:var(--ciano);box-shadow:0 0 18px var(--ciano)}
.cch-card{position:relative;width:min(100%,400px);padding:20px;border-radius:16px;background:#fff;color:var(--tinta);box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.cch-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px}
.cch-cab .rotulo{color:var(--acento)}
.cch-cab b{display:block;font-family:var(--marca);font-weight:600;font-size:16px;margin-top:2px}
.cch-chip{font-family:var(--numero);font-size:10.5px;padding:3px 8px;border-radius:999px;background:#FFF3DD;color:#8A5F12}
.cch-card .zm-graf{max-height:120px}
.cch-num{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;padding-top:12px;border-top:1px solid var(--linha)}
.cch-num span{display:block;font-size:11px;color:var(--suave)}
.cch-num b{font-family:var(--numero);font-weight:500;font-size:16px;white-space:nowrap}
.cch-mini{position:absolute;left:0;bottom:6px;display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:12px;background:rgba(23,51,79,.92);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.cch-mini .rotulo{color:var(--ciano)}
.cch-mini b{font-family:var(--marca);font-size:15px;color:#fff}
.cch-mini em{font-style:normal;font-size:12px;color:var(--sobre-escuro-2)}
@media (max-width:1000px){.cch-grade{grid-template-columns:minmax(0,1fr)}.cch-visual{min-height:320px}}
@media (max-width:600px){.cch-anel{width:300px;height:300px}.cch-mini{position:relative;margin-top:-10px;justify-self:start}.cch-visual{display:flex;flex-direction:column;align-items:stretch}}
.cch-visual{display:flex;flex-direction:column;align-items:center;justify-content:center}
.cch-mini{position:relative;left:auto;bottom:auto;align-self:center;margin:-12px 0 0 -200px}
@media (max-width:600px){.cch-mini{margin:-12px 0 0 0;align-self:flex-start}}
.app-tabela b.neg{color:#C0392B;font-weight:600}
.cc-sis .tl-painel > .app-subabas:first-child{margin-top:0}

/* 15c · Tela de verificação (navegador completo) */
.sg3{border-radius:14px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 50px 90px -40px rgba(0,0,0,.75)}
.sg3-chrome{background:#202B37}
.sg3-abas{display:flex;align-items:flex-end;gap:10px;padding:8px 12px 0}
.sg3-sem i:nth-child(1){background:#FF5F57}.sg3-sem i:nth-child(2){background:#FEBC2E}.sg3-sem i:nth-child(3){background:#28C840}
.sg3-sem{align-self:center;margin-right:6px}
.sg3-tab{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9px 9px 0 0;background:#2C3947;font-size:12px;color:#E6ECF1;min-width:0}
.sg3-tab b{font-weight:400;color:#8C9BAA;margin-left:18px}
.sg3-fav{width:12px;height:12px;border-radius:50%;border:2px solid #fff;border-right-color:var(--ciano)}
.sg3-mais{padding-bottom:8px;color:#8C9BAA;font-size:14px}
.sg3-url{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#2C3947;border-bottom:1px solid #1A232D}
.sg3-nav{font-size:13px;letter-spacing:6px;color:#8C9BAA;white-space:nowrap}
.sg3-end{flex:1;display:flex;align-items:center;gap:6px;min-width:0;padding:6px 12px;border-radius:999px;background:#1A232D;font-size:12px;color:#8C9BAA;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg3-end b{font-weight:500;color:#E6ECF1}
.sg3-end svg,.sg3-etapa svg{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}
.sg3-av{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#14708A;color:#fff;font-size:11px;font-weight:600}
.sg3-corpo{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:360px}
.sg3-lado{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:24px 22px;background:linear-gradient(165deg,#13304B,#0B1B2B 70%)}
.sg3-orb{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(55,183,214,.16)}
.sg3-marca{position:relative;display:flex;flex-direction:column;gap:6px}
.sg3-marca svg{height:24px;width:auto;align-self:flex-start}
.sg3-marca span{font-family:var(--numero);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:#8FA3B6}
.sg3-lado > div:nth-of-type(2){position:relative}
.sg3-tag{display:block;font-family:var(--marca);font-weight:600;font-size:16px;line-height:1.3;color:#fff;margin-bottom:12px}
.sg3-lado ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.sg3-lado li{display:flex;align-items:center;gap:7px;font-size:11.5px;color:#C9D5DF}
.sg3-lado li svg{width:13px;height:13px;flex:none;fill:none;stroke:var(--ciano);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sg3-pe{position:relative;font-size:10.5px;color:#7F93A6}
.sg3-form{display:grid;place-items:center;padding:22px;background:#F3F6F9}
.sg3-cartao{width:100%;max-width:330px;display:flex;flex-direction:column;gap:9px;padding:20px;border-radius:14px;background:#fff;box-shadow:0 14px 34px -18px rgba(11,27,43,.35);color:var(--tinta)}
.sg3-etapa{display:flex;align-items:center;gap:8px;font-family:var(--numero);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--acento)}
.sg3-etapa span{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:#E3F1F8}
.sg3-cartao > b{font-family:var(--marca);font-size:16.5px;font-weight:600}
.sg3-x{font-size:11.5px;line-height:1.5;color:var(--tinta-2)}
.sg3-conta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 9px;border-radius:7px;background:#F3F6F9;font-size:10.5px;color:var(--tinta-2);min-width:0}
.sg3-conta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sg3-conta em,.sg3-rec em{font-style:normal;color:var(--acento);font-weight:600;white-space:nowrap}
.sg3-codigo{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.sg3-codigo span{height:36px;display:grid;place-items:center;border:1px solid #D5DCE3;border-radius:7px;font-family:var(--numero);font-size:16px}
.sg3-ok{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border-radius:8px;background:var(--ciano);color:#0B1B2B;font-weight:600;font-size:13px}
.sg3-ok svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sg3-chip{align-self:flex-start;display:flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;border:1px solid rgba(20,112,138,.3);background:#EEF7FA;font-size:10.5px;color:var(--acento)}
.sg3-chip::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ciano)}
.sg3-rec{padding-top:8px;border-top:1px solid var(--linha);font-size:10.5px;color:var(--suave)}
@media (max-width:600px){.sg3-corpo{grid-template-columns:minmax(0,1fr)}.sg3-lado{display:none}.sg3-nav,.sg3-mais{display:none}}
.sg2{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.sg3-cartao,.sg3-form{min-width:0}
.sg3-conta span{min-width:0;flex:1}
.sg3-form{padding:18px}
.sg2-lista{grid-template-columns:minmax(0,1fr);gap:12px}

/* Demonstração compacta: cabe em uma tela */
#demonstracao{padding-block:clamp(40px,5vw,64px)}
.demo{border-radius:20px}
.demo-lado,.demo .formulario{padding:clamp(24px,3vw,40px)}
.demo-lado .selo{margin-bottom:12px}
.demo-lado .titulo-2{font-size:clamp(28px,2.8vw,40px)}
.demo-lado .lead{margin-top:12px;font-size:15.5px}
.demo-passos{margin-top:24px;gap:14px}
.demo-passos li{gap:12px;grid-template-columns:28px minmax(0,1fr)}
.demo-passos .mono{width:28px;height:28px;font-size:12px}
.demo-passos li + li::before{left:13px;top:-14px;height:14px}
.demo-passos li:not(:last-child)::after{left:13px;top:28px}
.demo-passos b{font-size:15px}
.demo-passos span{font-size:13px}
.demo .formulario{gap:12px 16px}
.form-cab{padding-bottom:12px;margin-bottom:0}
.form-cab b{font-size:19px}
.demo .campo{gap:4px}
.demo .campo input,.demo .campo select{min-height:40px;font-size:14px}
.demo .aceite{font-size:12.5px}
.demo .formulario .btn{min-height:46px;font-size:15px}

/* 23 · DRE e DFC estruturadas */
.dx{border:1px solid #DDE2E8;border-radius:10px;background:#fff;overflow:hidden}
.dx-barra{display:flex;align-items:center;gap:12px;padding:12px 16px;flex-wrap:wrap}
.dx-rot{font-size:12.5px;color:#6B7683}
.dx-seg{display:inline-flex;padding:3px;border:1px solid #DDE2E8;border-radius:9px;background:#F7F9FB}
.dx-seg button{padding:6px 12px;border:0;border-radius:7px;background:transparent;font:inherit;font-size:12.5px;color:#4B5A6A;cursor:pointer}
.dx-seg button.on{background:#0B1B2B;color:#fff;font-weight:600}
.dx-info{margin-left:auto;font-size:12px;color:#6B7683}
.dx-tab{width:100%;border-collapse:collapse;font-size:13px}
.dx-tab th{padding:10px 14px;background:linear-gradient(180deg,#17334F,#0B1B2B);color:#fff;font-family:var(--numero);font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-align:left;white-space:nowrap}
.dx-tab th.on{box-shadow:inset 0 -3px 0 var(--ciano)}
.dx-tab td{padding:8px 14px;border-top:1px solid #EDF0F3;color:#0B1B2B;white-space:nowrap}
.dx-tab .num{text-align:right;font-family:var(--numero)}
.dx-tab .mut{color:#8B97A3}
.dx-r td{font-weight:600;background:#FAFBFC}
.dx-r td:first-child{font-family:var(--marca)}
.dx-g td{color:#4B5A6A;font-size:12.5px}
.dx-g td:first-child{padding-left:26px}
.dx-m td{color:#6B7683;font-size:12px;padding-top:6px;padding-bottom:6px}
.dx-f td{background:#0B1B2B;color:#fff;font-weight:700}
.dx-f td:first-child{font-family:var(--marca)}
.dx-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:5px;font-size:12px;font-weight:600}
.dx-chip i,.dx-pp i{font-style:normal;font-size:8px}
.dx-chip.pos{background:rgba(21,154,139,.12);color:#0E6B60}
.dx-chip.neg{background:rgba(192,57,43,.12);color:#8E2119}
.dx-f .dx-chip{background:rgba(255,255,255,.12);color:#fff}
.dx-pp{display:inline-flex;align-items:center;gap:4px;font-size:12px}
.dx-pp.pos i{color:#159A8B}.dx-pp.neg i{color:#C0392B}
.dx[data-nivel="r"] tr[data-n="g"],.dx[data-nivel="r"] tr[data-n="c"],.dx[data-nivel="g"] tr.dx-m{display:none}
.dx-dfc .dx-tab td,.dx-dfc .dx-tab th{padding-left:9px;padding-right:9px;font-size:12px}
.dx-dfc .dx-tab th{font-size:10px}
.dx-dfc .tot{border-left:1px solid #DDE2E8;font-weight:700}
.dx-dfc th.tot{border-left-color:rgba(255,255,255,.2)}
.dx-gr td{font-weight:600;background:#F3F7FA}
.dx-gr td:first-child{box-shadow:inset 3px 0 0 #1E7A93;font-family:var(--marca)}
.dx-seta{display:inline-block;margin-right:8px;font-style:normal;color:#6B7683;transition:transform .2s}
.dx[data-nivel="c"] .dx-seta{transform:rotate(90deg)}
.dx-ct td{color:#4B5A6A}
.dx-ct td:first-child{padding-left:30px}
.dx-var td{font-weight:500;border-top:1px solid #C9D2DA}
.dx-si td{color:#6B7683}
.dx-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
.cad-topo{display:flex;justify-content:flex-start;margin-bottom:-2px}
.cad-bt{display:inline-block;margin-left:6px;padding:3px 9px;border:1px solid #D5DCE3;border-radius:6px;font-family:var(--texto);font-size:11.5px;color:#0B1B2B}
.cad-bt.ex{color:#8E2119;border-color:rgba(192,57,43,.3)}
.dx[data-nivel="g"] .dx-tab td{padding-top:5px;padding-bottom:5px}
.dx[data-nivel="c"] .dx-tab td{padding-top:5px;padding-bottom:5px}
.app-vista:has(.dx[data-nivel="c"]) .dx-kpis{display:none}
.cad-topo{margin-bottom:10px}
.app-tabela .pos{color:#0E6B60;font-weight:600}.app-tabela .neg{color:#C0392B;font-weight:600}
.cc-sis .hp-graf{margin:0}.cc-sis .hp-graf svg{max-height:200px;width:100%}

/* 24 · Orbita Insight */
.ins-capa{padding-bottom:clamp(64px,8vw,104px)}
.ins-capa-in{max-width:760px;margin-top:clamp(32px,4vw,56px)}
.ins-capa .selo{color:var(--ciano)}
.ins-capa .lead{margin:22px 0 30px}
.ins-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ins-card{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:var(--raio);border:1px solid var(--borda);background:#fff;transition:transform .2s,box-shadow .2s}
.ins-card:hover{transform:translateY(-3px);box-shadow:var(--sombra)}
.ins-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--tinta);color:#fff}
.ins-ic svg{width:22px;height:22px}
.ins-card h3{font-family:var(--marca);font-weight:600;font-size:18px}
.ins-card p{font-size:14px;line-height:1.55;color:var(--tinta-2)}
.ins-como{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:start}
.ins-ex{margin:28px 0 0;padding:20px 22px;border-radius:14px;background:var(--tinta);color:#fff}
.ins-ex .rotulo{color:var(--ciano)}
.ins-ex p{margin-top:8px;font-family:var(--marca);font-size:17px;line-height:1.45}
.ins-passos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ins-passos li{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px;padding:20px 0;border-top:1px solid var(--borda)}
.ins-passos li:last-child{border-bottom:1px solid var(--borda)}
.ins-passos .mono{grid-row:1 / span 2;font-size:22px;color:var(--azul)}
.ins-passos b{font-family:var(--marca);font-weight:600;font-size:19px}
.ins-passos p{margin-top:4px;font-size:14.5px;color:var(--tinta-2)}
.ins-fim{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.ins-fim .acoes{justify-content:center;margin-top:8px}
@media (max-width:1000px){.ins-grade{grid-template-columns:repeat(2,minmax(0,1fr))}.ins-como{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.ins-grade{grid-template-columns:minmax(0,1fr)}}

/* 25 · Fases (linha do tempo curta) */
.fs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;position:relative}
.fs::before{content:"";position:absolute;left:0;right:0;top:44px;height:2px;background:linear-gradient(90deg,var(--azul),var(--ciano),rgba(55,183,214,.2))}
.fs li{position:relative;display:flex;flex-direction:column;gap:10px}
.fs-n{font-size:28px;color:var(--azul);line-height:1}
.fs-ponto{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--ciano);margin:4px 0 6px;box-shadow:0 0 0 5px rgba(55,183,214,.15)}
.fs h3{font-family:var(--marca);font-weight:600;font-size:22px;color:var(--tinta)}
.fs p{font-size:15px;line-height:1.5;color:var(--tinta-2);max-width:26ch}
.fs-kpis{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.fs-kpis span{font-family:var(--numero);font-size:11px;padding:4px 9px;border-radius:999px;background:#fff;border:1px solid var(--borda);color:var(--acento)}
@media (max-width:1000px){.fs{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}.fs::before{display:none}}
@media (max-width:600px){.fs{grid-template-columns:minmax(0,1fr)}}

/* 24b · Orbita Insight em uma tela */
.in1{min-height:calc(100vh - var(--topo));display:flex;align-items:center;padding:clamp(24px,3vw,40px) 0}
.in1 .wrap{width:100%}
.in1-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;margin-top:clamp(16px,2.5vw,32px)}
.in1 .selo{color:var(--ciano)}
.in1 h1{margin:0;color:#fff;font-size:clamp(36px,4.2vw,58px)}
.in1 h1 em{color:var(--ciano)}
.in1 .lead{margin:18px 0 26px;color:var(--sobre-escuro-2);max-width:44ch}
.in1-passos{list-style:none;margin:32px 0 0;padding:20px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border-top:1px solid rgba(255,255,255,.12)}
.in1-passos li{display:flex;flex-direction:column;gap:4px}
.in1-passos .mono{font-size:12px;color:var(--ciano)}
.in1-passos b{font-family:var(--marca);font-weight:600;font-size:15px;color:#fff}
.in1-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.in1-card{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);transition:background .2s,border-color .2s}
.in1-card:hover{background:rgba(55,183,214,.08);border-color:rgba(55,183,214,.35)}
.in1-card .ins-ic{background:rgba(55,183,214,.14);color:var(--ciano)}
.in1-card h3{font-family:var(--marca);font-weight:600;font-size:17px;color:#fff}
.in1-card p{margin-top:6px;font-size:13.5px;line-height:1.5;color:var(--sobre-escuro-2)}
@media (max-width:1000px){.in1{min-height:0}.in1-grade{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.in1-cards{grid-template-columns:minmax(0,1fr)}.in1-passos{grid-template-columns:minmax(0,1fr)}}

/* 26 · Acreditação hospitalar */
.ac{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:center}
.ac-texto .lead{margin-top:18px}
.ac-selos{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ac-selos li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;aspect-ratio:1/1;max-width:140px;border-radius:50%;border:2px solid var(--tinta);text-align:center;padding:12px;position:relative}
.ac-selos li::before{content:"";position:absolute;inset:6px;border-radius:50%;border:1px dashed rgba(11,27,43,.25)}
.ac-selos b{font-family:var(--marca);font-weight:700;font-size:22px;color:var(--tinta)}
.ac-selos span{font-size:11px;line-height:1.3;color:var(--tinta-2)}
.ac-painel{padding:24px;border-radius:var(--raio);background:#fff;border:1px solid var(--borda);box-shadow:var(--sombra);display:flex;flex-direction:column;gap:18px}
.ac-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.ac-cab .rotulo{color:var(--acento)}
.ac-cab b{display:block;font-family:var(--marca);font-size:18px;font-weight:600;margin-top:2px}
.ac-data{font-family:var(--numero);font-size:11px;padding:4px 10px;border-radius:999px;background:#E3F1F8;color:var(--acento);white-space:nowrap}
.ac-barras{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ac-barras li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 44px;gap:12px;align-items:center;font-size:13.5px;color:var(--tinta-2)}
.ac-barras i{height:8px;border-radius:99px;background:#E9EEF2;overflow:hidden}
.ac-barras u{display:block;height:100%;border-radius:99px;background:var(--ok)}
.ac-barras li.at u{background:var(--atencao)}
.ac-barras b{font-family:var(--numero);font-weight:500;text-align:right;color:var(--tinta)}
.ac-num{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:16px;border-top:1px solid var(--linha)}
.ac-num span{display:block;font-size:12px;color:var(--suave)}
.ac-num b{font-family:var(--numero);font-weight:500;font-size:19px}
@media (max-width:1000px){.ac{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.ac-barras li{grid-template-columns:minmax(0,1fr) 44px}.ac-barras i{grid-column:1 / -1;grid-row:2}.ac-selos b{font-size:18px}}

/* 27 · Hospitalar de impacto */
.hpx{padding-bottom:0}
.hpx h1{font-size:clamp(36px,4.4vw,60px)}
.hpx-barra{height:16px;margin:10px 0 6px}
.cch-num b.pos{color:var(--ok)}
.hpx-faixa{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:26px 0 30px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.12)}
.hpx-faixa li{display:flex;flex-direction:column;gap:4px;padding-right:20px}
.hpx-faixa li + li{padding-left:20px;border-left:1px solid rgba(255,255,255,.1)}
.hpx-faixa b{font-family:var(--marca);font-weight:600;font-size:clamp(26px,2.6vw,36px);color:#fff;letter-spacing:-.02em}
.hpx-faixa span{font-size:13.5px;color:var(--sobre-escuro-2)}
.cp-barra{display:flex;height:22px;border-radius:6px;overflow:hidden;gap:2px}
.cp-barra i{display:block;height:100%}
.cp-grade{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,80px);align-items:center}
.cp-texto .lead{margin-top:18px}
.cp-passos{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.cp-passos li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start}
.cp-passos .mono{font-size:14px;color:var(--azul);padding-top:2px}
.cp-passos b{font-family:var(--marca);font-weight:600;font-size:16.5px}
.cp-passos p{font-size:14px;color:var(--tinta-2);margin-top:2px}
.cp{padding:24px;border-radius:20px;background:#fff;border:1px solid var(--borda);box-shadow:var(--sombra)}
.cp-abas{display:flex;flex-wrap:wrap;gap:6px;padding:4px;border-radius:12px;background:var(--fundo-2);margin-bottom:20px}
.cp-aba{flex:1 1 auto;padding:9px 12px;border:0;border-radius:9px;background:transparent;font:inherit;font-size:13.5px;color:var(--tinta-2);cursor:pointer}
.cp-aba.on{background:var(--tinta);color:#fff;font-weight:600}
.cp-painel{display:flex;flex-direction:column;gap:16px}
.cp-painel[hidden]{display:none}
.cp-topo{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.cp-topo .rotulo{color:var(--acento)}
.cp-custo{display:block;font-family:var(--marca);font-weight:600;font-size:clamp(30px,3vw,40px);letter-spacing:-.02em;margin-top:2px}
.cp-chip{font-family:var(--numero);font-size:11px;padding:4px 10px;border-radius:999px;background:#E3F1F8;color:var(--acento)}
.cp-leg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
.cp-leg li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:13px;color:var(--tinta-2)}
.cp-leg i{width:10px;height:10px;border-radius:3px}
.cp-leg b{font-family:var(--numero);font-weight:500;font-size:12.5px;color:var(--tinta)}
.cp-conv{padding-top:14px;border-top:1px solid var(--linha)}
.cp-conv ul{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cp-conv li{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:12px;background:var(--fundo-2);border-top:3px solid var(--ok)}
.cp-conv li.at{border-top-color:var(--atencao)}
.cp-conv li.neg{border-top-color:var(--falha);background:#FDF3F2}
.cp-conv li span:first-child{font-size:12.5px;color:var(--tinta-2)}
.cp-conv li .mono{font-size:12px;color:var(--suave)}
.cp-conv li b{font-family:var(--numero);font-weight:600;font-size:20px;color:var(--ok)}
.cp-conv li.at b{color:#B07A18}.cp-conv li.neg b{color:var(--falha)}
@media (max-width:1000px){.cp-grade{grid-template-columns:minmax(0,1fr)}.hpx-faixa{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.hpx-faixa li:nth-child(3){padding-left:0;border-left:0}}
@media (max-width:600px){.cp-leg,.cp-conv ul{grid-template-columns:minmax(0,1fr)}.cp-aba{flex:1 1 100%}}

/* 24c · Páginas de módulo e Insight: texto em cima, quatro cartões em uma fileira */
.in1-linha{align-items:stretch}
.in1-linha .wrap{display:flex;flex-direction:column;justify-content:center}
.in1-topo{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px clamp(32px,5vw,72px);align-items:end;margin-top:clamp(16px,2.5vw,32px)}
.in1-topo .lead{margin:0 0 20px}
.in1-topo h1{font-size:clamp(34px,3.8vw,54px)}
.in1-fila{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(28px,3.5vw,44px)}
.in1-fila .in1-card{padding:18px}
.in1-rodape{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}
.in1-rodape .rotulo{color:var(--ciano)}
.in1-rodape ul,.in1-rodape ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.in1-rodape li{padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);font-size:13px;color:#E2E9EF}
.in1-rodape ol{counter-reset:p}
.in1-rodape ol li{counter-increment:p}
.in1-rodape ol li::before{content:counter(p,decimal-leading-zero) "  ";font-family:var(--numero);color:var(--ciano);font-size:11.5px}
@media (max-width:1100px){.in1-fila{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1000px){.in1-topo{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.in1-fila{grid-template-columns:minmax(0,1fr)}}

/* 27b · Hospitalar enxuta e profissional */
.hpx{padding:clamp(24px,3vw,40px) 0 clamp(48px,6vw,80px)}
.hpx-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,72px);align-items:center;margin-top:clamp(20px,3vw,36px)}
.hpx .selo{color:var(--ciano)}
.hpx h1{margin:0;color:#fff;font-size:clamp(36px,4vw,56px)}
.hpx h1 em{color:var(--ciano)}
.hpx .lead{margin:20px 0 28px;color:var(--sobre-escuro-2);max-width:44ch}
.hpx .acoes{align-items:center;gap:22px}
.hpx .hpx-faixa{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(32px,4vw,48px);padding:22px 0 0}
.hpx .hpx-faixa b{font-size:clamp(24px,2.3vw,32px)}
.hpx .cp{box-shadow:0 40px 80px -40px rgba(0,0,0,.7);border:0}
.hpx .cp-conv li b{font-size:18px}
.hpx-fim{padding-block:clamp(48px,6vw,80px)}
.hpx-fim-in{display:flex;align-items:center;justify-content:space-between;gap:24px 48px;flex-wrap:wrap}
.hpx-fim-in .titulo-2{color:#fff}
.hpx-fim-in .lead{margin-top:12px;color:var(--sobre-escuro-2);max-width:56ch}
@media (max-width:1000px){.hpx-grade{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.hpx .hpx-faixa{grid-template-columns:minmax(0,1fr)}.hpx .hpx-faixa li + li{padding-left:0;border-left:0}}
.cp{color:var(--tinta)}.hpx .cp-aba{flex:1 1 0;white-space:nowrap;font-size:13px;padding:9px 8px}
.cpt{width:100%;border-collapse:collapse;font-size:13.5px}
.cpt th{padding:0 0 8px;font-family:var(--numero);font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--suave);text-align:left;border-bottom:1px solid var(--borda)}
.cpt td{padding:10px 0;border-bottom:1px solid var(--linha);color:var(--tinta)}
.cpt tr:last-child td{border-bottom:0}
.cpt .num{text-align:right;font-family:var(--numero);padding-right:20px}
.cpt-m{width:44%}
.cpt-m{display:flex;align-items:center;gap:10px;justify-content:flex-end}
.cpt-m i{flex:1;max-width:140px;height:6px;border-radius:99px;background:#E9EEF2;overflow:hidden}
.cpt-m u{display:block;height:100%;background:var(--tinta);border-radius:99px}
.cpt-m b{font-family:var(--numero);font-weight:500;width:58px;text-align:right}
.cpt tr.neg .cpt-m u{background:var(--falha)}
.cpt tr.neg .cpt-m b{color:var(--falha)}
.cp-conv{padding-top:16px}
.cpt-m{display:table-cell;width:46%}
.cpt-m div{display:flex;align-items:center;justify-content:flex-end;gap:10px}
@media (min-width:1101px){.in1-fila[style*="--n"]{grid-template-columns:repeat(var(--n),minmax(0,1fr))}}

/* 28 · Dashboard da Construção civil */
.db-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
.db-kpis .app-kpi:first-child{background:#E3F1F8;border-color:#BFE0EE}
.db-grade{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px}
.db-cab{display:flex;justify-content:space-between;align-items:center;gap:10px}
.db-leg-h{display:flex;align-items:center;gap:6px;font-size:11px;color:#6B7683}
.db-leg-h i{width:10px;height:10px;border-radius:2px;margin-left:8px}
.db-leg-h .bk,.db-svg .bk{background:#9FB0BD;fill:#9FB0BD}
.db-leg-h .fc,.db-svg .fc{background:#1E9BC8;fill:#1E9BC8}
.db-leg-h .rl,.db-svg .rl{background:#159A8B;fill:#159A8B}
.db-svg{width:100%;height:auto;display:block;margin-top:6px}
.db-svg .grade line{stroke:#EDF0F3}
.db-svg text{font-family:var(--numero);font-size:10px;fill:#6B7683}
.db-svg .rot{font-family:var(--texto);font-size:10px;fill:#4B5A6A}
.db-rosca-box{display:grid;place-items:center;padding:6px 0}
.db-rosca{width:min(100%,210px);height:auto}
.db-rosca path{fill:none;stroke-width:26}
.db-rosca .s1{stroke:#0B1B2B}.db-rosca .s2{stroke:#37B7D6}
.db-rosca .t1{font-family:var(--marca);font-weight:600;font-size:17px;fill:#0B1B2B}
.db-rosca .t2{font-size:8.5px;fill:#6B7683}
.db-leg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.db-leg li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0;border-top:1px solid #E6E9EE;font-size:12.5px;color:#3F4E5E}
.db-leg li i{width:10px;height:10px;border-radius:3px;background:#C9D2DA}
.db-leg li i.s1{background:#0B1B2B}.db-leg li i.s2{background:#37B7D6}
.db-leg li b{font-family:var(--numero);font-weight:500;color:#0B1B2B}
.db-leg li.mut{color:#8B97A3}.db-leg li.mut b{color:#8B97A3;font-weight:400}
.db-svg text{text-transform:none;letter-spacing:0}
.db-svg .rx{font-family:var(--texto);font-size:10px;fill:#4B5A6A}
.db-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cc-sis .sp-card{padding:13px 14px;gap:9px;background:#fff;border-color:#DDE2E8}
.cc-sis .sp-card header b{font-size:14px}
.cc-sis .sp-card header p{font-size:15px}
.cc-sis .sp-tres b{font-size:13.5px}
.cc-sis .sp-av{font-size:12px}
.cc-sis .sp-cen{padding-top:8px}
.cc-sis .sp-cen ul{gap:4px;margin-top:6px}
.cc-sis .sp-cen li{font-size:11px;grid-template-columns:58px minmax(0,1fr) 68px}
.db-cards{gap:10px}
.cc-sis .db-cards .sp-card{gap:7px;padding:11px 13px}
.cc-sis .db-cards .sp-cen{padding-top:6px}
.cc-sis .db-cards .sp-tres span{font-size:10.5px}
.db-cards{margin-top:10px}.cc-sis .db-cards .sp-card{gap:6px;padding:10px 13px}.cc-sis .db-cards .sp-cen ul{gap:3px}

/* Topo: menu centralizado na página, entre logo e botão */
@media (min-width:1101px){
  .topo-in{display:grid;grid-template-columns:1fr auto 1fr;gap:24px}
  .topo nav{flex:none}
  .topo-acoes{justify-self:end}
  .topo nav > ul{gap:6px}
}
.sg3{border:0;background:#202B37}

/* 29 · Capa de plataforma: texto centralizado e a tela real do Orbita */
.hx{position:relative;overflow:hidden;padding:clamp(48px,6vw,88px) 0 0;background:radial-gradient(900px 480px at 50% 0%,rgba(55,183,214,.22),transparent 65%),linear-gradient(180deg,#0B1B2B 0%,#0E2236 62%,#F4F8FB 62%,#F4F8FB 100%);color:var(--sobre-escuro)}
.hx::before{content:"";position:absolute;inset:0 0 38% 0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,#000 30%,transparent);pointer-events:none}
.hx .wrap{position:relative}
.hx-texto{max-width:880px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.hx-texto .selo{color:var(--ciano)}
.hx-texto .selo::before{display:none}
.hx h1{margin:0;color:#fff;font-size:clamp(38px,5.2vw,72px)}
.hx h1 em{color:var(--ciano)}
.hx .lead{margin:22px auto 30px;max-width:62ch;color:var(--sobre-escuro-2)}
.hx .acoes{justify-content:center;gap:12px}
.hx-sec{color:#fff;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.04)}
.hx-sec:hover{background:rgba(255,255,255,.1)}
.hx-tela{margin-top:clamp(40px,5vw,64px);scroll-margin-top:calc(var(--topo) + 16px)}
.hx-tela .app.sis{box-shadow:0 60px 120px -50px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.06)}
.hx-nota{margin:16px 0 0;text-align:center;font-size:12.5px;color:var(--suave)}
.hx-faixa{margin-top:clamp(28px,3.5vw,44px);background:#F4F8FB;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.mx{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.mx-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:14px;border:1px solid var(--borda);background:#fff;text-decoration:none;color:var(--tinta);transition:border-color .2s,transform .2s,box-shadow .2s}
.mx-card:hover{border-color:var(--azul);transform:translateY(-2px);box-shadow:var(--sombra)}
.mx-ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--tinta);color:#fff;margin-bottom:8px}
.mx-ic svg{width:20px;height:20px}
.mx-card b{font-family:var(--marca);font-weight:600;font-size:16.5px}
.mx-card span:not(.mx-ic){font-size:13px;line-height:1.45;color:var(--tinta-2)}
.mx-card i{position:absolute;top:18px;right:18px;font-style:normal;color:var(--suave);transition:transform .2s,color .2s}
.mx-card:hover i{color:var(--azul);transform:translateX(3px)}
@media (max-width:1100px){.mx{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.mx{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:440px){.mx{grid-template-columns:minmax(0,1fr)}}
.hx .app{color:var(--tinta)}.hx .app .app-menu{color:#DCE3E9}
.hx{padding-top:calc(var(--topo) + clamp(24px,4vw,48px))}

/* 30 · Banners rotativos da capa */
.bn{background:radial-gradient(900px 520px at 78% 30%,rgba(55,183,214,.2),transparent 62%),linear-gradient(180deg,#0B1B2B,#0E2236);padding-bottom:0}
.bn::before{inset:0}
.bn-slides{display:grid}
.bn-slide{grid-area:1 / 1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,72px);align-items:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .6s var(--entrada),transform .6s var(--entrada),visibility 0s .6s}
.bn-slide.on{opacity:1;visibility:visible;transform:none;transition:opacity .6s var(--entrada),transform .6s var(--entrada)}
.bn-texto .selo{color:var(--ciano)}
.bn-tit{margin:0;color:#fff;font-size:clamp(36px,4.4vw,62px)}
.bn-tit em{color:var(--ciano);display:block}
.bn-texto .lead{margin:20px 0 30px;color:var(--sobre-escuro-2);max-width:46ch}
.bn-texto .acoes{gap:12px}
.bn-visual{display:flex;justify-content:center}
.bn-card{width:min(100%,520px);border-radius:16px;overflow:hidden;background:#fff;color:var(--tinta);box-shadow:0 50px 100px -40px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.06)}
.bn-barra{display:flex;align-items:center;gap:6px;padding:9px 14px;background:#EEF2F6;border-bottom:1px solid var(--linha)}
.bn-barra i{width:9px;height:9px;border-radius:50%;background:#CFD7DF}
.bn-barra span{margin-left:10px;font-family:var(--numero);font-size:11px;color:var(--suave);background:#fff;padding:3px 10px;border-radius:6px}
.bn-corpo{padding:20px;display:flex;flex-direction:column;gap:14px}
.bn-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.bn-cab .rotulo{color:var(--acento)}
.bn-cab b{display:block;font-family:var(--marca);font-size:18px;font-weight:600;margin-top:2px}
.bn-chip{font-family:var(--numero);font-size:10.5px;padding:4px 10px;border-radius:999px;background:#E3F1F8;color:var(--acento);white-space:nowrap}
.bn-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}
.bn-kpis div{padding:10px 12px;border-radius:10px;background:var(--fundo-2);display:flex;flex-direction:column;gap:2px}
.bn-kpis span{font-size:11px;color:var(--suave)}
.bn-kpis b{font-family:var(--numero);font-weight:500;font-size:16px}
.bn-kpis em{font-style:normal;font-family:var(--numero);font-size:10.5px;color:var(--suave)}
.bn-kpis em.ok{color:var(--ok)}.bn-kpis em.at{color:#B07A18}
.bn-barras{display:flex;align-items:flex-end;gap:6px;height:90px;padding-top:6px;border-top:1px solid var(--linha)}
.bn-barras i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#37B7D6,#1E9BC8)}
.bn-barras i:last-child{background:#0B1B2B}
.bn-tab{width:100%;border-collapse:collapse;font-size:13px}
.bn-tab th{text-align:left;font-family:var(--numero);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#0B1B2B;padding:8px 10px}
.bn-tab th:not(:first-child),.bn-tab td:not(:first-child){text-align:right}
.bn-tab td{padding:9px 10px;border-bottom:1px solid var(--linha);font-family:var(--numero)}
.bn-tab td:first-child{font-family:var(--texto)}
.bn-tab td.neg{color:#B07A18}
.bn-custo{display:flex;flex-direction:column;gap:6px}
.bn-custo .rotulo{color:var(--suave)}
.bn-custo b{font-family:var(--marca);font-size:28px;font-weight:600}
.bn-card .zm-graf{max-height:130px}
.bn-nav{display:flex;align-items:center;gap:14px;margin-top:clamp(32px,4vw,48px)}
.bn-pontos{flex:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.bn-pontos button{display:flex;flex-direction:column;gap:8px;padding:0;border:0;background:none;text-align:left;font:inherit;font-size:12.5px;color:#7F93A6;cursor:pointer}
.bn-pontos button i{display:block;height:3px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden;position:relative}
.bn-pontos button.on{color:#fff}
.bn-pontos button.on i::after{content:"";position:absolute;inset:0;background:var(--ciano);transform-origin:left;transform:scaleX(1)}
.bn.rodando .bn-pontos button.on i::after{animation:bnCiclo 7s linear forwards}
@keyframes bnCiclo{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.bn-seta{width:38px;height:38px;flex:none;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-size:20px;line-height:1;cursor:pointer}
.bn-seta:hover{background:rgba(255,255,255,.08)}
.bn .hx-faixa{margin-top:clamp(28px,3.5vw,44px)}
@media (max-width:1000px){.bn-slide{grid-template-columns:minmax(0,1fr)}.bn-pontos span{display:none}}
@media (max-width:600px){.bn-visual{display:none}.bn-seta{display:none}}
@media (prefers-reduced-motion:reduce){.bn-slide{transition:none}}
.bn .acoes{justify-content:flex-start}.bn-kpis b{white-space:nowrap;font-size:15px}.bn-kpis em{white-space:nowrap}
.bn-pontos{grid-template-columns:repeat(3,minmax(0,1fr))}
.bn.rodando .bn-pontos button.on i::after{animation-duration:5s}
.bn-app-corpo{display:grid;grid-template-columns:130px minmax(0,1fr)}
.bn-app aside{background:#0B1B2B;color:#C9D5DF;padding:16px 12px}
.bn-app aside b{display:block;font-family:var(--marca);font-size:17px;color:#fff;margin-bottom:12px}
.bn-app aside ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.bn-app aside li{font-size:12px;padding:6px 8px;border-radius:6px}
.bn-app aside li.on{background:rgba(55,183,214,.16);color:#fff;font-weight:600;box-shadow:inset 2px 0 0 var(--ciano)}
.bn-app .bn-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.bn-integ{width:min(100%,540px);display:grid;grid-template-columns:minmax(0,1.3fr) 56px minmax(0,.8fr);align-items:center}
.bn-fontes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.bn-fontes li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.bn-fic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgba(55,183,214,.16);color:var(--ciano);font-family:var(--marca);font-weight:700}
.bn-fontes b{display:block;color:#fff;font-size:14px}
.bn-fontes small{font-size:11.5px;color:var(--sobre-escuro-2)}
.bn-fontes em{font-style:normal;font-family:var(--numero);font-size:10.5px;padding:3px 8px;border-radius:999px}
.bn-fontes em.ok{background:rgba(21,154,139,.2);color:#6FD8CB}.bn-fontes em.at{background:rgba(224,164,59,.2);color:#F2C574}
.bn-liga{display:flex;flex-direction:column;gap:18px;align-items:center}
.bn-liga i{width:100%;height:2px;background:linear-gradient(90deg,rgba(55,183,214,.1),var(--ciano));position:relative;overflow:hidden}
.bn-liga i::after{content:"";position:absolute;top:-2px;width:8px;height:6px;border-radius:3px;background:#fff;animation:bnFlui 1.8s linear infinite}
.bn-liga i:nth-child(2)::after{animation-delay:.6s}.bn-liga i:nth-child(3)::after{animation-delay:1.2s}
@keyframes bnFlui{from{left:-10%}to{left:100%}}
.bn-nucleo{display:flex;flex-direction:column;align-items:center;gap:4px;padding:24px 14px;border-radius:18px;background:linear-gradient(160deg,#17334F,#0B1B2B);border:1px solid rgba(55,183,214,.35);box-shadow:0 0 60px -10px rgba(55,183,214,.45);text-align:center}
.bn-nucleo svg{width:58px;height:58px;margin-bottom:8px}
.bn-nucleo b{font-family:var(--marca);color:#fff;font-size:16px}
.bn-nucleo span{font-size:11.5px;color:var(--sobre-escuro-2)}
.bn-rel{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.bn-rel .btn-s{font-size:11.5px;padding:5px 10px;border:1px solid var(--borda);border-radius:7px}
.bn-rel em{font-style:normal;font-size:11px;color:var(--suave);margin-left:auto}
@media (prefers-reduced-motion:reduce){.bn-liga i::after{animation:none}}

/* Banners cabem na primeira tela, com a faixa de sistemas no fim */
.bn{min-height:calc(100vh - 0px);min-height:100svh;display:flex;flex-direction:column;padding-top:calc(var(--topo) + clamp(16px,3vh,36px))}
.bn > .wrap{flex:1;display:flex;flex-direction:column;justify-content:center}
.bn-tit{font-size:clamp(34px,min(4.2vw,7.2vh),60px)}
.bn-texto .lead{margin:clamp(12px,2vh,20px) 0 clamp(18px,3vh,30px)}
.bn-nav{margin-top:clamp(20px,4vh,40px)}
.bn .hx-faixa{margin-top:clamp(20px,3vh,36px)}
.bn-card .zm-graf{max-height:min(130px,16vh)}
.bn-barras{height:min(90px,11vh)}
@media (max-height:760px) and (min-width:1001px){.bn-corpo{padding:16px;gap:10px}.bn-kpis div{padding:8px 10px}.bn-tab td{padding:7px 10px}}
@media (max-width:1000px){.bn{min-height:0}}

/* Navegação dos banners: só pontinhos */
.bn-nav{justify-content:center;gap:10px}
.bn-seta{display:none}
.bn-pontos{flex:none;display:flex;gap:10px}
.bn-pontos button span{display:none}
.bn-pontos button{width:10px;height:10px;padding:0;border-radius:99px;background:rgba(255,255,255,.28);transition:width .3s var(--entrada),background .3s}
.bn-pontos button i{display:none}
.bn-pontos button.on{width:30px;background:var(--ciano)}
.bn-pontos button:hover{background:rgba(255,255,255,.5)}
.bn-pontos button.on:hover{background:var(--ciano)}

/* Banners padronizados: mesmo tamanho de título, mesma posição e mesma altura de visual */
.bn-slide{align-items:stretch}
.bn-texto{display:flex;flex-direction:column;justify-content:center}
.bn-tit{font-size:clamp(32px,min(3.6vw,6.4vh),52px);line-height:1.04}
.bn-tit em{display:block;min-height:2.08em}
.bn-texto .lead{min-height:4.8em;margin:clamp(14px,2.2vh,22px) 0 clamp(18px,3vh,28px)}
.bn-visual{align-items:center;min-height:min(420px,48vh)}
.bn-card,.bn-integ{width:min(100%,520px)}
.bn-tit{font-size:clamp(30px,min(3.2vw,6vh),46px)}.bn-texto{max-width:600px}
.hx h1.bn-tit,.bn-tit{font-size:clamp(30px,min(3.2vw,6vh),46px)}
.bn-slide{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.bn-tit em{min-height:0;white-space:nowrap}
.hx h1.bn-tit,.bn-tit{font-size:clamp(28px,min(3.3vw,6vh),48px)}
.bn-texto .lead{min-height:4.65em}
@media (max-width:1000px){.bn-tit em{white-space:normal}}
.bn-slide{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}

/* Banners com a marca em destaque e títulos maiores */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bn-slide{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(28px,4vw,56px)}
.bn-marca{margin-bottom:clamp(14px,2.2vh,24px)}
.bn-marca svg{display:block;height:clamp(34px,min(3.4vw,6vh),54px);width:auto}
.hx h1.bn-tit,.bn-tit{font-size:clamp(34px,min(3.9vw,7.4vh),62px);line-height:1.02;letter-spacing:-.03em}
.bn-texto .lead{font-size:clamp(16px,1.25vw,19px);min-height:4.65em;max-width:44ch}
.bn-texto .acoes .btn{min-height:52px;padding-inline:26px;font-size:15.5px}
.bn-texto .btn-ciano{box-shadow:0 14px 32px -12px rgba(55,183,214,.7)}
.bn-prova{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}
.bn-prova li{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--sobre-escuro-2)}
.bn-prova li::before{content:"";width:14px;height:14px;flex:none;border-radius:50%;background:rgba(55,183,214,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M4 7.2L6 9.2L10 5' fill='none' stroke='%2337B7D6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.bn-card,.bn-integ{width:min(100%,500px)}
@media (max-width:1000px){.bn-slide{grid-template-columns:minmax(0,1fr)}}
.bn-app-corpo{grid-template-columns:112px minmax(0,1fr)}.bn-app .bn-chip{display:none}.bn-prova{gap:8px 16px}
.bn-tit em{white-space:normal;max-width:15em}
.bn-texto .lead{min-height:0;max-width:38ch;font-size:clamp(17px,1.35vw,20px)}

/* 31 · Miniatura no padrão da tela do Orbita (banners) */
.mo{width:min(100%,560px);border-radius:14px;overflow:hidden;background:#fff;color:#0B1B2B;box-shadow:0 50px 100px -40px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.06);font-size:12px}
.mo-barra{display:flex;align-items:center;gap:5px;padding:8px 12px;background:#E8EEF3}
.mo-barra i{width:8px;height:8px;border-radius:50%;background:#C9D2DA}
.mo-barra span{margin-left:8px;font-family:var(--numero);font-size:10px;color:#6B7683;background:#fff;padding:3px 9px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mo-barra b{font-weight:400;color:#0B1B2B}
.mo-corpo{display:grid;grid-template-columns:128px minmax(0,1fr)}
.mo-lado{background:#0B1B2B;padding:14px 0;color:#DCE3E9}
.mo-logo{padding:0 14px 12px}.mo-logo svg{height:18px;width:auto}
.mo-lado p{padding:8px 14px 4px;font-family:var(--numero);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:#7F93A6}
.mo-lado ul{list-style:none;margin:0;padding:0}
.mo-lado li{display:flex;align-items:center;gap:7px;padding:5px 14px;font-size:11px;border-left:2px solid transparent}
.mo-lado li span{width:14px;height:14px;display:grid;place-items:center;color:#9FB0BD}
.mo-lado li span svg{width:13px;height:13px}
.mo-lado li.on{background:rgba(55,183,214,.14);border-left-color:#37B7D6;color:#fff;font-weight:600}
.mo-lado li.on span{color:#37B7D6}
.mo-dir{background:#F3F5F8;min-width:0;display:flex;flex-direction:column}
.mo-topo{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-bottom:1px solid #E3E7EC}
.mo-hamb{display:flex;flex-direction:column;gap:2px}.mo-hamb i{width:10px;height:1.5px;background:#4B5A6A}
.mo-cam{font-size:10.5px;color:#6B7683;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mo-cam b{color:#0B1B2B}
.mo-guia{font-size:9.5px;padding:3px 7px;border:1px solid #D5DCE3;border-radius:5px}
.mo-av{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#0B1B2B;color:#fff;font-size:8.5px;font-weight:700}
.mo-main{padding:12px 14px 14px;display:flex;flex-direction:column;gap:9px}
.mo-main h4{margin:0;font-family:var(--marca);font-size:15px;font-weight:600}
.mo-sub{display:flex;gap:12px;border-bottom:1px solid #D2D6DD;font-size:10.5px;color:#6B7683}
.mo-sub span{padding:3px 0 6px;border-bottom:2px solid transparent;margin-bottom:-1px}
.mo-sub span.on{color:#0B1B2B;font-weight:600;border-bottom-color:#176F86}
.mo-cartao{background:#fff;border:1px solid #DDE2E8;border-radius:8px;overflow:hidden}
.mo-seg{display:flex;align-items:center;gap:6px;padding:7px 9px;font-size:9.5px;color:#6B7683}
.mo-seg b{padding:3px 7px;border-radius:5px;background:#0B1B2B;color:#fff;font-weight:600}
.mo-seg em{font-style:normal;padding:3px 7px}
.mo-seg small{margin-left:auto;font-size:9px}
.mo-tab{width:100%;border-collapse:collapse;font-size:10.5px}
.mo-tab th{padding:6px 9px;background:linear-gradient(180deg,#17334F,#0B1B2B);color:#fff;font-family:var(--numero);font-size:8.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-align:right}
.mo-tab th:first-child,.mo-tab td:first-child{text-align:left}
.mo-tab td{padding:6px 9px;border-top:1px solid #EDF0F3;text-align:right;font-family:var(--numero);white-space:nowrap}
.mo-tab td:first-child{font-family:var(--texto)}
.mo-r td{font-weight:600}
.mo-m td{color:#6B7683;font-size:9.5px}
.mo-f td{background:#0B1B2B;color:#fff;font-weight:700}
.mo-f .dx-chip{background:rgba(255,255,255,.14);color:#fff}
.mo-tab .dx-chip{font-size:9.5px;padding:1px 5px}
.mo-fontes td{text-align:left}.mo-fontes th{text-align:left}
.mo-fontes td:nth-child(3){font-family:var(--numero)}
.mo-tab .estado{font-size:9px;padding:1px 6px}
.mo-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.mo-k3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mo-kpi{background:#fff;border:1px solid #DDE2E8;border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:1px}
.mo-kpi span{font-family:var(--numero);font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:#6B7683}
.mo-kpi b{font-family:var(--numero);font-weight:500;font-size:15px;white-space:nowrap}
.mo-kpi em{font-style:normal;font-family:var(--numero);font-size:9px;color:#6B7683}
.mo-kpi em.ok{color:#159A8B}
.mo-rot{margin:0;padding:8px 10px 0;font-family:var(--numero);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:#14708A}
.mo-barras{display:flex;align-items:flex-end;gap:5px;height:min(78px,9vh);padding:6px 10px 10px}
.mo-barras i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#37B7D6,#1E9BC8)}
.mo-barras i:last-child{background:#0B1B2B}
@media (max-height:780px) and (min-width:1001px){.mo-main{gap:7px;padding:10px 12px}.mo-tab td{padding:5px 8px}.mo-lado li{padding:4px 14px}}

/* 32 · Transições: entrada dos blocos ao rolar e troca animada dos banners */
.rv-on .rv{opacity:0;transform:translateY(32px);transition:opacity .8s var(--entrada),transform .8s var(--entrada);transition-delay:calc(var(--rv-i,0) * 110ms)}
.rv-on .rv.rv-in{opacity:1;transform:none}
.rv-on .app.rv,.rv-on .os.rv,.rv-on .cc-app.rv{transform:translateY(48px) scale(.97);transform-origin:50% 0}
.rv-on .app.rv.rv-in,.rv-on .os.rv.rv-in,.rv-on .cc-app.rv.rv-in{transform:none}
.bn-slide.on .bn-marca{animation:bnSobe .7s var(--entrada) both}
.bn-slide.on .bn-tit{animation:bnSobe .7s var(--entrada) .08s both}
.bn-slide.on .lead{animation:bnSobe .7s var(--entrada) .22s both}
.bn-slide.on .acoes{animation:bnSobe .7s var(--entrada) .32s both}
.bn-slide.on .bn-visual{animation:bnLado .9s var(--entrada) .12s both}
@keyframes bnSobe{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes bnLado{from{opacity:0;transform:translateX(40px) scale(.96)}to{opacity:1;transform:none}}
.bn-tit em .dig-cursor{display:inline-block;width:.06em;height:.82em;margin-left:.04em;vertical-align:-.06em;background:var(--ciano);animation:pisca 1s steps(1) infinite}
.bn-slide{transition:opacity .5s var(--entrada),visibility 0s .5s}
.bn-slide.on{transition:opacity .5s var(--entrada)}
.bn-slide,.bn-slide.on{transform:none}
@media (prefers-reduced-motion:reduce){.bn-slide.on *{animation:none!important}.rv-on .rv{opacity:1;transform:none}}
#telas{padding-bottom:clamp(32px,4vw,56px)}#problema{padding-top:clamp(16px,2vw,28px)}

/* Ponte entre "O Orbita por dentro" e a integração */
#problema{padding-top:clamp(8px,1.5vw,20px)}
.ponte-int{position:relative;max-width:760px;margin:0 auto clamp(32px,4vw,48px);text-align:center;display:flex;flex-direction:column;align-items:center}
.ponte-linha{width:2px;height:clamp(48px,6vw,80px);margin-bottom:22px;background:linear-gradient(180deg,rgba(55,183,214,0),var(--ciano));position:relative}
.ponte-linha::after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--ciano);box-shadow:0 0 0 6px rgba(55,183,214,.18)}
.ponte-int .selo::before{display:none}
.ponte-int .lead{margin-top:14px;max-width:56ch}
/* Miniaturas dos banners: mesma largura, mesma altura e mesma posição nos três */
.bn-visual{justify-content:flex-end}
.mo{width:min(100%,540px);display:flex;flex-direction:column}
.mo-corpo{height:clamp(330px,46vh,400px)}
.mo-main{flex:1;overflow:hidden}
.mo-dir{height:100%}


/* ── Tela do sistema no celular ──
   As regras de .app.sis e .dx-kpis são mais específicas que as do bloco "max-width:1000px" lá de cima
   e mantinham a grade em duas colunas e os indicadores em cinco: aqui elas cedem no celular.
   Sem rolagem lateral nas tabelas: em telas estreitas as colunas menos importantes saem. */
@media (max-width:1000px){
  .app.sis .app-grade{grid-template-columns:minmax(0,1fr)}
  .app.sis .dx-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  /* DFC: de janeiro a março somem; o Total continua somando o período todo */
  .dx[data-dx="dfc"] .dx-tab :is(th,td):nth-child(n+2):nth-child(-n+4){display:none}
  .dx[data-dx="dfc"] .dx-info::after{content:" · últimos meses e total"}
  /* DRE: AV % sai antes, porque no nível Grupos as linhas ficam mais largas */
  .dx[data-dx="dre"] .dx-tab :is(th,td):nth-child(6){display:none}
  .dx-g td:first-child,.dx-ct td:first-child{padding-left:16px}
}
@media (max-width:640px){
  .app.sis .dx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app.sis .dx-kpis .app-kpi:last-child{grid-column:1 / -1}
  .app.sis .app-kpi b{font-size:18px}
  .dx[data-dx="dfc"] .dx-tab :is(th,td):nth-child(n+2):nth-child(-n+8){display:none}
  /* DRE: fica Realizado, Orçado e Variação %; saem Variação em valor e AV % */
  .dx[data-dx="dre"] .dx-tab :is(th,td):nth-child(4),.dx[data-dx="dre"] .dx-tab :is(th,td):nth-child(6){display:none}
  .dx-tab th,.dx-tab td,.dx-dfc .dx-tab th,.dx-dfc .dx-tab td{padding-left:8px;padding-right:8px}
  .dx-tab td:first-child{white-space:normal}
  .dx-pp,.dx-chip{gap:2px}
  .dx-chip{padding:2px 5px}
  /* cabeçalho pode quebrar linha; a seta do selo repete o sinal + ou − e sai */
  .dx-tab th,.dx-dfc .dx-tab th{white-space:normal;letter-spacing:.03em;vertical-align:bottom}
  .dx-chip i,.dx-pp i{display:none}
}
@media (max-width:400px){
  .app.sis .app-kpi{padding:10px}
  .app.sis .app-kpi b{font-size:14px;letter-spacing:-.03em}
  .dx-tab th:first-child{white-space:normal;letter-spacing:.04em}
  .dx-tab th,.dx-tab td{padding-left:6px;padding-right:6px}
  .app.sis .app-tabela{font-size:12px}
  .app.sis .app-tabela th{white-space:normal;letter-spacing:.04em}
  .app.sis .app-tabela th,.app.sis .app-tabela td{padding-right:6px}
  /* níveis abertos (contas na DFC, grupos na DRE) têm valores maiores: uma coluna a menos */
  .dx[data-dx="dfc"][data-nivel="c"] .dx-tab :is(th,td):nth-child(9),.dx[data-dx="dre"][data-nivel="g"] .dx-tab :is(th,td):nth-child(3){display:none}
}
@media (max-width:374px){
  /* telas de 320 a 374: DFC fica com setembro e total, DRE com realizado e variação %, e as tabelas perdem a coluna de apoio */
  .dx[data-dx="dfc"] .dx-tab :is(th,td):nth-child(9){display:none}
  .dx[data-dx="dre"] .dx-tab :is(th,td):nth-child(3){display:none}
  #tl-contabilidade .app-tabela :is(th,td):nth-child(2),#tl-gestao .app-tabela :is(th,td):nth-child(3){display:none}
  .dx-tab th,.dx-tab td,.dx-dfc .dx-tab th,.dx-dfc .dx-tab td{padding-left:5px;padding-right:5px}
  .dx-g td:first-child,.dx-ct td:first-child{padding-left:12px}
}

/* ── Desktop: tela "O Orbita por dentro" em tamanho de leitura ──
   A tela "O Orbita por dentro" é desenhada em 1280 x 800 e reduzida para caber (--k no orbita.js).
   Ela ocupa a coluna do conteúdo, alinhada ao topo, e cresce até caber inteira na altura da janela. */
@media (min-width:1001px){
  /* mesma coluna do topo (alinhada ao logo e ao botão) e altura que cabe inteira na janela, em formato 16:10 */
  .app{max-width:min(100%,calc((100vh - var(--topo) - 40px) * 1.6 + 16px))}
}

/* ── Miniatura do sistema nos banners em formato de tela (16:10) ──
   A altura era fixa (até 400 px) e a caixa saía quase quadrada, com sobra vazia embaixo.
   Agora a altura acompanha a largura; o conteúdo foi compactado e o gráfico ocupa o que sobra.
   --z é a escala: menor nas telas de 1001 a 1365 px, em que a coluna do banner é mais estreita. */
.mo{aspect-ratio:16/10;width:min(100%,640px)!important;zoom:var(--z,1)!important}
.mo-corpo{height:auto!important;flex:1;min-height:0}
.mo-main{gap:7px!important;padding:10px 12px!important}
.mo-lado li{padding-top:4px!important;padding-bottom:4px!important}
.mo-tab td{padding-top:5px!important;padding-bottom:5px!important}
.mo-kpis:not(.mo-k3){grid-template-columns:repeat(4,minmax(0,1fr))}
.mo-kpi{padding:7px 9px}
.mo-kpis:not(.mo-k3) .mo-kpi b{font-size:13px}
.mo-main > .mo-cartao:last-child:has(.mo-barras){flex:1;min-height:0;display:flex;flex-direction:column}
.mo-barras{height:auto!important;flex:1;min-height:40px}
@media (min-width:1001px){
  /* coluna do texto um pouco mais larga e títulos um pouco menores: todos os títulos dos banners ficam em até 3 linhas */
  .bn-slide{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important}
  .bn-texto{max-width:none}
  .hx h1.bn-tit,.bn-tit{font-size:clamp(30px,min(3.4vw,6.8vh),54px)}
  .mo{--z:.7}
}
@media (min-width:1100px){.mo{--z:.76}}
@media (min-width:1200px){.mo{--z:.84}}
@media (min-width:1366px){.mo{--z:.94}}

/* ── Laterais mais estreitas: margem de 16 a 40 px e coluna de conteúdo até 1280 px ── */
:root{--gutter:clamp(16px,3vw,40px);--max:1360px}


/* ══ Celular (até 760 px) ══ */
@media (max-width:760px){
  :root{--gutter:24px}

  /* ── Capa: botões menores, com a mesma largura, um embaixo do outro ── */
  .bn{padding-top:calc(var(--topo) + 40px)}
  /* capa centralizada (coluna única), título maior e botões mais leves */
  .bn-texto{align-items:center;text-align:center}
  .bn-marca{display:flex;justify-content:center;margin-bottom:10px}
  .bn-tit{font-size:clamp(30px,8.7vw,36px)!important;line-height:1.08!important}
  .bn .lead{max-width:32ch;margin-inline:auto;font-size:15.5px;line-height:1.55}
  .bn .acoes{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
  .bn .acoes .btn{width:auto;height:40px;min-height:40px;padding:0 12px;font-size:13px;white-space:nowrap}
  .bn-nav{justify-content:center}

  /* ── O Orbita por dentro: o sistema dentro de um celular ──
     Moldura de aparelho, barra de status, menu de módulos que abre por cima (botão "Módulos")
     e a tela rolando por dentro, com letra do mesmo tamanho do texto da página. */
  .app.sis{width:min(82vw,300px);margin-inline:auto;padding:9px;border-radius:42px;background:#0B1B2B;box-shadow:0 0 0 1px rgba(255,255,255,.16),0 0 60px -10px rgba(55,183,214,.35),0 40px 80px -30px rgba(11,27,43,.6),inset 0 0 0 2px #23384E}
  .app.sis .app-palco{position:relative;border-radius:33px;overflow:hidden;background:#F5F6F8}
  .app.sis.fluido .app-escala{display:flex;flex-direction:column;height:540px}
  /* barra de status no lugar da barra do navegador */
  .app.sis .app-barra-nav{position:relative;flex:none;height:38px;padding:0;background:#fff}
  .app.sis .app-barra-nav > *{display:none}
  .app.sis .app-barra-nav::before{content:"9:41";position:absolute;left:26px;top:11px;font-family:var(--texto);font-size:13px;font-weight:600;color:#0B1B2B}
  .app.sis .app-barra-nav::after{content:"";position:absolute;left:50%;top:9px;width:92px;height:24px;margin-left:-46px;border-radius:999px;background:#0B1B2B}
  .app.sis .app-corpo{position:relative;display:block;flex:1;min-height:0;border:0;border-radius:0;overflow:hidden}
  /* menu de módulos em gaveta */
  .app.sis .app-menu{position:absolute;inset:0 auto 0 0;z-index:6;display:block;width:80%;padding:18px 0;overflow-y:auto;transform:translateX(-102%);transition:transform .28s var(--entrada);box-shadow:20px 0 40px -20px rgba(0,0,0,.5)}
  .app.sis.menu-aberto .app-menu{transform:none}
  .app.sis .app-corpo::after{content:"";position:absolute;inset:0;z-index:5;background:rgba(11,27,43,.45);opacity:0;pointer-events:none;transition:opacity .28s}
  .app.sis.menu-aberto .app-corpo::after{opacity:1}
  .app.sis .app-marca{display:block;padding:0 22px 14px}
  .app.sis .app-marca .app-logo{width:auto;height:24px}
  .app.sis .app-menu-rot{display:block;margin:14px 22px 6px}
  .app.sis .app-modulos{flex-direction:column;flex-wrap:nowrap;gap:0}
  .app.sis .app-modulos .tl-aba{width:100%;padding:10px 16px 10px 18px;border:0;border-left:3px solid transparent;border-radius:0;font-size:14px}
  .app.sis .app-modulos .tl-aba[aria-selected="true"]{border-left-color:#E0A43B}
  /* tela com rolagem própria */
  .app.sis .app-direita{height:100%;overflow-y:auto;overflow-x:hidden}
  .app.sis .app-topo2{display:flex;position:sticky;top:0;z-index:4;height:48px;padding:0 12px;gap:8px;font-size:12px}
  .app.sis .app-topo2 .app-guia{display:none}
  .app.sis .app-hamb{display:inline-flex;align-items:center;gap:8px;flex:none;height:30px;padding:0 11px 0 9px;border-radius:999px;background:#0B1B2B;cursor:pointer}
  .app.sis .app-hamb{flex-direction:row}
  .app.sis .app-hamb i{display:none}
  .app.sis .app-hamb::before{content:"";width:14px;height:10px;background:linear-gradient(#fff,#fff) 0 0/100% 2px no-repeat,linear-gradient(#fff,#fff) 0 4px/100% 2px no-repeat,linear-gradient(#fff,#fff) 0 8px/100% 2px no-repeat}
  .app.sis .app-hamb::after{content:"Módulos";font-family:var(--texto);font-size:12px;font-weight:600;color:#fff}
  .app.sis .app-hamb:focus-visible{outline:2px solid var(--ciano);outline-offset:2px}
  .app.sis .app-cam{display:none}
  .app.sis .app-av{margin-left:auto}
  /* letra no tamanho do texto da página */
  .app.sis .app-principal{flex:none;overflow:visible;padding:14px}
  .app.sis .app-h1{font-size:19px}
  .app.sis .rot{font-size:10px}
  .app.sis .app-subabas{font-size:12.5px}
  .app.sis .app-subabas span:nth-child(n+4){display:none}
  .app.sis .app-cab2 h4{font-size:15px;line-height:1.3}
  .app.sis .app-acoes{display:none}
  .app.sis .app-nota{font-size:12px;line-height:1.5}
  /* indicadores em linhas: rótulo à esquerda, valor à direita */
  /* indicadores como dashboard: 4 quadrados em 2 fileiras (na Tesouraria sai o saldo inicial) */
  .app.sis .app-kpis,.app.sis .dx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  .app.sis .dx-kpis .app-kpi:first-child{display:none}
  .app.sis .dx-kpis .app-kpi:last-child{grid-column:auto}
  .app.sis .app-kpi{display:flex;flex-direction:column;gap:2px;padding:9px 10px;min-width:0}
  .app.sis .app-kpi span{font-size:9px;line-height:1.3;white-space:normal}
  .app.sis .app-kpi b{margin:2px 0 0;font-size:14px;letter-spacing:-.03em;white-space:nowrap}
  .app.sis .app-kpi em{font-size:10px;line-height:1.3}
  /* tabelas: letra maior e só as colunas que cabem num celular */
  .dx-tab{font-size:13px}
  .dx-tab th,.dx-dfc .dx-tab th{font-size:10px;white-space:normal;letter-spacing:.03em;vertical-align:bottom}
  .dx-tab th,.dx-tab td,.dx-dfc .dx-tab th,.dx-dfc .dx-tab td{padding-left:8px;padding-right:8px;font-size:inherit}
  .dx-dfc .dx-tab th{font-size:10px}
  .dx-tab td:first-child{white-space:normal}
  .dx-g td:first-child,.dx-ct td:first-child{padding-left:14px}
  .dx-chip{gap:2px;padding:2px 5px;font-size:12px}
  .dx-chip i,.dx-pp i{display:none}
  .dx[data-dx="dfc"] .dx-tab :is(th,td):nth-child(n+2):nth-child(-n+9){display:none}
  .dx[data-dx="dfc"] .dx-info::after{content:" · setembro e total"}
  .dx[data-dx="dre"] .dx-tab :is(th,td):nth-child(3),.dx[data-dx="dre"] .dx-tab :is(th,td):nth-child(4),.dx[data-dx="dre"] .dx-tab :is(th,td):nth-child(6){display:none}
  .app.sis .app-tabela{font-size:13.5px}
  .app.sis .app-tabela th{white-space:normal;letter-spacing:.04em}
  .app.sis .app-tabela th,.app.sis .app-tabela td{padding-right:8px}
  #tl-contabilidade .app-tabela :is(th,td):nth-child(2),#tl-gestao .app-tabela :is(th,td):nth-child(3),#tl-compras .app-tabela :is(th,td):nth-child(3){display:none}
  .app.sis .app-lado li{font-size:12.5px}
  .app.sis .app-grade{grid-template-columns:minmax(0,1fr)}

  /* demonstração em loop: o módulo que vai abrir fica em destaque no menu */
  .app.sis .app-modulos .tl-aba.tour-alvo{background:#17334F;color:#fff;border-left-color:var(--ciano)}
  .dx-tab{font-size:11.5px}
  .dx-chip{font-size:10.5px}
  .app.sis .app-tabela{font-size:12px}
  /* controles da tabela enxutos: só o "Abrir até" em uma linha */
  .app.sis .dx-barra{flex-wrap:nowrap;gap:6px;padding:8px 10px}
  .app.sis .dx-rot{font-size:11px}
  .app.sis .dx-seg{padding:2px;border-radius:7px}
  .app.sis .dx-seg button{padding:4px 9px;font-size:11px;border-radius:5px}
  .app.sis .dx-seg.fixo,.app.sis .dx-info{display:none}

  /* ── Capa: o celular sobe e entra na parte de baixo da capa; o título da seção vai para baixo dele ── */
  .bn{padding-bottom:210px}
  .bn .hx-faixa,.capa-faixa{display:none}
  .bn ~ #telas{padding-top:0}
  .bn ~ #telas > .wrap{display:flex;flex-direction:column}
  .bn ~ #telas .app.sis{order:-1;position:relative;z-index:2;margin-top:-180px}
  .bn ~ #telas .telas-cabeca{margin:32px auto 0}

  /* ── Por trás de cada tela: bloco mais curto e direto ── */
  .ponte-linha{height:40px;margin-bottom:16px}
  .ponte-int{margin-bottom:24px}
  .ponte-int .lead{font-size:15px}
  .ambiente{padding:26px 20px 24px;border-radius:22px}
  .ambiente .amb-canto{display:none}
  .amb-cabeca{gap:0}
  .amb-cabeca .titulo-2{font-size:24px}
  .amb-cabeca .lead{font-size:14.5px;line-height:1.55}
  .amb-cabeca > div + div{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}
  .amb-fluxo{margin-top:24px}
  .amb-nucleo{padding:26px 0}
  .amb-anel{width:76px;height:76px;box-shadow:0 0 0 8px rgba(55,183,214,.07),0 0 0 16px rgba(55,183,214,.035)}
  .amb-anel svg{width:38px;height:38px}
  .amb-nucleo b{margin-top:8px;font-size:16px}
  .amb-numeros{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:24px!important}
  .amb-numeros div,.amb-numeros div:nth-child(2),.amb-numeros div:nth-child(3){text-align:left;padding-top:12px}
  .amb-numeros dt{font-size:16px;white-space:nowrap}
  .amb-numeros dd{font-size:11.5px;line-height:1.4;margin-left:0!important}

  /* ── Segurança: texto primeiro e a tela de login em um celular ── */
  .sg2{grid-template-columns:minmax(0,1fr)!important;gap:32px}
  .sg2-texto{order:-1}
  .sg3{width:min(100%,340px);margin-inline:auto;padding:10px;border:0;border-radius:44px;background:#0B1B2B;box-shadow:0 40px 80px -30px rgba(0,0,0,.7),inset 0 0 0 2px #23384E}
  .sg3-chrome{position:relative;height:38px;padding:0;border-radius:34px 34px 0 0;background:#F3F6F9}
  .sg3-chrome > *{display:none}
  .sg3-chrome::before{content:"9:41";position:absolute;left:26px;top:11px;font-family:var(--texto);font-size:13px;font-weight:600;color:#0B1B2B}
  .sg3-chrome::after{content:"";position:absolute;left:50%;top:9px;width:92px;height:24px;margin-left:-46px;border-radius:999px;background:#0B1B2B}
  .sg3-corpo{display:block;min-height:0;border-radius:0 0 34px 34px;overflow:hidden}
  .sg3-lado{display:none}
  .sg3-form{display:block;padding:8px 14px 24px}
  .sg3-cartao{padding:20px 18px}
  .sg3-cartao > b{font-size:19px}
  .sg3-x,.sg3-rec{font-size:13.5px}
  .sg3-codigo span{font-size:18px}

  /* ── Rodapé: marca e links em grade, menos espaço vazio ── */
  .rodape-in{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 20px;padding-block:36px 24px}
  .rodape-marca{grid-column:1 / -1;display:flex;align-items:center;gap:16px}
  .rodape-marca svg{width:112px;flex:none}
  .rodape-marca p{margin:0;font-size:13px;line-height:1.5}
  .rodape-in > div:last-child{grid-column:1 / -1}
  .rodape h2{margin-bottom:10px}
  .rodape ul{gap:8px;font-size:14px}
  .rodape-in > div:last-child ul{flex-direction:row;flex-wrap:wrap;gap:8px 18px}
  .rodape-base{flex-direction:column;align-items:flex-start;gap:8px;padding-block:16px 24px;line-height:1.6}
}
@media (max-width:374px){
  :root{--gutter:16px}
  .dx[data-dx="dfc"][data-nivel="c"] .dx-tab :is(th,td):nth-child(10),.dx[data-dx="dre"][data-nivel="g"] .dx-tab :is(th,td):nth-child(2){display:none}
  .amb-numeros{grid-template-columns:minmax(0,1fr)!important}
  .rodape-marca{flex-direction:column;align-items:flex-start}
}


/* Dica de navegação: texto diferente no computador e no celular */
.dica-mob{display:none}

/* ══ Celular · app dentro do aparelho: cabeçalho marinho, conteúdo claro, números alinhados ══
   Cor só onde carrega sentido: marinho no cabeçalho e no indicador principal, ciano na ação,
   azul nas barras (um tom só) e verde/vermelho apenas nos selos de variação, sempre com sinal. */
@media (max-width:760px){
  .dica-desk{display:none}
  .dica-mob{display:inline}

  /* capa: só o botão principal */
  .bn .acoes .btn + .btn{display:none}
  .bn .acoes .btn{padding:0 22px;font-size:14px}

  /* cabeçalho marinho contínuo: barra de status, topo do app e título do módulo */
  .app.sis .app-barra-nav{background:#0B1B2B}
  .app.sis .app-barra-nav::before{color:#fff}
  .app.sis .app-barra-nav::after{background:#000}
  .app.sis .app-topo2{background:#0B1B2B;border-bottom:0}
  .app.sis .app-hamb{background:var(--ciano)}
  .app.sis .app-hamb::before{background:linear-gradient(#0B1B2B,#0B1B2B) 0 0/100% 2px no-repeat,linear-gradient(#0B1B2B,#0B1B2B) 0 4px/100% 2px no-repeat,linear-gradient(#0B1B2B,#0B1B2B) 0 8px/100% 2px no-repeat}
  .app.sis .app-hamb::after{color:#0B1B2B}
  .app.sis .app-av{background:#17334F;color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
  .app.sis .app-principal{padding:0;background:#F2F5F8}
  .app.sis .tl-painel > .rot,.app.sis .tl-painel > .app-h1,.app.sis .tl-painel > .app-subabas{margin:0;padding-inline:14px;background:#0B1B2B}
  .app.sis .tl-painel > .rot{padding-top:4px;color:#7FD3EA;letter-spacing:.14em}
  .app.sis .tl-painel > .app-h1{padding-top:2px;color:#fff}
  .app.sis .tl-painel > .app-subabas{gap:16px;margin-top:0;padding-top:10px;border-bottom:0;color:#9FB0BD}
  .app.sis .tl-painel > .app-subabas span{padding:6px 0 9px;margin-bottom:0}
  .app.sis .tl-painel > .app-subabas span.on{color:#fff;border-bottom-color:var(--ciano)}
  .app.sis .app-vista{padding:12px 12px 16px}
  .app.sis .app-cab2{margin:0 0 10px}
  .app.sis .app-cab2 .rot{color:#14708A}
  .app.sis .app-cab2 h4{color:#0B1B2B}
  .app.sis .app-filtros2{display:none}

  /* indicadores: rótulo discreto, valor em destaque, tudo alinhado à esquerda e com algarismos de largura fixa */
  .app.sis .app-kpi{border:0;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(11,27,43,.06),0 0 0 1px rgba(11,27,43,.06)}
  .app.sis .app-kpi span{color:#6B7683}
  .app.sis .app-kpi b{color:#0B1B2B;font-variant-numeric:tabular-nums}
  .app.sis .app-kpi em{color:#6B7683}
  .app.sis .app-kpi em.ok{color:#0E6B60}
  .app.sis .app-kpi em.atencao{color:#8A5F12}
  /* indicador principal em marinho: o saldo final na Tesouraria, o primeiro nos demais módulos */
  .app.sis .dx-kpis .app-kpi:last-child,.app.sis .app-kpis:not(.dx-kpis) .app-kpi:first-child{background:#0B1B2B;box-shadow:none}
  .app.sis .dx-kpis .app-kpi:last-child span,.app.sis .app-kpis:not(.dx-kpis) .app-kpi:first-child span{color:#9FB0BD}
  .app.sis .dx-kpis .app-kpi:last-child b,.app.sis .app-kpis:not(.dx-kpis) .app-kpi:first-child b{color:#fff}
  .app.sis .dx-kpis .app-kpi:last-child em,.app.sis .app-kpis:not(.dx-kpis) .app-kpi:first-child em{color:#7FD3EA}

  /* cartões e tabelas: texto à esquerda, números à direita com algarismos de largura fixa */
  .app.sis .app-cartao,.app.sis .dx{border:0;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(11,27,43,.06),0 0 0 1px rgba(11,27,43,.06);overflow:hidden}
  .app.sis .app-cartao{padding:12px}
  .app.sis .dx-tab .num,.app.sis .app-tabela .num,.app.sis .app-lado .mono{text-align:right;font-variant-numeric:tabular-nums}
  .app.sis .dx-tab th{vertical-align:bottom}
  .app.sis .dx-tab td{vertical-align:middle}
  .app.sis .app-tabela th{color:#6B7683}
  .app.sis .app-tabela td{vertical-align:middle}
  .app.sis .app-tabela td.num .estado{float:right}
  .app.sis .app-lado-t{color:#14708A}
  .app.sis .app-lado li{gap:12px}
  .app.sis .app-lado li > span:first-child{min-width:0}
  .app.sis .app-lado li > span:last-child{flex:none}

  /* barras de receita: nome e números na mesma linha, barra azul ocupando a linha de baixo */
  .app.sis .app-barras{gap:12px}
  .app.sis .app-barra{grid-template-columns:minmax(0,1fr) auto 38px;grid-template-rows:auto 8px;gap:4px 8px;font-size:12px}
  .app.sis .app-barra > :first-child{grid-column:1;grid-row:1}
  .app.sis .app-barra i{grid-column:1 / -1;grid-row:2;height:8px;background:#E6EEF4}
  .app.sis .app-barra i b{background:linear-gradient(90deg,#37B7D6,#1E9BC8)}
  .app.sis .app-barra .mono{grid-row:1;font-size:12px;text-align:right;font-variant-numeric:tabular-nums}
  .app.sis .app-barra .pct{color:#6B7683}
}

/* Celular: topo do app branco (barra de status, botão Módulos e nome do módulo) */
@media (max-width:760px){
  .app.sis .app-barra-nav,.app.sis .app-topo2{background:#fff}
  .app.sis .app-barra-nav::before{color:#0B1B2B}
  .app.sis .app-barra-nav::after{background:#0B1B2B}
  .app.sis .app-hamb{background:#0B1B2B}
  .app.sis .app-hamb::before{background:linear-gradient(#fff,#fff) 0 0/100% 2px no-repeat,linear-gradient(#fff,#fff) 0 4px/100% 2px no-repeat,linear-gradient(#fff,#fff) 0 8px/100% 2px no-repeat}
  .app.sis .app-hamb::after{color:#fff}
  .app.sis .app-av{background:#0B1B2B;box-shadow:none}
  .app.sis .tl-painel > .rot,.app.sis .tl-painel > .app-h1,.app.sis .tl-painel > .app-subabas{background:#fff}
  .app.sis .tl-painel > .rot{color:#14708A}
  .app.sis .tl-painel > .app-h1{color:#0B1B2B}
  .app.sis .tl-painel > .app-subabas{color:#6B7683;border-bottom:1px solid #E3E7EC}
  .app.sis .tl-painel > .app-subabas span.on{color:#0B1B2B;border-bottom-color:#176F86}
}
@media (max-width:374px){
  .app.sis .app-kpi b{font-size:12.5px}
  #tl-gestao .app-tabela :is(th,td):nth-child(2){display:none}
}

/* ── Celular: Segurança no mesmo formato do app (os itens de segurança ficam dentro do celular) ── */
.sg3-checks{display:none}
@media (max-width:760px){
  .sg2{gap:0}
  .sg2-lista{display:none}
  .sg2-texto .sm-selos{margin-top:16px}
  .sg3{order:1;width:min(82vw,300px);margin:28px auto 0;padding:9px;border-radius:42px;box-shadow:0 0 0 1px rgba(255,255,255,.16),0 0 60px -10px rgba(55,183,214,.35),0 40px 80px -30px rgba(0,0,0,.6),inset 0 0 0 2px #23384E}
  .sg3-chrome{border-radius:33px 33px 0 0;background:#fff}
  .sg3-corpo{border-radius:0 0 33px 33px}
  .sg3-form{padding:4px 12px 16px;background:#F2F5F8}
  .sg3-cartao{max-width:none;gap:8px;padding:16px 14px;border-radius:12px;box-shadow:0 1px 2px rgba(11,27,43,.06),0 0 0 1px rgba(11,27,43,.06)}
  .sg3-cartao > b{font-size:16px}
  .sg3-x,.sg3-rec{font-size:12px}
  .sg3-codigo span{font-size:16px}
  .sg3-checks{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0 0;padding:0}
  .sg3-checks li{display:flex;align-items:center;gap:6px;padding:8px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px rgba(11,27,43,.06);font-size:11px;line-height:1.25;color:#0B1B2B}
  .sg3-checks svg{width:16px;height:16px;flex:none;fill:none;stroke:#159A8B;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

  /* ── Agende uma demonstração: o formulário aparece primeiro, com o título resumido em cima ── */
  .demo{display:flex;flex-direction:column;border-radius:20px}
  .demo-lado{padding:22px 20px 20px}
  .demo-lado .lead{margin-top:10px;font-size:14.5px}
  .demo-passos,.demo-lado::after{display:none}
  .formulario{padding:20px;gap:14px;border:0;border-radius:0;box-shadow:none}
  .form-cab{display:none}
  .campo input,.campo select{height:46px;font-size:16px}
}

/* ── Celular: capa com laterais menores e mais respiro entre os elementos ── */
@media (max-width:760px){
  .bn .wrap{padding-left:16px;padding-right:16px}
  .bn-marca{margin-bottom:18px}
  .bn-tit{margin-bottom:0}
  .bn .lead{max-width:36ch;margin-top:16px}
  .bn .acoes{margin-top:26px}
  .bn-nav{margin-top:32px}
}

/* ── Celular: Segurança com o celular primeiro e o texto embaixo, centralizado ── */
@media (max-width:760px){
  #seguranca .sg2{display:flex;flex-direction:column;align-items:center}
  #seguranca .sg3{order:0;margin:0 auto}
  #seguranca .sg2-texto{order:1;margin-top:32px;text-align:center}
  #seguranca .sg2-texto .selo{justify-content:center}
  #seguranca .sg2-texto .lead{max-width:34ch;margin-inline:auto}
  #seguranca .sm-selos{justify-content:center}
}

/* ── Celular: itens de segurança passando em uma linha só, dentro do celular ── */
@media (max-width:760px){
  .sg3-checks{display:flex;width:max-content;gap:0;margin:12px 0 0;animation:sg3-corre 22s linear infinite}
  .sg3-form{overflow:hidden}
  .sg3-checks ul{list-style:none;display:flex;gap:6px;margin:0;padding:0 6px 0 0}
  .sg3-checks li{flex:none;white-space:nowrap;padding:7px 10px}
  @keyframes sg3-corre{to{transform:translateX(-50%)}}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){
  .sg3-checks{width:auto;animation:none}
  .sg3-checks ul{flex-wrap:wrap}
  .sg3-checks ul + ul{display:none}
}

/* ── Celular: Segurança em três tempos: título, celular, texto de apoio ── */
@media (max-width:760px){
  #seguranca .sg2-texto{display:contents}
  #seguranca .sg2-texto .selo{order:0;justify-content:center}
  #seguranca .sg2-texto .titulo-2{order:1;margin:10px 0 28px;text-align:center}
  #seguranca .sg3{order:2}
  #seguranca .sg2-texto .lead{order:3;max-width:34ch;margin:28px auto 0;text-align:center}
  #seguranca .sm-selos{order:4;justify-content:center;text-align:center}
}

/* Celular: a faixa de itens de segurança fica presa à tela do aparelho */
@media (max-width:760px){
  .sg3{overflow:hidden;isolation:isolate}
  .sg3-corpo{overflow:hidden;clip-path:inset(0 round 0 0 33px 33px)}
  .sg3-form{overflow:hidden;contain:paint}
}

/* ── Celular: "Por trás de cada tela" como uma conciliação de leitura rápida ──
   Três respostas numa lista só (nome à esquerda, valor alinhado à direita, situação embaixo),
   o Orbita como uma faixa de passagem e o número final em destaque. */
@media (max-width:760px){
  .ponte-int{margin-bottom:20px}
  .ponte-linha{height:28px;margin-bottom:12px}
  .ponte-int .titulo-2{font-size:26px}
  .ambiente{padding:22px 16px 20px}
  .amb-cabeca > div + div{margin-top:16px;padding-top:16px}
  .amb-cabeca > div + div .lead{display:none}
  .amb-cabeca .titulo-2{font-size:22px}
  .amb-fluxo{margin-top:20px}

  /* as três fontes: um cartão, três linhas */
  .amb-fontes{border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);overflow:hidden}
  .amb-fontes::before{content:"O mesmo caixa, três respostas";display:block;padding:12px 14px 10px;font-family:var(--numero);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--sobre-escuro-2);border-bottom:1px solid rgba(255,255,255,.08)}
  .amb-fontes li{grid-template-columns:30px minmax(0,1fr) auto!important;grid-template-rows:auto auto;column-gap:10px;row-gap:4px;margin:0;padding:11px 14px;border:0;border-radius:0;background:none;box-shadow:none}
  .amb-fontes li + li{border-top:1px solid rgba(255,255,255,.08)}
  .amb-tipo{grid-row:1 / span 2;width:30px;height:30px;font-size:9px}
  .amb-nome{grid-column:2;grid-row:1;font-size:13.5px}
  .amb-nome small{display:none}
  .amb-valor{grid-column:3;grid-row:1;font-size:14px}
  .amb-est{grid-column:2 / span 2;grid-row:2;justify-self:start;font-size:10px}

  /* o Orbita como passagem */
  .amb-nucleo{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px;padding:22px 4px;text-align:left}
  .amb-nucleo::before,.amb-nucleo::after{left:29px;height:18px}
  .amb-anel{grid-row:1 / span 2;width:50px;height:50px;box-shadow:0 0 0 6px rgba(55,183,214,.08)}
  .amb-anel svg{width:24px;height:24px}
  .amb-nucleo b{margin:0;font-size:15px}
  .amb-nucleo small{font-size:10.5px}

  /* resultado */
  .amb-saida{padding:16px 16px 18px;border-radius:14px;gap:6px}
  .amb-saida strong{font-size:26px}
  .amb-saida small{font-size:12px}

  /* números de apoio em três colunas compactas */
  .amb-numeros{gap:10px!important;margin-top:20px!important}
  .amb-numeros dt{font-size:15px}
  .amb-numeros dd{font-size:11px}
}
@media (max-width:760px){
  .amb-numeros{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
  .amb-numeros div,.amb-numeros div:nth-child(2),.amb-numeros div:nth-child(3){display:grid;grid-template-columns:126px minmax(0,1fr);align-items:baseline;gap:12px;padding:10px 0;border-top:1px solid rgba(55,183,214,.25)}
  .amb-numeros dt{white-space:normal}
  .amb-numeros dd{margin:0!important;max-width:none}
}

/* Celular: faixa de itens de segurança fora do celular, logo abaixo dele, passando de ponta a ponta */
@media (max-width:760px){
  #seguranca .sg3-checks{order:3;width:auto;margin:24px calc(-1 * var(--gutter)) 0;overflow:hidden;animation:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
  #seguranca .sg3-checks ul{animation:sg3-corre-ul 22s linear infinite}
  #seguranca .sg3-checks li{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:#fff;font-size:12.5px;padding:8px 12px;border-radius:999px}
  #seguranca .sg3-checks svg{stroke:var(--ciano)}
  #seguranca .sg2-texto .lead{order:4}
  #seguranca .sm-selos{order:5}
  @keyframes sg3-corre-ul{to{transform:translateX(-100%)}}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){
  #seguranca .sg3-checks{-webkit-mask-image:none;mask-image:none;margin-inline:0}
  #seguranca .sg3-checks ul{animation:none;justify-content:center}
}
@media (max-width:760px){
  #seguranca .sg3-checks{align-self:stretch;max-width:none;min-width:0}
  /* Por trás de cada tela: os três títulos no mesmo tamanho */
  .ponte-int .titulo-2,.amb-cabeca .titulo-2{font-size:25px!important;line-height:1.12}
}

/* 36. Integração no celular: três etapas em abas */
.intm{display:none}
@media (max-width:760px){
  #problema .ambiente{display:none}
  #problema .ponte-int{margin-bottom:22px}
  .intm{display:block;position:relative;isolation:isolate;overflow:hidden;border-radius:26px;background:var(--tinta);color:var(--sobre-escuro);padding:18px 16px 20px}
  .intm::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px 300px at 50% 0%,rgba(55,183,214,.16),transparent 70%)}
  .im-abas{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:rgba(255,255,255,.06);border-radius:14px;padding:4px}
  .im-abas button{position:relative;overflow:hidden;border:0;background:none;color:#9FB0BD;font:600 13px/1 var(--marca,inherit);padding:11px 4px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:background .25s,color .25s}
  .im-abas button span{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1px solid currentColor;font:500 10px/1 "IBM Plex Mono",monospace}
  .im-abas button.on{background:#fff;color:var(--tinta)}
  .im-abas button.on span{background:var(--tinta);border-color:var(--tinta);color:#fff}
  .im-abas button em{position:absolute;left:10px;right:10px;bottom:4px;height:2px;border-radius:2px;background:var(--ciano);transform:scaleX(0);transform-origin:left}
  .intm.auto .im-abas button.on em{animation:imBarra 4.5s linear forwards}
  @keyframes imBarra{to{transform:scaleX(1)}}
  .im-palco{display:grid;margin-top:18px}
  .im-p{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .35s,transform .35s,visibility 0s .35s}
  .im-p.on{opacity:1;visibility:visible;transform:none;transition:opacity .35s,transform .35s}
  .im-p h3{font-family:var(--marca,inherit);font-weight:600;font-size:22px;line-height:1.15;letter-spacing:-.01em;color:#fff;margin:0}
  .im-p h3 em{font-style:normal;color:var(--ciano)}
  .im-p>p{color:#9FB0BD;font-size:14px;line-height:1.5;margin:8px 0 14px}
  .im-fontes{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .im-fontes li{position:relative;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
  .im-fontes b{font-size:14px;color:#fff;font-weight:600}
  .im-fontes small{font-size:11.5px;color:#9FB0BD;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .im-fontes i{position:absolute;top:12px;right:12px;width:7px;height:7px;border-radius:50%;background:#2BC4A9;box-shadow:0 0 0 3px rgba(43,196,169,.18)}
  .im-linhas{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
  .im-linhas li{display:grid;grid-template-columns:34px 1fr auto;grid-template-areas:"t n v" "t e e";column-gap:10px;row-gap:5px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px}
  .im-tipo{grid-area:t;display:grid;place-items:center;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.18);font:500 10px/1 "IBM Plex Mono",monospace;color:#9FB0BD}
  .im-nome{grid-area:n;font-size:14px;color:#fff;font-weight:600;min-width:0}
  .im-val{grid-area:v;font:500 14px/1 "IBM Plex Mono",monospace;color:#fff}
  .im-linhas .amb-est{grid-area:e;justify-self:start;font-size:11px}
  .im-saida{margin-top:14px;background:#fff;color:var(--tinta);border-radius:16px;padding:16px;box-shadow:0 0 0 1px rgba(55,183,214,.6),0 20px 50px -20px rgba(55,183,214,.5);display:flex;flex-direction:column;gap:8px;align-items:flex-start}
  .im-saida .rotulo{font:500 10.5px/1.2 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#1E7A93}
  .im-saida strong{font:500 26px/1.1 "IBM Plex Mono",monospace;letter-spacing:-.01em}
  .im-saida small{font-size:13px;line-height:1.45;color:#4B5A6A}
  .im-num{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:18px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);text-align:center}
  .im-num div{min-width:0}
  .im-num dt{font:500 20px/1 "IBM Plex Mono",monospace;color:#fff}
  .im-num dd{margin:6px 0 0;font-size:11.5px;line-height:1.3;color:#9FB0BD}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){.im-p,.im-p.on{transition:none;transform:none}.intm.auto .im-abas button.on em{animation:none}}
@media (max-width:760px){
  .im-passos{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .im-passos li{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:#DCE3E9;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 4px}
  .im-passos i{width:22px;height:22px;border-radius:50%;background:rgba(43,196,169,.18);position:relative}
  .im-passos i::after{content:"";position:absolute;left:8px;top:5px;width:5px;height:9px;border:solid #2BC4A9;border-width:0 2px 2px 0;transform:rotate(45deg)}
}
/* 37. Segurança no celular: mesmo modelo da Integração */
@media (max-width:760px){
  #seguranca .sg3,#seguranca .sg2-lista,#seguranca .sm-selos{display:none}
  #seguranca .sg2-texto{text-align:center;margin-bottom:22px}
  #seguranca .sg2-texto .selo{justify-content:center}
  #seguranca .sg2-texto .selo::before{display:none}
  #seguranca .sg2{gap:0}
  .intm.sgm{background:#13283D;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
  .sm-login{margin-top:2px;background:#fff;color:var(--tinta);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;box-shadow:0 0 0 1px rgba(55,183,214,.6),0 20px 50px -20px rgba(55,183,214,.5)}
  .sm-login .rotulo{font:500 10.5px/1.2 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#1E7A93}
  .sm-login b{font-size:16px}
  .sm-cod{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:100%}
  .sm-cod span{display:grid;place-items:center;height:40px;border:1px solid #D5DDE4;border-radius:9px;font:500 17px/1 "IBM Plex Mono",monospace}
  .sm-ok{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--ciano);color:var(--tinta);font-weight:600;font-size:14px;border-radius:10px;padding:11px}
  .sm-ok svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
  .sm-chip{font-size:12px;color:#1E7A93;border:1px solid #BFE3EE;background:#EEF8FB;border-radius:20px;padding:4px 10px}
  .sm-lista .im-nome{display:flex;flex-direction:column;gap:2px}
  .sm-lista .im-nome small{font-size:11.5px;font-weight:400;color:#9FB0BD}
  .sm-lista li{grid-template-areas:"t n n" "t e e"}
  .sm-av{border-radius:50%!important;background:rgba(55,183,214,.16);border-color:rgba(55,183,214,.4)!important;color:#CDEFF7!important}
}
@media (max-width:760px){#sm-p3 .im-linhas li{grid-template-columns:50px 1fr auto}#sm-p3 .im-tipo{font-size:11px;color:#CDEFF7}}

@media (max-width:760px){#seguranca .sg3-checks{display:none!important}#seguranca .sg2-texto .lead{margin-bottom:22px}}
@media (max-width:760px){
  #seguranca .sg2-texto .titulo-2{margin-bottom:12px}
  #seguranca .sg2-texto .lead{margin-top:0}
}

/* ── Celular · Integração: títulos no mesmo tamanho do título da seção, sempre em duas linhas, e cartão claro ── */
@media (max-width:760px){
  .ponte-int .titulo-2,.intm .im-p h3{font-size:25px!important;line-height:1.12}
  .ponte-int .titulo-2 em,.intm .im-p h3 em{display:block}

  .intm:not(.sgm){background:#fff;color:var(--tinta);box-shadow:0 0 0 1px rgba(11,27,43,.08),0 24px 50px -28px rgba(11,27,43,.35)}
  .intm:not(.sgm)::before{background:radial-gradient(420px 300px at 50% 0%,rgba(55,183,214,.12),transparent 70%)}
  .intm:not(.sgm) .im-abas{background:#EEF3F7}
  .intm:not(.sgm) .im-abas button{color:#6B7683}
  .intm:not(.sgm) .im-abas button.on{background:#0B1B2B;color:#fff}
  .intm:not(.sgm) .im-abas button.on span{background:#fff;border-color:#fff;color:#0B1B2B}
  .intm:not(.sgm) .im-p h3{color:#0B1B2B}
  .intm:not(.sgm) .im-p h3 em{color:#1683AE}
  .intm:not(.sgm) .im-p > p{color:#4B5A6A}
  .intm:not(.sgm) .im-fontes li,.intm:not(.sgm) .im-linhas li,.intm:not(.sgm) .im-passos li{background:#F5F8FB;border-color:rgba(11,27,43,.08)}
  .intm:not(.sgm) .im-fontes b,.intm:not(.sgm) .im-nome,.intm:not(.sgm) .im-val{color:#0B1B2B}
  .intm:not(.sgm) .im-fontes small{color:#6B7683}
  .intm:not(.sgm) .im-tipo{border-color:rgba(11,27,43,.15);color:#4B5A6A}
  .intm:not(.sgm) .im-passos li{color:#0B1B2B}
  .intm:not(.sgm) .im-linhas .amb-est.falha{background:rgba(192,57,43,.1);color:#8E2119}
  .intm:not(.sgm) .im-linhas .amb-est.atencao{background:rgba(224,164,59,.16);color:#7A4A00}
  .intm:not(.sgm) .im-linhas .amb-est.ok{background:rgba(21,154,139,.12);color:#0E6B60}
  .intm:not(.sgm) .im-saida{box-shadow:0 0 0 1px rgba(30,155,200,.45),0 18px 40px -24px rgba(30,155,200,.5)}
  .intm:not(.sgm) .im-num{border-top-color:rgba(11,27,43,.1)}
  .intm:not(.sgm) .im-num dt{color:#0B1B2B}
  .intm:not(.sgm) .im-num dd{color:#6B7683}
}

/* ── Celular: títulos de seção no mesmo tamanho; Integração em fundo escuro e Segurança em fundo claro ── */
@media (max-width:760px){
  #t-telas,#t-integ,#t-seg,#t-demo{font-size:25px!important;line-height:1.12}

  #problema{background:linear-gradient(180deg,#0B1B2B,#0E2236);padding-bottom:40px}
  #problema .ponte-linha{background:linear-gradient(180deg,rgba(55,183,214,0),var(--ciano))}
  #problema .ponte-int .selo{color:var(--ciano)}
  #problema .ponte-int .titulo-2{color:#fff}
  #problema .ponte-int .titulo-2 em{color:var(--ciano)}
  #problema .ponte-int .lead{color:var(--sobre-escuro-2)}
  .intm:not(.sgm){box-shadow:0 0 0 1px rgba(255,255,255,.1),0 30px 60px -30px rgba(0,0,0,.7)}

  #seguranca.secao.escura{background:#F4F8FB;color:var(--tinta)}
  #seguranca .selo{color:#14708A}
  #seguranca .titulo-2{color:#0B1B2B}
  #seguranca .titulo-2 em{color:#1683AE}
  #seguranca .lead{color:#4B5A6A}
  #seguranca .intm.sgm{background:#0B1B2B;box-shadow:0 30px 60px -30px rgba(11,27,43,.55)}
}
@media (max-width:760px){
  .intm:not(.sgm) .im-abas button:not(.on){color:#4B5A6A}
  .intm:not(.sgm) .im-fontes small{color:#5D6975}
}
/* Celular: fundo claro azulado em "O Orbita por dentro" */
@media (max-width:760px){
  #telas{background:linear-gradient(180deg,#EAF4FA 0%,#F4F8FB 100%)}
}
/* Celular: títulos de seção um pouco maiores (todos no mesmo tamanho) */
@media (max-width:760px){
  #t-telas,#t-integ,#t-seg,#t-demo,.ponte-int .titulo-2,.intm .im-p h3{font-size:clamp(25px,7.4vw,29px)!important}
}

/* ── Celular: fundo da capa com profundidade ──
   Marinho em degradê, brilho ciano atrás do título, órbitas finas (a marca) que descem até o celular
   e a grade apagada nas bordas. Tudo decorativo, sem animação. */
@media (max-width:760px){
  .bn{background:
      radial-gradient(120% 55% at 50% 0%,rgba(55,183,214,.22),transparent 60%),
      radial-gradient(70% 34% at 50% 100%,rgba(55,183,214,.38),transparent 72%),
      linear-gradient(180deg,#0A1826 0%,#0D2033 55%,#0F2840 100%)}
  .bn::before{inset:0;background-size:40px 40px;opacity:.7;
    -webkit-mask-image:radial-gradient(80% 60% at 50% 35%,#000,transparent 75%);mask-image:radial-gradient(80% 60% at 50% 35%,#000,transparent 75%)}
  .bn::after{content:"";position:absolute;left:50%;bottom:-150px;z-index:0;width:620px;height:620px;margin-left:-310px;border-radius:50%;pointer-events:none;
    background:
      radial-gradient(circle,transparent 0 158px,rgba(55,183,214,.42) 158px 159.5px,transparent 160px),
      radial-gradient(circle,transparent 0 228px,rgba(55,183,214,.28) 228px 229.5px,transparent 230px),
      radial-gradient(circle,transparent 0 300px,rgba(55,183,214,.18) 300px 301.5px,transparent 302px);
    -webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 62%);mask-image:linear-gradient(180deg,#000 30%,transparent 62%)}
  .bn > .wrap{position:relative;z-index:1}
}

/* ── Celular · capa: mesmo fundo do computador (marinho + grade), sem os arcos, com a luz ciano ── */
@media (max-width:760px){
  .bn{background:
      radial-gradient(120% 55% at 50% 0%,rgba(55,183,214,.2),transparent 60%),
      radial-gradient(70% 34% at 50% 100%,rgba(55,183,214,.3),transparent 72%),
      radial-gradient(900px 520px at 78% 30%,rgba(55,183,214,.2),transparent 62%),
      linear-gradient(180deg,#0B1B2B,#0E2236)}
  .bn::before{opacity:1;background-size:48px 48px;-webkit-mask-image:none;mask-image:none}
  .bn::after{content:none}
}

/* ── Celular · Segurança mais clean: cartão branco, bordas finas, sem brilho; só o marinho na aba ativa ── */
@media (max-width:760px){
  #seguranca .intm.sgm{background:#fff;color:var(--tinta);box-shadow:0 0 0 1px rgba(11,27,43,.08),0 18px 40px -28px rgba(11,27,43,.3)}
  #seguranca .intm.sgm::before{content:none}
  #seguranca .sgm .im-abas{background:#F1F5F8}
  #seguranca .sgm .im-abas button{color:#4B5A6A}
  #seguranca .sgm .im-abas button.on{background:#0B1B2B;color:#fff}
  #seguranca .sgm .im-abas button.on span{background:#fff;border-color:#fff;color:#0B1B2B}
  #seguranca .sgm .im-p h3{color:#0B1B2B}
  #seguranca .sgm .im-p h3 em{color:#1683AE}
  #seguranca .sgm .im-p > p{color:#4B5A6A}
  #seguranca .sm-login{padding:14px;box-shadow:none;border:1px solid rgba(11,27,43,.1);background:#F7FAFC}
  #seguranca .sm-cod span{background:#fff;border-color:#DCE3E9}
  #seguranca .sm-ok{background:#0B1B2B;color:#fff}
  #seguranca .sgm .im-linhas li{background:#F7FAFC;border-color:rgba(11,27,43,.08)}
  #seguranca .sgm .im-nome{color:#0B1B2B}
  #seguranca .sgm .sm-lista .im-nome small{color:#5D6975}
  #seguranca .sgm .im-tipo{border-color:rgba(11,27,43,.14);color:#4B5A6A}
  #seguranca .sgm .sm-av{background:#E3F2F7!important;border-color:#B5DCE8!important;color:#14708A!important}
  #seguranca #sm-p3 .im-tipo{color:#14708A}
  #seguranca .sgm .amb-est.ok{background:rgba(21,154,139,.12);color:#0E6B60}
  #seguranca .sgm .amb-est.atencao{background:rgba(224,164,59,.16);color:#7A4A00}
  #seguranca .sgm .amb-est.falha{background:rgba(192,57,43,.1);color:#8E2119}
  #seguranca .sgm .im-num{border-top-color:rgba(11,27,43,.08)}
  #seguranca .sgm .im-num dt{color:#0B1B2B}
  #seguranca .sgm .im-num dd{color:#5D6975}
}

/* ── Celular · rodapé organizado: marca, dois blocos de links, contato em cartão e a parte legal no pé ── */
@media (max-width:760px){
  .rodape-in{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 16px;padding-block:32px 24px}
  .rodape-marca{grid-column:1 / -1;display:block;padding-bottom:24px;border-bottom:1px solid var(--linha)}
  .rodape-marca svg{width:120px}
  .rodape-marca p{margin-top:12px;max-width:30ch;font-size:14px;line-height:1.5;color:var(--tinta-2)}
  .rodape h2{margin-bottom:12px;font-size:10.5px}
  .rodape ul{gap:10px;font-size:14px}
  .rodape-in > div:nth-child(2) li:last-child a{white-space:nowrap}
  .rodape-in > div:last-child{grid-column:1 / -1;padding:16px;border-radius:14px;background:#fff;border:1px solid var(--linha)}
  .rodape-in > div:last-child ul{flex-direction:column;flex-wrap:nowrap;gap:0}
  .rodape-in > div:last-child li{padding:10px 0;border-top:1px solid var(--linha)}
  .rodape-in > div:last-child li:first-child{padding-top:0;border-top:0}
  .rodape-in > div:last-child li:last-child{padding-bottom:0}
  .rodape-in > div:last-child li:last-child a{color:var(--acento);font-weight:600}
  .rodape-base{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-block:18px 28px}
  .rodape-base nav{order:-1;display:flex;gap:18px}
  .rodape-base > span{font-size:10.5px;line-height:1.6;letter-spacing:.03em}
}
@media (max-width:389px){.rodape-in > div:nth-child(2) li:last-child a{white-space:normal}}

/* ── Celular · Integração mais delicada: abas sublinhadas, itens só com linha fina, menos peso ── */
@media (max-width:760px){
  .intm:not(.sgm){padding:16px 16px 18px;border-radius:20px;box-shadow:0 20px 50px -30px rgba(0,0,0,.6)}
  .intm:not(.sgm)::before{content:none}
  .intm:not(.sgm) .im-abas{gap:0;padding:0;border-radius:0;background:none;border-bottom:1px solid rgba(11,27,43,.1)}
  .intm:not(.sgm) .im-abas button{padding:10px 2px 12px;border-radius:0;font-size:13px;font-weight:500;color:#6B7683;background:none!important}
  .intm:not(.sgm) .im-abas button span{width:16px;height:16px;font-size:9px}
  .intm:not(.sgm) .im-abas button.on{color:#0B1B2B;font-weight:600}
  .intm:not(.sgm) .im-abas button.on span{background:#0B1B2B;border-color:#0B1B2B;color:#fff}
  .intm:not(.sgm) .im-abas button em{left:0;right:0;bottom:-1px;height:2px;transform:none;background:transparent}
  .intm:not(.sgm) .im-abas button.on em{background:var(--ciano)}
  .intm:not(.sgm).auto .im-abas button.on em{transform:scaleX(0)}
  .intm:not(.sgm) .im-palco{margin-top:16px}
  .intm:not(.sgm) .im-p > p{font-size:13.5px;margin:6px 0 12px}
  .intm:not(.sgm) .im-fontes{gap:0 14px}
  .intm:not(.sgm) .im-fontes li{padding:10px 0;border:0;border-top:1px solid rgba(11,27,43,.08);border-radius:0;background:none}
  .intm:not(.sgm) .im-fontes b{font-size:13.5px;font-weight:600}
  .intm:not(.sgm) .im-fontes small{font-size:11px}
  .intm:not(.sgm) .im-fontes i{top:15px;right:0;width:6px;height:6px;box-shadow:none}
  .intm:not(.sgm) .im-linhas{gap:0}
  .intm:not(.sgm) .im-linhas li{padding:10px 0;border:0;border-top:1px solid rgba(11,27,43,.08);border-radius:0;background:none}
  .intm:not(.sgm) .im-tipo{height:30px;border-radius:8px}
  .intm:not(.sgm) .im-saida{margin-top:12px;padding:14px;border-radius:14px;box-shadow:none;border:1px solid rgba(30,155,200,.35);background:#F7FBFD}
  .intm:not(.sgm) .im-saida strong{font-size:24px}
  .intm:not(.sgm) .im-passos li{padding:8px 4px;border-radius:10px;background:none}
  .intm:not(.sgm) .im-num{margin-top:14px;padding-top:12px}
  .intm:not(.sgm) .im-num dt{font-size:16px}
  .intm:not(.sgm) .im-num dd{font-size:11px}
}
@media (max-width:760px){
  .intm:not(.sgm) .im-saida .amb-est.ok{background:rgba(21,154,139,.12);color:#0E6B60}
  .intm:not(.sgm) .im-passos li{border-color:rgba(11,27,43,.08)}
}

/* ── Celular · Segurança no mesmo formato delicado da Integração ── */
@media (max-width:760px){
  #seguranca .intm.sgm{padding:16px 16px 18px;border-radius:20px;box-shadow:0 0 0 1px rgba(11,27,43,.06),0 20px 50px -30px rgba(11,27,43,.35)}
  #seguranca .sgm .im-abas{gap:0;padding:0;border-radius:0;background:none;border-bottom:1px solid rgba(11,27,43,.1)}
  #seguranca .sgm .im-abas button{padding:10px 2px 12px;border-radius:0;font-size:13px;font-weight:500;color:#6B7683;background:none!important}
  #seguranca .sgm .im-abas button span{width:16px;height:16px;font-size:9px}
  #seguranca .sgm .im-abas button.on{color:#0B1B2B;font-weight:600}
  #seguranca .sgm .im-abas button.on span{background:#0B1B2B;border-color:#0B1B2B;color:#fff}
  #seguranca .sgm .im-abas button em{left:0;right:0;bottom:-1px;height:2px;transform:none;background:transparent}
  #seguranca .sgm .im-abas button.on em{background:var(--ciano)}
  #seguranca .sgm.auto .im-abas button.on em{transform:scaleX(0)}
  #seguranca .sgm .im-palco{margin-top:16px}
  #seguranca .sgm .im-p > p{font-size:13.5px;margin:6px 0 12px}
  #seguranca .sgm .im-linhas{gap:0}
  #seguranca .sgm .im-linhas li{padding:10px 0;border:0;border-top:1px solid rgba(11,27,43,.08);border-radius:0;background:none}
  #seguranca .sgm .im-tipo{height:30px;border-radius:8px}
  #seguranca .sm-login{margin-top:12px;padding:14px;border-radius:14px;border:1px solid rgba(30,155,200,.35);background:#F7FBFD;gap:8px}
  #seguranca .sm-cod span{height:36px;font-size:16px}
  #seguranca .sm-ok{padding:9px;font-size:13px}
  #seguranca .sgm .im-num{margin-top:14px;padding-top:12px}
  #seguranca .sgm .im-num dt{font-size:16px}
  #seguranca .sgm .im-num dd{font-size:11px}
}

/* ── Celular · rodapé centralizado e mais calmo ── */
@media (max-width:760px){
  .rodape-in{gap:28px 12px;padding-block:36px 28px;text-align:center}
  .rodape-marca{display:flex;flex-direction:column;align-items:center;padding-bottom:26px}
  .rodape-marca svg{width:132px}
  .rodape-marca p{margin:12px auto 0;max-width:28ch}
  .rodape ul{align-items:center;gap:12px;font-size:14px}
  .rodape-in > div:nth-child(2) li:last-child a{white-space:normal}
  .rodape-in > div:last-child{padding:0;border:0;background:none}
  .rodape-in > div:last-child li{padding:0;border:0}
  .rodape-in > div:last-child ul{gap:10px}
  .rodape-in > div:last-child li:last-child{width:100%;margin-top:8px}
  .rodape-in > div:last-child li:last-child a{display:flex;align-items:center;justify-content:center;height:44px;border-radius:10px;background:#0B1B2B;color:#fff!important;font-weight:600}
  .rodape-base{align-items:center;text-align:center;gap:12px}
  .rodape-base nav{justify-content:center}
  .rodape-base > span{max-width:34ch}
}

/* ══ Celular · páginas de soluções, na mesma lógica da inicial: conteúdo compacto, leitura rápida ══ */
@media (max-width:760px){
  /* Soluções: cada módulo vira uma linha tocável (ícone, nome, resumo de duas linhas e seta) */
  .painel .grade{grid-template-columns:minmax(0,1fr);gap:10px}
  .painel .cartao{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;column-gap:14px;row-gap:4px;align-items:center;padding:14px 16px;border-radius:14px}
  .painel .cartao .icone{grid-row:1 / span 2;width:42px;height:42px}
  .painel .cartao .titulo-3{grid-column:2;font-size:17px;margin:0}
  .painel .cartao .texto{grid-column:2;font-size:13px;line-height:1.45;color:var(--tinta-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .painel .cartao .lista-ponto{display:none}
  .painel .cartao .link-seta{grid-column:3;grid-row:1 / span 2;justify-self:end;font-size:0;color:var(--acento)}
  .painel .cartao .link-seta span{font-size:18px}
  .painel .cartao .link-seta::after{content:"";position:absolute;inset:0;border-radius:14px}
  .painel .cartao:active{background:#F4F8FB}
  .painel .cabeca-secao .lead{font-size:15px}

  /* Páginas de módulo: recursos em linhas compactas (ícone ao lado do texto) */
  .in1-fila,.in1-cards{grid-template-columns:minmax(0,1fr)!important;gap:8px}
  .in1-card,.in1-fila .in1-card{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;align-items:start;padding:14px}
  .in1-card .ins-ic{width:36px;height:36px;border-radius:10px}
  .in1-card .ins-ic svg{width:18px;height:18px}
  .in1-card h3{font-size:15px;margin:0 0 3px}
  .in1-card p{font-size:13px;line-height:1.45}
  .in1-topo .lead{font-size:15px}
  .in1-rodape ul{gap:6px}
  .in1-rodape li{font-size:12.5px;padding:6px 10px}

  /* títulos das páginas no mesmo tamanho da inicial */
  .pagina .titulo-1{font-size:clamp(30px,8.7vw,36px)!important;line-height:1.08}
  .pagina .titulo-2{font-size:clamp(25px,7.4vw,29px)!important;line-height:1.12}
}
@media (max-width:760px){
  /* telas de app das páginas de setor (sem o bloco .app-vista): mesmo respiro lateral */
  .app.sis .tl-painel > :not(.rot):not(.app-h1):not(.app-subabas):not(.app-vista){margin-left:12px;margin-right:12px}
  .app.sis .tl-painel > .app-subabas:first-child{padding-top:6px}
  .app.sis .tl-painel > :last-child:not(.app-vista){margin-bottom:16px}
  .db-leg-h{white-space:normal}
}
@media (max-width:760px){.db-leg-h{flex-wrap:wrap;row-gap:4px}}
@media (max-width:760px){.app.sis .app-subabas{flex-wrap:nowrap;overflow:hidden}.app.sis .app-subabas span{white-space:nowrap}}
@media (max-width:760px){.app.sis .app-subabas span:nth-child(n+3){display:none}}

/* ══ Menu do celular: tela cheia, itens grandes e Soluções organizado em grupos ══ */
@media (max-width:1100px){
  .menu-aberto nav{flex-direction:column;height:calc(100dvh - var(--topo));max-height:none;padding:8px var(--gutter) calc(20px + env(safe-area-inset-bottom,0px))}
  .topo nav > ul > li > a,.mm-gatilho{padding:16px 2px;font-family:var(--marca);font-size:19px;font-weight:600;color:var(--tinta);background:none!important}
  .mm-item.aberto .mm-gatilho{color:#14708A}
  .mm-gatilho svg{width:14px;height:14px}

  /* painel de Soluções: dois grupos com rótulo, itens em cartões de duas colunas */
  .mm-painel{padding:2px 0 18px}
  .mm-grade{display:flex;flex-direction:column;gap:18px}
  .mm-col{min-width:0}
  .mm-rot{margin:0 0 10px;font-size:10.5px}
  .mm-lista,.mm-lista.dupla{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  .mm-lista a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:58px;padding:10px 12px;border-radius:12px;background:#F4F8FB;border:1px solid rgba(11,27,43,.06)}
  .mm-lista a b{font-family:var(--marca);font-weight:600;font-size:14.5px;line-height:1.2;color:var(--tinta)}
  .mm-lista a small{display:block;font-size:11.5px;line-height:1.3;color:#5D6975;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
  .mm-lista a:active{background:#E8F4FA}
  .mm-pe{margin-top:16px;padding-top:0;border-top:0}
  .mm-pe-tx{display:none}
  .mm-pe .btn{display:none}

  /* botão de ação sempre no pé do menu */
  .menu-aberto nav::after{content:none}
}
.menu-cta{display:none}
@media (max-width:1100px){
  .topo nav .menu-cta{display:flex;justify-content:center;width:100%;height:50px;margin-top:auto;flex:none;border-radius:12px;font-size:15px}
  .topo nav > ul{flex:none;margin-bottom:20px}
}
@media (max-width:1100px){
  .mm-lista a small{display:none}
  .mm-lista a{min-height:50px;padding:10px 12px}
  .mm-lista a b{font-size:14.5px}
}
/* Celular · Integração: caixa mais fina (mais estreita e com menos respiro interno) */
@media (max-width:760px){
  .intm:not(.sgm){width:min(100%,320px);margin-inline:auto;padding:12px 14px 14px;border-radius:18px}
  .intm:not(.sgm) .im-palco{margin-top:12px}
  .intm:not(.sgm) .im-fontes li,.intm:not(.sgm) .im-linhas li{padding:8px 0}
  .intm:not(.sgm) .im-num{margin-top:10px;padding-top:10px}
}
/* Celular · Integração: caixa um pouco maior e o texto com respiro lateral interno */
@media (max-width:760px){
  .intm:not(.sgm){width:min(100%,340px);padding:14px 20px 18px}
  .intm:not(.sgm) .im-abas{margin-inline:-6px}
}
/* Celular · Segurança: mesma caixa da Integração (até 340 px, respiro lateral de 20 px) */
@media (max-width:760px){
  #seguranca .intm.sgm{width:min(100%,340px);margin-inline:auto;padding:14px 20px 18px;border-radius:18px}
  #seguranca .sgm .im-abas{margin-inline:-6px}
  #seguranca .sgm .im-palco{margin-top:12px}
  #seguranca .sgm .im-linhas li{padding:8px 0}
  #seguranca .sgm .im-num{margin-top:10px;padding-top:10px}
}

/* ── Celular · Agende uma demonstração no padrão das outras seções ──
   Título centralizado fora da caixa, formulário numa caixa de até 340 px,
   campos obrigatórios primeiro e os opcionais lado a lado no fim. */
@media (max-width:760px){
  #demonstracao{background:#F4F8FB}
  #demonstracao .demo{display:flex;flex-direction:column;align-items:center;gap:20px;border:0;border-radius:0;background:none;overflow:visible;box-shadow:none}
  #demonstracao .demo-lado{padding:0;background:none;text-align:center;overflow:visible}
  #demonstracao .demo-lado .selo{justify-content:center;color:#14708A}
  #demonstracao .demo-lado .titulo-2{color:#0B1B2B}
  #demonstracao .demo-lado .titulo-2 em{display:block;color:#1683AE}
  #demonstracao .demo-lado .lead{max-width:32ch;margin:10px auto 0;color:#4B5A6A;font-size:15px}
  #demonstracao .formulario{width:min(100%,340px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;padding:20px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(11,27,43,.06),0 20px 50px -30px rgba(11,27,43,.35)}
  #demonstracao .formulario > *{grid-column:1 / -1}
  #demonstracao .campo label{font-size:12.5px}
  #demonstracao .campo input,#demonstracao .campo select{height:44px;border-radius:10px;font-size:16px}
  /* ordem: nome, e-mail, empresa, faturamento, cargo e WhatsApp lado a lado */
  #demonstracao .campo:has(#f-nome){order:1}
  #demonstracao .campo:has(#f-email){order:2}
  #demonstracao .campo:has(#f-empresa){order:3}
  #demonstracao .campo:has(#f-fat){order:4}
  #demonstracao .campo:has(#f-cargo){order:5;grid-column:auto}
  #demonstracao .campo:has(#f-tel){order:6;grid-column:auto}
  #demonstracao .aceite{order:7;font-size:12.5px;line-height:1.45}
  #demonstracao .form-erro{order:8}
  #demonstracao .formulario .btn{order:9;height:48px;border-radius:12px}
  #demonstracao .recebido{order:0}
}
/* Celular · as três caixas (Integração, Segurança e formulário) mais largas: quase de ponta a ponta */
@media (max-width:760px){
  .intm:not(.sgm),#seguranca .intm.sgm,#demonstracao .formulario{width:auto;max-width:440px;align-self:stretch;margin-inline:-10px}
  #demonstracao .formulario{padding:22px 20px}
}
@media (min-width:480px) and (max-width:760px){
  .intm:not(.sgm),#seguranca .intm.sgm,#demonstracao .formulario{margin-inline:auto;width:100%}
}
@media (max-width:374px){.intm:not(.sgm),#seguranca .intm.sgm,#demonstracao .formulario{margin-inline:0}}
/* Celular: título da Segurança sempre em duas linhas */
@media (max-width:760px){#t-seg em{display:block}#t-seg{text-wrap:balance}}

/* ══ Celular · aparelho mais realista ══
   Moldura de titânio com brilho nas bordas, botões laterais, Dynamic Island com câmera,
   barra de status com sinal, Wi-Fi e bateria, indicador de início e reflexo suave no vidro. */
@media (max-width:760px){
  .app.sis{position:relative;padding:10px;border-radius:50px;
    background:linear-gradient(145deg,#3A4A5C 0%,#141E29 18%,#0B131C 50%,#1A2633 82%,#4A5B6E 100%);
    box-shadow:
      inset 0 0 0 1.5px rgba(255,255,255,.18),
      inset 0 0 0 3px #05090E,
      0 0 0 1px rgba(11,27,43,.35),
      0 2px 0 rgba(255,255,255,.08),
      0 50px 90px -30px rgba(11,27,43,.65),
      0 30px 60px -40px rgba(55,183,214,.45)}
  /* botões laterais: silencioso e volume à esquerda, power à direita */
  .app.sis::before{content:"";position:absolute;left:-3px;top:112px;width:3px;height:118px;border-radius:2px 0 0 2px;pointer-events:none;
    background:linear-gradient(#2C3A49,#2C3A49) 0 0/3px 22px no-repeat,linear-gradient(#2C3A49,#2C3A49) 0 38px/3px 38px no-repeat,linear-gradient(#2C3A49,#2C3A49) 0 84px/3px 38px no-repeat}
  .app.sis::after{content:"";position:absolute;right:-3px;top:150px;width:3px;height:62px;border-radius:0 2px 2px 0;background:#2C3A49;pointer-events:none}
  .app.sis .app-palco{border-radius:41px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
  /* reflexo do vidro */
  .app.sis .app-palco::after{content:"";position:absolute;inset:0;z-index:7;pointer-events:none;border-radius:inherit;
    background:linear-gradient(118deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 28%,rgba(255,255,255,0) 72%,rgba(255,255,255,.05) 100%)}
  /* barra de status: hora, ilha com câmera e ícones */
  .app.sis .app-barra-nav{height:44px;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='12' viewBox='0 0 68 12'%3E%3Cg fill='%230B1B2B'%3E%3Crect x='0' y='8' width='3' height='4' rx='1'/%3E%3Crect x='4.5' y='5.5' width='3' height='6.5' rx='1'/%3E%3Crect x='9' y='3' width='3' height='9' rx='1'/%3E%3Crect x='13.5' y='0' width='3' height='12' rx='1'/%3E%3Cpath d='M29 11.4l2.3-2.5a3.3 3.3 0 0 0-4.6 0z M24.8 7a6 6 0 0 1 8.4 0l1.3-1.4a8 8 0 0 0-11 0z M22.2 4.2a9.7 9.7 0 0 1 13.6 0L37 3a11.3 11.3 0 0 0-16 0z'/%3E%3Crect x='42.5' y='.5' width='22' height='11' rx='3.3' fill='none' stroke='%230B1B2B' stroke-opacity='.4'/%3E%3Crect x='44' y='2' width='17' height='8' rx='2'/%3E%3Cpath d='M66 4.2v3.6a1.9 1.9 0 0 0 0-3.6z' fill-opacity='.45'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 22px top 17px}
  .app.sis .app-barra-nav::before{left:28px;top:14px;font-size:14px;letter-spacing:-.01em}
  .app.sis .app-barra-nav::after{top:10px;width:96px;height:28px;margin-left:-48px;
    background:radial-gradient(circle at 80% 50%,#1C2E44 0 3.5px,#0E1A27 4px 5.5px,transparent 6px),#000}
  /* indicador de início na base da tela */
  .app.sis .app-escala::after{content:"";position:absolute;left:50%;bottom:7px;z-index:8;width:110px;height:4px;margin-left:-55px;border-radius:3px;background:#0B1B2B;opacity:.85;pointer-events:none}
  .app.sis .app-escala{position:relative}
  .app.sis .app-direita{padding-bottom:18px}
}
@media (max-width:760px){
  .app.sis .app-barra-nav{background-position:right 20px top 17px;background-size:60px 11px}
  .app.sis .app-barra-nav::after{width:84px;height:26px;margin-left:-42px}
  .app.sis .app-escala::after{background:#0B1B2B;box-shadow:0 0 0 1.5px rgba(255,255,255,.75)}
  .app.sis .app-palco::after{background:linear-gradient(118deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,0) 24%,rgba(255,255,255,0) 76%,rgba(255,255,255,.04) 100%)}
}
@media (max-width:374px){
  .app.sis .app-barra-nav{background-position:right 16px top 17px;background-size:52px 10px}
  .app.sis .app-barra-nav::before{left:22px}
  .app.sis .app-barra-nav::after{width:70px;height:24px;margin-left:-35px}
}
@media (max-width:760px){.app.sis .app-escala::after{box-shadow:0 0 0 1px rgba(255,255,255,.45)}}