/* Cinta de la demo pública de Mi NomiClock (?demo=1); solo la usa demo-local.js. */
.demo-cinta-mi { position: fixed; z-index: 90; left: 8px; right: 8px; bottom: 76px; display: flex; flex-wrap: wrap; gap: 4px 14px; align-items: center; justify-content: center; padding: 8px 12px; border-radius: 12px; background: var(--color-secondary-container); color: var(--color-primary); font: 600 12px/1.3 system-ui, sans-serif; box-shadow: 0 6px 18px rgba(0, 29, 65, .25); }
.demo-cinta-mi a { color: var(--color-primary); font-weight: 700; text-decoration: underline; white-space: nowrap; }
@media (min-width: 768px) { .demo-cinta-mi { left: auto; right: 16px; bottom: 16px; max-width: 420px; } }