/* Direção B · "Planta Azul"
   Conceito: a prancha de projeto. Lateral marinho como cópia heliográfica, grade técnica na planta,
   títulos condensados como carimbo de prancha; o dourado é o traço de cota. Paleta: marinho #0F2340,
   dourado #C79A3A, gelo #F3F5F8. Fontes: Barlow Condensed (títulos) + Barlow (texto) + JetBrains Mono (medidas).
   Movimento: deslizes laterais de 200 ms, como régua correndo. Tema: claro e escuro (sistema). */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Barlow:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap");
:root{
  --f-titulo:"Barlow Condensed",system-ui,sans-serif;--f-texto:"Barlow",system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,monospace;--peso-titulo:700;--tracking-titulo:.02em;
  --fundo:#F3F5F8;--superficie:#FFFFFF;--superficie-2:#E9EDF3;--texto:#0F2340;--texto-2:#4F5D74;--borda:#D7DDE7;--borda-forte:#8693A8;
  --lateral:#0F2340;--lateral-texto:#FFFFFF;--lateral-texto-2:#B8C3D6;--lateral-hover:#1A3358;--lateral-ativo:#C79A3A;--lateral-ativo-texto:#0F2340;
  --acento:#C79A3A;--acento-hover:#B4882C;--acento-texto:#0F2340;--acento-link:#8C6516;--foco:#2F6FD6;
  --ok:#1F6B3B;--ok-fundo:#E3F1E7;--defeito:#A82A1F;--defeito-fundo:#F9E6E3;--marca:#C79A3A;--bolha:#0F2340;--grafico:#B8C3D6;
  --coluna:#E9EDF3;--planta-fundo:repeating-linear-gradient(0deg,#E2E8F1 0 1px,transparent 1px 16px),repeating-linear-gradient(90deg,#E2E8F1 0 1px,#F7F9FC 1px 16px);--planta-gap:8px;
  --comodo:rgba(255,255,255,.85);--comodo-ativo:#FFF8E8;--comodo-borda:#0F2340;--foto:#E1E7F0;
  --logo-a:#FFFFFF;--logo-b:#C79A3A;--veu:rgba(15,35,64,.6);
  --r-p:2px;--r-m:4px;--r-g:6px;--r-chip:4px;--r-flut:6px;
  --sombra:none;--sombra-alta:0 10px 28px -6px rgba(15,35,64,.3);
  --t-rapido:120ms;--t-entra:200ms;--t-sai:130ms;--ease:cubic-bezier(.3,.8,.3,1);
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  --fundo:#0A1526;--superficie:#102038;--superficie-2:#172B48;--texto:#E8EEF7;--texto-2:#A3B1C7;--borda:#21365A;--borda-forte:#5C6F8F;
  --lateral:#07101E;--lateral-hover:#132640;--acento:#D6AA4C;--acento-hover:#E3BC66;--acento-link:#E3BC66;--foco:#7FB0FF;
  --ok:#7DCB95;--ok-fundo:#14301E;--defeito:#F29C90;--defeito-fundo:#3A1814;--bolha:#D6AA4C;--grafico:#2F4568;
  --coluna:#0D1B30;--planta-fundo:repeating-linear-gradient(0deg,#1A2C47 0 1px,transparent 1px 16px),repeating-linear-gradient(90deg,#1A2C47 0 1px,#0C1A2E 1px 16px);
  --comodo:rgba(16,32,56,.9);--comodo-ativo:#2A2716;--comodo-borda:#5C6F8F;--foto:#1B2F4E;--veu:rgba(0,0,0,.6);--sombra-alta:0 12px 30px -6px rgba(0,0,0,.6);}}
main.entra{animation-name:desliza}
@keyframes desliza{from{opacity:0;transform:translateX(-10px)}}
h1{text-transform:uppercase}
.tela-topo{border-bottom:1px solid var(--borda-forte);padding-bottom:14px;position:relative}
.tela-topo::after{content:"";position:absolute;left:0;bottom:-1px;width:64px;height:3px;background:var(--acento)}
.cartao>h2,.coluna h2{text-transform:uppercase;letter-spacing:.04em;font-size:15px}
.comodo{border-width:2px}