/* Faixa "modelo de demonstração" usada em todos os modelos de site da LimaOps */
.lo-demo-bar {
  position: relative; z-index: 9999;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 16px;
  padding: 9px 16px; background: #081424; color: #f4f2ee;
  font: 500 13px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; text-align: center;
}
.lo-demo-bar b { color: #3ec0dd; font-weight: 700; }
.lo-demo-bar a { color: #f4f2ee; text-decoration: underline; text-underline-offset: 2px; }
.lo-demo-bar a:hover { color: #3ec0dd; }
.lo-demo-cta {
  position: fixed; right: 16px; bottom: 16px; z-index: 9999;
  display: inline-flex; align-items: center; gap: 8px;
  padding: 12px 18px; border-radius: 999px; background: #3ec0dd; color: #0f172a;
  font: 700 14px/1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; text-decoration: none;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .28);
}
.lo-demo-cta:hover { background: #66d0e8; }
.lo-demo-cta svg { width: 18px; height: 18px; }
@media (max-width: 520px) { .lo-demo-cta { left: 16px; right: 16px; justify-content: center; } }