/* Faixa fixa da demonstração do painel do parceiro */
.faixa-demo { position: sticky; top: 0; z-index: 60; display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap;
  padding: 10px 18px; background: #1d1809; border-bottom: 1px solid rgba(212, 167, 44, .45); font-size: 13.5px; }
.faixa-demo strong { color: var(--ouro-claro); }
/* no computador o menu lateral fica abaixo da faixa (no celular o menu já é horizontal) */
@media (min-width: 861px) {
  .demonstracao .app { min-height: calc(100vh - var(--faixa, 52px)); }
  .demonstracao .menu { top: var(--faixa, 52px); height: calc(100vh - var(--faixa, 52px)); }
}
@media (max-width: 760px) { .faixa-demo { padding: 8px 12px; font-size: 12.5px; } }
:root[data-tema="claro"] .faixa-demo { background: #fbf3dc; }