:root{--bg: #FBFAF7;--ink: #1c1a16;--ink-2: #4a453d;--sub: #6f6a5f;--faint: #767061;--line: #e6ded1;--line-2: #f0ebe2;--input-bg: #faf8f4;--chip-bg: #efe8db;--chip-ink: #5a5346;--gold: #E4B44C;--gold-2: #EBBE58;--gold-deep: #B07D12;--danger: #c0392b;--dark: #1c1a16}*{box-sizing:border-box}a,button,[role=button],input,textarea,label{-webkit-tap-highlight-color:transparent}button{-webkit-appearance:none;appearance:none}html,body{margin:0}html{background:radial-gradient(140% 120% at 50% 0%,#eeebe4,#dcd7cd)}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}button,input{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:0;height:0}.app{position:relative;width:100%;max-width:460px;min-height:100dvh;margin:0 auto;background:var(--bg);display:flex;flex-direction:column;overflow:hidden}@media(min-width:480px){.app{min-height:min(920px,96dvh);margin-top:max(0px,calc((100dvh - 920px)/2));border-radius:34px;box-shadow:0 40px 90px -30px #00000080}}.screen{flex:1;min-height:0;display:flex;flex-direction:column;animation:screenIn .32s ease both}.pad{padding:8px 24px 28px;overflow-y:auto;overscroll-behavior:contain}.scrollable{flex:1;overflow-y:auto;overflow-x:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 22px 10px;flex:none}.topbar h1{font-weight:800;font-size:28px;letter-spacing:-.03em;margin:0}.subhead{display:flex;align-items:center;padding:14px 16px 4px;flex:none}.subhead .title{flex:1;text-align:center;font-weight:700;font-size:16px;margin-right:34px}.iconback{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--ink-2);width:44px;height:44px;margin-left:-10px;padding:0;cursor:pointer;line-height:1;border-radius:50%;transition:background .15s ease;flex:none}.iconback:active{background:#1c1a1612}.btn-texto{display:block;margin:18px auto 0;min-height:44px;padding:0 14px;background:none;border:none;border-radius:12px;color:var(--ink);font-weight:600;font-size:14.5px;cursor:pointer}.btn-texto:disabled{color:var(--faint);cursor:default}.btn-texto:active:not(:disabled){background:#1c1a160f}.avatar{width:42px;height:42px;border-radius:50%;border:none;background:var(--chip-bg);color:var(--chip-ink);font-weight:700;font-size:16px;cursor:pointer;flex:none}.avatar.lg{width:74px;height:74px;font-size:28px}.h-lg{font-weight:800;font-size:25px;letter-spacing:-.02em;color:var(--ink)}.h-xl{font-weight:800;font-size:29px;letter-spacing:-.02em;line-height:1.1;color:var(--ink)}.muted{font-weight:500;font-size:15px;line-height:1.5;color:var(--sub)}.btn-dark{width:100%;background:var(--dark);color:#fff;border:none;border-radius:18px;padding:17px;font-weight:700;font-size:16.5px;box-shadow:0 10px 24px #1c1a163d;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn-dark:disabled{background:#d8cfbf;box-shadow:none;cursor:default}.btn-gold{width:100%;background:linear-gradient(135deg,var(--gold-2),#D89B2E);color:#4a3410;border:none;border-radius:15px;padding:15px;font-weight:800;font-size:15.5px;box-shadow:0 8px 20px #d89b2e66;cursor:pointer}.btn-danger-outline{width:100%;background:none;color:var(--danger);border:1.5px solid #f0d7d2;border-radius:16px;padding:15px;font-weight:700;font-size:15px;cursor:pointer}.btn-light{width:100%;background:#f5f0e7;color:#9a9384;border:1px dashed #d9cfbd;border-radius:16px;padding:14px;font-weight:600;font-size:13.5px;cursor:pointer}.label{font-weight:700;font-size:12.5px;color:var(--sub);letter-spacing:.4px}.field{width:100%;border:1.5px solid var(--line);border-radius:16px;padding:17px 18px;font-weight:600;font-size:17px;background:var(--input-bg);color:var(--ink);outline:none}.field:focus{border-color:var(--ink)}.field[aria-invalid=true]{border-color:#e0a99f}.otp-row{display:flex;gap:8px;justify-content:space-between}.otp-cell{width:46px;height:58px;text-align:center;border:1.5px solid var(--line);border-radius:14px;font-weight:800;font-size:24px;color:var(--ink);background:var(--input-bg);outline:none}.otp-cell.filled{border-color:var(--ink)}.otp-cell.err{border-color:#e0a99f}.otp-cell:disabled{opacity:.55;-webkit-text-fill-color:var(--ink)}.otp-row.verificando{opacity:.75}.verificando-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;min-height:44px;font-weight:600;font-size:14.5px;color:var(--ink-2)}.form-error{color:var(--danger);font-weight:600;font-size:14px;margin-top:12px}.paso-chip{display:inline-block;margin-top:16px;padding:5px 11px;border-radius:20px;background:var(--chip-bg);color:var(--chip-ink);font-weight:700;font-size:11.5px;letter-spacing:.3px}.spinner{width:17px;height:17px;border-radius:50%;border:2.5px solid rgba(255,255,255,.32);border-top-color:#fff;animation:spin .7s linear infinite;flex:none}.spinner.dark{border-color:#1c1a162e;border-top-color:var(--ink)}.card{position:relative;border-radius:20px;overflow:hidden;color:#fff;background:radial-gradient(120% 90% at 12% 0%,#fff3,#fff0 55%),linear-gradient(145deg,var(--accent) 0%,var(--accent-dark) 100%);box-shadow:0 8px 22px #0000002e}.card:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:var(--patron, none);background-repeat:repeat;background-size:84px 84px;opacity:.18}.card>*{position:relative;z-index:1}.card.ready{border:2px solid var(--gold);box-shadow:0 16px 40px #e4b44c57}.card-head{padding:0 15px;height:56px;display:flex;align-items:center;gap:11px}.card-mono{width:30px;height:30px;border-radius:9px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex:none}.card-name-wrap{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1px}.card-name{min-width:0;font-weight:700;font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-sub{min-width:0;font-weight:600;font-size:12px;opacity:.82;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-desc{font-weight:500;font-size:13px;opacity:.9;line-height:1.4}.card-badge{background:#ffffff29;border-radius:20px;padding:5px 10px;font-weight:700;font-size:11.5px;flex:none}.card-badge.ready{background:#fff;color:var(--gold-deep);box-shadow:0 2px 8px #0000002e;font-weight:800}.card-body{padding:2px 18px 18px;display:flex;flex-direction:column;gap:14px}.card.pulsable{cursor:pointer;transition:transform .16s ease}.card.pulsable:active{transform:scale(.985)}.card.pulsable:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.card-chevron{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;opacity:.8;transition:transform .2s ease}.card-chevron.abierta{transform:rotate(180deg)}.reward-line{font-weight:700;font-size:14.5px;opacity:.95}.reward-line.ready{font-weight:800}.bar{height:6px;border-radius:3px;background:#ffffff38;flex:1;overflow:hidden}.bar>i{display:block;height:100%;border-radius:3px;background:#fff;transition:width .5s ease}.bar-row{display:flex;align-items:center;gap:10px}.bar-pct{font-weight:700;font-size:12.5px;white-space:nowrap}.stamp-grid{display:grid;gap:11px}.stamp{width:100%;aspect-ratio:1}.stamp svg{width:100%;height:100%;display:block}.stamp.pop{animation:stampPop .6s cubic-bezier(.2,1.4,.4,1) both}.stamp.clear{animation:stampClear .5s both}.card-qr-btn{width:100%;background:#fff;color:var(--accent);border:none;border-radius:14px;padding:14px;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 6px 16px #00000026;display:flex;align-items:center;justify-content:center;gap:9px}.card-link{display:flex;align-items:center;justify-content:center;min-height:44px;background:none;border:none;color:#ffffffe6;font-weight:600;font-size:13.5px;cursor:pointer;padding:0 8px;margin:-8px 0 -6px;border-radius:8px;transition:color .15s ease,opacity .15s ease}.card-link:active{opacity:.6}.card-link:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.screen.welcome{justify-content:center;padding-top:24px;padding-bottom:34px}.screen.welcome .h-xl{margin:0}.hero-stack{position:relative;width:232px;height:178px;margin:0 auto 28px;flex:none}.hero-stack .card{position:absolute;left:0;right:0}.hero-stack .card.b2{top:24px;height:138px;transform:rotate(-8deg) scale(.9)}.hero-stack .card.b1{top:13px;height:144px;transform:rotate(5deg) scale(.95)}.hero-stack .card.top{top:0;height:158px;padding:15px 17px;display:flex;flex-direction:column;gap:15px;box-shadow:0 18px 34px #00000038;animation:floaty 4s ease-in-out infinite}.hero-head{display:flex;align-items:center;gap:10px}.hero-skel{flex:1;display:flex;flex-direction:column;gap:6px}.hero-skel i{display:block;height:8px;width:86px;border-radius:4px;background:#ffffff5c}.hero-skel i.sm{width:52px;height:6px;background:#fff3}.hero-stack.sm{width:186px;height:142px}.hero-stack.sm .card.b2{top:19px;height:110px}.hero-stack.sm .card.b1{top:10px;height:115px}.hero-stack.sm .card.top{height:126px;padding:12px 14px;gap:11px}.hero-stack.sm .hero-skel i{width:64px;height:7px}.hero-stack.sm .hero-skel i.sm{width:40px;height:5px}.steps{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:15px;text-align:left}.step{display:flex;align-items:center;gap:13px}.step-ic{width:40px;height:40px;border-radius:13px;background:var(--chip-bg);color:var(--chip-ink);display:flex;align-items:center;justify-content:center;flex:none}.step-t{display:block;font-weight:700;font-size:14.5px;color:var(--ink)}.step-d{display:block;font-weight:500;font-size:13px;color:var(--sub);margin-top:1px}.sello-ok{align-items:center;justify-content:center;text-align:center;padding:26px 24px 30px;overflow-y:auto}.so-negocio{display:inline-flex;align-items:center;gap:9px;flex:none;font-weight:700;font-size:14px;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:100px;padding:6px 15px 6px 6px;box-shadow:0 4px 14px #0000000d;animation:soIn .4s ease both}.so-negocio .card-mono{width:26px;height:26px;border-radius:8px;background:var(--accent);color:#fff;font-size:12px}.so-hero{position:relative;width:152px;height:152px;flex:none;margin:24px 0 2px;display:flex;align-items:center;justify-content:center}.so-slot{position:relative;z-index:2;width:106px;height:106px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 30% 18%,#ffffff3d,#fff0 60%),linear-gradient(145deg,var(--accent),var(--accent-dark));box-shadow:0 16px 32px -10px var(--accent);animation:soGolpe .5s ease .34s both}.so-star{width:56px;height:56px;color:#fff;animation:soSello .62s cubic-bezier(.18,1.3,.4,1) .1s both}.so-onda{position:absolute;width:106px;height:106px;border-radius:50%;border:2px solid var(--accent);animation:soOnda .95s ease-out .44s both}.so-onda.b{animation-delay:.62s}.sello-ok.premio .so-slot{background:linear-gradient(145deg,var(--gold-2),var(--gold-deep));box-shadow:0 16px 36px -10px var(--gold)}.sello-ok.premio .so-onda{border-color:var(--gold)}.so-title{font-weight:800;font-size:27px;letter-spacing:-.02em;margin:14px 0 0;animation:soIn .45s ease .32s both}.so-sub{font-weight:500;font-size:15px;line-height:1.45;color:var(--sub);margin:8px 0 0;max-width:280px;animation:soIn .45s ease .4s both}.so-panel{width:100%;max-width:330px;flex:none;margin-top:24px;padding:18px 18px 15px;animation:soIn .5s ease .48s both}.so-panel .stamp.pop{animation-delay:.62s}.so-count{margin-top:12px;font-weight:700;font-size:13px;color:#ffffffd9}.so-foot{width:100%;max-width:330px;flex:none;margin-top:24px;animation:soIn .5s ease .58s both}@keyframes soIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes soSello{0%{opacity:0;transform:translateY(-92px) scale(2.6) rotate(-32deg)}55%{opacity:1;transform:translateY(0) scale(.82) rotate(6deg)}78%{transform:scale(1.08) rotate(-2deg)}to{opacity:1;transform:none}}@keyframes soGolpe{0%{transform:scale(1)}26%{transform:scale(.93)}62%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes soOnda{0%{opacity:.55;transform:scale(.72)}to{opacity:0;transform:scale(1.55)}}.qr-frame{position:relative;width:min(72vw,262px);height:min(72vw,262px);display:flex;align-items:center;justify-content:center;border-radius:28px;background:#fff;box-shadow:0 16px 40px #0000001f;border:1px solid var(--line-2);padding:20px}.qr-frame canvas,.qr-frame svg{width:100%;height:100%;display:block}.qr-load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.qr-expired{position:absolute;inset:0;background:#ffffffe6;backdrop-filter:blur(3px);border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:22px;text-align:center}.qr-count{display:flex;align-items:center;gap:10px;color:var(--faint);font-weight:600;font-size:14px}.tl-item{display:flex;gap:14px;align-items:flex-start}.tl-col{display:flex;flex-direction:column;align-items:center;flex:none}.tl-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex:none}.tl-dot.redeem{background:#fbf0d6;color:var(--gold-deep);border:1.5px solid var(--gold);font-size:14px}.tl-line{width:2px;flex:1;min-height:14px;background:#ece3d3}.tl-line.last{background:transparent}.tl-label{font-weight:600;font-size:14px;color:var(--ink-2)}.tl-label.redeem{font-weight:800;font-size:14.5px;color:var(--ink)}.tl-date{font-weight:600;font-size:12.5px;color:var(--faint);margin-top:2px}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 40px 90px}.empty-ic{width:92px;height:92px;border-radius:26px;background:var(--chip-bg);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.offline-bar{background:#4b463c;color:#fff;font-weight:600;font-size:12.5px;text-align:center;padding:8px 12px;flex:none}.toast{position:fixed;left:50%;bottom:92px;z-index:60;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 20px;border-radius:22px;font-weight:700;font-size:14px;box-shadow:0 8px 22px #0000004d;white-space:nowrap;animation:toastIn .3s ease both}.footbar{position:sticky;bottom:0;padding:14px 20px 24px;background:linear-gradient(to top,var(--bg) 66%,transparent);display:flex;justify-content:center}@keyframes stampPop{0%{transform:scale(.2) rotate(-25deg);opacity:0}55%{transform:scale(1.3) rotate(8deg);opacity:1}75%{transform:scale(.9) rotate(-2deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes stampClear{0%{transform:scale(1) rotate(0);opacity:1}to{transform:scale(.15) rotate(22deg);opacity:0}}@keyframes toastIn{0%{transform:translate(-50%,22px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes screenIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes trophyPop{0%{transform:scale(.3);opacity:0}55%{transform:scale(1.16)}to{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}18%{transform:translate(-8px)}38%{transform:translate(8px)}58%{transform:translate(-6px)}78%{transform:translate(6px)}}@media(prefers-reduced-motion:reduce){*:not(.spinner){animation:none!important}.bar>i{transition:none}}