:root{
  --papel:#F6F2EB; --tinta:#1A1411; --tinta-2:#5E554E; --tinta-3:#978C83;
  --linha:#E6DDD1; --linha-2:#F0EAE1; --roxo:#B4541A; --roxo-escuro:#8F4212; --roxo-claro:#FBE7D6;
  --dourado:#F0892F; --dourado-texto:#9A4F0F;
  --lateral:#1A1411; --lateral-2:#2A211C; --lateral-texto:#F2EBDD; --lateral-muted:#B9AC9C; --lateral-ativo:rgba(240,137,47,.16);
  --tinta-rgb:26,20,17; --roxo-rgb:180,84,26;
  --sombra:0 1px 2px rgba(26,20,17,.05),0 6px 20px rgba(26,20,17,.06);
}
.login{background:radial-gradient(120% 80% at 50% 0%,#FBE7D6 0%,var(--papel) 60%)}
.topo{background:rgba(246,242,235,.92)}
.cor-roxo{background:#ECE6F5;color:#4F3D7A}
.lateral .marca img{background:transparent}
.demo-aviso{margin:0;padding:10px 12px;border-radius:var(--raio-p);background:#FFF4E8;border:1px solid #F3D3B3;color:#6B3A10;font-size:13px;line-height:1.45}
.faixa-demo{grid-column:1/-1;margin:0;padding:6px 16px;background:var(--tinta);color:#F2EBDD;font-size:12.5px;font-weight:700;text-align:center;letter-spacing:.01em}
.etapa-passo.atual .ep-ponto{box-shadow:0 0 0 4px #FBE7D6}
.app{grid-template-rows:auto 1fr}
.faixa-demo{position:sticky;top:0;z-index:25;height:30px;line-height:18px}
.lateral{top:30px;height:calc(100vh - 30px)}
.topo{top:30px}
@media (max-width:900px){.faixa-demo{position:static;font-size:11px;height:auto;line-height:1.4;padding:5px 12px}.topo{top:0}}