/* /sistema — as seções do ato 4/5 herdadas da /central na fusão (spec 2026-09-01):
   #sis-sala (o prédio) e a procedência, que mora no fim de #sis-limites.
   A seção "solução completa" (.so__*) foi cortada na rodada de emagrecimento.

   Os corpos de soberania/modelo/cenários/caixa continuam nas folhas
   css/central/{modelo,cenarios}.css, linkadas pela sistema.html: são autocontidas
   (nenhum seletor .ct-*) e não colidem com nada do sistema. O que morava em
   css/central/operacao.css veio para cá SEM as regras de acordeão (.acc__*,
   .lim__acc), que eram cópia das de css/sistema/limites.css — na página única,
   duas cópias da mesma regra é briga de "o último ganha". */

/* ================================================================= SALA E ENERGIA */
.sala__itens{
  margin-top:calc(86 * var(--vhu));
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  column-gap:calc(40 * var(--u));
  border-top:1px solid #E8E8E8;
}
.sala__itens li{
  padding:calc(16 * var(--vhu)) 0;
  border-bottom:1px solid #E8E8E8;
}
.sala__n{
  display:block;
  font-size:calc(8 * var(--u));
  color:#0C0C0C;
  margin-bottom:calc(6 * var(--vhu));
}
.sala__d{
  display:block;
  font-size:calc(11.5 * var(--u));
  line-height:calc(15 * var(--vhu));
  color:#5A5A5A;
}
.sala__airgap{
  margin-top:calc(64 * var(--vhu));
  width:calc(760 * var(--u));
  font-size:calc(18 * var(--u));
  line-height:calc(24 * var(--vhu));
  color:#0C0C0C;
}

/* ================================================================= A PROCEDÊNCIA
   Bloco compacto no fim de #sis-limites: rótulo na coluna 1, intro e lista nas
   colunas 2..4, espelhando o desenho do bloco de LGPD logo acima. */
