.note{color:var(--muted);max-width:62ch;margin-top:18px;font-size:.95rem}.hero.sub{min-height:auto;padding:150px 0 100px}:root{--bg:#0c0b14;--bg-2:#12101c;--surface:#191626;--line:#2a2640;--line-2:#4a4470;--text:#f3f1fa;--muted:#b0abc9;--dim:#938eb0;--sage:#b7a6f2;--sage-2:#dcd2fa;--sage-3:#8a74d6;--ink:#120d26;--laser:#ff5c7a}.glow{background:radial-gradient(closest-side,#b7a6f22b,#b7a6f20d 55%,#0000 72%)}.grid-bg{background-image:none}.cta-art{width:230px;height:230px;color:var(--ink);opacity:.13;pointer-events:none;z-index:-1;position:absolute}.cta-art.a{bottom:-48px;left:-34px;transform:rotate(-12deg)}.cta-art.b{top:-40px;right:-26px;transform:rotate(14deg)}@media (width<=760px){.cta-art{width:150px;height:150px}}.hero-r{gap:22px;display:grid}.shop{width:min(430px,100%);margin:0 auto}.awning{transform-origin:50% 0;width:100%;height:auto;animation:unroll 1.1s var(--ease) .3s both;filter:drop-shadow(0 12px 18px #00000073);display:block}.awning .a{fill:var(--sage)}.awning .b{fill:var(--sage-2)}@keyframes unroll{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.window{border:3px solid var(--line-2);background:linear-gradient(115deg,#ffffff0f 0 18%,transparent 18% 26%,#ffffff09 26% 30%,transparent 30%),var(--surface);border-top:none;border-radius:0 0 18px 18px;justify-content:center;min-height:350px;margin-top:-6px;padding:30px 14px 26px;display:flex;position:relative;overflow:hidden}.tagcard{transform-origin:50% -44px;width:min(250px,64%);margin-top:44px;animation:2.8s ease-in-out 1.2s 3 swing;position:relative}.tagcard:before{content:"";background:var(--sage-3);width:2px;height:44px;margin-left:-1px;position:absolute;top:-44px;left:50%}.tagcard:after{content:"";background:var(--surface);border:2px solid var(--ink);z-index:2;border-radius:50%;width:13px;height:13px;margin-left:-6.5px;position:absolute;top:9px;left:50%}.tagcard .wallet{margin:0;padding:38px 16px 16px}.pbar{background:#120d2640;border-radius:5px;height:8px;overflow:hidden}.pbar i{background:var(--ink);width:60%;height:100%;transition:width .8s var(--ease);border-radius:5px;display:block}.osign{transform-origin:50% -2px;animation:3s ease-in-out 1.6s 3 swing;position:absolute;top:0;right:16px}.osign:before{content:"";background:var(--line-2);width:2px;height:30px;position:absolute;top:-30px;left:50%}.osign span{border:2px solid var(--sage);color:var(--sage);font:700 .72rem/1 var(--f-mono);letter-spacing:.18em;background:var(--bg-2);border-radius:6px;margin-top:30px;padding:8px 14px;display:block}@keyframes swing{0%{rotate:-6deg}50%{rotate:6deg}to{rotate:0deg}}.s>.wrap{position:relative}.s>.wrap:before{content:"";top:-8px;left:var(--gutter);right:var(--gutter);opacity:.85;background:linear-gradient(var(--line-2),var(--line-2)) 0 3px/100% 1.5px no-repeat,conic-gradient(from 160deg at 50% 0,var(--sage) 40deg,transparent 0) 0 4px/56px 22px repeat-x,conic-gradient(from 160deg at 50% 0,var(--sage-2) 40deg,transparent 0) 28px 4px/56px 22px repeat-x;height:26px;position:absolute}#como>.wrap:before{display:none}.s:not(#como)>.wrap>.head{padding-top:34px}.reveal{transform:translateY(26px)}.easel{max-width:980px;margin:36px auto 80px;position:relative}.board{background:radial-gradient(at 18% 20%,#ffffff0f,#0000 55%),radial-gradient(at 85% 80%,#ffffff0b,#0000 55%),#101815;border:12px solid #5b4430;border-radius:10px;padding:32px 40px 42px;position:relative;box-shadow:inset 0 0 40px #0009,0 30px 50px -30px #000}.easel:before,.easel:after{content:"";z-index:-1;background:#5b4430;border-radius:3px;width:12px;height:92px;position:absolute;bottom:-66px}.easel:before{left:12%;transform:rotate(10deg)}.easel:after{right:12%;transform:rotate(-10deg)}.chalk-title{font:500 .8rem/1 var(--f-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--sage);align-items:center;gap:14px;margin-bottom:24px;display:flex}.chalk-title:after{content:"";background:repeating-linear-gradient(90deg,#edebf780 0 8px,#0000 8px 12px);flex:1;height:2px}.chalk{gap:30px;list-style:none;display:grid}.chalk li{clip-path:inset(0 100% 0 0);transition:clip-path 1s steps(24) calc(var(--i)*.7s + .3s);grid-template-columns:56px 1fr;align-items:start;gap:20px;display:grid}.easel.in .chalk li{clip-path:inset(0)}.chalk b{border:2.5px solid var(--sage);width:52px;height:52px;color:var(--sage);font:800 1.3rem/1 var(--f-display);border-radius:48% 52% 46% 54%/54% 46% 52% 48%;place-items:center;display:grid;rotate:-5deg}.chalk h3{letter-spacing:-.02em;color:#edebf7;text-underline-offset:7px;font-size:1.55rem;line-height:1.1;text-decoration:underline 2px wavy #b7a6f2a6}.chalk p{color:#c9c5dd;max-width:60ch;margin-top:12px;font-size:1.03rem}.doodle{fill:none;stroke:#edebf78c;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;width:44px;height:44px;transition:stroke-dashoffset 1.6s var(--ease) 2.4s;position:absolute}.doodle *{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.6s var(--ease) 2.4s}.easel.in .doodle,.easel.in .doodle *{stroke-dashoffset:0}.doodle.d1{top:26px;right:34px}.doodle.d2{width:34px;height:34px;bottom:26px;right:90px}@media (width<=760px){.board{border-width:9px;padding:24px 20px 30px}.chalk li{grid-template-columns:46px 1fr;gap:14px}.chalk b{width:44px;height:44px}.chalk h3{font-size:1.3rem}.doodle,.easel:before,.easel:after{display:none}}.co{height:330vh;position:relative}.co-stick{align-items:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.co-scene{width:100%;max-width:1320px;height:min(660px,86svh);margin:0 auto;position:relative}.belt{left:var(--gutter);width:calc(58% - var(--gutter));border:2px solid var(--line-2);background:repeating-linear-gradient(90deg,var(--line-2) 0 22px,var(--bg-2) 22px 44px) var(--bx,0) 0/auto;border-radius:14px;height:28px;position:absolute;bottom:96px}.belt:before,.belt:after{content:"";background:var(--line-2);width:10px;height:70px;position:absolute;top:26px}.belt:before{left:34px}.belt:after{right:34px}.scanner{pointer-events:none;width:144px;height:216px;position:absolute;bottom:94px;left:calc(30% - 72px)}.scanner:before{content:"";background:var(--surface);border:3px solid var(--sage);border-radius:14px 14px 4px 4px;height:38px;position:absolute;top:0;left:0;right:0}.scanner .post{background:var(--sage);width:10px;height:178px;position:absolute;top:38px}.scanner .post.p1{left:8px}.scanner .post.p2{right:8px}.laser{background:var(--laser);opacity:.22;border-radius:2px;height:3px;transition:opacity .12s;position:absolute;top:128px;left:18px;right:18px;box-shadow:0 0 16px 3px #ff5c7abf}.scanner.hit .laser{opacity:1}.bip{border:2px solid var(--sage);color:var(--sage);background:var(--bg);font:700 .8rem/1 var(--f-mono);letter-spacing:.2em;opacity:0;border-radius:6px;padding:5px 12px;transition:opacity .12s;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.scanner.hit .bip{opacity:1}.prod{z-index:2;left:var(--gutter);background:var(--surface);border:2px solid var(--line-2);width:76px;height:76px;color:var(--sage);opacity:0;border-radius:16px;place-items:center;display:grid;position:absolute;bottom:122px}.prod svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:42px;height:42px}.bag{z-index:3;right:var(--gutter);width:min(450px,38%);position:absolute;bottom:0}.bag:before{content:"";border:9px solid var(--sage-3);border-bottom:none;border-radius:70px 70px 0 0;height:76px;position:absolute;top:-52px;left:24%;right:24%}.bag-body{color:var(--ink);background:linear-gradient(115deg,#fff3 0 12%,transparent 12% 20%,#ffffff1a 20% 24%,transparent 24%),linear-gradient(var(--sage),var(--sage-3));border-radius:6px 6px 16px 16px;margin-top:22px;padding:54px 30px 30px;position:relative;box-shadow:0 40px 60px -30px #000}.bag-body:before{content:"";background:#120d2629;border-radius:6px 6px 0 0;height:34px;position:absolute;top:0;left:0;right:0}.bag-body:after{content:"";background:var(--bg-2);width:12px;height:12px;box-shadow:calc(var(--w,0px)) 0 0 0 transparent;border-radius:50%;position:absolute;top:11px;left:26%}.bag-tag{font:800 .78rem/1 var(--f-mono);letter-spacing:.26em}.bag-lines{gap:12px;margin-top:16px;list-style:none;display:grid}.bl{opacity:var(--k,0);clip-path:inset(0 calc((1 - var(--k,0)) * 100%) 0 0);border-top:2px dashed #120d264d;padding-top:10px}.bl .n{font:800 .76rem/1 var(--f-mono);letter-spacing:.1em}.bl h3{font:800 1.08rem/1.15 var(--f-display);letter-spacing:-.02em;margin-top:3px}.bl p{color:#120d26e0;margin-top:4px;font-size:.88rem;line-height:1.4}.bag-foot{text-align:center;font:800 .72rem/1 var(--f-mono);letter-spacing:.26em;opacity:var(--kf,0);margin-top:14px}.co-note{max-width:1320px;padding:0 var(--gutter);margin:0 auto}@media (width<=860px){.co{height:auto}.co-stick{height:auto;display:block;position:static;overflow:visible}.co-scene{height:auto;padding:0 var(--gutter)}.belt,.scanner,.prod{display:none}.bag{width:min(460px,100%);margin:70px auto 0;position:relative;right:auto}.bl{opacity:1!important;clip-path:none!important}.bag-foot{opacity:1!important}}.till{grid-template-columns:260px 1fr;align-items:start;gap:clamp(24px,5vw,70px);margin-top:34px;display:grid}.pos{justify-self:center;width:100%;max-width:260px}.pos svg{width:100%;height:auto;display:block}.pos .body{fill:var(--surface);stroke:var(--line-2);stroke-width:3px}.pos .screen{fill:var(--bg);stroke:var(--sage);stroke-width:2px}.pos .key{fill:var(--line-2)}.pos .slot{fill:var(--sage-3)}.pos text{fill:var(--sage);font:700 11px var(--f-mono);letter-spacing:.14em}.paper{max-width:640px}.slotbar{background:var(--sage-3);border-radius:6px 6px 0 0;height:12px}.ticket{color:var(--ink);font:500 .92rem/1.55 var(--f-mono);background:#f4f1fb;padding:26px 32px 50px;position:relative;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/20px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/20px 100%}.ticket h4{font:800 .88rem/1 var(--f-mono);letter-spacing:.22em;margin:2px 0 8px}.ticket ul{gap:6px;list-style:none;display:grid}.ticket li{padding-left:18px;position:relative}.ticket li:before{content:"*";font-weight:800;position:absolute;left:0}.ticket .sep{border-top:2px dashed #120d2659;margin:16px 0}.ticket .thanks{text-align:center;letter-spacing:.22em;margin-top:14px;font-size:.8rem;font-weight:800}.tk{clip-path:inset(0 100% 0 0)}.ticket.in .tk{clip-path:inset(0);transition:clip-path .9s steps(28) calc(var(--i)*.55s + .2s)}@media (width<=860px){.till{grid-template-columns:1fr}.pos{max-width:200px}}.steps:before,.steps:after{top:38px}.step .dot.barcode{background:var(--surface);border:none;border-radius:8px;width:134px;height:78px;margin:0 0 20px;padding:12px 14px 0;display:block;position:relative;overflow:hidden}.barcode .bars{--bar:var(--line-2);background:repeating-linear-gradient(90deg,var(--bar) 0 2px,transparent 2px 5px,var(--bar) 5px 6px,transparent 6px 8px,var(--bar) 8px 11px,transparent 11px 13px,var(--bar) 13px 14px,transparent 14px 17px);height:40px;display:block}.step.on .barcode .bars{--bar:var(--sage-2)}.barcode .code{font:600 .72rem/1 var(--f-mono);letter-spacing:.4em;color:var(--dim);margin-top:7px;transition:color .4s;display:block}.step.on .barcode .code{color:var(--sage)}.barcode:after{content:"";background:var(--laser);opacity:0;width:3px;position:absolute;top:0;bottom:0;left:-8px;box-shadow:0 0 12px 2px #ff5c7ab3}.step.on .barcode:after{animation:1.2s ease-in-out beep}@keyframes beep{0%{opacity:0;left:-8px}10%{opacity:1}90%{opacity:1}to{opacity:0;left:calc(100% + 8px)}}@media (width<=860px){.steps:before,.steps:after{display:none}.step{padding-left:0}.step .dot.barcode{position:relative}}.cta{border-radius:14px;margin-top:54px;overflow:visible}.cta:before{border-radius:inherit;background:linear-gradient(#120d2624 0 36px,transparent 36px),radial-gradient(120% 120% at 20% 0,var(--sage-2),var(--sage) 55%,var(--sage-3))}.cta:after{content:"";border:8px solid var(--sage-3);z-index:-1;border-bottom:none;border-radius:75px 75px 0 0;width:150px;height:66px;margin-left:-75px;position:absolute;top:-52px;left:50%}#contacto{overflow:clip}.stamps i.press{animation:press .5s var(--ease)}@keyframes press{0%{opacity:0;transform:scale(1.7)}60%{opacity:1;transform:scale(.88)}to{transform:scale(1)}}.faq details{border:2px solid var(--line-2);border-radius:18px}