/* The demo window shows the product's real screen (/pantalla) in an iframe: laid out at a fixed logical size and scaled to the window width. */
.demo-switch{display:flex;width:max-content;max-width:100%;margin:0 auto 16px;padding:4px;gap:4px;border:1px solid var(--line);border-radius:999px;background:var(--white)}
.demo-switch button{min-height:44px;padding:0 20px;border:0;border-radius:999px;background:none;color:var(--muted);font:700 13px Manrope,Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s}
.demo-switch button[aria-selected=true]{background:var(--ink);color:#fff}
.demo-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.replica-app .system-stage{background:#f1f1f1}
.replica-app .system-stage[hidden],.replica-app .store-view[hidden]{display:none}
.system-viewport{position:relative;margin:0 auto;overflow:hidden;width:calc(var(--sys-w,1280px)*var(--sys-scale,1));height:calc(var(--sys-h,800px)*var(--sys-scale,1));background:#f1f1f1}
.system-frame{position:absolute;top:0;left:0;width:var(--sys-w,1280px);height:var(--sys-h,800px);border:0;background:#f1f1f1;transform:scale(var(--sys-scale,1));transform-origin:0 0}
.system-loading{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:0 24px;text-align:center;color:#6b645e;font-size:13px;pointer-events:none;transition:opacity .25s}
.system-viewport[data-ready=true] .system-loading{opacity:0}
.store-back{margin:0 0 14px;padding:0;min-height:44px;border:0;background:none;color:#c2410c;font:700 14px Inter,Arial,sans-serif;cursor:pointer}
@media(max-width:760px){.demo-switch{width:100%}.demo-switch button{flex:1;padding:0 10px}}