.proc{
  margin-top:calc(104 * var(--vhu));
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  column-gap:calc(16 * var(--u));
  align-items:start;
}
.proc__t{grid-column:1; font-size:calc(8 * var(--u)); color:#0C0C0C}
.proc__i{
  grid-column:2 / span 3;
  font-size:calc(13 * var(--u));
  line-height:calc(17.4 * var(--vhu));
  color:#2E2E2E;
}
.proc ul{
  grid-column:2 / span 3;
  margin-top:calc(26 * var(--vhu));
  border-top:1px solid #DCDCDC;
}
.proc li{
  display:grid;
  grid-template-columns:calc(300 * var(--u)) 1fr;
  column-gap:calc(24 * var(--u));
  padding:calc(13 * var(--vhu)) 0;
  border-bottom:1px solid #DCDCDC;
}
.proc__n{
  font-size:calc(11 * var(--u));
  line-height:calc(14.5 * var(--vhu));
  color:#0C0C0C;
}
.proc__o{
  font-size:calc(11 * var(--u));
  line-height:calc(14.5 * var(--vhu));
  color:#6E6E6E;
}

/* ================================================================= 19 · O SOFTWARE
   O honorário da T.ZION em quatro pacotes. Seção escura; o 02 (recomendado) leva a
   borda azul, o 01 (contratado) leva o selo apagado. Sem canto arredondado. */
#sis-software{background:#0C0C0C; color:#fff}
.sw__eixo{
  margin-top:calc(84 * var(--vhu));
  width:calc(760 * var(--u));
  font-size:calc(26 * var(--u));
  line-height:calc(32 * var(--vhu));
  color:#fff;
}
.sw__pacotes{
  margin-top:calc(64 * var(--vhu));
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  column-gap:calc(16 * var(--u));
  align-items:stretch;
}
.sw__p{
  border:1px solid #262626;
  padding:calc(20 * var(--vhu)) calc(16 * var(--u)) calc(24 * var(--vhu));
  display:flex; flex-direction:column;
}
.sw__p.is-rec{border-color:#6E82FF}
.sw__p__hd{display:flex; align-items:baseline; justify-content:space-between; gap:calc(8 * var(--u))}
.sw__p__n{font-size:calc(8 * var(--u)); color:#6E6E6E}
.sw__p__tag{font-size:calc(7 * var(--u)); letter-spacing:.1em; color:#6E82FF}
.sw__p__tag--fec{color:#8A8A8A}
.sw__p__nome{
  margin-top:calc(14 * var(--vhu));
  font-size:calc(14 * var(--u)); line-height:calc(16.5 * var(--vhu));
  color:#fff;
  min-height:calc(33 * var(--vhu));
}
.sw__p__valor{
  margin-top:calc(14 * var(--vhu));
  font-size:calc(22 * var(--u)); line-height:calc(24 * var(--vhu));
  color:#fff;
}
.sw__p.is-rec .sw__p__valor{color:#fff}
.sw__p__valor i{font-style:normal; font-size:calc(7.5 * var(--u)); color:#8A8A8A}
.sw__p__par{
  margin-top:calc(8 * var(--vhu));
  font-size:calc(7 * var(--u)); letter-spacing:.08em; color:#6E6E6E;
}
.sw__p__resumo{
  margin-top:calc(14 * var(--vhu));
  font-size:calc(10.5 * var(--u)); line-height:calc(13.5 * var(--vhu));
  color:#9A9A9A;
}
.sw__p__lbl{margin-top:calc(18 * var(--vhu)); font-size:calc(7.5 * var(--u)); color:#6E82FF}
.sw__p ul{margin-top:calc(10 * var(--vhu)); border-top:1px solid #1E1E1E}
.sw__p li{
  padding:calc(8 * var(--vhu)) 0;
  border-bottom:1px solid #1E1E1E;
  font-size:calc(10 * var(--u)); line-height:calc(12.5 * var(--vhu));
  color:#C2C2C2;
}
.sw__porque{
  margin-top:calc(84 * var(--vhu));
  display:grid; grid-template-columns:1fr 3fr; column-gap:calc(16 * var(--u));
}
.sw__porque__t{font-size:calc(8 * var(--u)); color:#6E6E6E}
.sw__porque ul{display:grid; grid-template-columns:repeat(3, 1fr); column-gap:calc(16 * var(--u))}
.sw__porque li{border-top:1px solid #262626; padding-top:calc(14 * var(--vhu))}
.sw__q__t{display:block; font-size:calc(8 * var(--u)); color:#fff; margin-bottom:calc(8 * var(--vhu))}
.sw__q__d{display:block; font-size:calc(10.5 * var(--u)); line-height:calc(13.5 * var(--vhu)); color:#9A9A9A}
.sw__base{
  margin-top:calc(64 * var(--vhu));
  display:grid; grid-template-columns:3fr 2fr; column-gap:calc(40 * var(--u));
}
.sw__seg__t,.sw__manu__t{font-size:calc(8 * var(--u)); color:#6E82FF}
.sw__seg ul{margin-top:calc(12 * var(--vhu)); border-top:1px solid #262626}
.sw__seg li{
  padding:calc(9 * var(--vhu)) 0;
  border-bottom:1px solid #1E1E1E;
  font-size:calc(10.5 * var(--u)); line-height:calc(13.5 * var(--vhu));
  color:#C2C2C2;
}
.sw__manu__d{
  margin-top:calc(12 * var(--vhu));
  font-size:calc(11 * var(--u)); line-height:calc(15 * var(--vhu));
  color:#9A9A9A;
}
.sw__aviso{
  margin-top:calc(40 * var(--vhu));
  font-size:calc(9.5 * var(--u)); line-height:calc(12.5 * var(--vhu));
  color:#5A5A5A;
}
/* a frase do Energy e a ressalva da fração fecham esta seção (vieram da caixa,
   2026-09-01): as cores viram as do fundo escuro */
#sis-software .uni__frase{color:#fff}
#sis-software .uni__ressalva{color:#8A8A8A}
/* o programa contínuo, embaixo da escada: sem cifra, a combinar */
.sw__prog{
  margin-top:calc(20 * var(--vhu));
  border:1px solid #262626;
  padding:calc(18 * var(--vhu)) calc(16 * var(--u)) calc(20 * var(--vhu));
}
.sw__prog__hd{display:flex; align-items:baseline; justify-content:space-between; gap:calc(12 * var(--u))}
.sw__prog__hd .t{font-size:calc(8 * var(--u)); color:#fff}
.sw__prog__hd .tag{font-size:calc(8 * var(--u)); letter-spacing:.1em; color:#6E82FF}
.sw__prog__d{
  margin-top:calc(10 * var(--vhu));
  width:calc(860 * var(--u));
  font-size:calc(11 * var(--u)); line-height:calc(14.5 * var(--vhu));
  color:#9A9A9A;
}
/* o resumo do orçamento: um DOCUMENTO BRANCO dentro da seção escura (2026-09-02,
   a pedido: "box branco, minimalista, parecer um orçamento bem feito"). A grade de
   cada item é caixinha | nome | descrição | valor à direita; o SUBTOTAL é linha
   própria em flex, rótulo e valor juntos à direita, como num orçamento de verdade
   (a versão antiga jogava o rótulo do subtotal na coluna da caixinha, de 18u, e
   ele quebrava na vertical). Sobre branco o azul volta a ser o da marca, #0A16C8. */
.sw__orc{
  margin-top:calc(84 * var(--vhu));
  background:#fff; color:#0C0C0C;
  padding:calc(34 * var(--vhu)) calc(36 * var(--u)) calc(36 * var(--vhu));
}
.sw__orc__t{font-size:calc(8 * var(--u)); color:#0A16C8}
.sw__orc__i{margin-top:calc(10 * var(--vhu)); width:calc(720 * var(--u)); font-size:calc(11 * var(--u)); line-height:calc(14.5 * var(--vhu)); color:#6A6A6A}
.sw__orc__sel{margin-top:calc(22 * var(--vhu)); display:flex; flex-wrap:wrap; gap:calc(8 * var(--u))}
.sw__orc__chip{
  font-family:var(--font-mono); font-weight:500;
  font-size:calc(8 * var(--u)); letter-spacing:.06em; text-transform:uppercase;
  color:#6A6A6A; background:none; border:1px solid #D8D8D8;
  padding:calc(7 * var(--vhu)) calc(12 * var(--u));
  transition:color .25s ease, border-color .25s ease, background-color .25s ease;
}
.sw__orc__chip:hover{color:#0C0C0C; border-color:#8A8A8A}
.sw__orc__chip.is-active{color:#fff; background:#0C0C0C; border-color:#0C0C0C}
.sw__orc__linhas{margin-top:calc(24 * var(--vhu))}
.sw__orc__l{
  display:grid;
  grid-template-columns:calc(18 * var(--u)) calc(300 * var(--u)) 1fr calc(200 * var(--u));
  column-gap:calc(14 * var(--u));
  align-items:baseline;
  width:100%;
  padding:calc(12 * var(--vhu)) 0;
  border-bottom:1px solid #ECECEC;
  background:none; border-left:0; border-right:0; border-top:0;
  text-align:left;
  transition:opacity .25s ease;
}
.sw__orc__l--fixa::before{content:''}
.sw__orc__l .box{
  width:calc(9 * var(--u)); height:calc(9 * var(--u));
  border:1px solid #0A16C8; background:#0A16C8;
  align-self:center;
  transition:background .2s ease;
}
.sw__orc__l.is-off .box{background:transparent; border-color:#B0B0B0}
.sw__orc__l.is-off{opacity:.5}
.sw__orc__l .n{font-size:calc(8 * var(--u)); color:#0C0C0C}
.sw__orc__l .n .opc{font-style:normal; font-size:calc(6.5 * var(--u)); color:#0A16C8; margin-left:calc(8 * var(--u)); letter-spacing:.1em}
.sw__orc__l .d{font-size:calc(10.5 * var(--u)); line-height:calc(13.5 * var(--vhu)); color:#8A8A8A}
.sw__orc__l .v{font-size:calc(12 * var(--u)); color:#0C0C0C; text-align:right; font-variant-numeric:tabular-nums}
.sw__orc__l .v.is-fora{font-size:calc(7.5 * var(--u)); color:#9A9A9A; letter-spacing:.08em}
.sw__orc__l--desc .n{color:#8A8A8A}
button.sw__orc__l{cursor:pointer}
/* subtotal: linha própria, tudo à direita */
.sw__orc__l--sub{
  display:flex; justify-content:flex-end; align-items:baseline;
  gap:calc(18 * var(--u));
  border-bottom:0;
  padding:calc(10 * var(--vhu)) 0 calc(4 * var(--vhu));
}
.sw__orc__l--sub .n{color:#8A8A8A}
.sw__orc__l--sub .v{color:#3A3A3A}
.sw__orc__l--sub.is-forte{padding-bottom:calc(10 * var(--vhu)); border-bottom:1px solid #ECECEC}
.sw__orc__l--sub.is-forte .n,.sw__orc__l--sub.is-forte .v{color:#0C0C0C}
.sw__orc__total{
  display:flex; align-items:baseline; justify-content:space-between;
  margin-top:calc(14 * var(--vhu));
  padding-top:calc(18 * var(--vhu));
  border-top:1px solid #0C0C0C;
}
.sw__orc__total .lbl{font-size:calc(8 * var(--u)); color:#0A16C8}
.sw__orc__total .val{font-size:calc(26 * var(--u)); line-height:calc(28 * var(--vhu)); color:#0C0C0C}
.sw__orc__aviso{margin-top:calc(16 * var(--vhu)); font-size:calc(9.5 * var(--u)); line-height:calc(12.5 * var(--vhu)); color:#8A8A8A}
/* unidades e grupos do orçamento */
.sw__orc__uni{margin-top:calc(14 * var(--vhu)); display:flex; align-items:center; gap:calc(12 * var(--u))}
.sw__orc__uni .lbl{font-size:calc(8 * var(--u)); color:#6A6A6A}
.sw__orc__uni .ops{display:flex; gap:calc(6 * var(--u))}
.sw__orc__chip--uni{min-width:calc(34 * var(--u)); text-align:center; padding:calc(7 * var(--vhu)) calc(8 * var(--u))}
.sw__orc__grupo{
  padding:calc(20 * var(--vhu)) 0 calc(8 * var(--vhu));
  font-size:calc(7.5 * var(--u)); letter-spacing:.1em; color:#0A16C8;
  border-bottom:1px solid #0C0C0C;
}