.rulito{--rl-verde:#bad739;--rl-amarillo:#efb600;--rl-rojo:#f05136;--rl-turquesa:#00b7bd;--rl-turquesa-osc:#008c91;--rl-gris:#666;--rl-ancho:96px;--rl-borde:16px;--rl-abajo:16px;--rl-x:0px;--rl-paso:.42s;--rl-ox:0px;--rl-oy:0px;--rl-rebote:cubic-bezier(.34,1.56,.64,1);--rl-suave:cubic-bezier(.45,0,.25,1);--rl-dir:1;position:fixed;left:var(--rl-borde);bottom:var(--rl-abajo);z-index:29;width:var(--rl-ancho);pointer-events:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;transition:opacity .3s ease,visibility .3s,transform .3s ease,bottom .25s ease}.rulito--der{left:auto;right:var(--rl-borde);--rl-dir:-1}.rulito--oculto{opacity:0;visibility:hidden;transform:translateY(24px)}.rulito *{box-sizing:border-box}.rulito__pj{all:unset;display:block;position:relative;width:var(--rl-ancho);cursor:pointer;pointer-events:auto;transform:translate(var(--rl-x));transition:transform var(--rl-viaje,1.2s) var(--rl-camino,linear);-webkit-tap-highlight-color:transparent}.rulito__pj:focus-visible{outline:3px solid var(--rl-turquesa);outline-offset:4px;border-radius:14px}.rulito__svg{display:block;width:100%;height:auto;overflow:visible}.rulito__svg *{transform-box:view-box}.rl-mira{transform-origin:60px 100px;transition:transform .18s ease}.rulito--mira-izq .rl-mira{transform:scaleX(-1)}.rl-todo{transform-origin:60px 132px}.rl-cuerpo{transform-origin:60px 88px;animation:rl-respira 2.6s ease-in-out infinite}.rl-espiral{transform-origin:60px 56px}.rl-cara{transform-origin:60px 54px;transform:translate(calc(var(--rl-ox) * .45),calc(var(--rl-oy) * .35));transition:transform .25s ease}.rl-brazo-i{transform-origin:29px 66px}.rl-antebrazo-i{transform-origin:21px 76px}.rl-brazo-d{transform-origin:91px 66px}.rl-antebrazo-d{transform-origin:99px 76px}.rl-piernas{transform-origin:60px 87px}.rl-pierna-i{transform-origin:53px 87px}.rl-canilla-i{transform-origin:51px 108px}.rl-pierna-d{transform-origin:67px 87px}.rl-canilla-d{transform-origin:69px 108px}.rl-sombra{transform-origin:60px 139px}.rl-brazo-i,.rl-antebrazo-i,.rl-brazo-d,.rl-antebrazo-d,.rl-pierna-i,.rl-canilla-i,.rl-pierna-d,.rl-canilla-d,.rl-piernas,.rl-todo{transition:transform .35s var(--rl-suave)}.rl-cuerpo,.rl-cara{transition:transform .3s var(--rl-suave)}@keyframes rl-respira{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-1.4px) scale(1.012,.988)}}.rl-ojos-a{transform-origin:60px 49px;transition:transform .08s ease}.rl-pupilas{transform:translate(var(--rl-ox),var(--rl-oy));transition:transform .2s ease}.rl-ojos-f,.rl-guino,.rl-boca-a,.rl-boca-o,.rl-lengua,.rl-pelota{opacity:0;transition:opacity .12s}.rl-boca-s{transition:opacity .12s}.rl-cejas{transform-origin:60px 40px;transition:transform .2s var(--rl-rebote)}.rl-mejillas{opacity:.35;transition:opacity .3s}.rulito--parpadea .rl-ojos-a{transform:scaleY(.1)}.rl-e-feliz .rl-ojos-a{opacity:0}.rl-e-feliz .rl-ojos-f{opacity:1}.rl-e-feliz .rl-mejillas{opacity:.75}.rl-e-guino .rl-ojo-d{opacity:0}.rl-e-guino .rl-guino{opacity:1}.rl-e-sorpresa .rl-ojos-a{transform:scale(1.18)}.rl-e-sorpresa .rl-cejas{transform:translateY(-3px)}.rl-e-sorpresa .rl-boca-s{opacity:0}.rl-e-sorpresa .rl-boca-o{opacity:1}.rl-e-piensa .rl-cara{--rl-ox:-1.6px;--rl-oy:-2.2px}.rl-e-piensa .rl-ceja-d{transform:translateY(-2.5px) rotate(-8deg);transform-origin:72px 39px}.rl-e-sueno .rl-ojos-a{opacity:0}.rl-e-sueno .rl-ojos-f{opacity:1}.rl-e-sueno .rl-boca-s{opacity:0}.rl-e-sueno .rl-boca-o{opacity:1;transform:scale(1.3);transform-origin:60px 61px}.rl-e-timido .rl-cara{--rl-ox:1.2px;--rl-oy:2px}.rl-e-timido .rl-mejillas{opacity:1}.rulito--habla .rl-boca-s{opacity:0}.rulito--habla .rl-boca-a{opacity:1;animation:rl-boca .22s ease-in-out infinite alternate;transform-origin:60px 58px}@keyframes rl-boca{0%{transform:scale(1)}to{transform:scale(.9,.4)}}.rulito--atento .rl-cejas{transform:translateY(-1.5px)}.rulito:not([class*=rulito--a-]):not(.rulito--sentado) .rl-pierna-d{animation:rl-pie 4.2s ease-in-out infinite}.rulito:not([class*=rulito--a-]):not(.rulito--sentado) .rl-canilla-d{animation:rl-pie-canilla 4.2s ease-in-out infinite}@keyframes rl-pie{0%,62%,to{transform:rotate(0)}70%{transform:rotate(-8deg)}78%{transform:rotate(0)}86%{transform:rotate(-6deg)}}@keyframes rl-pie-canilla{0%,62%,to{transform:rotate(0)}70%{transform:rotate(14deg)}78%{transform:rotate(0)}86%{transform:rotate(10deg)}}.rulito:not([class*=rulito--a-]):not(.rulito--habla) .rl-brazo-i{animation:rl-brazo-i-reposo 2.6s ease-in-out infinite}.rulito:not([class*=rulito--a-]):not(.rulito--habla) .rl-brazo-d{animation:rl-brazo-d-reposo 2.6s ease-in-out infinite}@keyframes rl-brazo-i-reposo{0%,to{transform:rotate(0)}50%{transform:rotate(-6deg)}}@keyframes rl-brazo-d-reposo{0%,to{transform:rotate(0)}50%{transform:rotate(6deg)}}.rulito--habla:not([class*=rulito--a-]) .rl-brazo-d{animation:rl-gesto-brazo 1.3s var(--rl-suave) infinite}.rulito--habla:not([class*=rulito--a-]) .rl-antebrazo-d{animation:rl-gesto-mano 1.3s var(--rl-suave) infinite}@keyframes rl-gesto-brazo{0%,to{transform:rotate(-20deg)}50%{transform:rotate(-45deg)}}@keyframes rl-gesto-mano{0%,to{transform:rotate(-30deg)}25%{transform:rotate(-70deg)}50%{transform:rotate(-40deg)}75%{transform:rotate(-80deg)}}.rulito--a-camina .rl-pierna-i,.rulito--a-corre .rl-pierna-i{animation:rl-muslo var(--rl-paso) ease-in-out infinite alternate}.rulito--a-camina .rl-pierna-d,.rulito--a-corre .rl-pierna-d{animation:rl-muslo var(--rl-paso) ease-in-out infinite alternate-reverse}.rulito--a-camina .rl-canilla-i,.rulito--a-corre .rl-canilla-i{animation:rl-rodilla var(--rl-paso) ease-in-out infinite alternate}.rulito--a-camina .rl-canilla-d,.rulito--a-corre .rl-canilla-d{animation:rl-rodilla var(--rl-paso) ease-in-out infinite alternate-reverse}.rulito--a-camina .rl-brazo-i,.rulito--a-corre .rl-brazo-i,.rulito--a-camina .rl-brazo-d,.rulito--a-corre .rl-brazo-d{animation:rl-balanceo var(--rl-paso) ease-in-out infinite alternate}.rulito--a-camina .rl-antebrazo-i{transform:rotate(-25deg)}.rulito--a-camina .rl-antebrazo-d{transform:rotate(25deg)}.rulito--a-camina .rl-cuerpo{animation:rl-trote var(--rl-paso) ease-in-out infinite alternate}.rulito--a-camina .rl-todo{transform:rotate(5deg)}@keyframes rl-muslo{0%{transform:rotate(-24deg)}to{transform:rotate(24deg)}}@keyframes rl-rodilla{0%{transform:rotate(0)}50%{transform:rotate(-30deg)}to{transform:rotate(0)}}@keyframes rl-balanceo{0%{transform:rotate(-28deg)}to{transform:rotate(28deg)}}@keyframes rl-trote{0%{transform:translateY(0) scale(1.03,.97)}50%{transform:translateY(-4px) scale(.98,1.03)}to{transform:translateY(0) scale(1.03,.97)}}.rulito--a-corre{--rl-paso:.2s}.rulito--a-corre .rl-todo{transform:rotate(11deg)}.rulito--a-corre .rl-antebrazo-i{transform:rotate(-75deg)}.rulito--a-corre .rl-antebrazo-d{transform:rotate(75deg)}.rulito--a-corre .rl-cuerpo{animation:rl-trote-corre var(--rl-paso) ease-in-out infinite alternate}@keyframes rl-trote-corre{0%{transform:translateY(0) scale(1.04,.96)}to{transform:translateY(-6px) scale(.97,1.04)}}.rulito--a-frena .rl-todo{animation:rl-frena .45s var(--rl-rebote)}@keyframes rl-frena{0%{transform:rotate(11deg)}45%{transform:rotate(-9deg) scale(1.03,.96)}to{transform:rotate(0)}}.rulito--a-saluda .rl-brazo-d{animation:rl-saluda-brazo 1.5s var(--rl-suave)}.rulito--a-saluda .rl-antebrazo-d{animation:rl-saluda-mano 1.5s ease-in-out}.rulito--a-saluda .rl-cuerpo{animation:rl-ladeo 1.5s var(--rl-suave)}@keyframes rl-saluda-brazo{0%{transform:rotate(0)}14%,86%{transform:rotate(-125deg)}to{transform:rotate(0)}}@keyframes rl-saluda-mano{0%,14%{transform:rotate(0)}24%{transform:rotate(-38deg)}36%{transform:rotate(22deg)}48%{transform:rotate(-38deg)}60%{transform:rotate(22deg)}72%{transform:rotate(-30deg)}86%,to{transform:rotate(0)}}@keyframes rl-ladeo{0%,to{transform:rotate(0)}20%,80%{transform:rotate(-5deg) translateY(-1px)}}.rulito--a-senala .rl-brazo-d{animation:rl-senala-brazo 1.7s var(--rl-rebote)}.rulito--a-senala .rl-antebrazo-d{animation:rl-senala-mano 1.7s var(--rl-rebote)}.rulito--a-senala .rl-brazo-i{animation:rl-senala-otro 1.7s var(--rl-suave)}.rulito--a-senala .rl-todo{animation:rl-senala-cuerpo 1.7s var(--rl-rebote)}@keyframes rl-senala-brazo{0%{transform:rotate(0)}18%,82%{transform:rotate(-102deg)}30%,50%,70%{transform:rotate(-96deg)}to{transform:rotate(0)}}@keyframes rl-senala-mano{0%{transform:rotate(0)}18%,82%{transform:rotate(-14deg)}to{transform:rotate(0)}}@keyframes rl-senala-otro{0%,to{transform:rotate(0)}18%,82%{transform:rotate(-18deg)}}@keyframes rl-senala-cuerpo{0%,to{transform:rotate(0) translateY(0)}18%{transform:rotate(7deg) translateY(-6px)}30%,82%{transform:rotate(6deg) translateY(0)}}.rulito--a-brinca .rl-todo{animation:rl-salto .75s cubic-bezier(.3,.7,.4,1)}.rulito--a-brinca .rl-canilla-i,.rulito--a-celebra .rl-canilla-i{animation:rl-recoge-i .75s ease-in-out}.rulito--a-brinca .rl-canilla-d,.rulito--a-celebra .rl-canilla-d{animation:rl-recoge-d .75s ease-in-out}.rulito--a-brinca .rl-sombra,.rulito--a-celebra .rl-sombra{animation:rl-sombra .75s cubic-bezier(.3,.7,.4,1)}@keyframes rl-salto{0%,to{transform:translateY(0) scale(1)}18%{transform:translateY(3px) scale(1.1,.86)}48%{transform:translateY(-22px) scale(.95,1.07)}78%{transform:translateY(0) scale(1.08,.9)}90%{transform:translateY(-2px) scale(.98,1.02)}}@keyframes rl-recoge-i{0%,20%,80%,to{transform:rotate(0)}48%{transform:rotate(50deg)}}@keyframes rl-recoge-d{0%,20%,80%,to{transform:rotate(0)}48%{transform:rotate(-50deg)}}@keyframes rl-sombra{0%,to{transform:scale(1);opacity:.1}48%{transform:scale(.55);opacity:.05}}.rulito--a-celebra .rl-todo{animation:rl-salto .75s cubic-bezier(.3,.7,.4,1) 2}.rulito--a-celebra .rl-canilla-i,.rulito--a-celebra .rl-canilla-d,.rulito--a-celebra .rl-sombra{animation-iteration-count:2}.rulito--a-celebra .rl-brazo-i{animation:rl-arriba-i 1.5s var(--rl-rebote)}.rulito--a-celebra .rl-brazo-d{animation:rl-arriba-d 1.5s var(--rl-rebote)}.rulito--a-celebra .rl-antebrazo-i{animation:rl-agita-i .25s ease-in-out 6 alternate}.rulito--a-celebra .rl-antebrazo-d{animation:rl-agita-d .25s ease-in-out 6 alternate}@keyframes rl-arriba-i{0%,to{transform:rotate(0)}15%,85%{transform:rotate(150deg)}}@keyframes rl-arriba-d{0%,to{transform:rotate(0)}15%,85%{transform:rotate(-150deg)}}@keyframes rl-agita-i{0%{transform:rotate(-15deg)}to{transform:rotate(20deg)}}@keyframes rl-agita-d{0%{transform:rotate(15deg)}to{transform:rotate(-20deg)}}.rulito--a-baila .rl-cuerpo{animation:rl-meneo .6s ease-in-out 4 alternate}.rulito--a-baila .rl-todo{animation:rl-meneo-todo .6s ease-in-out 4 alternate}.rulito--a-baila .rl-brazo-i{animation:rl-baila-i 1.2s ease-in-out 2}.rulito--a-baila .rl-brazo-d{animation:rl-baila-d 1.2s ease-in-out 2}.rulito--a-baila .rl-antebrazo-i{transform:rotate(60deg)}.rulito--a-baila .rl-antebrazo-d{transform:rotate(-60deg)}.rulito--a-baila .rl-pierna-i{animation:rl-pasito .6s ease-in-out 4 alternate}.rulito--a-baila .rl-pierna-d{animation:rl-pasito .6s ease-in-out 4 alternate-reverse}@keyframes rl-meneo{0%{transform:rotate(-9deg) translate(-2px)}to{transform:rotate(9deg) translate(2px)}}@keyframes rl-meneo-todo{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes rl-baila-i{0%,to{transform:rotate(20deg)}50%{transform:rotate(130deg)}}@keyframes rl-baila-d{0%,to{transform:rotate(-130deg)}50%{transform:rotate(-20deg)}}@keyframes rl-pasito{0%{transform:rotate(-10deg)}to{transform:rotate(8deg)}}.rulito--a-gira .rl-espiral{animation:rl-gira .9s cubic-bezier(.5,-.3,.3,1.3)}.rulito--a-gira .rl-brazo-i{animation:rl-abre-i .9s ease-in-out}.rulito--a-gira .rl-brazo-d{animation:rl-abre-d .9s ease-in-out}@keyframes rl-gira{to{transform:rotate(360deg)}}@keyframes rl-abre-i{0%,to{transform:rotate(0)}50%{transform:rotate(55deg)}}@keyframes rl-abre-d{0%,to{transform:rotate(0)}50%{transform:rotate(-55deg)}}.rulito--a-rasca .rl-brazo-i{animation:rl-rasca-brazo 1.6s var(--rl-suave)}.rulito--a-rasca .rl-antebrazo-i{animation:rl-rasca-mano 1.6s ease-in-out}.rulito--a-rasca .rl-cuerpo{animation:rl-ladea 1.6s var(--rl-suave)}@keyframes rl-rasca-brazo{0%,to{transform:rotate(0)}18%,82%{transform:rotate(128deg)}}@keyframes rl-rasca-mano{0%,18%,82%,to{transform:rotate(0)}26%,42%,58%,74%{transform:rotate(40deg)}34%,50%,66%{transform:rotate(15deg)}}@keyframes rl-ladea{0%,to{transform:rotate(0)}18%,82%{transform:rotate(-7deg)}}.rulito--a-patea .rl-pierna-d{animation:rl-patada 1.1s var(--rl-rebote)}.rulito--a-patea .rl-canilla-d{animation:rl-patada-canilla 1.1s ease-in-out}.rulito--a-patea .rl-cuerpo{animation:rl-patada-cuerpo 1.1s ease-in-out}.rulito--a-patea .rl-brazo-i{animation:rl-equilibrio-i 1.1s ease-in-out}@keyframes rl-patada{0%,to{transform:rotate(0)}30%{transform:rotate(14deg)}48%{transform:rotate(-58deg)}70%{transform:rotate(-20deg)}}@keyframes rl-patada-canilla{0%,to{transform:rotate(0)}30%{transform:rotate(55deg)}48%{transform:rotate(-5deg)}70%{transform:rotate(10deg)}}@keyframes rl-patada-cuerpo{0%,to{transform:rotate(0)}48%{transform:rotate(-6deg)}}@keyframes rl-equilibrio-i{0%,to{transform:rotate(0)}48%{transform:rotate(50deg)}}.rulito--a-jarras .rl-brazo-i{animation:rl-jarras-i 2.2s var(--rl-rebote)}.rulito--a-jarras .rl-antebrazo-i{animation:rl-jarras-mi 2.2s var(--rl-rebote)}.rulito--a-jarras .rl-brazo-d{animation:rl-jarras-d 2.2s var(--rl-rebote)}.rulito--a-jarras .rl-antebrazo-d{animation:rl-jarras-md 2.2s var(--rl-rebote)}.rulito--a-jarras .rl-cuerpo{animation:rl-orgullo 2.2s var(--rl-suave)}@keyframes rl-jarras-i{0%,to{transform:rotate(0)}15%,85%{transform:rotate(30deg)}}@keyframes rl-jarras-mi{0%,to{transform:rotate(0)}15%,85%{transform:rotate(-96deg)}}@keyframes rl-jarras-d{0%,to{transform:rotate(0)}15%,85%{transform:rotate(-30deg)}}@keyframes rl-jarras-md{0%,to{transform:rotate(0)}15%,85%{transform:rotate(96deg)}}@keyframes rl-orgullo{0%,to{transform:translateY(0) scale(1)}15%,85%{transform:translateY(-2px) scale(1.03)}50%{transform:translateY(-2px) scale(1.03) rotate(-3deg)}}.rulito--a-estira .rl-brazo-i{animation:rl-estira-i 2s var(--rl-suave)}.rulito--a-estira .rl-brazo-d{animation:rl-estira-d 2s var(--rl-suave)}.rulito--a-estira .rl-cuerpo{animation:rl-estira-cuerpo 2s var(--rl-suave)}@keyframes rl-estira-i{0%,to{transform:rotate(0)}25%,75%{transform:rotate(165deg)}}@keyframes rl-estira-d{0%,to{transform:rotate(0)}25%,75%{transform:rotate(-165deg)}}@keyframes rl-estira-cuerpo{0%,to{transform:scale(1)}30%,70%{transform:scale(.96,1.07) translateY(-3px)}50%{transform:scale(.96,1.08) translateY(-3px) rotate(3deg)}}.rulito--a-timido .rl-brazo-i{transform:rotate(-22deg)}.rulito--a-timido .rl-antebrazo-i{transform:rotate(-30deg)}.rulito--a-timido .rl-brazo-d{transform:rotate(22deg)}.rulito--a-timido .rl-antebrazo-d{transform:rotate(30deg)}.rulito--a-timido .rl-todo{animation:rl-mece 1s ease-in-out 2 alternate}@keyframes rl-mece{0%{transform:rotate(-6deg) translateY(-1px)}to{transform:rotate(6deg) translateY(-1px)}}.rulito--a-mira .rl-pupilas{animation:rl-mira-ojos 2.2s ease-in-out}.rulito--a-mira .rl-cara{animation:rl-mira-cara 2.2s ease-in-out}.rulito--a-mira .rl-cuerpo{animation:rl-mira-cuerpo 2.2s ease-in-out}@keyframes rl-mira-ojos{0%,to{transform:translate(0)}20%,40%{transform:translate(-2.4px,-.5px)}55%,80%{transform:translate(2.4px,-.5px)}}@keyframes rl-mira-cara{0%,to{transform:translate(0)}20%,40%{transform:translate(-1.6px)}55%,80%{transform:translate(1.6px)}}@keyframes rl-mira-cuerpo{0%,to{transform:rotate(0)}20%,40%{transform:rotate(-4deg)}55%,80%{transform:rotate(4deg)}}.rulito--a-piensa .rl-brazo-d{transform:rotate(28deg)}.rulito--a-piensa .rl-antebrazo-d{transform:rotate(112deg)}.rulito--a-piensa .rl-cuerpo{transform:rotate(-4deg)}.rulito--a-equilibrio .rl-brazo-i{animation:rl-eq-i .9s ease-in-out}.rulito--a-equilibrio .rl-brazo-d{animation:rl-eq-d .9s ease-in-out}.rulito--a-equilibrio .rl-todo{animation:rl-tambalea .9s ease-in-out}@keyframes rl-eq-i{0%,to{transform:rotate(0)}20%,80%{transform:rotate(62deg)}}@keyframes rl-eq-d{0%,to{transform:rotate(0)}20%,80%{transform:rotate(-62deg)}}@keyframes rl-tambalea{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}50%{transform:rotate(7deg)}75%{transform:rotate(-4deg)}}.rulito--sentado .rl-cuerpo{transform:translateY(15px);animation:rl-respira-sentado 3.4s ease-in-out infinite}.rulito--sentado .rl-piernas{transform:translateY(15px)}.rulito--sentado .rl-pierna-i{transform:rotate(58deg)}.rulito--sentado .rl-pierna-d{transform:rotate(-58deg)}.rulito--sentado .rl-canilla-i{animation:rl-patalea-i 1.1s ease-in-out infinite alternate}.rulito--sentado .rl-canilla-d{animation:rl-patalea-d 1.1s ease-in-out infinite alternate-reverse}.rulito--sentado .rl-brazo-i{transform:rotate(-12deg)}.rulito--sentado .rl-brazo-d{transform:rotate(12deg)}.rulito--sentado .rl-sombra{transform:scaleX(1.15)}@keyframes rl-respira-sentado{0%,to{transform:translateY(15px)}50%{transform:translateY(14px) scale(1.01,.99)}}@keyframes rl-patalea-i{0%{transform:rotate(-58deg)}to{transform:rotate(-28deg)}}@keyframes rl-patalea-d{0%{transform:rotate(58deg)}to{transform:rotate(28deg)}}.rl-e-risa .rl-ojos-a{opacity:0}.rl-e-risa .rl-ojos-f{opacity:1}.rl-e-risa .rl-boca-s{opacity:0}.rl-e-risa .rl-boca-a,.rl-e-risa .rl-mejillas{opacity:1}.rl-e-travieso .rl-ojo-d{opacity:0}.rl-e-travieso .rl-guino,.rl-e-travieso .rl-lengua{opacity:1}.rl-e-travieso .rl-mejillas{opacity:.7}.rulito--a-cucu .rl-brazo-i{animation:rl-cucu-i 1.8s var(--rl-suave)}.rulito--a-cucu .rl-antebrazo-i{animation:rl-cucu-mi 1.8s var(--rl-suave)}.rulito--a-cucu .rl-brazo-d{animation:rl-cucu-d 1.8s var(--rl-suave)}.rulito--a-cucu .rl-antebrazo-d{animation:rl-cucu-md 1.8s var(--rl-suave)}.rulito--a-cucu .rl-todo{animation:rl-cucu-todo 1.8s var(--rl-suave)}@keyframes rl-cucu-i{0%{transform:rotate(0)}20%,56%{transform:rotate(180deg)}64%,86%{transform:rotate(122deg)}to{transform:rotate(0)}}@keyframes rl-cucu-mi{0%{transform:rotate(0)}20%,56%{transform:rotate(32deg)}64%,86%{transform:rotate(-12deg)}to{transform:rotate(0)}}@keyframes rl-cucu-d{0%{transform:rotate(0)}20%,56%{transform:rotate(-180deg)}64%,86%{transform:rotate(-122deg)}to{transform:rotate(0)}}@keyframes rl-cucu-md{0%{transform:rotate(0)}20%,56%{transform:rotate(-32deg)}64%,86%{transform:rotate(12deg)}to{transform:rotate(0)}}@keyframes rl-cucu-todo{0%,to{transform:none}20%,56%{transform:translateY(2px) scale(1.03,.96)}64%{transform:translateY(-11px) scale(.96,1.05)}74%{transform:translateY(1px) scale(1.04,.96)}82%{transform:none}}.rulito--a-tropieza .rl-todo{animation:rl-tropieza 2.2s var(--rl-suave)}.rulito--a-tropieza .rl-cuerpo,.rulito--a-tropieza .rl-piernas{animation:rl-cae 2.2s var(--rl-rebote)}.rulito--a-tropieza .rl-pierna-i{animation:rl-cae-pi 2.2s var(--rl-rebote)}.rulito--a-tropieza .rl-pierna-d{animation:rl-cae-pd 2.2s var(--rl-rebote)}.rulito--a-tropieza .rl-brazo-i{animation:rl-cae-bi 2.2s var(--rl-rebote)}.rulito--a-tropieza .rl-brazo-d{animation:rl-cae-bd 2.2s var(--rl-rebote)}.rulito--a-tropieza .rl-sombra{animation:rl-cae-sombra 2.2s ease}@keyframes rl-tropieza{0%{transform:rotate(10deg)}10%{transform:rotate(20deg) translateY(-3px)}20%,70%{transform:rotate(0)}40%{transform:rotate(-4deg)}50%{transform:rotate(3deg)}to{transform:none}}@keyframes rl-cae{0%,10%{transform:translateY(0)}20%{transform:translateY(18px) scale(1.07,.9)}28%,68%{transform:translateY(15px)}80%{transform:translateY(-5px) scale(.97,1.03)}90%,to{transform:translateY(0)}}@keyframes rl-cae-pi{0%,10%{transform:rotate(0)}22%,66%{transform:rotate(72deg)}38%{transform:rotate(60deg)}80%,to{transform:rotate(0)}}@keyframes rl-cae-pd{0%,10%{transform:rotate(0)}22%,66%{transform:rotate(-72deg)}46%{transform:rotate(-60deg)}80%,to{transform:rotate(0)}}@keyframes rl-cae-bi{0%{transform:rotate(0)}10%{transform:rotate(-40deg)}22%{transform:rotate(80deg)}34%,66%{transform:rotate(30deg)}80%{transform:rotate(-20deg)}to{transform:rotate(0)}}@keyframes rl-cae-bd{0%{transform:rotate(0)}10%{transform:rotate(40deg)}22%{transform:rotate(-80deg)}34%,66%{transform:rotate(-30deg)}80%{transform:rotate(20deg)}to{transform:rotate(0)}}@keyframes rl-cae-sombra{0%,10%,90%,to{transform:scale(1)}22%,68%{transform:scale(1.25,1.1)}}.rl-pelota{transform-origin:86px 124px}.rulito--a-pelota .rl-pelota{animation:rl-pelota 2.6s linear}.rulito--a-pelota .rl-pierna-d{animation:rl-pelota-muslo 2.6s ease-in-out}.rulito--a-pelota .rl-canilla-d{animation:rl-pelota-canilla 2.6s ease-in-out}.rulito--a-pelota .rl-brazo-i{animation:rl-pelota-bi 2.6s ease-in-out}.rulito--a-pelota .rl-brazo-d{animation:rl-pelota-bd 2.6s ease-in-out}.rulito--a-pelota .rl-pupilas{animation:rl-pelota-ojos 2.6s ease-in-out}.rulito--a-pelota .rl-cuerpo{animation:rl-pelota-cuerpo 2.6s ease-in-out}@keyframes rl-pelota{0%{opacity:0;transform:translate(0);animation-timing-function:ease-out}6%{opacity:1;transform:translate(0);animation-timing-function:ease-out}15%{opacity:1;transform:translate(1px,-56px);animation-timing-function:ease-in}26%{transform:translate(1px,-34px) rotate(90deg);animation-timing-function:ease-out}38%{transform:translate(1px,-58px) rotate(180deg);animation-timing-function:ease-in}50%{transform:translate(1px,-34px) rotate(270deg);animation-timing-function:ease-out}62%{transform:translate(1px,-60px) rotate(360deg);animation-timing-function:ease-in}74%{transform:translate(1px,-34px) rotate(450deg);animation-timing-function:ease-out}82%{opacity:1;transform:translate(3px,-4px) rotate(500deg)}88%{opacity:1;transform:translate(30px,-70px) rotate(620deg)}to{opacity:0;transform:translate(56px,-110px) rotate(720deg)}}@keyframes rl-pelota-muslo{0%,6%{transform:rotate(0)}10%{transform:rotate(-26deg)}18%{transform:rotate(-6deg)}26%{transform:rotate(-72deg)}34%,42%{transform:rotate(-8deg)}50%{transform:rotate(-72deg)}58%,66%{transform:rotate(-8deg)}74%{transform:rotate(-72deg)}80%{transform:rotate(10deg)}86%{transform:rotate(-70deg)}to{transform:rotate(0)}}@keyframes rl-pelota-canilla{0%,6%{transform:rotate(0)}10%{transform:rotate(10deg)}26%,50%,74%{transform:rotate(80deg)}34%,42%,58%,66%{transform:rotate(12deg)}80%{transform:rotate(40deg)}86%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes rl-pelota-bi{0%,to{transform:rotate(0)}12%,80%{transform:rotate(45deg)}86%{transform:rotate(130deg)}}@keyframes rl-pelota-bd{0%,to{transform:rotate(0)}12%,80%{transform:rotate(-28deg)}86%{transform:rotate(-130deg)}}@keyframes rl-pelota-ojos{0%,8%{transform:translate(1.5px,2.2px)}15%,38%,62%{transform:translate(1.8px,-.8px)}26%,50%,74%{transform:translate(2px,2px)}88%{transform:translate(2.4px,-2px)}to{transform:translate(0)}}@keyframes rl-pelota-cuerpo{0%,to{transform:rotate(0)}26%,50%,74%{transform:rotate(-4deg) translateY(-1px)}38%,62%{transform:rotate(-1deg)}86%{transform:rotate(-8deg) translateY(-3px)}}.rulito__mariposa{position:absolute;left:50%;top:0;font-size:17px;line-height:1;pointer-events:none;animation:rl-mariposa 3.2s ease-in-out forwards}.rulito__mariposa i{display:block;font-style:normal;animation:rl-aleteo .14s ease-in-out infinite alternate}@keyframes rl-aleteo{0%{transform:scaleX(1)}to{transform:scaleX(.45)}}@keyframes rl-mariposa{0%{transform:translate(calc(var(--rl-dir) * 80px),-6px) scale(.6);opacity:0}10%{opacity:1}26%{transform:translate(calc(var(--rl-dir) * 34px),-42px) rotate(-10deg)}42%{transform:translate(calc(var(--rl-dir) * -6px),-22px) rotate(12deg)}54%{transform:translate(calc(var(--rl-dir) * -14px),-6px) rotate(0)}64%{transform:translate(calc(var(--rl-dir) * -4px),-54px) rotate(-16deg)}82%{transform:translate(calc(var(--rl-dir) * 40px),-86px) rotate(8deg);opacity:1}to{transform:translate(calc(var(--rl-dir) * 90px),-130px);opacity:0}}.rulito--a-mariposa .rl-pupilas{animation:rl-mariposa-ojos 3.2s ease-in-out}.rulito--a-mariposa .rl-cara{animation:rl-mariposa-cara 3.2s ease-in-out}.rulito--a-mariposa .rl-todo{animation:rl-atrapa 3.2s ease-in-out}.rulito--a-mariposa .rl-brazo-i{animation:rl-atrapa-i 3.2s var(--rl-rebote)}.rulito--a-mariposa .rl-brazo-d{animation:rl-atrapa-d 3.2s var(--rl-rebote)}.rulito--a-mariposa .rl-sombra{animation:rl-atrapa-sombra 3.2s ease-in-out}@keyframes rl-mariposa-ojos{0%,10%{transform:translate(calc(var(--rl-dir) * 2.4px))}26%{transform:translate(calc(var(--rl-dir) * 1.8px),-2px)}42%,54%{transform:translateY(-1.5px)}64%{transform:translateY(-2.4px)}82%{transform:translate(calc(var(--rl-dir) * 2px),-2.4px)}to{transform:translate(0)}}@keyframes rl-mariposa-cara{0%,to{transform:none}26%,82%{transform:translateY(-1.2px)}}@keyframes rl-atrapa{0%,48%,to{transform:none}52%{transform:translateY(3px) scale(1.08,.9)}60%{transform:translateY(-20px) scale(.95,1.06)}68%{transform:translateY(0) scale(1.06,.92)}74%{transform:none}}@keyframes rl-atrapa-i{0%,46%,to{transform:rotate(0)}54%,66%{transform:rotate(155deg)}72%{transform:rotate(130deg)}84%{transform:rotate(20deg)}}@keyframes rl-atrapa-d{0%,46%,to{transform:rotate(0)}54%,66%{transform:rotate(-155deg)}72%{transform:rotate(-130deg)}84%{transform:rotate(-20deg)}}@keyframes rl-atrapa-sombra{0%,50%,70%,to{transform:scale(1);opacity:.1}60%{transform:scale(.55);opacity:.05}}.rulito.rulito--avion .rl-brazo-i{animation:none;transform:rotate(56deg)}.rulito.rulito--avion .rl-brazo-d{animation:none;transform:rotate(-56deg)}.rulito.rulito--avion .rl-antebrazo-i{transform:rotate(-12deg)}.rulito.rulito--avion .rl-antebrazo-d{transform:rotate(12deg)}.rulito.rulito--avion .rl-todo{animation:rl-avion .55s ease-in-out infinite alternate}@keyframes rl-avion{0%{transform:rotate(-2deg) translateY(-2px)}to{transform:rotate(16deg) translateY(-2px)}}.rulito--a-cosquillas .rl-todo{animation:rl-cosq .1s linear 12 alternate}.rulito--a-cosquillas .rl-brazo-i{animation:rl-cosq-bi .2s ease-in-out 6 alternate}.rulito--a-cosquillas .rl-brazo-d{animation:rl-cosq-bd .2s ease-in-out 6 alternate}.rulito--a-cosquillas .rl-pierna-i{transform:rotate(8deg)}.rulito--a-cosquillas .rl-pierna-d{transform:rotate(-8deg)}.rulito--a-cosquillas .rl-canilla-i{transform:rotate(-14deg)}.rulito--a-cosquillas .rl-canilla-d{transform:rotate(14deg)}@keyframes rl-cosq{0%{transform:rotate(-6deg) translateY(-1px)}to{transform:rotate(6deg) translateY(-4px)}}@keyframes rl-cosq-bi{0%{transform:rotate(15deg)}to{transform:rotate(85deg)}}@keyframes rl-cosq-bd{0%{transform:rotate(-15deg)}to{transform:rotate(-85deg)}}.rulito--a-travieso .rl-brazo-i{transform:rotate(-22deg)}.rulito--a-travieso .rl-antebrazo-i{transform:rotate(-30deg)}.rulito--a-travieso .rl-brazo-d{transform:rotate(22deg)}.rulito--a-travieso .rl-antebrazo-d{transform:rotate(30deg)}.rulito--a-travieso .rl-todo{animation:rl-mece .3s ease-in-out 6 alternate}.rulito--a-travieso .rl-pierna-d{animation:rl-taconea .3s ease-in-out 6 alternate}@keyframes rl-taconea{0%{transform:rotate(0)}to{transform:rotate(-14deg)}}.rulito--duerme .rl-ojos-a{opacity:0}.rulito--duerme .rl-ojos-f{opacity:1;transform:scaleY(-1);transform-origin:60px 47.5px}.rulito--duerme .rl-boca-s{opacity:0}.rulito--duerme .rl-boca-o{opacity:1;transform:scale(.7);transform-origin:60px 61px}.rulito--duerme .rl-cara{animation:rl-cabecea 3.4s ease-in-out infinite}.rulito--duerme .rl-canilla-i,.rulito--duerme .rl-canilla-d{animation-duration:3.4s}@keyframes rl-cabecea{0%,to{transform:translateY(0)}50%{transform:translateY(2px) rotate(5deg)}}.rulito__z{position:absolute;left:58%;top:12%;pointer-events:none;font-size:13px;font-weight:900;line-height:1;color:var(--rl-turquesa-osc);animation:rl-z 2.2s ease-out forwards}@keyframes rl-z{0%{transform:translate(0) scale(.5);opacity:0}20%{opacity:1}to{transform:translate(calc(var(--rl-dir) * 22px),-48px) scale(1.4) rotate(15deg);opacity:0}}.rulito__grito{position:absolute;left:50%;top:-4%;pointer-events:none;white-space:nowrap;font-size:15px;font-weight:900;line-height:1;letter-spacing:.01em;color:var(--rl-c,var(--rl-rojo));text-shadow:2px 0 #fff,-2px 0 #fff,0 2px #fff,0 -2px #fff,1.5px 1.5px #fff,-1.5px 1.5px #fff,1.5px -1.5px #fff,-1.5px -1.5px #fff,0 4px 8px rgba(0,0,0,.18);animation:rl-grito 1.25s var(--rl-rebote) forwards}@keyframes rl-grito{0%{transform:translate(-50%,8px) scale(.3) rotate(calc(var(--rl-dir) * -14deg));opacity:0}22%{transform:translate(-50%,-14px) scale(1.18) rotate(calc(var(--rl-dir) * -7deg));opacity:1}72%{transform:translate(-50%,-18px) scale(1) rotate(calc(var(--rl-dir) * -5deg));opacity:1}to{transform:translate(-50%,-30px) scale(.9) rotate(calc(var(--rl-dir) * -5deg));opacity:0}}@media(max-width:749px){.rulito__grito{font-size:13px}}.rulito__fx{position:absolute;left:50%;top:10%;pointer-events:none;font-size:16px;line-height:1;animation:rl-sube 1.4s ease-out forwards}@keyframes rl-sube{0%{transform:translate(-50%) scale(.4);opacity:0}20%{opacity:1}to{transform:translate(calc(-50% + var(--dx,0px)),-70px) scale(1.1);opacity:0}}.rulito__polvo{position:absolute;bottom:2px;width:10px;height:10px;border-radius:50%;background:#d9d4c7;pointer-events:none;animation:rl-polvo .6s ease-out forwards}@keyframes rl-polvo{0%{transform:translate(0) scale(.4);opacity:.8}to{transform:translate(var(--dx,-14px),-6px) scale(1.4);opacity:0}}.rulito__burbuja{position:absolute;left:calc(var(--rl-ancho) * .7 + var(--rl-x));bottom:calc(var(--rl-ancho) * 1.3);width:max-content;max-width:min(280px,calc(100vw - 2 * var(--rl-borde) - 24px));min-width:180px;padding:14px 16px;background:#fff;color:#3d3d3d;border:2px solid var(--rl-verde);border-radius:20px 20px 20px 6px;box-shadow:0 8px 24px #0000001f;pointer-events:auto;z-index:3;font-size:14.5px;line-height:1.4;letter-spacing:0;opacity:0;visibility:hidden;transform:translateY(10px) scale(.85) rotate(-2deg);transform-origin:0 100%;transition:opacity .2s ease,transform .32s var(--rl-rebote),visibility .2s,left var(--rl-viaje,1.2s) linear,right var(--rl-viaje,1.2s) linear}.rulito--der .rulito__burbuja{left:auto;right:calc(var(--rl-ancho) * .7 - var(--rl-x));border-radius:20px 20px 6px;transform-origin:100% 100%}.rulito--burbuja .rulito__burbuja{opacity:1;visibility:visible;transform:none}.rulito__burbuja:before,.rulito__burbuja:after{content:"";position:absolute;background:#fff;border:2px solid var(--rl-verde);border-radius:50%}.rulito__burbuja:before{width:12px;height:12px;left:-4px;bottom:-14px}.rulito__burbuja:after{width:7px;height:7px;left:-14px;bottom:-24px}.rulito--der .rulito__burbuja:before{left:auto;right:-4px}.rulito--der .rulito__burbuja:after{left:auto;right:-14px}.rulito__texto{margin:0;padding-right:16px;font-weight:500;min-height:1.4em}.rulito__lector{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.rulito__puntos{display:inline-flex;gap:4px;padding:6px 0}.rulito__puntos i{width:7px;height:7px;border-radius:50%;background:var(--rl-verde);animation:rl-punto .9s ease-in-out infinite}.rulito__puntos i:nth-child(2){animation-delay:.15s;background:var(--rl-amarillo)}.rulito__puntos i:nth-child(3){animation-delay:.3s;background:var(--rl-turquesa)}@keyframes rl-punto{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.rulito__nombre{display:block;margin-bottom:2px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--rl-turquesa-osc)}.rulito__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.rulito__chips:empty{display:none}.rulito__chips>*{animation:rl-chip .3s var(--rl-rebote) both}.rulito__chips>*:nth-child(2){animation-delay:.06s}.rulito__chips>*:nth-child(3){animation-delay:.12s}.rulito__chips>*:nth-child(4){animation-delay:.18s}.rulito__chips>*:nth-child(5){animation-delay:.24s}@keyframes rl-chip{0%{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:none}}.rulito__chip{all:unset;display:inline-flex;align-items:center;gap:4px;padding:7px 12px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600;line-height:1.2;color:var(--rl-turquesa-osc);background:#e6f7f7;border:1.5px solid #bfe9ea;transition:background .15s,transform .15s}.rulito__chip:hover{background:#d3f1f2;transform:translateY(-1px)}.rulito__chip:focus-visible{outline:2px solid var(--rl-turquesa);outline-offset:2px}.rulito__chip--wa{color:#1b7f43;background:#e8f7ee;border-color:#c3ebd2}.rulito__ocultar{all:unset;display:block;margin-top:10px;font-size:12px;color:#8a8a8a;text-decoration:underline;cursor:pointer}.rulito__ocultar:focus-visible{outline:2px solid var(--rl-turquesa);outline-offset:2px}.rulito__cerrar{all:unset;position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;cursor:pointer;display:grid;place-items:center;color:#999;font-size:18px;line-height:1}.rulito__cerrar:hover{background:#f2f2f2;color:#555}.rulito__cerrar:focus-visible{outline:2px solid var(--rl-turquesa)}.rulito__min{all:unset;position:absolute;top:2px;left:calc(var(--rl-ancho) - 14px + var(--rl-x));width:22px;height:22px;border-radius:50%;display:grid;place-items:center;cursor:pointer;pointer-events:auto;background:#fff;color:var(--rl-gris);border:1.5px solid #ddd;font-size:15px;font-weight:700;line-height:1;box-shadow:0 2px 6px #0000001a;opacity:0;z-index:2;transition:opacity .2s,left var(--rl-viaje,1.2s) linear,right var(--rl-viaje,1.2s) linear}.rulito--der .rulito__min{left:auto;right:calc(var(--rl-ancho) - 14px - var(--rl-x))}.rulito:hover .rulito__min,.rulito__min:focus-visible,.rulito--burbuja .rulito__min{opacity:1}@media(hover:none){.rulito__min{opacity:.85}}.rulito__min:focus-visible{outline:2px solid var(--rl-turquesa)}.rulito--min .rulito__pj{transform:translateY(64%) rotate(8deg);transition:transform .45s var(--rl-rebote)}.rulito--der.rulito--min .rulito__pj{transform:translateY(64%) rotate(-8deg)}.rulito--min{bottom:0!important}.rulito--min .rulito__min,.rulito--min .rulito__burbuja{display:none}.rulito--entrando .rulito__pj{transform:translate(calc(-1 * (var(--rl-ancho) + var(--rl-borde) + 10px)));transition:none}.rulito--der.rulito--entrando .rulito__pj{transform:translate(calc(var(--rl-ancho) + var(--rl-borde) + 10px))}@media(max-width:749px){.rulito{--rl-ancho:64px;--rl-borde:10px}.rulito__burbuja{font-size:14px;padding:12px 14px;max-width:min(280px,78vw);bottom:calc(var(--rl-ancho) * 1.36)}.rulito__chip{padding:7px 11px;font-size:12.5px}}@media(prefers-reduced-motion:reduce){.rulito *,.rulito *:before,.rulito *:after{animation:none!important;transition-duration:.01ms!important}.rulito:not(.rulito--min) .rulito__pj{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/rulito.css.map */