/* =========================================================
   Barra "progetto dimostrativo" comune alle quattro demo.
   Sta in cima a ogni pagina e non deve mai essere rimossa:
   serve a rendere impossibile scambiare una demo per il sito
   di un cliente reale.
   ========================================================= */
.demobar {
  position: relative; z-index: 999;
  background: #07080B;
  color: #A7AFC2;
  font: 500 0.78rem/1.5 "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  letter-spacing: 0.01em;
  padding: 9px 20px;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: 6px 16px; text-align: center;
}
.demobar b { color: #EDEFF5; font-weight: 600; }
.demobar em {
  font-style: normal; color: #6F7789;
}
.demobar a {
  color: #64E0C8; text-decoration: none; font-weight: 600;
  border-bottom: 1px solid rgba(100, 224, 200, 0.3);
  padding-bottom: 1px;
}
.demobar a:hover { border-bottom-color: #64E0C8; }
.demobar .dot {
  width: 5px; height: 5px; border-radius: 50%; background: #64E0C8; flex: none;
}
@media (max-width: 640px) {
  .demobar { font-size: 0.72rem; padding: 8px 14px; }
}