.demo-faixa {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 40;
  background: #0f2744;
  color: #d6deea;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.01em;
  padding: 5px 12px;
}
body.demo { padding-top: 28px; }
body.demo .app-header { top: 28px; }
.logo-demo {
  color: #fff;
  font-family: "Source Serif 4", Georgia, serif;
  font-weight: 650;
  font-size: 18px;
  letter-spacing: 0.01em;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}
.logo-demo svg { display: block; }
.demo-entrar { width: 100%; margin-top: 8px; min-height: 48px; }
.demo-rodape {
  text-align: center;
  font-size: 13px;
  color: #64748b;
  padding: 28px 16px 36px;
}
.demo-rodape a { color: inherit; }
.demo-exemplos { margin: 8px 0 0; }