:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--felt-900:#08281e;--felt-800:#0c3a2c;--felt-700:#11493a;--paper:#fbf6ea;--paper-dim:#f2ead8;--paper-line:#e2d5b8;--ink:#23301f;--ink-soft:#6b7a63;--cream:#f7efd9;--cream-dim:#cfc8ac;--gold:#f0b63b;--gold-deep:#c88a16;--pix:#32bcad;--pix-deep:#0e6f63;--danger:#d4573f;font-family:Rubik,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--felt-800);margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}::selection{background:var(--gold);color:var(--felt-900)}.app{min-height:100vh;color:var(--cream);background:radial-gradient(#ffffff09 1px, transparent 1.6px) 0 0 / 22px 22px, radial-gradient(1100px 520px at 50% -8%, var(--felt-700), transparent 72%), var(--felt-800);padding:28px 16px 132px}.hero,.steps,.test-strip,.cartelas,.owners-card,.foot,.admin-panel{max-width:1180px;margin:0 auto}.hero{grid-template-columns:250px minmax(0,1fr);align-items:center;gap:12px 40px;padding:8px 4px 28px;display:grid}.pig-stage{justify-items:center;gap:6px;display:grid}.pig{width:100%;max-width:250px}.pig-logo{aspect-ratio:1;border-radius:24px;height:auto}.pig.celebrate{animation:.7s ease-in-out infinite pig-party}.pig-caption{color:var(--cream);background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;padding:4px 12px;font-size:.78rem;font-weight:700}.eyebrow{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px;font-size:.8rem;font-weight:800}.hero h1{color:var(--cream);text-shadow:0 3px #00000040;margin:0 0 14px;font-family:Alfa Slab One,Rubik,serif;font-size:clamp(2.1rem,5.5vw,3.4rem);font-weight:400;line-height:1.04}.count-label{color:var(--cream-dim);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:700}.count{color:var(--gold);text-shadow:0 3px #0000004d;font-variant-numeric:tabular-nums;margin:2px 0 14px;font-family:Alfa Slab One,Rubik,serif;font-size:clamp(2.4rem,7vw,4.2rem);font-weight:400;line-height:1.05}.progress{background:#ffffff21;border-radius:999px;height:14px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, #f6c55a, var(--gold-deep));border-radius:999px;min-width:6px;height:100%}.progress-legend{color:var(--cream-dim);justify-content:space-between;margin-top:6px;font-size:.8rem;font-weight:700;display:flex}.progress-legend span:first-child{color:var(--gold)}.hero-stats{flex-wrap:wrap;gap:8px 22px;margin:14px 0 0;padding:0;list-style:none;display:flex}.hero-stats li{color:var(--cream-dim);font-size:.9rem;font-weight:600}.hero-stats strong{color:var(--cream);font-weight:800}.steps{counter-reset:none;background:#ffffff0f;border:1px solid #ffffff1c;border-radius:14px;flex-wrap:wrap;gap:10px 28px;margin-bottom:26px;padding:12px 18px;list-style:none;display:flex}.steps li{color:var(--cream);flex:260px;align-items:center;gap:10px;font-size:.88rem;font-weight:500;display:flex}.steps li span{background:var(--gold);color:var(--felt-900);border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:.82rem;font-weight:800;display:inline-flex}.test-strip{background:var(--paper);color:var(--ink);border-radius:14px;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 16px 32px #00000047}.test-strip:before,.test-strip:after{background:var(--felt-800);content:"";border-radius:50%;width:18px;height:18px;position:absolute;top:47px}.test-strip:before{left:-9px}.test-strip:after{right:-9px}.test-strip-track{scrollbar-width:thin;grid-auto-columns:74px;grid-auto-flow:column;gap:8px;padding:12px 16px 14px;display:grid;overflow-x:auto}.cartelas{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;display:grid}.cartela{background:var(--paper);color:var(--ink);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000052}.cartela:before,.cartela:after{background:var(--felt-800);content:"";border-radius:50%;width:18px;height:18px;position:absolute;top:47px}.cartela:before{left:-9px}.cartela:after{right:-9px}.cartela-head{border-bottom:2px dashed var(--paper-line);justify-content:space-between;align-items:baseline;gap:12px;min-height:56px;padding:14px 18px 12px;display:flex}.cartela-head strong{color:var(--note-deep);font-family:Alfa Slab One,Rubik,serif;font-size:1.45rem;font-weight:400;line-height:1}.cartela-head span{color:var(--ink-soft);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:700;overflow:hidden}.cartela-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:14px 16px 16px;display:grid}.slot{aspect-ratio:1;border:2px dashed color-mix(in srgb, var(--note-deep) 38%, transparent);color:var(--note-deep);background:#ffffff8c;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:4px;transition:transform .15s,border-color .15s,background-color .15s,box-shadow .15s;display:flex;position:relative}.slot-num{color:color-mix(in srgb, var(--note-deep) 55%, transparent);letter-spacing:.04em;font-size:.56rem;font-weight:800;position:absolute;top:5px;left:6px}.slot-main{font-size:clamp(.95rem,2.4vw,1.3rem);font-weight:800;line-height:1}.slot-main.plus{opacity:.75;font-weight:500}.slot-sub{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.6rem;font-weight:700;overflow:hidden}.slot.open:hover{background:var(--note-soft);border-color:var(--note-deep);box-shadow:0 10px 18px color-mix(in srgb, var(--note-deep) 24%, transparent);border-style:solid;transform:translateY(-2px)rotate(-1.2deg)}.slot.selected{background:var(--note);border-color:var(--note-deep);box-shadow:0 10px 18px color-mix(in srgb, var(--note-deep) 30%, transparent);color:#fff;border-style:solid;animation:.2s slot-pop}.slot.selected .slot-num{color:#ffffffb3}.slot.paid{background:var(--owner);color:#fff;border:2px solid #0000001a;transform:rotate(-.7deg)}.slot.paid:nth-child(2n){transform:rotate(.9deg)}.slot.paid .slot-num{color:#ffffffa6}.owners-card{background:var(--paper);color:var(--ink);border-radius:16px;margin-top:18px;padding:18px;box-shadow:0 20px 40px #00000052}.owners-card h2{color:var(--ink);margin:0 0 12px;font-family:Alfa Slab One,Rubik,serif;font-size:1.15rem;font-weight:400}.owners{flex-wrap:wrap;gap:8px;display:flex}.owner-chip{border:1px solid;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:6px 12px;display:inline-flex}.owner-dot{border-radius:50%;flex:none;width:12px;height:12px}.owner-chip b,.owner-chip em{font-size:.82rem;font-style:normal;line-height:1}.foot{color:#f7efd973;text-align:center;margin-top:26px;font-size:.78rem}.foot p{margin:4px 0}.foot-yield{color:var(--cream-dim)}.foot-yield strong{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:800}.foot a{color:var(--cream-dim);text-underline-offset:2px;font-weight:700;text-decoration:underline}.foot a:hover{color:var(--cream)}.primary,.secondary,.pix-button{border:0;border-radius:12px;min-height:46px;padding:0 20px;font-weight:800;transition:transform .12s,filter .12s}.primary:not(:disabled):hover,.secondary:not(:disabled):hover,.pix-button:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-1px)}.primary{color:#4a3405;background:linear-gradient(#f6c55a,#eba92a);box-shadow:0 6px 16px #00000040}.secondary{background:var(--gold);color:#4a3405}.pix-button{background:linear-gradient(180deg, color-mix(in srgb, var(--pix) 82%, #fff), var(--pix));color:var(--felt-900);width:100%;box-shadow:0 6px 16px #0e6f6359}.primary:disabled,.pix-button:disabled{filter:saturate(.4)brightness(.9)}.ghost{color:var(--cream);background:0 0;border:1px solid #ffffff47;border-radius:12px;min-height:46px;padding:0 14px;font-weight:700}.cart-dock{pointer-events:none;z-index:40;justify-content:center;padding:0 12px;display:flex;position:fixed;bottom:16px;left:0;right:0}.cart-bar{pointer-events:auto;background:#10241c;border:1px solid #ffffff29;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;width:100%;max-width:640px;padding:12px 14px;display:flex;box-shadow:0 22px 48px #00000080}.cart-info{align-items:center;gap:12px;min-width:0;display:flex}.cart-count{background:var(--gold);color:var(--felt-900);border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;font-weight:800;display:inline-flex}.cart-lines{min-width:0;display:grid}.cart-lines strong{color:var(--cream);font-size:1.15rem;line-height:1.15}.cart-lines small{color:#f7efd999;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:600;overflow:hidden}.cart-actions{gap:8px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#051812ad;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--paper);color:var(--ink);border-radius:18px;width:100%;max-width:520px;max-height:calc(100vh - 32px);padding:22px;overflow-y:auto;box-shadow:0 28px 80px #00000073}.modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.modal-head h3,.success-state h3{color:var(--ink);margin:0;font-family:Alfa Slab One,Rubik,serif;font-size:1.2rem;font-weight:400}.modal-close{color:var(--ink-soft);background:0 0;border:0;padding:0 4px;font-size:1.7rem;line-height:1}.empty-cart{color:var(--ink-soft);margin:0 0 16px;font-size:.92rem}.order-list{display:grid}.order-row{border-bottom:2px dashed var(--paper-line);align-items:center;gap:10px;padding:10px 0;display:flex}.order-dot{background:var(--note);border-radius:50%;flex:none;width:14px;height:14px}.order-name{flex:1;min-width:0;font-size:.92rem;font-weight:600}.order-row>strong{font-variant-numeric:tabular-nums;font-size:.95rem}.stepper{align-items:center;gap:8px;display:flex}.stepper button{color:var(--ink);background:#fff;border:1px solid #d9cdb2;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.05rem;font-weight:700;line-height:1;display:inline-flex}.stepper b{text-align:center;min-width:18px;font-size:.95rem}.order-total{justify-content:space-between;padding:12px 0 4px;font-size:1.05rem;font-weight:800;display:flex}.identity-grid{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}label{color:var(--ink);gap:6px;font-size:.82rem;font-weight:700;display:grid}input{color:var(--ink);background:#fff;border:1px solid #d9cdb2;border-radius:10px;outline:none;min-height:44px;padding:0 12px}input:focus{border-color:var(--gold-deep);box-shadow:0 0 0 3px #f0b63b4d}.error-text{color:var(--danger);margin:0 0 12px;font-size:.88rem;font-weight:700}.qr-frame{border:2px dashed var(--paper-line);background:#fff;border-radius:14px;width:fit-content;margin:0 auto 14px;padding:10px}.qr-code{width:216px;height:216px;display:block}.pix-label{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px;font-size:.72rem;font-weight:800}.pix-code{background:var(--paper-dim);border:1px solid var(--paper-line);color:#4b4530;word-break:break-all;border-radius:10px;max-height:110px;margin-bottom:12px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;line-height:1.5;overflow:auto}.ticket-link{color:var(--pix-deep);text-align:center;margin-top:12px;font-size:.88rem;font-weight:700;display:block}.mock-box{text-align:center;background:#fdf3d7;border:2px dashed #e1b461;border-radius:12px;padding:16px}.mock-box p{color:var(--ink-soft);margin:6px 0 12px;font-size:.88rem}.waiting-line{color:var(--ink-soft);justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:.86rem;display:flex}.waiting-line span{background:var(--pix);border-radius:50%;width:8px;height:8px;animation:1.2s infinite pulse}.waiting-line button{color:var(--pix-deep);background:0 0;border:0;padding:0;font-weight:800}.success-state{text-align:center;padding:14px 0 4px}.success-mark{background:var(--gold);color:var(--felt-900);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:14px;font-size:1.8rem;font-weight:800;display:inline-flex}.success-state p{color:var(--ink-soft);margin:8px 0 18px}.admin-panel{background:var(--paper);border:2px dashed var(--gold-deep);color:var(--ink);border-radius:16px;margin-top:26px;padding:18px}.admin-panel h2{margin:0 0 12px;font-family:Alfa Slab One,Rubik,serif;font-size:1.15rem;font-weight:400}.admin-panel label+label{margin-top:12px}.admin-buttons,.admin-cart,.admin-actions,.admin-paid-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.admin-buttons button,.admin-cart button,.admin-paid-list button{color:var(--ink);background:#fff;border:1px solid #d9cdb2;border-radius:10px;min-height:36px;padding:0 12px;font-weight:700}.danger-link{color:var(--danger);background:0 0;border:0;padding:0;font-size:.86rem;font-weight:700}.admin-message{color:var(--ink);margin:12px 0 0;font-size:.9rem;font-weight:700}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes pig-party{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)translateY(-4px)}75%{transform:rotate(3deg)translateY(-4px)}}@keyframes slot-pop{0%{transform:scale(.82)}60%{transform:scale(1.07)}to{transform:scale(1)}}@media (width<=900px){.hero{text-align:center;grid-template-columns:1fr;justify-items:center}.hero-copy{width:100%}.pig{max-width:180px}.hero-stats{justify-content:center}.progress-legend{font-size:.76rem}}@media (width<=560px){.app{padding:20px 10px 150px}.cartela-grid{gap:6px;padding:12px}.slot{border-radius:8px}.slot-sub{font-size:.52rem}.slot-num{font-size:.5rem}.identity-grid{grid-template-columns:1fr}.cart-actions,.cart-actions .primary{flex:1}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:20px 20px 0 0;max-height:92vh}}@media (prefers-reduced-motion:reduce){.pig.celebrate{animation:none}.slot,.primary,.secondary,.pix-button{transition:none}.slot.selected{animation:none}}