.molino,.pala,.selladora,.costura{display:none}.bolsa-grande .chorro{position:absolute;inset:0;z-index:2;pointer-events:none}.chorro>span{position:absolute;top:0;left:0;border-radius:50%;will-change:transform}.molido-cae{width:3.5px;height:3.5px;margin:-1.75px 0 0 -1.75px;background:var(--tono,#8b5a2b)}.molido-cae.claro{background:color-mix(in srgb,var(--tono,#8b5a2b) 65%,#fdfaf5)}.molido-cae.oscuro{background:color-mix(in srgb,var(--tono,#8b5a2b) 55%,black)}.molido-cae.canela{background:#b4693a}.molido-cae.chocolate{background:#3b1f14}.grano-cae{width:8px;height:10.5px;margin:-5.25px 0 0 -4px;background:var(--tono,#8b5a2b);box-shadow:inset -1px -1.5px rgb(0 0 0/.28)}.grano-cae::after{content:"";position:absolute;top:1.5px;bottom:1.5px;left:3.5px;width:1px;border-radius:1px;background:color-mix(in srgb,var(--tono,#8b5a2b) 35%,black)}.animando.sellando .molino,.animando.sellando .pala,.animando.ampliada .molino,.animando.ampliada .pala{display:none}.animando .recipiente-acompana{animation:recipiente-llega .45s cubic-bezier(.2,.8,.2,1)both}.animando.saliendo .recipiente-acompana{animation:recipiente-se-va .35s ease-in both}.ampliada .recipiente-acompana{display:none}@keyframes recipiente-llega{from{opacity:0;transform:translateX(-18%)}to{opacity:.9}}@keyframes recipiente-se-va{from{opacity:.9}to{opacity:0;transform:translateX(-18%)}}.animando .bolsa-final{opacity:0}.animando .molino{position:absolute;z-index:-1;top:calc(var(--boca-arriba,4.5%) - 12%);left:var(--boca-centro,50%);display:block;width:66%;height:auto;overflow:visible;translate:-64.1% -64.3%;filter:drop-shadow(0 10px 14px rgb(0 0 0/.45));animation:molino-llega .35s cubic-bezier(.2,.8,.2,1)both}.animando.saliendo .molino{animation:molino-se-va .35s ease-in forwards}@keyframes molino-llega{from{opacity:0;transform:translateY(-14%)}}@keyframes molino-se-va{to{opacity:0;transform:translateX(-34%)}}.moliendo .molino-motor{animation:vibrar 70ms steps(2,jump-none)infinite}@keyframes vibrar{from{transform:translate(3px,-2px)}to{transform:translate(-3px,2px)}}.molino .tolva-vacia{transform-box:fill-box;transform-origin:50% 0;transform:scaleY(0)}.moliendo .molino .tolva-vacia{animation:tolva-se-vacia var(--llenado,4s)cubic-bezier(.4,0,.9,.7)forwards}@keyframes tolva-se-vacia{to{transform:none}}.molino .tolva-vidrio{fill:rgb(228 223 225/.71)}.pala .grano-tolva{fill:var(--tono,#8b5a2b);stroke:color-mix(in srgb,var(--tono,#8b5a2b) 55%,black);stroke-width:.6}.molino-foco{fill:transparent;stroke:transparent;stroke-width:12;transition:fill .2s,stroke .2s}.moliendo .molino-foco{fill:#9be08f;stroke:rgb(155 224 143/.4)}.molino-boca,.pala-boca{fill:none}.animando[data-llenado=grano] .bolsa-cuerpo{transform:scale(.86);transition:transform .3s ease-out}.bolsa-grande.ampliada{place-items:end center;padding-right:0}.bolsa-grande.ampliada .bolsa-cuerpo{width:80%;transform:none;transition:none}.bolsa-grande.ampliada .bolsa-cuerpo.con-imagen-propia{width:92%}.animando .pala{position:absolute;z-index:5;top:4%;left:2%;display:block;width:56%;height:auto;overflow:visible;filter:drop-shadow(0 8px 10px rgb(0 0 0/.4));animation:pala-llega .35s cubic-bezier(.2,.8,.2,1)both}.animando.saliendo .pala{animation:pala-se-va .35s ease-in forwards}@keyframes pala-llega{from{opacity:0;transform:translate(-12%,-18%)rotate(-8deg)}}@keyframes pala-se-va{to{opacity:0;transform:translate(-16%,-22%)rotate(-10deg)}}.pala-mano{transform-origin:14px 21px;transform:rotate(-6deg)}.vertiendo .pala-mano{animation:pala-inclina var(--llenado,2.4s)cubic-bezier(.3,0,.6,1)forwards}@keyframes pala-inclina{to{transform:rotate(12deg)}}.vertiendo .pala-granos{transform-box:fill-box;transform-origin:100% 100%;animation:pala-vacia var(--llenado,2.4s)ease-in forwards}@keyframes pala-vacia{to{opacity:0;transform:translate(6px,4px)scale(.25)}}.pala-dentro{fill:#4d565b}.pala-filo{fill:none;stroke:#f6f7f8;stroke-width:1.2;stroke-linecap:round}.pala-borde{fill:none;stroke:#c9cfd2;stroke-width:.8;stroke-linecap:round}.sellando .selladora{position:absolute;z-index:2;top:var(--boca-arriba,4.5%);right:var(--boca-der,9%);left:var(--boca-izq,9%);display:block;height:0}.mordaza{position:absolute;right:-4%;left:-4%;height:10px;border-radius:5px;background:linear-gradient(#61676a,#2e3234);box-shadow:0 3px 6px rgb(0 0 0/.45)}.mordaza::after{content:"";position:absolute;right:6%;left:6%;height:3px;border-radius:2px;background:#6b2a1f;animation:calentar 1s both}.mordaza-sup{bottom:1px;animation:mordaza-baja 1s both}.mordaza-sup::after{bottom:0}.mordaza-inf{top:1px;animation:mordaza-sube 1s both}.mordaza-inf::after{top:0}@keyframes mordaza-baja{0%{opacity:0;transform:translateY(-40px)}15%{opacity:1}25%,75%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-40px)}}@keyframes mordaza-sube{0%{opacity:0;transform:translateY(34px)}15%{opacity:1}25%,75%{opacity:1;transform:none}100%{opacity:0;transform:translateY(34px)}}@keyframes calentar{0%,28%{background:#6b2a1f;box-shadow:none}42%,64%{background:#ff8a3d;box-shadow:0 0 10px 2px rgb(255 138 61/.75)}80%,100%{background:#6b2a1f;box-shadow:none}}.vapor{position:absolute;bottom:10px;width:9px;height:9px;border-radius:50%;background:rgb(253 250 245/.6);filter:blur(2px);opacity:0;animation:vapor .6s .4s ease-out both}.vapor:nth-child(3){left:20%}.vapor:nth-child(4){left:48%;animation-delay:.46s}.vapor:nth-child(5){left:76%;animation-delay:.52s}@keyframes vapor{0%{opacity:0;transform:scale(.6)}30%{opacity:.9}100%{opacity:0;transform:translateY(-28px)scale(1.7)}}.costura{position:absolute;z-index:1;top:calc(var(--boca-arriba,4.5%) - 1.5%);right:calc(var(--boca-der,9%) + 4%);left:calc(var(--boca-izq,9%) + 4%);height:3.5%;border-radius:2px;background:repeating-linear-gradient(90deg,rgb(253 250 245/.4) 0 2px,transparent 2px 5px)}.sellando .costura{display:block;animation:costura-aparece 1s both}.listo .costura{display:block;animation:costura-se-va 1.6s .3s both}@keyframes costura-aparece{0%,68%{opacity:0}85%,100%{opacity:.85}}@keyframes costura-se-va{from{opacity:.85}to{opacity:0}}.listo .bolsa-cuerpo{animation:se-desvanece .6s ease-out forwards}.listo .bolsa-final{animation:aparece .7s .15s ease-out both}@keyframes se-desvanece{to{opacity:0}}@keyframes aparece{from{opacity:0;transform:scale(.98)}}