/* Faixa que identifica a demonstração */
.demo-faixa { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; background: var(--grafite); color: var(--offwhite);
  border-radius: var(--raio); padding: 14px 18px; }
.demo-faixa p { margin: 0; flex: 1 1 360px; font-size: 13px; color: #CFC8E0; line-height: 1.5; }
.demo-faixa p b { color: var(--offwhite); font-weight: 600; }
.demo-selo { font-family: Inter, system-ui, sans-serif; font-weight: 500; font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
  background: var(--ambar); color: var(--grafite); border-radius: 999px; padding: 4px 10px; white-space: nowrap; }
.demo-link { color: var(--lilas); font-weight: 600; font-size: 13px; text-decoration: none; white-space: nowrap; }
.demo-link:hover { color: var(--offwhite); text-decoration: underline; text-underline-offset: 3px; }
#btn-importar { display: none !important; }
/* Sincronizações fica fora da demo */
a[data-rota="sync"], section[data-pagina="sync"] { display: none !important; }
/* Voltar ao site, logo abaixo da marca */
a.lockup { text-decoration: none; }
.btn-voltar-site { display: inline-flex; align-items: center; justify-content: center; gap: 6px; margin: -14px 8px 0; padding: 9px 14px;
  border-radius: 999px; background: var(--ambar); color: var(--grafite); font-weight: 600; font-size: 13px; text-decoration: none; }
.btn-voltar-site:hover { filter: brightness(1.06); }
.btn-voltar-site:focus-visible { outline: 2px solid var(--offwhite); outline-offset: 2px; }