/* Banda fija de las demos públicas (datos ficticios). Se copia igual en cada demo. */
#demo-banda{position:fixed;left:0;right:0;top:0;z-index:2147483000;display:flex;align-items:center;gap:10px;
  height:30px;padding:0 10px;box-sizing:border-box;background:linear-gradient(90deg,#1b0a2e,#05232e);
  border-bottom:1px solid rgba(0,229,255,.55);box-shadow:0 2px 12px rgba(0,0,0,.55);
  font:600 12px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#e8fbff;letter-spacing:.2px}
#demo-banda .db-volver{flex:none;display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:11px;
  background:#00e5ff;color:#03131a;text-decoration:none;font-weight:800;white-space:nowrap}
#demo-banda .db-volver:hover,#demo-banda .db-volver:focus-visible{background:#7ff3ff;outline:2px solid #fff;outline-offset:1px}
#demo-banda .db-txt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#demo-banda .db-txt b{color:#39ff88}
#demo-banda .db-txt span{color:#9fdcea;font-weight:500}
@media (max-width:560px){#demo-banda{font-size:10.5px;gap:6px;padding:0 6px}#demo-banda .db-volver{padding:0 8px}}
#demo-aviso{position:fixed;left:50%;bottom:18px;transform:translate(-50%,20px);z-index:2147483001;max-width:calc(100vw - 24px);
  padding:10px 16px;border-radius:10px;background:#0b1a24;border:1px solid #ff2bd6;color:#fff;box-shadow:0 6px 24px rgba(0,0,0,.6);
  font:600 13px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
#demo-aviso.ver{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){#demo-aviso{transition:none}}