:root{--bg-main: #f0f2f8;--header-bg: #1246ff;--header-border: #0d38d4;--header-text: #ffffff;--footer-bg: #e6e9f2;--card-bg: #ffffff;--border-color: #e2e5ee;--text-primary: #12141d;--text-secondary: #60647c;--text-muted: #8c90a4;--surface-btn: #f4f6fc;--surface-btn-hover: #e9ecf6;--surface-border: #dde1ee;--primary-orange: #ff5e00;--primary-orange-light: #ff7700;--primary-gradient: linear-gradient(135deg, #ff6600 0%, #ff3b00 100%);--popular-badge: #ff4757;--color-wa: #25d366;--color-tg: #229ed9;--color-ig: #e1306c;--switch-bg: #e4e7f2;--switch-icon: #f59e0b;--modal-bg: #f8fafc;--modal-surface: #ffffff;--modal-surface-soft: #f1f5f9;--modal-border: #e2e8f0;--modal-text: #172033;--modal-muted: #64748b;--modal-accent: #ff6b21;--modal-accent-strong: #e95712;--modal-shadow: 0 24px 80px rgba(15, 23, 42, .18)}html[data-theme=dark]{--bg-main: #0c0d14;--header-bg: #0f39cc;--header-border: #0a2999;--header-text: #ffffff;--footer-bg: #09090f;--card-bg: #171929;--border-color: #262940;--text-primary: #ffffff;--text-secondary: #9ea4c2;--text-muted: #6b7294;--surface-btn: #1f2238;--surface-btn-hover: #292d4a;--surface-border: #2e3352;--primary-orange: #ff5e00;--primary-orange-light: #ff7b1a;--primary-gradient: linear-gradient(135deg, #ff6600 0%, #ff3b00 100%);--switch-bg: #1f2238;--switch-icon: #fbbf24;--modal-bg: #101522;--modal-surface: #182131;--modal-surface-soft: #202c3d;--modal-border: #304054;--modal-text: #f8fafc;--modal-muted: #a7b3c4;--modal-accent: #ff8a4c;--modal-accent-strong: #ff6b21;--modal-shadow: 0 24px 80px rgba(0, 0, 0, .38)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:18px}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;transition:background-color .3s ease,color .3s ease;overflow-x:hidden;font-size:17px;line-height:1.5}.page-wrapper{width:100%;max-width:100%;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-main)}.topbar{background:var(--header-bg);border-bottom:1px solid var(--header-border);box-shadow:0 4px 20px #1246ff40;position:sticky;top:0;z-index:100;transition:background-color .3s ease,border-color .3s ease;width:100%}.topbar-content{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between}.logo-box{display:flex;align-items:center}.logo-brand-link{display:inline-flex;align-items:center;text-decoration:none}.brand-logo{height:52px;max-width:230px;object-fit:contain;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));transition:transform .2s ease}.logo-brand-link:hover .brand-logo{transform:scale(1.02)}.topbar-actions{display:flex;align-items:center;gap:10px}.circle-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.25);background-color:#ffffff26;color:#fff;text-decoration:none;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .15s ease,background-color .2s ease,border-color .2s ease}.circle-btn:hover{background-color:#ffffff40;border-color:#fff6}.circle-btn:active{transform:scale(.92)}.theme-btn{color:#ffe066}.wa-btn{color:#fff;background-color:var(--color-wa);border-color:transparent;box-shadow:0 3px 10px #25d36666}.wa-btn:hover{background-color:#1fc65c;box-shadow:0 5px 14px #25d3668c}.tg-btn{color:#fff;background:linear-gradient(180deg,#37aee2,#1e96c8);border-color:transparent;box-shadow:0 3px 10px #229ed966}.tg-btn:hover{background:linear-gradient(180deg,#45bcec,#1e96c8);box-shadow:0 5px 14px #229ed98c}.main-content{flex:1;padding:16px 14px 24px;width:100%;max-width:1080px;margin:0 auto}.raffles-stack{display:flex;flex-direction:column;gap:40px;padding-bottom:40px}.raffle-card{background-color:var(--card-bg);border-radius:24px;border:1px solid var(--border-color);overflow:hidden;box-shadow:0 12px 36px #0000001f;transition:background-color .3s ease,border-color .3s ease;width:100%;max-width:460px;margin:0 auto}.banner-wrapper{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:#0d0f1a;line-height:0;border-top-left-radius:24px;border-top-right-radius:24px}.raffle-banner-image{width:100%;height:100%;display:block;object-fit:cover}.raffle-body{padding:16px 14px 20px}.raffle-title{font-family:Outfit,Plus Jakarta Sans,sans-serif;font-size:19px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);margin-bottom:12px;line-height:1.25;background:linear-gradient(90deg,var(--text-primary) 60%,var(--primary-orange));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.raffle-meta-row{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:nowrap;white-space:nowrap;margin-bottom:16px;padding-bottom:12px;border-bottom:1px dashed var(--border-color)}.date-pill{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-secondary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.price-box{display:flex;flex-direction:column;align-items:flex-end}.price-label{font-size:11px;font-weight:600;color:var(--text-muted)}.price-amount{font-family:Outfit,sans-serif;font-size:22px;font-weight:900;color:var(--primary-orange);line-height:1;letter-spacing:-.5px}.boletos-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:8px;margin-bottom:14px}.boleto-card{position:relative;background-color:var(--surface-btn);border:1px solid var(--surface-border);border-radius:14px;padding:0;aspect-ratio:1.35 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text-primary)}.boleto-card:hover{background-color:var(--surface-btn-hover);transform:translateY(-2px)}.boleto-card:active{transform:scale(.96)}.boleto-number{font-family:Outfit,sans-serif;font-size:24px;font-weight:800;line-height:1;letter-spacing:-.5px}.boleto-card.active{background:var(--primary-gradient);border-color:transparent;color:#fff;box-shadow:0 6px 18px #ff5e0073;transform:scale(1.02)}.purchase-row{display:flex;align-items:stretch;gap:10px;margin-bottom:16px}.stepper-box{display:flex;align-items:center;background-color:var(--surface-btn);border:1px solid var(--surface-border);border-radius:16px;flex:1.2;overflow:hidden}.participar-btn{flex:1.3;min-height:64px;background:var(--primary-gradient);border:none;border-radius:16px;padding:0 16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:#fff;box-shadow:0 6px 20px #ff5e0073;transition:transform .15s ease,box-shadow .15s ease}.step-btn{width:32px;height:auto;min-height:62px;align-self:stretch;border:none;background:transparent;color:var(--text-primary);font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.step-btn:active{background-color:#0000001a}.step-value{flex:1;text-align:center;font-family:Outfit,sans-serif;font-weight:900;color:var(--text-primary)}.step-input{border:none;outline:none;background:transparent;min-width:0;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.step-input:focus{outline:none}.participar-btn:active{transform:scale(.97);box-shadow:0 2px 10px #ff5e004d}.participar-text{display:flex;flex-direction:column;text-align:left}.btn-main-txt{font-size:18px;font-weight:900;letter-spacing:.3px}.btn-total-txt{font-family:Outfit,sans-serif;font-size:17px;font-weight:800;letter-spacing:.3px;opacity:1}.btn-arrow{font-size:20px;font-weight:900;transition:transform .2s ease}.participar-btn:hover .btn-arrow{transform:translate(3px)}.progress-section{margin-bottom:16px;text-align:center}.progress-title{display:block;font-size:11px;font-weight:900;letter-spacing:1px;color:var(--text-secondary);margin-bottom:8px}.progress-track{position:relative;height:26px;background-color:var(--surface-btn);border:1px solid var(--surface-border);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#f90,#ff3b00);border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Outfit,sans-serif;font-size:14px;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,.7);letter-spacing:.5px}.action-btn{width:100%;padding:13px 16px;border-radius:14px;border:1px solid var(--surface-border);background-color:var(--surface-btn);color:var(--text-primary);font-size:14px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;transition:background-color .2s ease,transform .15s ease}.action-btn:hover{background-color:var(--surface-btn-hover)}.action-btn:active{transform:scale(.98)}.btn-icon{font-size:16px}.community-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 20px;border-radius:16px;text-decoration:none;color:#fff;font-size:15px;font-weight:900;letter-spacing:.5px;background:linear-gradient(90deg,#f53803,#f5d020);background-size:200% 100%;box-shadow:0 8px 24px #f5380373;cursor:pointer}@keyframes bouncy-pulse{0%{transform:scale(1);box-shadow:0 6px 20px #f5380366}50%{transform:scale(1.035);box-shadow:0 12px 30px #f53803a6}to{transform:scale(1);box-shadow:0 6px 20px #f5380366}}.bouncy-btn{animation:bouncy-pulse 1.8s infinite cubic-bezier(.4,0,.2,1)}.bouncy-btn:hover{animation-play-state:paused;transform:scale(1.05)}.no-raffle-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:60px 24px;background:var(--card-bg);border-radius:24px}.no-raffle-icon{font-size:56px;line-height:1}.no-raffle-title{font-family:Outfit,sans-serif;font-size:24px;font-weight:900;color:var(--text-primary);margin:0}.no-raffle-text{font-family:Outfit,sans-serif;font-size:15px;color:var(--text-secondary);margin:0}.finished-section{width:100%;max-width:460px;margin:8px auto 32px;padding:0 14px}.finished-inner{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:18px 14px;box-shadow:0 8px 24px #00000014;transition:background-color .3s ease,border-color .3s ease}.finished-title{font-family:Outfit,sans-serif;font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);display:flex;align-items:center;gap:8px;margin-bottom:14px}.finished-icon{font-size:18px}.finished-list{display:flex;flex-direction:column;gap:14px}.finished-card{display:flex;flex-direction:column;align-items:stretch;background-color:var(--surface-btn);border:1px solid var(--surface-border);border-radius:14px;padding:0;overflow:hidden;transition:transform .15s ease,background-color .2s ease}.finished-card:hover{transform:translateY(-2px);background-color:var(--surface-btn-hover)}.finished-img-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#0d0f1a}.finished-img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(30%) brightness(.9)}.finished-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0003,#000000b3);pointer-events:none}.finished-stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);border:3px solid rgba(255,255,255,.85);color:#fff;padding:8px 20px;font-size:18px;font-weight:900;letter-spacing:2px;text-transform:uppercase;background:#0f172a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:4px;white-space:nowrap}.finished-info{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px}.finished-name{font-family:Outfit,sans-serif;font-size:15px;font-weight:800;color:var(--text-primary);line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.finished-progress{width:100%}.finished-progress-header{display:flex;justify-content:space-between;font-size:12.5px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.finished-progress-header strong{color:var(--text-primary)}.finished-progress-track{width:100%;height:8px;border-radius:999px;background:#00000014;overflow:hidden}html[data-theme=dark] .finished-progress-track{background:#ffffff1a}.finished-progress-fill{height:100%;background:linear-gradient(90deg,#f87171,#ef4444);border-radius:999px;transition:width .4s ease}.finished-footer{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:var(--text-secondary);border-top:1px dashed var(--border-color);padding-top:10px;margin-top:2px}.finished-date{display:flex;align-items:center;gap:5px}.finished-status{display:flex;align-items:center;gap:5px;color:#ef4444;font-weight:800;letter-spacing:.5px;font-size:11px}.finished-empty{font-family:Outfit,sans-serif;font-size:14px;color:var(--text-muted);text-align:center;padding:20px 0;margin:0}.page-footer{background-color:var(--footer-bg);border-top:1px solid var(--border-color);padding:24px 16px 36px;text-align:center;transition:background-color .3s ease,border-color .3s ease;width:100%;margin-top:auto}.footer-content-inner{max-width:1040px;margin:0 auto}.footer-socials{display:flex;justify-content:center;gap:8px;margin-bottom:18px;flex-wrap:wrap}.footer-pill{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;box-shadow:0 4px 12px #00000026;transition:transform .15s ease,filter .15s ease}.footer-pill svg{width:26px;height:26px}.footer-pill:hover{transform:translateY(-3px) scale(1.08);filter:brightness(1.1)}.footer-pill.tg{background-color:var(--color-tg)}.footer-pill.wa{background-color:var(--color-wa)}.footer-pill.ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.legal-text{font-size:12px;color:var(--text-muted);line-height:1.5;margin-bottom:16px}.legal-text strong{color:var(--text-primary);font-weight:800}.seals-row{display:flex;justify-content:center;align-items:center;gap:12px}.seal-sphere{width:68px;height:68px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#fff;border:3px solid #d4d8e6;box-shadow:0 4px 12px #0000001f}.seal-sphere img{width:100%;height:100%;object-fit:contain;padding:6px}html[data-theme=dark] .seal-sphere{background-color:#1a1b2b;border-color:#2b2e46}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000;animation:fadeIn .2s ease}.modal-dialog{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;width:100%;max-width:380px;padding:20px;box-shadow:0 20px 40px #0006;animation:popUp .25s cubic-bezier(.4,0,.2,1)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:16px;font-weight:900;color:var(--text-primary)}.close-btn{background:transparent;border:none;color:var(--text-muted);font-size:18px;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:8px}.close-btn:hover{color:var(--text-primary)}.prize-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;background-color:var(--surface-btn);margin-bottom:8px;font-size:14px}.prize-item.gold{background:linear-gradient(90deg,rgba(255,183,3,.2),transparent);border:1px solid rgba(255,183,3,.4)}.prize-pos{font-weight:800}.modal-desc{font-size:13px;color:var(--text-secondary);margin-bottom:14px;line-height:1.4}.modal-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border-color);background-color:var(--surface-btn);color:var(--text-primary);font-size:15px;font-weight:700;margin-bottom:12px;outline:none}.modal-input:focus{border-color:var(--primary-orange)}.modal-input-group{display:flex;gap:8px;margin-bottom:12px}.modal-select{padding:10px 12px;border-radius:10px;border:1px solid var(--border-color);background:var(--surface-btn);color:var(--text-primary);font-size:14px;width:64px}.modal-submit-btn{width:100%;padding:13px;border-radius:12px;border:none;background:var(--primary-gradient);color:#fff;font-size:14px;font-weight:900;cursor:pointer}.modal-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--modal-text) 42%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:0;overflow-y:auto}.modal-fullscreen-content{background:var(--modal-bg);color:var(--modal-text);border-radius:0;max-width:none;width:100vw;height:100vh;max-height:none;overflow-y:auto;padding:64px clamp(20px,5vw,88px) 36px;position:relative;border:1px solid var(--modal-border)}.modal-fullscreen-content:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--modal-accent-strong),#ffbd45,var(--modal-accent))}.modal-close-btn{position:absolute;top:16px;right:16px;background:var(--modal-surface-soft);color:var(--modal-muted);border:1px solid var(--modal-border);font-size:20px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:1}.modal-close-btn:hover{background:var(--modal-surface)}.confirm-fullscreen,.client-fullscreen,.payment-fullscreen,.success-fullscreen{width:min(100%,720px);margin:0 auto;color:var(--modal-text);gap:20px;display:flex;flex-direction:column}.confirm-title,.client-title,.payment-title,.success-title,.payment-report-title,.payment-methods-title{color:var(--modal-text);font-size:clamp(1.35rem,3vw,2rem);letter-spacing:-.01em;font-weight:700;text-align:center}.client-subtitle,.client-terms,.confirm-item .confirm-label,.payment-timer span,.payment-amount-label,.payment-data-label,.success-text,.success-numbers p{color:var(--modal-muted)}.confirm-items,.payment-timer,.payment-amount,.payment-data,.payment-report,.success-numbers{background:var(--modal-surface);border:1px solid var(--modal-border);border-radius:14px;box-shadow:0 8px 24px color-mix(in srgb,var(--modal-text) 5%,transparent)}.confirm-items{padding:18px;display:flex;flex-direction:column;gap:0}.confirm-item{display:flex;justify-content:space-between;align-items:center;padding:15px 4px;border-bottom:1px solid var(--modal-border)}.confirm-item:last-child{border-bottom:0}.confirm-item .confirm-value,.payment-data-value,.payment-amount-value span{color:var(--modal-text)}.confirm-item.total .confirm-value{color:var(--modal-accent-strong);font-size:1.1rem;font-weight:800}.confirm-continue-btn,.client-continue-btn,.payment-report-btn{background:linear-gradient(135deg,var(--modal-accent),var(--modal-accent-strong));color:#fff;border:none;border-radius:10px;padding:13px 18px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;width:100%;box-shadow:0 8px 18px color-mix(in srgb,var(--modal-accent) 24%,transparent)}.confirm-continue-btn:hover,.client-continue-btn:hover,.payment-report-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px color-mix(in srgb,var(--modal-accent) 30%,transparent)}.payment-report-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.payment-methods{margin:12px 0}.payment-methods-title{color:var(--modal-text);font-size:14px;font-weight:700;margin-bottom:10px;text-align:left}.client-payment-methods .payment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.client-payment-methods .payment-option{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;padding:12px 14px;min-height:72px;background:var(--modal-surface);color:var(--modal-text);border:1px solid var(--modal-border);border-radius:12px;text-align:left;cursor:pointer;transition:all .2s ease;font-family:inherit}.client-payment-methods .payment-option strong{font-size:14px;font-weight:800;line-height:1.25;color:var(--modal-text)}.client-payment-methods .payment-option small{font-size:12px;font-weight:500;color:var(--modal-muted);line-height:1.3}.client-payment-methods .payment-option:hover{border-color:var(--modal-accent);background:color-mix(in srgb,var(--modal-accent) 6%,var(--modal-surface))}.client-payment-methods .payment-option.active{border-color:var(--modal-accent);background:color-mix(in srgb,var(--modal-accent) 10%,var(--modal-surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--modal-accent) 13%,transparent)}.client-payment-methods .payment-option.active strong{color:var(--modal-accent-strong)}.client-payment-methods .payment-option.active small{color:var(--modal-accent)}.client-cedula-row{display:flex;flex-direction:column;gap:8px}.client-cedula-group{display:flex;gap:8px;align-items:stretch}.client-cedula-input,.client-input,.payment-input{background:var(--modal-surface);border:1px solid var(--modal-border);color:var(--modal-text);border-radius:10px;padding:10px 14px;font-size:14px;width:100%}.client-cedula-input{flex:1}.client-cedula-type{flex:0 0 auto;width:64px;min-width:64px;height:auto;padding:10px 22px 10px 6px;background:var(--modal-surface);border:1px solid var(--modal-border);color:var(--modal-text);border-radius:10px;font-size:14px;font-weight:700;text-align:center;text-align-last:center;line-height:1.2;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 6px center;background-size:10px}.client-input::placeholder,.payment-input::placeholder{color:var(--modal-muted)}.client-cedula-input:focus,.client-input:focus,.payment-input:focus,.client-cedula-type:focus{outline:none;border-color:var(--modal-accent)}.client-cedula-type option,.client-input option,.r4-sender-fields .payment-input option{background:var(--modal-surface);color:var(--modal-text)}.client-searching-indicator{display:flex;align-items:center;padding:0 8px;font-size:16px}.client-found-badge{color:#34d399;font-size:13px;font-weight:600}.client-fields{display:flex;flex-direction:column;gap:10px}.client-field-row{display:flex;gap:10px}.client-terms{font-size:12px;text-align:center}.client-terms a{color:var(--modal-accent);text-decoration:none}.client-terms a:hover{text-decoration:underline}.payment-timer{padding:12px 16px;text-align:center}.payment-timer-countdown{color:var(--modal-muted);font-size:18px;font-weight:700;margin-top:4px}.payment-amount{padding:16px;text-align:center}.payment-amount-label{display:block;font-size:13px}.payment-amount-value{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:4px}.payment-amount-value span{font-size:24px;font-weight:800}.payment-copy-btn,.payment-copy-all-btn,.modal-back-btn,.modal-secondary-btn{background:var(--modal-surface-soft);color:var(--modal-text);border:1px solid var(--modal-border);border-radius:10px;cursor:pointer}.payment-copy-btn{padding:4px 12px;font-size:12px}.payment-copy-all-btn{padding:10px;font-size:13px;width:100%;border-style:dashed}.payment-copy-btn:hover,.payment-copy-all-btn:hover,.modal-back-btn:hover,.modal-secondary-btn:hover{border-color:var(--modal-accent);color:var(--modal-accent-strong)}.payment-data{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.payment-data-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;gap:16px;min-height:38px;border-bottom:1px solid var(--modal-border)}.payment-data-row:last-child{border-bottom:0}.payment-data-label{flex:0 1 42%;font-size:13px}.payment-data-value-wrap{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;text-align:right}.payment-data-value{font-size:13px;font-weight:600;overflow-wrap:anywhere}.payment-copy-icon{display:inline-grid;flex:0 0 auto;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--modal-border);border-radius:8px;background:var(--modal-surface-soft);color:var(--modal-muted);cursor:pointer;transition:color .2s,border-color .2s,background .2s}.payment-copy-icon:hover,.payment-copy-icon:focus-visible{border-color:var(--modal-accent);background:color-mix(in srgb,var(--modal-accent) 12%,var(--modal-surface));color:var(--modal-accent-strong);outline:none}.payment-report{padding:16px;display:flex;flex-direction:column;gap:10px}.payment-report-title{font-size:15px;font-weight:600;text-align:left}.payment-voucher input[type=file].hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.payment-voucher-label{display:flex;align-items:center;justify-content:center;min-height:50px;padding:12px 18px;border:1px dashed var(--modal-accent);border-radius:12px;background:color-mix(in srgb,var(--modal-accent) 8%,var(--modal-surface));color:var(--modal-accent-strong);font-size:14px;font-weight:700;text-align:center;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.payment-voucher-label:hover{background:color-mix(in srgb,var(--modal-accent) 15%,var(--modal-surface));border-color:var(--modal-accent-strong);transform:translateY(-1px)}.payment-voucher-label:focus-within,.payment-voucher:focus-within .payment-voucher-label{outline:3px solid color-mix(in srgb,var(--modal-accent) 22%,transparent);outline-offset:2px}.payment-input-row{display:flex;gap:12px}.payment-input-row .payment-input{min-width:0}.r4-sender-fields{display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--modal-border);border-radius:14px;background:var(--modal-surface)}.r4-sender-title{color:var(--modal-text);font-size:15px;font-weight:700;text-align:left}.payment-field-group{display:flex;flex-direction:column;gap:6px;min-width:0}.payment-field-group>span{color:var(--modal-muted);font-size:12px;font-weight:600}.r4-sender-fields .payment-input-row .payment-field-group{flex:1}.r4-status-message{font-size:13px;color:var(--modal-accent-strong);font-weight:600}.success-icon{font-size:56px;text-align:center}.success-fullscreen{align-items:center;text-align:center}.success-text{font-size:14px;line-height:1.5}.success-numbers{width:100%;padding:12px}.success-numbers p{font-size:13px;margin-bottom:8px}.success-numbers-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.success-number-chip{padding:4px 14px;border-radius:20px;background:#eefbf4;border:1px solid #bce8cd;color:#208b57;font-size:13px;font-weight:600}.success-btn{background:var(--modal-surface-soft);border:1px solid var(--modal-border);color:var(--modal-text);padding:12px 32px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;width:100%}.success-btn:hover{background:var(--modal-surface)}.modal-actions{display:grid;grid-template-columns:minmax(110px,.35fr) 1fr;gap:12px;align-items:stretch}.modal-back-btn{min-height:44px;padding:10px 16px;cursor:pointer;font-weight:700;width:100%}.modal-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,var(--modal-text) 48%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-confirm-card{width:min(100%,420px);padding:30px;border:1px solid var(--modal-border);border-radius:18px;background:var(--modal-surface);color:var(--modal-text);box-shadow:var(--modal-shadow);text-align:center}.modal-confirm-icon{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 14px;border-radius:50%;background:color-mix(in srgb,var(--modal-accent) 14%,transparent);color:var(--modal-accent-strong);font-size:24px;font-weight:800}.modal-confirm-card h2{margin-bottom:8px;font-size:20px}.modal-confirm-card p{margin-bottom:22px;color:var(--modal-muted);font-size:14px;line-height:1.5}.modal-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-secondary-btn,.modal-danger-btn{min-height:42px;padding:10px 14px;cursor:pointer;font-weight:700;border-radius:10px}.modal-danger-btn{border:0;background:var(--modal-accent-strong);color:#fff}.app-notice{position:fixed;top:20px;left:50%;z-index:3000;display:flex;align-items:center;gap:14px;width:min(calc(100% - 32px),520px);padding:14px 16px;transform:translate(-50%);border:1px solid var(--modal-border);border-radius:12px;background:var(--modal-surface);color:var(--modal-text);box-shadow:var(--modal-shadow);animation:notice-in .22s ease-out}.app-notice span{flex:1;font-size:14px}.app-notice button{border:0;background:transparent;color:var(--modal-muted);cursor:pointer}.app-notice.error{border-left:4px solid #ef4444}.app-notice.success{border-left:4px solid #22c55e}.app-notice.info{border-left:4px solid var(--modal-accent)}.mode-toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.mode-toggle-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:14px;font-size:14px;font-weight:800;border:1px solid var(--surface-border);background:var(--surface-btn);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.mode-toggle-btn.active{background:var(--primary-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 14px #ff5e0059}.manual-panel{display:flex;flex-direction:column;gap:14px;margin-bottom:16px;background-color:var(--surface-btn);border:1px solid var(--surface-border);border-radius:16px;padding:14px}.finder-box{display:flex;gap:8px;width:100%}.finder-input{flex:1;min-width:0;height:42px;border-radius:12px;border:1px solid var(--surface-border);background:var(--card-bg);color:var(--text-primary);padding:0 12px;font-size:14px;font-weight:600;outline:none}.finder-input:focus{border-color:var(--popular-badge)}.finder-btn{height:42px;padding:0 16px;border-radius:12px;background:var(--primary-gradient);border:none;color:#fff;font-weight:700;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;flex-shrink:0}.finder-btn:disabled{opacity:.6;cursor:not-allowed}.finder-feedback{padding:10px 12px;border-radius:12px;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:8px}.finder-feedback.error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#ef4444}.finder-feedback.success{background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:var(--text-primary)}.finder-feedback-action{padding:4px 10px;border-radius:8px;border:none;font-weight:700;font-size:12px;cursor:pointer}.finder-feedback-action.select{background:#22c55e;color:#fff}.finder-feedback-action.release{background:#64748b;color:#fff}.manual-grid-wrapper{max-height:380px;overflow-y:auto;padding-right:4px}.manual-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}@media(min-width:500px){.manual-grid{grid-template-columns:repeat(8,1fr)}}@media(min-width:768px){.manual-grid{grid-template-columns:repeat(10,1fr)}}.grid-tile{height:40px;border-radius:10px;font-family:Outfit,sans-serif;font-size:13px;font-weight:700;border:1px solid var(--surface-border);background-color:var(--card-bg);color:var(--text-primary);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.grid-tile.available:hover{border-color:var(--popular-badge);transform:translateY(-1px)}.grid-tile.reserved_by_me{background:#22c55e!important;color:#fff!important;border-color:#16a34a!important;font-weight:900;box-shadow:0 2px 8px #22c55e66}.grid-tile.sold,.grid-tile.reserved{background:#ef44441f!important;color:#f87171!important;border-color:#ef444440!important;cursor:not-allowed;opacity:.65;text-decoration:line-through}.manual-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.page-btn{padding:6px 14px;border-radius:10px;border:1px solid var(--surface-border);background:var(--card-bg);color:var(--text-primary);font-weight:700;font-size:13px;cursor:pointer}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{font-size:13px;font-weight:600;color:var(--text-muted)}.selected-chips-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;background:var(--card-bg);border-radius:12px;border:1px solid var(--surface-border)}.selected-chip{padding:4px 10px;border-radius:20px;background:#22c55e;color:#fff;font-weight:800;font-size:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popUp{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@media(min-width:860px){.topbar-content{padding:12px 24px}.main-content{padding:32px 24px 48px;max-width:1040px}.raffle-card{max-width:100%;display:grid;grid-template-columns:1fr 1.15fr;border-radius:28px;box-shadow:0 20px 50px #0000002e}.banner-wrapper{border-top-right-radius:0;border-bottom-left-radius:28px;aspect-ratio:auto;min-height:100%}.raffle-body{padding:28px 28px 32px;display:flex;flex-direction:column;justify-content:space-between}.raffle-title{font-size:20px;margin-bottom:14px}.boletos-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.purchase-row{margin-bottom:20px;gap:14px}.page-footer{padding:36px 24px 44px}.finished-section{max-width:1040px;padding:0 24px;margin-bottom:48px}.finished-inner{padding:22px 20px}.finished-title{font-size:18px;margin-bottom:16px}.finished-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}}@media(max-width:768px){body{font-size:17px}.main-content{padding-left:0!important;padding-right:0!important;padding-top:0!important}.raffles-stack{gap:0;padding-left:0;padding-right:0;padding-bottom:24px}.raffle-card{width:100vw;max-width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);border-radius:0!important;border-left:none!important;border-right:none!important;box-sizing:border-box}.raffle-card .banner-wrapper,.raffle-card .raffle-banner-image{border-top-left-radius:0!important;border-top-right-radius:0!important;width:100%!important}.raffle-card-primary{margin-top:0!important;border-top:none!important}.raffle-card:not(.raffle-card-primary){margin-top:16px!important;border-top:1px solid var(--border-color)!important}.raffle-title{font-size:26px!important}.date-pill span{font-size:14px}.price-label{font-size:13px}.price-amount{font-size:24px}.boleto-number{font-size:26px}.step-value{font-size:20px}.btn-main-txt{font-size:18px}.btn-total-txt{font-size:17px}.progress-title,.progress-text{font-size:13px}.action-btn{font-size:16px}.comm-text{font-size:15px}.legal-text{font-size:14px}.modal-fullscreen-content{padding:58px 16px 24px}.client-title,.payment-title,.success-title{font-size:26px}.client-subtitle{font-size:15px}.payment-methods-title,.payment-report-title,.r4-sender-title{font-size:17px}.payment-option{font-size:16px}.payment-option small{font-size:14px}.client-cedula-input,.client-input,.payment-input,.modal-input,.modal-select{font-size:17px!important}.client-terms{font-size:14px}.modal-back-btn,.client-continue-btn,.confirm-continue-btn,.payment-report-btn,.payment-back-btn,.success-btn,.modal-secondary-btn,.modal-danger-btn,.modal-submit-btn{font-size:17px}.confirm-title{font-size:24px}.confirm-label{font-size:15px}.confirm-value{font-size:18px}.payment-timer span{font-size:15px}.payment-timer-countdown{font-size:18px}.payment-amount-label{font-size:15px}.payment-amount-value span{font-size:22px}.payment-copy-btn,.payment-copy-all-btn,.payment-data-label{font-size:15px}.payment-data-value{font-size:16px}.payment-field-group>span{font-size:15px}.r4-status-message{font-size:15px}.payment-voucher-label,.success-text{font-size:16px}.success-numbers p{font-size:15px}.success-number-chip{font-size:17px}.modal-header h3{font-size:20px}.modal-desc,.prize-pos,.app-notice span{font-size:16px}.finished-title{font-size:22px}.finished-name{font-size:17px}.finished-date{font-size:13px}.finished-stamp{font-size:18px;padding:8px 18px}}@media(max-width:520px){.modal-actions,.modal-confirm-actions{grid-template-columns:1fr}.client-field-row{flex-direction:column}.payment-data-row{align-items:flex-start}.payment-data-label{flex-basis:36%}.payment-data-value-wrap{max-width:64%}.r4-sender-fields .payment-input-row{flex-direction:column}}@media(max-width:380px){.finished-section{padding:0 10px}.finished-inner{padding:14px 10px}.finished-card{padding:0}.finished-info{padding:12px 12px 14px}.finished-name{font-size:14px}.finished-date{font-size:11px}.finished-stamp{font-size:15px;padding:6px 14px;border-width:2px}}@media(max-width:320px){.client-payment-methods .payment-options{grid-template-columns:1fr}}