.bono__icono{flex:none;width:24px;height:24px;display:block}.bono__boton{color:#ffdc82;cursor:pointer;text-align:left;background:linear-gradient(115deg,#37281b,#171827);border:2px solid #a98036;border-bottom-width:4px;align-items:center;gap:10px;width:100%;min-height:62px;padding:10px;display:flex;box-shadow:inset 0 0 14px #ffc2510c}.bono__boton>.bono__icono{filter:drop-shadow(0 0 7px #ffae3055);width:34px;height:34px}.bono__boton>span:not(.bono__flecha){gap:6px;min-width:0;display:grid}.bono__boton .rotulo{width:auto;max-width:100%;height:10px}.bono__flecha{margin-left:auto;font-size:22px}.bono__boton:hover{background:#3b2e24;border-color:#ffdd86}.bono__boton:focus-visible,.bono :is(button,a,textarea,input):focus-visible{outline-offset:3px;outline:3px solid #fff0c3}.bono{color:#e8edfa;scrollbar-width:thin;scrollbar-color:#746044 #0a101e;background:#080c18;border:2px solid #d2a14d;width:min(580px,100vw - 28px);max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:5px;position:fixed;inset:0;overflow:auto;box-shadow:0 0 0 3px #070a13,0 0 0 5px #604d37,0 0 55px #b8812625,0 30px 100px #000b}.bono::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#03050bdc}.bono[open]{animation:.18s ease-out bono-entrada}body:has(.bono[open]){overflow:hidden}.bono__pantalla{background:radial-gradient(at 50% 8%,#34304266,#0000 64%),#0b1020;border:1px solid #45506a}.bono__cabecera{color:#ffdb82;background:#101526;border-bottom:1px solid #343b54;justify-content:space-between;align-items:center;min-height:48px;padding:0 12px 0 20px;display:flex}.bono__cabecera>.rotulo{max-width:calc(100% - 54px);height:10px}.bono__cerrar{color:#b5bfd8;cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid}.bono__cerrar .bono__icono{width:17px;height:17px}.bono__cerrar:hover{color:#fff0c2}.bono__contenido{text-align:center;padding:28px 28px 24px}.bono__emblema{color:#ffd676;background:#30251b;border:2px solid #96733b;place-items:center;width:70px;height:70px;margin:0 auto 20px;display:grid;transform:rotate(-4deg);box-shadow:4px 4px #040711,0 0 22px #e8ad351a}.bono__emblema>.bono__icono{width:44px;height:44px}.bono__emblema--listo{color:#96edc7;background:#152c2b;border-color:#548d79;transform:none}.bono h2{color:#fff0bd;margin:0}.bono h2:focus{outline:none}.bono__letras{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px 9px;min-width:0;display:flex}.bono__letras>.rotulo{flex:none;width:auto;max-width:100%;height:10px}.bono__titular{filter:drop-shadow(2px 2px #8a542a);gap:12px 15px}.bono__titular>.rotulo{height:21px}.bono p{margin:14px 0 0;font-size:15px;line-height:1.5}.bono__intro{color:#adb9d0}.bono__opciones{grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;display:grid}.bono__opciones>:is(button,a){--premio:#9ebdff;--borde:#5772a7;--fondo:#142039;border:2px solid var(--borde);border-bottom:5px solid var(--borde);background:repeating-linear-gradient(0deg, #0002 0 1px, transparent 1px 4px), linear-gradient(150deg, var(--fondo), #080c17 85%);min-width:0;color:var(--premio);text-align:center;cursor:pointer;box-shadow:inset 0 0 0 3px #080c17, inset 0 0 0 4px var(--borde), 0 5px 0 #040611;grid-template-rows:auto 1fr auto;justify-items:center;gap:22px;padding:28px 18px 18px;text-decoration:none;transition:border-color .14s,color .14s,transform .14s,box-shadow .14s;display:grid;position:relative}.bono__opciones>:is(button,a):first-child{--premio:#ffdc87;--borde:#a57a39;--fondo:#362a1b}.bono__opciones>:is(button,a):is(:hover,:focus-visible){border-color:var(--premio);color:#fff2ce;box-shadow:inset 0 0 0 3px #080c17, inset 0 0 0 4px var(--premio), 0 8px 0 #040611, 0 0 20px #97b5ff1a;transform:translateY(-3px)}.bono__opciones>:is(button,a):active{box-shadow:inset 0 0 0 3px #080c17, inset 0 0 0 4px var(--premio), 0 2px 0 #040611;transform:translateY(2px)}.bono__numero{color:var(--premio);opacity:.7;position:absolute;top:11px;right:12px}.bono__numero .rotulo{width:auto;height:7px}.bono__premio{border:2px solid var(--borde);background:#080c1780;place-items:center;width:76px;height:76px;margin-top:6px;display:grid;box-shadow:4px 4px #030610}.bono__premio>.bono__icono{filter:drop-shadow(3px 3px #030610);width:48px;height:48px}.bono__opcion-textos{align-content:start;gap:18px;min-width:0;display:grid}.bono__opcion-textos strong>.bono__letras{align-content:center;gap:9px 10px;min-height:35px}.bono__opcion-textos strong .rotulo{height:14px}.bono__opcion-detalle{color:#c5cce0;gap:8px}.bono__opcion-detalle>.rotulo{height:9px}.bono__opcion-flecha{border:1px solid var(--borde);background:#080c17;justify-self:end;place-items:center;width:32px;height:26px;display:grid}.bono__opcion-flecha>.bono__icono{width:18px;height:18px}.bono__pendiente{background:#d1a34b08;border:1px dashed #8a7452;margin-top:24px;padding:20px}.bono__pendiente p{color:#f5d99c;margin:0 0 8px}.bono__pendiente small{color:#b9c2d6;font-size:13px;line-height:1.5;display:block}.bono__oferta{color:#ffe098;font-weight:700}.bono__accion{color:#171725;width:100%;min-height:50px;font:inherit;cursor:pointer;background:#f6ce75;border:2px solid #ffe3a4;border-bottom:4px solid #9e7334;justify-content:center;align-items:center;gap:12px;margin:24px 0 0;padding:12px 16px;font-size:15px;font-weight:700;line-height:1.4;text-decoration:none;display:flex}.bono__accion:hover{background:#ffe4aa}.bono__accion:disabled{opacity:.55;cursor:default}.bono__buscar{color:#c5cde0;text-align:left;gap:8px;margin-top:22px;font-size:13px;display:grid}.bono__buscar input{color:#f1e7cd;width:100%;min-width:0;min-height:44px;font:inherit;background:#070b15;border:1px solid #566079;padding:10px}.bono__modelos{text-align:left;border:0;grid-template-columns:1fr 1fr;gap:12px;max-height:330px;margin:16px 0 0;padding:4px;display:grid;overflow-y:auto}.bono__modelo{color:#dce3f4;cursor:pointer;background:#10192b;border:2px solid #38445e;grid-template-columns:20px minmax(0,1fr);align-content:start;gap:8px;padding:10px;display:grid}.bono__modelo--elegido{background:#352c23;border-color:#ffdb82}.bono__modelo:has(input:focus-visible){outline-offset:1px;outline:2px solid #fff0c3}.bono__modelo input{accent-color:#ffdb82;margin:4px 0 0}.bono__modelo img,.bono__sin-imagen{aspect-ratio:1;object-fit:contain;background:#070b15;grid-area:1/1/auto/-1;width:100%}.bono__sin-imagen{color:#c3ad81;place-items:center;display:grid}.bono__sin-imagen .bono__icono{width:44px;height:44px}.bono__modelo>span:last-child{overflow-wrap:anywhere;font-size:13px;line-height:1.4}.bono .bono__confirmacion{color:#ffe5a7;font-size:13px}.bono__modelo-elegido{color:#ffe5a7;overflow-wrap:anywhere;font-weight:700}.bono__campo--regalo input{color:#ffe5a7;background:0 0;border:0;width:100%;min-width:0;padding:12px;font:12px/1.5 monospace;display:block}.bono__accion>.bono__icono{width:20px;height:20px}.bono .bono__ayuda{color:#adb8cf;font-size:13px;line-height:1.5}.bono__secundario{color:#c5cde0;font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin-top:16px;padding:4px 0;font-size:13px;text-decoration:underline;display:inline-block}.bono__verificado{color:#92e5bd;justify-content:center;align-items:center;gap:9px;display:flex}.bono__verificado .bono__icono{width:16px;height:16px}.bono__cargando{color:#f1d38f}.bono__copia{text-align:left;margin-top:24px}.bono__copia label{color:#aebbd5;margin-bottom:9px;font-size:12px;display:block}.bono__campo{background:#070b15;border:1px solid #566079;align-items:stretch;display:flex}.bono__campo textarea{resize:none;color:#f1e7cd;width:100%;min-width:0;font:inherit;background:0 0;border:0;padding:15px;font-size:14px;line-height:1.65;display:block}.bono__campo--codigo textarea{letter-spacing:.05em;padding:18px 12px;font:700 22px/1.3 monospace}.bono__campo>button{color:#ffda83;cursor:pointer;background:#242538;border:0;border-left:1px solid #4c5267;flex:none;place-items:center;width:54px;min-height:52px;padding:12px;display:grid}.bono__campo>button:hover{background:#3a3340}.bono__campo>button:disabled{opacity:.6;cursor:progress}.bono__pie{border-top:1px solid #303951;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;padding-top:16px;display:flex}.bono__pie>button{color:#c2cce1;min-height:36px;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:4px 0;font-size:13px;display:flex}.bono__pie .bono__secundario{margin-top:0}.bono__creditos{color:#7786a2;letter-spacing:.12em;background:#0a0e19;border-top:1px solid #303951;justify-content:space-between;padding:12px 18px;font:9px monospace;display:flex}@keyframes bono-entrada{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (width<=460px){.bono__contenido{padding:22px 16px 16px}.bono__titular{gap:10px 12px}.bono__titular>.rotulo{height:14px}.bono__opciones{grid-template-columns:1fr;gap:14px;margin-top:24px}.bono__opciones>:is(button,a){text-align:left;grid-template-rows:auto;grid-template-columns:52px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:142px;padding:23px 14px 18px}.bono__premio{width:52px;height:60px;margin:0}.bono__premio>.bono__icono{width:36px;height:36px}.bono__opcion-textos{gap:12px}.bono__opcion-textos .bono__letras{justify-content:flex-start}.bono__opcion-flecha{background:0 0;border:0;width:18px;height:22px}.bono__campo textarea{padding:12px;font-size:13px}.bono__campo--codigo textarea{font-size:19px}}@media (height<=580px){.bono__contenido{padding-block:16px}.bono__emblema{width:44px;height:44px;margin-bottom:12px}.bono__emblema>.bono__icono{width:28px;height:28px}}@media (prefers-reduced-motion:reduce){.bono[open]{animation:none}.bono__opciones>:is(button,a){transition:none}}.grieta{z-index:3;aspect-ratio:1;pointer-events:none;width:clamp(220px,31vw,460px);position:absolute;top:0;left:0}.grieta__escena{isolation:isolate;position:absolute;inset:0;transform:scaleX(-1)}.grieta[data-lista=false] .grieta__escena,.grieta[data-lista=false] .grieta__explorar{visibility:hidden}.grieta__apertura{z-index:0;transform-origin:100% 0;position:absolute;inset:0}.grieta__fisura{z-index:3;opacity:0;fill:none;stroke:#dfb7ff;stroke-width:.35px;stroke-linecap:round;filter:drop-shadow(0 0 4px #c057fa);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.grieta__ramas{stroke-width:.16px;stroke:#a568d6}.grieta__cosmos{z-index:0;clip-path:polygon(31.5% 0%,100% 0%,100% 91%,100% 90%,100% 89%,100% 88%,100% 87%,99.6% 86%,99.04% 85%,98.41% 84%,97.77% 83%,97.13% 82%,96.57% 81%,95.93% 80%,95.45% 79%,95.69% 78%,94.66% 77%,93.94% 76%,93.46% 75%,92.98% 74%,92.5% 73%,92.34% 72%,92.19% 71%,89.15% 70%,88.68% 69%,88.2% 68%,87.88% 67%,87.56% 66%,87% 65%,86.2% 64%,85.33% 63%,84.45% 62%,83.49% 61%,79.59% 60%,79.11% 59%,78.47% 58%,77.83% 57%,77.19% 56%,76.4% 55%,75.68% 54%,74.88% 53%,74.24% 52%,73.44% 51%,73.05% 50%,72.81% 49%,70.81% 48%,70.02% 47%,69.3% 46%,68.98% 45%,68.9% 44%,68.82% 43%,68.42% 42%,68.02% 41%,65.55% 40%,64.99% 39%,64.35% 38%,63.4% 37%,62.68% 36%,62.12% 35%,61.08% 34%,60.45% 33%,59.89% 32%,59.01% 31%,58.13% 30%,57.42% 29%,56.78% 28%,56.06% 27%,55.42% 26%,54.39% 25%,53.43% 24%,53.19% 23%,52.95% 22%,52.39% 21%,50.8% 20%,48.72% 19%,47.45% 18%,46.01% 17%,42.98% 16%,42.34% 15%,41.71% 14%,41.15% 13%,40.43% 12%,39.63% 11%,39.07% 10%,38.36% 9%,37.24% 8%,36.84% 7%,36.12% 6%,35.65% 5%,35.01% 4%,35.09% 3%,34.05% 2%,32.54% 1%);background:radial-gradient(at 73% 25%,#562583,#10091e 48%,#04030d 80%);position:absolute;inset:0}.grieta__universo,.grieta__borde,.grieta__mano{width:100%;height:100%;display:block;position:absolute;inset:0}.grieta__borde{z-index:2;clip-path:polygon(0 0,42% 0,46% 6%,51% 12%,59% 18%,66% 26%,71% 34%,80% 42%,84% 48%,89% 52%,93% 58%,94% 61%,100% 65%,100% 100%,0 100%)}.grieta__mano{z-index:4;transform-origin:100% 0}.grieta[data-foco=true] .grieta__mano{filter:drop-shadow(0 0 5px #ddc8ff)}.grieta:has(.grieta__explorar:focus-visible) .grieta__mano{filter:drop-shadow(0 0 5px #ddc8ff)}.grieta__roca{z-index:5;aspect-ratio:1;position:absolute;transform:translate(-50%,-50%)}.grieta__roca--atras{z-index:1;opacity:.7;--opacidad-roca:.7}.grieta__roca-movimiento{width:100%;height:100%;display:block}.grieta__roca img{width:100%;height:100%;transform:rotate(var(--angulo))}.grieta__explorar{z-index:6;cursor:help;pointer-events:auto;clip-path:polygon(0 0,72% 0,68% 14%,66% 32%,55% 57%,33% 64%,0 94%);background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}@property --grieta-giro{syntax:"<angle>";inherits:false;initial-value:0deg}.grieta__aviso{z-index:7;color:#fff;text-align:center;opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(at 50% 0,#52235b99,#0000 75%),#100916fa;border:1px solid #70418e66;border-radius:8px;width:280px;padding:24px;transition:opacity .18s,transform .22s,visibility .18s;position:absolute;top:82px;left:calc(66% + 12px);transform:translateY(8px);box-shadow:0 12px 36px #0008,0 0 28px #9f45da33,inset 0 1px #ebd2ff0a}.grieta__aviso:before{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--grieta-giro), #3c244e 0deg, #3c244e 232deg, #864bce 278deg, #e475dd 300deg, #faf0ff 316deg, #b58bfa 332deg, #3c244e 360deg);-webkit-mask-composite:xor;padding:1.5px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.grieta__aviso[data-visible=true]{opacity:1;visibility:visible;pointer-events:auto;transform:none}.grieta__anuncio{font:italic 800 1.5rem/1.08 var(--fuente-fuerte);text-transform:uppercase;text-wrap:balance;margin:0}@media (prefers-reduced-motion:no-preference){.grieta[data-animar=true] .grieta__aviso[data-visible=true]:before{animation:9s linear infinite grieta-filo}@keyframes grieta-filo{to{--grieta-giro:360deg}}.grieta[data-lista=true][data-entrada-terminada=false] .grieta__fisura{animation:1.35s both grieta-luz}.grieta[data-lista=true][data-entrada-terminada=false] .grieta__trazo,.grieta[data-lista=true][data-entrada-terminada=false] .grieta__ramas{stroke-dasharray:1;animation:.68s ease-out both grieta-trazar}.grieta[data-lista=true][data-entrada-terminada=false] .grieta__ramas{animation-duration:.38s;animation-delay:.52s}.grieta[data-lista=true][data-entrada-terminada=false] .grieta__apertura{animation:1.18s cubic-bezier(.2,.7,.3,1) .28s both grieta-abrir}.grieta[data-lista=true][data-entrada-terminada=false] .grieta__mano{animation:1.38s cubic-bezier(.2,.65,.2,1) .78s both grieta-mano-entra}.grieta[data-lista=true][data-entrada-terminada=false] .grieta__roca{animation:grieta-desprender .7s var(--desprender) cubic-bezier(.12, .8, .25, 1) both}.grieta[data-lista=true] .grieta__roca-movimiento{animation:grieta-flotar var(--duracion) var(--fase) ease-in-out infinite}.grieta[data-lista=true] .grieta__roca img{animation:grieta-rotar calc(var(--duracion) * 1.3) var(--fase) ease-in-out infinite}.grieta[data-animar=false] .grieta__fisura,.grieta[data-animar=false] .grieta__trazo,.grieta[data-animar=false] .grieta__ramas,.grieta[data-animar=false] .grieta__apertura,.grieta[data-animar=false] .grieta__mano,.grieta[data-animar=false] .grieta__roca,.grieta[data-animar=false] .grieta__roca-movimiento,.grieta[data-animar=false] .grieta__roca img{animation-play-state:paused}@keyframes grieta-luz{0%{opacity:0}24%{opacity:.85}58%{opacity:.55}to{opacity:0}}@keyframes grieta-trazar{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes grieta-abrir{0%{clip-path:circle(0 at 100% 0);opacity:0}18%{opacity:1}to{clip-path:circle(145% at 100% 0);opacity:1}}@keyframes grieta-mano-entra{0%{opacity:0;filter:brightness(.55);transform:translate(10%,-9%)scale(.76)rotate(-5deg)}26%{opacity:1}72%{opacity:1;filter:brightness(1.08);transform:translate(-.6%,.7%)scale(1.015)rotate(.5deg)}to{opacity:1;filter:brightness();transform:none}}@keyframes grieta-desprender{0%{opacity:0;transform:translate(-50%,-50%)translate(20px,-16px)scale(.35)}30%{opacity:1}to{opacity:var(--opacidad-roca,1);transform:translate(-50%,-50%)}}@keyframes grieta-flotar{0%,to{transform:translate(0,0)}50%{transform:translate3d(var(--dx), var(--dy), 0)}}@keyframes grieta-rotar{0%,to{transform:perspective(300px) rotateX(-8deg) rotateY(5deg) rotate(var(--angulo))}50%{transform:perspective(300px) rotateX(12deg) rotateY(-14deg) rotate(calc(var(--angulo) + var(--giro)))}}}@media (prefers-reduced-motion:reduce){.grieta__aviso{transition:none;transform:none}}@media (width<=640px){.grieta{width:clamp(140px,43vw,180px)}.grieta__aviso{width:min(280px,100vw - 24px);padding:22px;top:calc(100% + 8px);left:max(12px,50vw - 140px)}}