/* Cinta común de los demos */
.demo-ribbon { position: fixed; z-index: 999; left: 12px; bottom: 12px; display: inline-flex; align-items: center; gap: 8px; max-width: calc(100% - 24px); padding: 8px 14px 8px 10px; border-radius: 999px; background: rgba(6, 42, 47, .92); color: #fff; font: 600 12px/1.3 system-ui, -apple-system, 'Segoe UI', sans-serif; text-decoration: none; box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .5); }
.demo-ribbon b { background: #c9a84c; color: #2b2007; border-radius: 999px; padding: 3px 8px; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.demo-ribbon:hover { background: #062a2f; }
.demo-msg { margin-top: 12px; padding: 12px 14px; border-radius: 10px; background: #fff7df; color: #5b4708; font-size: 14px; line-height: 1.45; }