.cp-demo{--cp-franja: 2rem}.cp-demo-franja{position:sticky;top:0;z-index:45;height:var(--cp-franja);box-sizing:border-box;padding:0 var(--space-6);display:flex;align-items:center;justify-content:center;gap:var(--space-3);background:var(--primary);color:var(--on-primary);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.2;white-space:nowrap;overflow:hidden}.cp-demo-franja>span:first-child{overflow:hidden;text-overflow:ellipsis}.cp-demo-franja__pedir{color:inherit;text-decoration:underline;text-underline-offset:2px;flex:none}.cp-demo-franja__pedir:hover{text-decoration-thickness:2px}.cp-demo-franja__pedir:focus-visible{outline:2px solid var(--on-primary);outline-offset:2px;border-radius:var(--radius-sm)}.cp-demo .cp-shell{min-height:calc(100dvh - var(--cp-franja))}.cp-demo .cp-barra{top:var(--cp-franja);height:calc(100dvh - var(--cp-franja))}.cp-demo .cp-arriba{top:var(--cp-franja)}.cp-demo-apagado{padding:var(--space-8) 0}[data-demo][aria-disabled=true],button[data-demo]:disabled{opacity:.55;cursor:not-allowed}