/* Capturas do próprio loja.html, sem reconstrução da interface. */
#como-funciona{scroll-margin-top:70px}
#como-funciona .pp{grid-template-columns:minmax(0,1fr) 380px;gap:72px}
#como-funciona .pp-item{width:100%;border:0;text-align:left;font:inherit;color:inherit;background:transparent;align-items:center}
#como-funciona .pp-item>div{flex:1}
#como-funciona .pp-item.ativo{background:#f5f2ec}
#como-funciona .pp-item:hover{background:#f8f6f1}
#como-funciona .pp-item:focus-visible,.demo-controls button:focus-visible{outline:2px solid #bd7c00;outline-offset:4px}
#como-funciona .pp-item p{font-size:16px}
#como-funciona .pp-barra i{animation:none;width:100%;transform:scaleX(var(--progress,0));transform-origin:left}
.pedido-motion{--ease:cubic-bezier(.22,.68,.25,1);position:relative;width:380px;max-width:100%;justify-self:center;color:#171916}
.app-real-cena{position:relative;padding:8px 24px 24px;perspective:1400px}
.app-real-phone{position:relative;width:312px;max-width:100%;margin:auto;border:7px solid #222321;border-radius:42px;padding:7px;background:#222321;box-shadow:0 0 0 1px #55564f,0 0 0 3px #111210,0 28px 48px -14px #111a1538;transition:transform 650ms var(--ease),box-shadow 650ms var(--ease)}
.app-real-phone:after{content:"";position:absolute;right:-11px;top:126px;width:3px;height:52px;border-radius:2px;background:#262723}
.app-real-screen{position:relative;width:100%;aspect-ratio:390/780;border-radius:28px;overflow:hidden;background:#f7f5ee;isolation:isolate}
.app-real-layer{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;opacity:0;transform:translateY(32px);transition:transform 650ms var(--ease),opacity 300ms ease;pointer-events:none}
.app-real-catalogo{opacity:1;transform:none;z-index:0}
.app-real-carrinho{z-index:1;transform:translateY(65px)}
.app-real-endereco{z-index:2;transform:translateX(32px)}
.app-real-pagamento{z-index:3;transform:translateY(36px)}
.pedido-real[data-etapa="1"] .app-real-carrinho{opacity:1;transform:none}
.pedido-real[data-etapa="2"] .app-real-endereco{opacity:1;transform:none}
.pedido-real[data-etapa="2"]:not([data-beat="0"]) .app-real-pagamento{opacity:1;transform:none}
.pedido-real[data-etapa="1"] .app-real-phone{transform:translateY(-4px);box-shadow:0 0 0 1px #55564f,0 0 0 3px #111210,0 34px 52px -16px #111a1540}
.app-real-toque{position:absolute;z-index:4;left:85.4%;top:4.4%;width:30px;height:30px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #24242450,0 1px 6px #0003;background:#ffffff26;opacity:0;transform:translate(-50%,-50%) scale(.6);transition:opacity 150ms,transform 450ms var(--ease);pointer-events:none}
.pedido-real[data-etapa="1"] .app-real-toque{left:50%;top:87%}
.pedido-real[data-etapa="2"] .app-real-toque{left:20%;top:74%}
.pedido-real[data-beat="2"] .app-real-toque{opacity:1;transform:translate(-50%,-50%) scale(1.3)}
.demo-controls{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:#787d70;margin-top:8px}
.demo-controls button{border:1px solid #e3e4db;border-radius:50%;width:32px;height:32px;background:white;color:#20281b;font-size:16px;cursor:pointer;transition:background 150ms,transform 150ms}
.demo-controls button:hover{background:#fff0c8;transform:translateY(-2px)}
.demo-controls button:disabled{opacity:.35;cursor:default}
@media(min-width:761px) and (max-width:1050px){#como-funciona .pp{grid-template-columns:minmax(0,1fr) 330px;gap:28px}.pedido-motion{width:330px}.app-real-cena{padding-left:10px;padding-right:10px}.pp-item h3{font-size:20px}}
@media(max-width:760px){#como-funciona .pp{display:flex;flex-direction:column;gap:28px}#como-funciona .pp>div:first-child{width:100%}#como-funciona .pp-lista{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}#como-funciona .pp-item{display:flex;flex-direction:column;align-items:flex-start;padding:12px 10px;gap:10px;height:100%;border-radius:12px}#como-funciona .pp-num{width:28px;height:28px;font-size:14px}#como-funciona .pp-item h3{font-size:12px;line-height:1.3}#como-funciona .pp-item p{display:none}#como-funciona .pp-item>div{width:100%;display:flex;flex-direction:column}#como-funciona .pp-barra{margin-top:auto;padding-top:10px;height:13px;background:transparent;border-radius:0}#como-funciona .pp-barra i{height:3px;border-radius:3px}.pedido-motion{width:340px}.app-real-cena{padding:8px 18px 22px}.app-real-phone{width:292px}}
@media(max-width:359px){.pedido-motion{width:288px}.app-real-cena{padding-left:8px;padding-right:8px}.app-real-phone{width:268px}}
@media(prefers-reduced-motion:reduce){.app-real-phone{transform:none!important}.app-real-layer,.app-real-phone{transition:none}.app-real-toque{display:none}}