.puesto-banner *{box-sizing:border-box}.puesto-banner{margin:0;background:#080808;color:#fff;font-family:Arial,sans-serif}.puesto-banner{max-width:1000px;margin:0 auto;padding:24px 16px}.puesto-banner .intro{max-width:640px;margin:auto;text-align:center}.puesto-banner .intro span{font:11px monospace;letter-spacing:2px;color:#ff80c9}.puesto-banner h2{font-size:clamp(28px,5vw,48px);margin:12px 0}.puesto-banner p{font-size:15px;line-height:1.5}.puesto-banner .scene{position:relative;aspect-ratio:1.5;max-width:850px;margin:0 auto;isolation:isolate}.puesto-banner .cart{width:100%;height:100%;object-fit:contain}.puesto-banner .counter{position:absolute;left:15%;right:12%;top:41%;height:25%;z-index:2}.puesto-banner .tray{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 auto;padding:12px 0}.puesto-banner .piece{width:clamp(60px,11vw,96px);height:clamp(60px,11vw,96px);background-image:url(/puesto-assets/items.png);background-size:300% 200%;background-repeat:no-repeat;cursor:grab;touch-action:none;border:0;padding:0;background-color:transparent;position:relative;filter:drop-shadow(0 4px 4px #0008);flex-shrink:0}.puesto-banner .piece.selected{outline:2px dashed #ff80c9;outline-offset:3px;border-radius:8px}.puesto-banner .placed{position:absolute;z-index:5;transform:translate(-50%,-85%)}.puesto-banner .piece:focus-visible{outline:2px solid #ff80c9}.puesto-banner .piece.dragging{cursor:grabbing;z-index:10;filter:drop-shadow(0 7px 8px #000a)}.puesto-banner .actions{text-align:center}.puesto-banner button#puesto-reset{border:1px solid #bcbcbc;color:#fff;background:#111;padding:10px 16px;font:14px Arial;cursor:pointer}.puesto-banner .actions p{color:#ddd;font-size:13px}.puesto-banner .spark{position:absolute;color:#fff;font-style:normal;font-size:clamp(20px,5vw,45px);pointer-events:none;animation:puesto-twinkle 2.5s ease-in-out infinite}.puesto-banner .s1{top:22%;left:17%}.puesto-banner .s2{top:30%;right:13%;animation-delay:.8s}.puesto-banner .s3{bottom:21%;left:28%;animation-delay:1.6s}@keyframes puesto-twinkle{0%,100%{opacity:0;transform:scale(.4) rotate(-15deg)}40%{opacity:1;transform:scale(1.15) rotate(10deg)}75%{opacity:0}}@media(max-width:500px){.puesto-banner{padding:20px 10px}.puesto-banner .scene{aspect-ratio:1.25}.puesto-banner .tray{gap:0}.puesto-banner .piece{width:56px;height:56px}.puesto-banner .intro p{font-size:13px;max-width:340px;margin:10px auto}.puesto-banner .counter{top:41%;height:25%}}@media(prefers-reduced-motion:reduce){.puesto-banner .spark{animation:none;opacity:.7}}.puesto-banner .tray .piece{animation:puesto-float 3s ease-in-out infinite}.puesto-banner .tray .piece:nth-child(2n){animation-delay:-1s}.puesto-banner .tray .piece:nth-child(3n){animation-delay:-2s}@keyframes puesto-float{50%{transform:translateY(-4px) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.puesto-banner .tray .piece{animation:none}}
.puesto-banner h2{font-family:Arial,Helvetica,sans-serif;font-weight:700;line-height:1.2;letter-spacing:0}.puesto-banner .cart{display:block;max-width:100%;margin:0}.puesto-banner .intro p{margin:10px auto 18px}.puesto-banner .piece{min-height:0;min-width:0}