.wb-fila{--wb-luz:229 249 117;--wb-g:16px;gap:40px var(--wb-g);grid-template-columns:minmax(0,1fr);display:grid;container-type:inline-size}@media (min-width:640px) and (max-width:1023.98px){.wb-fila{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-pieza:first-child{grid-column:1/-1}}@media (min-width:1024px){.wb-fila{--wb-u:calc((100cqw - 2 * var(--wb-g)) / 3.4);grid-template-columns:1.3fr 1.15fr .95fr}}.wb-tarjeta{isolation:isolate;background:#0e100f;border-radius:20px;height:400px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f;container-type:inline-size}.wb-pieza:first-child .wb-tarjeta{height:420px}@media (min-width:1024px){.wb-tarjeta,.wb-pieza:first-child .wb-tarjeta{height:460px}}.wb-arcos{--cx:50%;z-index:-1;pointer-events:none;width:100%;position:absolute;top:0;bottom:0;left:0}@media (min-width:1024px){.wb-arcos{--cx:calc(1.875 * var(--wb-u) + var(--wb-g));width:100cqw}.wb-pieza:nth-child(2) .wb-arcos{left:calc(-1 * (1.3 * var(--wb-u) + var(--wb-g)))}.wb-pieza:nth-child(3) .wb-arcos{left:calc(-1 * (2.45 * var(--wb-u) + 2 * var(--wb-g)))}}.wb-anillo{left:var(--cx);width:calc(2 * var(--r));aspect-ratio:1;box-shadow:inset 0 0 0 1px rgb(var(--wb-luz) / calc(var(--a,.3) * .6));border-radius:50%;position:absolute;top:50%;translate:-50% -50%}.wb-destello{left:var(--cx);width:calc(2 * var(--r));aspect-ratio:1;background:conic-gradient(from 0turn, transparent 0turn, rgb(var(--wb-luz) / .6) .09turn, transparent .2turn, transparent 1turn);border-radius:50%;position:absolute;top:50%;translate:-50% -50%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px) 100%);mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px) 100%)}.wb-halo{left:var(--cx);aspect-ratio:1;opacity:.8;background:radial-gradient(circle,#f2eee712 0%,#f2eee706 38%,#0000 66%);border-radius:50%;width:420px;position:absolute;top:50%;translate:-50% -50%}.wb-rotulo{z-index:3;color:var(--w-texto-3);background:#ffffff12;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:600;line-height:1.2;position:absolute;top:14px;left:14px;box-shadow:inset 0 0 0 1px #ffffff1a}.wb-tienda{color:#2b2b29;background:#f7f4ee;border-radius:14px 0 0;position:absolute;inset:54px -12% -40px 6%;box-shadow:0 30px 60px -20px #0009}@media (min-width:1024px){.wb-tienda{top:62px;left:9%}}.wb-tienda-cabeza{color:#2b2b29;border-bottom:1px solid #2b2b2914;grid-template-columns:1fr auto 1fr;align-items:center;height:38px;padding:0 calc(12% + 12px) 0 14px;display:grid}.wb-tienda-cabeza svg{width:15px;height:15px}.wb-tienda-marca{letter-spacing:.02em;font-family:Georgia,Times New Roman,serif;font-size:14px}.wb-tienda-iconos{justify-content:flex-end;gap:10px;display:flex}.wb-ficha{grid-template-columns:34% minmax(0,1fr);gap:14px;padding:16px 14% 0 14px;display:grid}@media (min-width:1024px){.wb-ficha{gap:18px;padding-right:13%}}.wb-foto{background:linear-gradient(#ece5d8 0%,#e2d9c8 100%);border-radius:10px;justify-content:center;align-items:flex-end;height:190px;display:flex;position:relative;overflow:hidden}@media (min-width:1024px){.wb-foto{height:230px}}.wb-foto svg{width:auto;height:88%}.wb-miga{color:#6e6c68;font-size:12px}.wb-nombre{margin-top:3px;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.2}.wb-precio{margin-top:3px;font-size:12px;font-weight:600}.wb-sel{border-radius:3px;margin-top:24px;padding:7px 8px;position:relative;box-shadow:0 0 0 1.5px #7c5cff}.wb-sel-etiqueta{color:#fff;background:#7c5cff;border-radius:4px 4px 0 0;align-items:center;gap:4px;padding:2px 6px;font-size:12px;font-weight:600;line-height:1.3;display:inline-flex;position:absolute;bottom:100%;left:-1.5px}.wb-sel-etiqueta svg{width:10px;height:10px}.wb-capas{display:grid}.wb-capas>*{grid-area:1/1}.wb-fantasma{visibility:hidden}.wb-descripcion{color:#3a3936;font-size:12px;line-height:1.5}@media (min-width:1024px){.wb-descripcion{font-size:12px}}.wb-cursor{vertical-align:-.15em;opacity:0;background:currentColor;width:1.5px;height:1.05em;margin-left:1px;display:inline-block}[data-fase=pide] .wb-prompt .wb-cursor,[data-fase=escribe] .wb-descripcion .wb-cursor{opacity:1}.wb-sel:after{content:"";border-radius:inherit;opacity:0;background:#7c5cff1f;position:absolute;inset:0}.wb-acciones{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.wb-boton{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;height:26px;padding:0 10px;font-size:12px;font-weight:650;display:inline-flex}.wb-boton-lima{background:var(--w-lima);color:var(--w-tinta)}.wb-boton-linea{color:#2b2b29;box-shadow:inset 0 0 0 1px #2b2b2940}.wb-boton svg{width:12px;height:12px}.wb-prompt{z-index:2;color:var(--w-texto);background:#1d1e20;border-radius:16px;align-items:center;gap:10px;padding:9px 9px 9px 12px;display:flex;position:absolute;bottom:16px;left:4%;right:6%;box-shadow:inset 0 0 0 1px #ffffff1f,0 18px 40px -12px #000000b3}@media (min-width:1024px){.wb-prompt{bottom:22px;left:5%;right:9%}}.wb-prompt-texto{flex:1;min-width:0;font-size:12px;line-height:1.4}@media (min-width:1024px){.wb-prompt-texto{font-size:14px}}.wb-enviar{background:var(--w-texto);color:#1d1e20;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.wb-enviar svg{width:15px;height:15px}.wb-orbita{--rx:min(140px, calc(50cqi - 68px));--ry:152px;position:absolute;inset:0}@media (min-width:1024px){.wb-orbita{--rx:min(138px, calc(50cqi - 68px));--ry:172px}}.wb-ruta{width:calc(2 * var(--rx));height:calc(2 * var(--ry));border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:inset 0 0 0 1px #ffffff0f}.wb-centro{position:absolute;inset:0}.wb-pildora{width:0;height:0;translate:calc(var(--rx) * var(--c)) calc(var(--ry) * var(--s));position:absolute;top:50%;left:50%}.wb-chip{color:var(--w-texto);white-space:nowrap;background:#0e100fd1;border-radius:999px;align-items:center;gap:6px;padding:6px 11px 6px 8px;font-size:12px;font-weight:550;line-height:1.2;display:inline-flex;position:absolute;top:0;left:0;translate:-50% -50%;box-shadow:inset 0 0 0 1px #fff3}.wb-chip svg{width:14px;height:14px;color:var(--w-texto-2,#cfcdc6)}.wb-fuentes{--r1:80px;--r2:150px;position:absolute;inset:0}@media (min-width:1024px){.wb-fuentes{--r1:70px;--r2:128px}}.wb-giro{width:calc(2 * var(--r));aspect-ratio:1;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:inset 0 0 0 1px #ffffff12}.wb-giro-1{--r:var(--r1)}.wb-giro-2{--r:var(--r2)}.wb-baldosa{left:calc(50% + 50% * var(--c));top:calc(50% + 50% * var(--s));position:absolute;translate:-50% -50%}.wb-baldosa>span{box-shadow:inset 0 -1px #00000014,0 10px 24px -8px #000000b3}.wb-nucleo{width:58px;height:58px;box-shadow:inset 0 0 0 1px rgb(var(--wb-luz) / .45), 0 0 40px 6px rgb(var(--wb-luz) / .08);background:#17191a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.wb-nucleo:before{content:"";box-shadow:inset 0 0 0 1px rgb(var(--wb-luz) / .35);opacity:0;border-radius:50%;position:absolute;inset:-10px}.wb-titulo{letter-spacing:-.015em;color:var(--w-texto);text-wrap:balance;margin-top:22px;font-size:clamp(19px,1.2vw + 12px,22px);font-weight:650;line-height:1.25}.wb-titulo>span{display:block}.wb-texto{max-width:46ch;color:var(--w-texto-3);margin-top:8px;font-size:16px;line-height:1.55}.wb-texto a{color:var(--w-texto-2);text-underline-offset:3px;-webkit-text-decoration:underline #ffffff59;text-decoration:underline #ffffff59;text-decoration-thickness:1px;transition:color .2s,text-decoration-color .2s}.wb-texto a:hover{color:var(--w-texto);text-decoration-color:currentColor}@keyframes wb-gira{to{rotate:360deg}}@keyframes wb-gira-atras{to{rotate:-360deg}}@keyframes wb-flota{0%,to{translate:0 -5px}50%{translate:0 5px}}@keyframes wb-respira{0%,to{opacity:.55}50%{opacity:.95}}@keyframes wb-latido{0%{opacity:.8;scale:1}to{opacity:0;scale:1.5}}@keyframes wb-piensa{0%,to{opacity:0}50%{opacity:1}}@keyframes wb-aparece{0%{opacity:0;translate:0 6px}}@keyframes wb-turno{0%,to{opacity:1;scale:1}8%,92%{opacity:.45;scale:.86}}@keyframes wb-elipse{0%{translate:calc(var(--rx) * 0) calc(var(--ry) * -1)}4.167%{translate:calc(var(--rx) * .2588) calc(var(--ry) * -.9659)}8.333%{translate:calc(var(--rx) * .5) calc(var(--ry) * -.866)}12.5%{translate:calc(var(--rx) * .7071) calc(var(--ry) * -.7071)}16.667%{translate:calc(var(--rx) * .866) calc(var(--ry) * -.5)}20.833%{translate:calc(var(--rx) * .9659) calc(var(--ry) * -.2588)}25%{translate:calc(var(--rx) * 1) calc(var(--ry) * 0)}29.167%{translate:calc(var(--rx) * .9659) calc(var(--ry) * .2588)}33.333%{translate:calc(var(--rx) * .866) calc(var(--ry) * .5)}37.5%{translate:calc(var(--rx) * .7071) calc(var(--ry) * .7071)}41.667%{translate:calc(var(--rx) * .5) calc(var(--ry) * .866)}45.833%{translate:calc(var(--rx) * .2588) calc(var(--ry) * .9659)}50%{translate:calc(var(--rx) * 0) calc(var(--ry) * 1)}54.167%{translate:calc(var(--rx) * -.2588) calc(var(--ry) * .9659)}58.333%{translate:calc(var(--rx) * -.5) calc(var(--ry) * .866)}62.5%{translate:calc(var(--rx) * -.7071) calc(var(--ry) * .7071)}66.667%{translate:calc(var(--rx) * -.866) calc(var(--ry) * .5)}70.833%{translate:calc(var(--rx) * -.9659) calc(var(--ry) * .2588)}75%{translate:calc(var(--rx) * -1) calc(var(--ry) * 0)}79.167%{translate:calc(var(--rx) * -.9659) calc(var(--ry) * -.2588)}83.333%{translate:calc(var(--rx) * -.866) calc(var(--ry) * -.5)}87.5%{translate:calc(var(--rx) * -.7071) calc(var(--ry) * -.7071)}91.667%{translate:calc(var(--rx) * -.5) calc(var(--ry) * -.866)}95.833%{translate:calc(var(--rx) * -.2588) calc(var(--ry) * -.9659)}to{translate:calc(var(--rx) * 0) calc(var(--ry) * -1)}}@media (prefers-reduced-motion:no-preference){.wb-destello{animation:28s linear infinite wb-gira}.wb-halo{animation:6s ease-in-out infinite wb-respira}.wb-centro{animation:6s ease-in-out infinite wb-flota}.wb-pildora{animation:96s linear infinite wb-elipse;animation-delay:calc(var(--i) * -12s)}.wb-pildora .wb-chip{animation:96s linear infinite wb-turno;animation-delay:calc(var(--i) * -12s)}.wb-giro-1{animation:70s linear infinite wb-gira-atras}.wb-giro-2{animation:100s linear infinite wb-gira}.wb-giro-1 .wb-baldosa>span{animation:70s linear infinite wb-gira}.wb-giro-2 .wb-baldosa>span{animation:100s linear infinite wb-gira-atras}.wb-nucleo:before{animation:wb-latido 3s var(--w-ease) infinite}[data-fase=envia] .wb-sel:after{animation:.9s ease-in-out infinite wb-piensa}[data-fase=envia] .wb-enviar{transition:scale .2s var(--w-ease);scale:.9}[data-fase=propone] .wb-acciones{animation:wb-aparece .5s var(--w-ease) both}}[data-fase=inicio] .wb-acciones,[data-fase=pide] .wb-acciones,[data-fase=envia] .wb-acciones,[data-fase=escribe] .wb-acciones{opacity:0}
