/* Guía de la demo diseñada en Figma; conserva los controles de la aplicación. */
.demo-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:10px;margin:18px 0 12px;padding:0}
.demo-journey li{display:flex;align-items:center;gap:9px;min-height:48px;padding:12px;border:1px solid var(--border-color,#dedfe4);border-radius:14px;color:var(--text-secondary,#767680);font-size:13px;line-height:1.25;background:var(--bg-secondary,#f5f5f7);transition:border-color .2s,background .2s,color .2s}
.demo-journey b{font-size:11px;color:inherit;font-variant-numeric:tabular-nums}.demo-journey [aria-current="step"]{border-color:#0a84ff;background:color-mix(in srgb,#0a84ff 9%,var(--bg-secondary,#f5f5f7));color:var(--text-primary,#1c1c1e);box-shadow:inset 0 2px 0 #0a84ff}.demo-journey .is-done b::after{content:' ✓';color:#13833c}.demo-coach{border-radius:24px}
@media(prefers-color-scheme:dark){.demo-journey li{background:var(--bg-secondary,#1c1c1e);border-color:var(--border-color,#353539);color:var(--text-secondary,#aaa)}.demo-journey [aria-current="step"]{color:var(--text-primary,#fff);border-color:#0a84ff;background:color-mix(in srgb,#0a84ff 14%,#171c29)}}
@media(max-width:430px){.demo-journey{gap:6px}.demo-journey li{padding:10px 8px;gap:5px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.demo-journey li{transition:none}}