/* Franja "modelo de demostración" y botón flotante de WhatsApp, comunes a todos los modelos */
.demo-bar {
  position: relative; z-index: 60;
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .2rem 1rem;
  padding: .55rem 1rem; text-align: center;
  background: #0E2B49; color: #fff;
  font: 500 .8125rem/1.4 "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.demo-bar a { color: #6FD3C9; font-weight: 700; text-decoration: none; }
@media (hover: hover) and (pointer: fine) { .demo-bar a:hover { text-decoration: underline; } }

.wa-float {
  position: fixed; right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); z-index: 50;
  display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%;
  background: #25D366; color: #fff; box-shadow: 0 6px 20px rgba(0, 0, 0, .25);
  -webkit-tap-highlight-color: transparent;
}
.wa-float svg { width: 28px; height: 28px; }