:root{--paper:#fbfcfb;--surface:#fff;--ink:#14201b;--muted:#696e73;--line:#e3e8e5;--line-2:#7e8c86;--accent:#4f4fae;--accent-2:#3e3e8f;--accent-wash:#efeff9;--green:#0e6b45;--green-2:#0a5537;--green-wash:#e8f2ed;--neutral-wash:#f0f3f1;--amber:#b26b00;--amber-wash:#fbf0de;--red:#9b3412;--red-wash:#fbe9e5;--anulado:#d64218;--sheet-grabber:#d5deda;--admin:#6b2d5c;--on-solid:#fff;--nav-shift:24px;--nav-duration:.2s;--nav-ease:cubic-bezier(.23, 1, .32, 1);--space-hair:.25rem;--space-tight:.5rem;--space-base:1rem;--space-loose:1.5rem;--space-section:2rem;--safe-area-bottom:env(safe-area-inset-bottom,0px);--radius-tile:14px;--radius-sheet:26px;--radius-btn:13px;--radius-pill:999px;--radius-chart-bar:3px;--radius-control:11px;--radius-btn-sm:9px;--material:blur(20px) saturate(180%);--bar-bg:#fbfcfbb8;--dock-bg:#fbfcfbd1;--tabbar-bg:#fbfcfbd9;--bar-border:#e3e8e5e6;--sheet-veil:#14201b57;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--paper);font:100%/1.5 system-ui,-apple-system,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}body{background:var(--paper);margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-contrast:more){:focus-visible{outline-color:var(--ink)}}.quietButton{min-height:44px;padding:var(--space-tight) var(--space-base);border:1px solid var(--line-2);border-radius:var(--radius-btn);background:var(--surface);color:var(--ink);cursor:pointer;font-size:.95rem;font-weight:600;transition:transform .1s ease-out}.quietButton:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.quietButton{transition:opacity .1s ease-out}.quietButton:active{opacity:.75;transform:none}}@media (prefers-contrast:more){.quietButton{border-color:var(--ink)}}.backArrow{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;transition:transform .1s ease-out;display:inline-flex}.backArrow svg{width:24px;height:24px}.backArrow:active{transform:scale(.92)}.barTitle{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--ink);font-size:17px;font-weight:650;overflow:hidden}.barKicker{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:.75rem;font-weight:600;display:block;overflow:hidden}.sheetClose{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;transition:transform .1s ease-out;display:inline-flex;position:relative}.sheetClose:before{content:"";background:var(--neutral-wash);border-radius:50%;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sheetClose>*{width:18px;height:18px;position:relative}.sheetClose:active{transform:scale(.92)}@keyframes navEnter{0%{opacity:0;transform:translateX(var(--nav-shift))}to{opacity:1;transform:none}}@keyframes navBack{0%{opacity:0;transform:translateX(calc(var(--nav-shift) * -1))}to{opacity:1;transform:none}}.navEnter{animation:navEnter var(--nav-duration) var(--nav-ease) both}.navBack{animation:navBack var(--nav-duration) var(--nav-ease) both}@media (prefers-reduced-motion:reduce){:root{--nav-duration:.15s}@keyframes navFade{0%{opacity:0}to{opacity:1}}.navEnter,.navBack{animation-name:navFade;animation-timing-function:ease-out}.backArrow,.sheetClose{transition:opacity .1s ease-out}.backArrow:active,.sheetClose:active{opacity:.75;transform:none}}@supports ((-moz-appearance:none)){@media (display-mode:browser){:root{--safe-area-bottom:0px}}}:root{--content:min(30rem, 100%)}button,[role=button]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.pagina{box-sizing:border-box;width:var(--content);min-height:100dvh;padding:var(--space-base) calc(var(--space-base) + env(safe-area-inset-right,0px)) calc(var(--space-base) + var(--safe-area-bottom)) calc(var(--space-base) + env(safe-area-inset-left,0px));gap:var(--space-loose);flex-direction:column;margin:0 auto;display:flex}.pagina.enElSitio{min-height:0}.negocio{align-items:center;gap:var(--space-tight);min-width:0;display:flex}.negocio b{overflow-wrap:anywhere;font-size:1rem;font-weight:650;line-height:1.25}.logo{border-radius:var(--radius-pill);background:var(--neutral-wash);border:1px solid var(--line-2);flex:none;place-items:center;width:40px;height:40px;font-weight:700;display:grid}img.logo{box-sizing:border-box;object-fit:cover}.mensaje{gap:var(--space-hair);flex-direction:column;display:flex}.mensaje h1{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:1.375rem;font-weight:650;line-height:1.2}.mensaje h1.conVisto{align-items:flex-start;gap:var(--space-tight);display:flex}.mensaje h1 .visto{width:1.25rem;height:1.2em;color:var(--green);flex:none}.mensaje p{overflow-wrap:anywhere;margin:0;font-size:.95rem}.aviso{border-radius:var(--radius-tile);padding:var(--space-tight) var(--space-base);background:var(--red-wash);color:var(--red);font-size:.9rem;font-weight:560}.tarjeta{border:1px solid var(--line);border-radius:var(--radius-tile);background:var(--surface);padding:var(--space-base);gap:var(--space-base);flex-direction:column;display:flex}.tarjetaArriba{justify-content:space-between;align-items:baseline;gap:var(--space-tight);font-size:.95rem;display:flex}.tarjetaArriba b{font-weight:650}.tarjetaArriba span{color:var(--muted);font-variant-numeric:tabular-nums}.casillas{gap:var(--space-tight);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.casillas.enCuatro{grid-template-columns:repeat(4,minmax(0,1fr))}.casilla{aspect-ratio:1;border-radius:var(--radius-pill);border:1.5px solid var(--line);font-variant-numeric:tabular-nums;color:var(--muted);place-items:center;font-size:.9rem;display:grid}.casilla svg{width:56%;height:56%}.casilla.llena{background:var(--accent);border-color:var(--accent);color:var(--on-solid)}.casilla.premio{background:var(--accent-wash);border-color:var(--accent);color:var(--accent-2)}.premioDeLaTarjeta{align-items:center;gap:var(--space-tight);padding-top:var(--space-base);border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;display:flex}.premioDeLaTarjeta svg{width:18px;height:18px;color:var(--accent-2);flex:none}.cuadros,.teclado{border:0;min-width:0;margin:0;padding:0}.paraElLector{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cuadros{justify-content:center;gap:var(--space-tight);display:flex}.cuadro{border:1.5px solid var(--line-2);border-radius:var(--radius-control);background:var(--surface);font-variant-numeric:tabular-nums;place-items:center;width:52px;height:56px;font-size:1.5rem;font-weight:600;display:grid}.cuadro.actual{border:2px solid var(--accent)}.cuadro.mal{border-color:var(--red)}.teclado{gap:var(--space-tight);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tecla{border:1px solid var(--line-2);border-radius:var(--radius-btn);background:var(--surface);font-variant-numeric:tabular-nums;cursor:pointer;place-items:center;min-height:48px;padding:0;font-size:1.375rem;font-weight:600;transition:transform .1s ease-out;display:grid}.tecla svg{width:24px;height:24px}.tecla.hueco{visibility:hidden}.accion{margin:0 calc(-1 * var(--space-base));padding:var(--space-tight) var(--space-base);background:var(--paper);border-top:1px solid var(--line);position:sticky;bottom:0}.principal{border-radius:var(--radius-btn);border:1px solid var(--accent);background:var(--accent);width:100%;min-height:48px;color:var(--on-solid);cursor:pointer;font-size:1rem;font-weight:600;transition:transform .1s ease-out}.principal[aria-disabled=true]{background:var(--neutral-wash);border-color:var(--neutral-wash);color:var(--muted);cursor:default}.principal[aria-busy=true]{justify-content:center;align-items:center;gap:var(--space-tight);background:var(--accent-wash);border-color:var(--accent-wash);color:var(--accent-2);display:flex}.girito{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite gira}@keyframes gira{to{transform:rotate(360deg)}}.tecla:active,.principal:not([aria-disabled=true]):active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.tecla,.principal{transition:opacity .1s ease-out}.tecla:active,.principal:not([aria-disabled=true]):active{opacity:.75;transform:none}.girito{animation:1.4s ease-in-out infinite alternate lateElGirito}}.mensaje .codigoDeCanje{margin:var(--space-tight) 0;letter-spacing:.18em;font-variant-numeric:tabular-nums;color:var(--ink);overflow-wrap:normal;font-size:2.5rem;font-weight:700;line-height:1.1}.mensaje h1[tabindex="-1"]:focus{outline:none}.pagina{overflow-x:clip}.escena{flex:1;min-width:0;display:grid}.capa{gap:var(--space-loose);flex-direction:column;grid-area:1/1;min-width:0;display:flex}@keyframes aparece{0%{opacity:0}to{opacity:1}}@keyframes desaparece{0%{opacity:1}to{opacity:0}}@keyframes entraDeLado{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.capa.aparece{animation:.2s ease-out 60ms both aparece}.capa.aparece.deLado{animation:.2s cubic-bezier(.23,1,.32,1) 60ms both entraDeLado}@keyframes cae{0%{transform:translateY(-24px)scale(1.5)rotate(-12deg)}to{transform:none}}@keyframes eco{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.casilla.nueva{position:relative}.casilla .cara{border-radius:var(--radius-pill);background:var(--accent);color:var(--on-solid);animation:aparece .12s ease-out calc(var(--cero) + .2s + var(--n) * 90ms) both, cae .36s cubic-bezier(.23, 1, .32, 1) calc(var(--cero) + .2s + var(--n) * 90ms) both;place-items:center;display:grid;position:absolute;inset:-1.5px}.eco{border-radius:var(--radius-pill);border:2px solid var(--accent);opacity:0;pointer-events:none;position:absolute;inset:-1.5px}.casilla .eco{animation:eco .4s cubic-bezier(.23, 1, .32, 1) calc(var(--cero) + .56s + var(--n) * 90ms) both}.bienvenida{gap:var(--space-tight);flex-direction:column;flex:1;min-height:0;display:flex}.avance{gap:var(--space-hair);display:flex}.tramo{background:var(--line);border-radius:2px;flex:1;height:4px;overflow:hidden}.tramo i{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.bienvenidaArriba{justify-content:space-between;align-items:center;gap:var(--space-tight);min-height:48px;display:flex}.bienvenidaNegocio{align-items:center;gap:var(--space-tight);min-width:0;font-weight:650;display:flex}.bienvenidaNegocio .nombre{overflow-wrap:anywhere}.logo.chico{width:32px;height:32px;font-size:.9rem}.saltar{min-width:44px;min-height:44px;padding:0 var(--space-tight);margin-right:calc(-1 * var(--space-tight));border-radius:var(--radius-control);color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;font-size:1rem;font-weight:600;transition:opacity .1s ease-out}.saltar:active{opacity:.6}.visor{min-height:0;margin:0 calc(-1 * var(--space-base));touch-action:pan-y;-webkit-user-select:none;user-select:none;flex:1;display:flex;overflow:hidden}.visor:focus-visible{outline-offset:-2px}.pista{will-change:transform;flex:none;width:300%;display:flex}.diapositiva{gap:var(--space-base);min-width:0;padding:0 var(--space-base);flex-direction:column;flex:0 0 33.3333%;display:flex}.ilustracion{flex:1;place-items:center;min-height:15rem;display:grid}.bienvenidaTexto{gap:var(--space-tight);flex-direction:column;display:flex}.bienvenidaTexto h2{letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:1.625rem;font-weight:650;line-height:1.15}.bienvenidaTexto p{overflow-wrap:anywhere;margin:0;font-size:1rem}.textoDelBoton{animation:.16s ease-out both aparece;display:block}.monedas{justify-content:center;align-items:flex-start;gap:var(--space-tight);display:flex}.moneda{align-items:center;gap:var(--space-tight);flex-direction:column;width:80px;display:flex}.moneda .cara{border-radius:var(--radius-pill);background:var(--accent);width:80px;height:80px;color:var(--on-solid);place-items:center;display:grid;position:relative}.moneda svg{width:56%;height:56%}.moneda .etiqueta{padding:2px var(--space-tight);border-radius:var(--radius-pill);background:var(--neutral-wash);color:var(--muted);white-space:nowrap;font-size:.78rem}.ticket{width:184px;padding:var(--space-base);gap:var(--space-tight);border:1px solid var(--line);border-radius:var(--radius-tile);background:var(--surface);color:var(--muted);flex-direction:column;font-size:.72rem;display:flex;position:relative}.ticket b{color:var(--ink);letter-spacing:.12em;overflow-wrap:anywhere;font-size:.78rem}.ticket .renglon{background:var(--neutral-wash);border-radius:4px;height:8px;display:block}.ticket .renglon.corto{width:60%}.ticket hr{border:0;border-top:1px dashed var(--line-2);width:100%;margin:0}.qr{width:84px;height:84px;color:var(--ink);align-self:center;position:relative}.qr svg{width:100%;height:100%;display:block}.escaneo{background:var(--accent);opacity:0;border-radius:1px;height:2px;position:absolute;top:0;left:-4px;right:-4px}.ticketLlamada{text-align:center}.selloDelTicket{border:3px solid var(--paper);border-radius:var(--radius-pill);background:var(--accent);width:58px;height:58px;color:var(--on-solid);place-items:center;display:grid;position:absolute;bottom:-20px;right:-20px}.selloDelTicket svg{width:56%;height:56%}.selloDelTicket .eco{inset:-3px}.premioGrande{align-items:center;gap:var(--space-loose);flex-direction:column;display:flex}.regaloGrande{border:1.5px solid var(--accent);border-radius:var(--radius-pill);background:var(--accent-wash);width:112px;height:112px;color:var(--accent-2);place-items:center;display:grid;position:relative}.regaloGrande svg{width:52%;height:52%}.puntos{justify-content:center;gap:var(--space-tight);flex-wrap:wrap;display:flex}.punto{border:1.5px solid var(--line-2);border-radius:var(--radius-pill);width:16px;height:16px;position:relative}.punto i{border-radius:var(--radius-pill);background:var(--accent);position:absolute;inset:-1.5px}@keyframes saleDeLado{0%{transform:none}to{transform:translate(-24px)}}@keyframes subeBloque{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes subeTicket{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes caeElRegalo{0%{transform:translateY(-14px)scale(1.2)rotate(-6deg)}to{transform:none}}@keyframes punto{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}@keyframes escanea{0%{transform:translateY(0)}to{transform:translateY(82px)}}@keyframes lineaDelEscaneo{0%{opacity:0}12%{opacity:1}88%{opacity:1}to{opacity:0}}.bienvenida.anima{animation:.2s ease-out 60ms both aparece}.bienvenida.anima .bloque{animation:subeBloque .36s cubic-bezier(.23, 1, .32, 1) calc(80ms + var(--i) * 60ms) both}.bienvenida.anima.sale{animation:.12s ease-out both desaparece,.16s ease-out both saleDeLado}.diapositiva{--inicio:.16s}.diapositiva:first-child{--inicio:.28s}.diapositiva .pieza{opacity:0}.diapositiva.vista .moneda .cara{animation:aparece .12s ease-out calc(var(--inicio) + var(--n) * 90ms) both, cae .36s cubic-bezier(.23, 1, .32, 1) calc(var(--inicio) + var(--n) * 90ms) both}.diapositiva.vista .moneda .etiqueta{animation:aparece .2s ease-out calc(var(--inicio) + var(--n) * 90ms + .36s) both}.diapositiva.vista .moneda .eco{animation:eco .4s cubic-bezier(.23, 1, .32, 1) calc(var(--inicio) + var(--n) * 90ms + .36s) both}.diapositiva.vista .ticket{animation:subeTicket .36s cubic-bezier(.23, 1, .32, 1) var(--inicio) both}.diapositiva.vista .escaneo{animation:escanea .8s cubic-bezier(.77, 0, .175, 1) calc(var(--inicio) + .48s) both, lineaDelEscaneo .8s linear calc(var(--inicio) + .48s) both}.diapositiva.vista .selloDelTicket{animation:aparece .12s ease-out calc(var(--inicio) + 1.28s) both, cae .36s cubic-bezier(.23, 1, .32, 1) calc(var(--inicio) + 1.28s) both}.diapositiva.vista .selloDelTicket .eco{animation:eco .4s cubic-bezier(.23, 1, .32, 1) calc(var(--inicio) + 1.64s) both}.diapositiva.vista .punto i{animation:punto .24s ease-out calc(var(--inicio) + var(--n) * 70ms) both}.diapositiva.vista .regaloGrande{animation:aparece .12s ease-out calc(var(--inicio) + .56s) both, caeElRegalo .36s cubic-bezier(.23, 1, .32, 1) calc(var(--inicio) + .56s) both}.diapositiva.vista .regaloGrande .eco{animation:eco .4s cubic-bezier(.23, 1, .32, 1) calc(var(--inicio) + .92s) both}@keyframes late{0%,to{opacity:1}50%{opacity:.55}}.esqueleto{opacity:0;animation:.2s ease-out .3s both aparece,1.4s cubic-bezier(.77,0,.175,1) .5s infinite late}.esqueleto.sale{animation:.12s ease-out both desaparece}.huesos{gap:var(--space-loose);flex-direction:column;flex:1;min-height:0;display:flex}.hueso{background:var(--line);border-radius:6px;flex:none;height:16px;display:block}.hueso.redondo{border-radius:var(--radius-pill)}.hueso.boton{border-radius:var(--radius-btn);width:100%;height:48px}.hueso.casillaVacia{aspect-ratio:1;height:auto}.huesos .diapositiva{flex:1}@media (prefers-reduced-motion:reduce){.capa.aparece,.capa.aparece.deLado,.bienvenida.anima,.bienvenida.anima .bloque{animation:.15s ease-out both aparece}.bienvenida.anima.sale,.esqueleto.sale{animation:.15s ease-out both desaparece}.esqueleto{animation:.15s ease-out .3s both aparece}.casilla .cara{animation:aparece .15s ease-out var(--cero) both}.pista{width:100%;display:grid}.diapositiva{opacity:0;grid-area:1/1;transition:opacity .15s ease-out}.diapositiva.actual{opacity:1}.tramo i{opacity:0;transition:opacity .15s ease-out;transform:none}.tramo i.lleno{opacity:1}.diapositiva.vista .moneda .cara,.diapositiva.vista .moneda .etiqueta,.diapositiva.vista .ticket,.diapositiva.vista .selloDelTicket,.diapositiva.vista .punto i,.diapositiva.vista .regaloGrande{animation:.15s ease-out both aparece}.casilla .eco,.diapositiva.vista .moneda .eco,.diapositiva.vista .escaneo,.diapositiva.vista .selloDelTicket .eco,.diapositiva.vista .regaloGrande .eco{opacity:0;animation:none}}@keyframes lateElGirito{0%{opacity:1}to{opacity:.35}}