.cafezin{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;container-type:size}.cafezin[data-arrastando]{cursor:grabbing}.cafezin img,.cafezin svg{pointer-events:none}.cafezin-palco,.cafezin-corpo,.cafezin-balanco,.cafezin-olhar,.cafezin-gotas{position:absolute;inset:0}.cafezin-xicara,.cafezin-olhos,.cafezin-grao,.cafezin-feliz,.cafezin-vapor{width:100%;height:100%;position:absolute;inset:0}.cafezin-palco{--inclina:0deg;--escala:1;transform:rotate(var(--inclina)) scale(var(--escala));transform-origin:45% 22%;transition:transform .4s cubic-bezier(.3,1.5,.6,1)}@media (hover:hover){.cafezin:hover .cafezin-palco{--escala:1.07}}.cafezin:active .cafezin-palco{--escala:.95}.cafezin[data-arrastando] .cafezin-palco{--escala:1.08;transition-duration:.18s}.cafezin-corpo{transform-origin:41.5% 97%;animation:3.4s ease-in-out infinite alternate cafezin-respira}.cafezin-balanco{transform-origin:41.5% 97%;animation:6.2s ease-in-out infinite cafezin-balanca}.cafezin-xicara{filter:drop-shadow(0 2px 3px #3c1e0a38)}.cafezin-sombra{background:radial-gradient(closest-side,#46230f4d,#0000);border-radius:50%;width:72%;height:11%;transition:opacity .2s;animation:3.4s ease-in-out infinite alternate cafezin-sombra;position:absolute;top:89%;left:6%}.cafezin[data-arrastando] .cafezin-sombra{opacity:.35}@keyframes cafezin-respira{0%{transform:scale(1.014,.984)}to{transform:scale(.99,1.016)}}@keyframes cafezin-balanca{0%,to{transform:rotate(-2.4deg)}50%{transform:rotate(2.4deg)}}@keyframes cafezin-sombra{0%{transform:scaleX(1.03)}to{opacity:.8;transform:scaleX(.95)}}.cafezin-olhar{animation:9s ease-in-out infinite cafezin-olha}.cafezin-olhos{transform-origin:50% 69.4%;animation:5.6s infinite cafezin-pisca}@keyframes cafezin-olha{0%,30%,86%,to{transform:translate(0)}36%,52%{transform:translate(-1.6%)}60%,78%{transform:translate(1.4%)}}@keyframes cafezin-pisca{0%,44%,48%,89%,92.5%,96%,to{transform:scaleY(1)}46%,91%,94.5%{transform:scaleY(.08)}}.cafezin-feliz{opacity:0;overflow:visible}.cafezin-feliz path{fill:none;stroke:#f6f1e9;stroke-width:2.4px;stroke-linecap:round;filter:drop-shadow(0 0 1.2px #fff0dce6)}.cafezin-vapor{filter:blur(.4px);transition:opacity .15s;overflow:visible}.cafezin-vapor path{fill:none;stroke:#a98672;stroke-width:2.6px;stroke-linecap:round;opacity:0;transform-box:fill-box;transform-origin:50% 100%;animation:3.3s ease-out infinite cafezin-vapor}.cafezin-vapor path:nth-child(2){animation-duration:3.6s;animation-delay:-1.1s}.cafezin-vapor path:nth-child(3){animation-delay:-2.3s}@keyframes cafezin-vapor{0%{opacity:0;transform:translateY(6px)scale(.75,.6)}30%{opacity:.5}to{opacity:0;transform:translateY(-14px)scale(1.3,1.1)}}.cafezin-grao{transform-origin:42.8% 17%;animation:2.9s ease-in-out infinite alternate cafezin-grao}@keyframes cafezin-grao{0%{transform:translateY(0)rotate(-10deg)}to{transform:translateY(-6%)rotate(12deg)}}.cafezin[data-gracinha] .cafezin-corpo{transform-origin:25% 95%;animation:1.1s both cafezin-derrama-esquerda}.cafezin[data-gracinha][data-lado=direita] .cafezin-corpo{transform-origin:62% 95%;animation-name:cafezin-derrama-direita}.cafezin[data-gracinha] .cafezin-vapor{opacity:0}.cafezin[data-gracinha] .cafezin-olhar{animation:1.1s both cafezin-some}.cafezin[data-gracinha] .cafezin-feliz{animation:1.1s both cafezin-aparece}.cafezin[data-gracinha] .cafezin-grao{animation:1.1s both cafezin-grao-pula}@keyframes cafezin-derrama-esquerda{0%{transform:none}10%{animation-timing-function:cubic-bezier(.3,0,.2,1);transform:rotate(5deg)scale(1.06,.9)}34%{transform:rotate(-48deg)scale(.98,1.03)}48%{transform:rotate(-43deg)}64%{animation-timing-function:cubic-bezier(.3,0,.2,1);transform:rotate(-46deg)}80%{transform:rotate(9deg)scale(1.03,.96)}90%{transform:rotate(-3deg)}to{transform:none}}@keyframes cafezin-derrama-direita{0%{transform:none}10%{animation-timing-function:cubic-bezier(.3,0,.2,1);transform:rotate(-5deg)scale(1.06,.9)}34%{transform:rotate(48deg)scale(.98,1.03)}48%{transform:rotate(43deg)}64%{animation-timing-function:cubic-bezier(.3,0,.2,1);transform:rotate(46deg)}80%{transform:rotate(-9deg)scale(1.03,.96)}90%{transform:rotate(3deg)}to{transform:none}}@keyframes cafezin-some{0%,to{opacity:1}14%,86%{opacity:0}}@keyframes cafezin-aparece{0%,to{opacity:0}14%,86%{opacity:1}}@keyframes cafezin-grao-pula{0%{transform:rotate(-10deg)}12%{animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:translateY(3%)rotate(-10deg)scale(1.1,.85)}42%{animation-timing-function:cubic-bezier(.6,0,.8,.5);transform:translate(-4%,-30%)rotate(-200deg)}74%{transform:translateY(2%)rotate(-370deg)scale(1.1,.88)}86%{transform:translateY(-3%)rotate(-370deg)}to{transform:rotate(-370deg)}}.cafezin-gota,.cafezin-poca{opacity:0;position:absolute}.cafezin-gota{background:radial-gradient(circle at 35% 35%,#7a4429 0 18%,#2b140a 55%);border-radius:50%/60% 60% 40% 40%;width:8%;height:10%;top:66%;left:-32%}.cafezin[data-lado=direita] .cafezin-gota{top:60%;left:106%}.cafezin[data-gracinha] .cafezin-gota{animation:1.1s cubic-bezier(.45,0,.9,.6) both cafezin-gota-esquerda}.cafezin[data-gracinha][data-lado=direita] .cafezin-gota{animation-name:cafezin-gota-direita}.cafezin-gota:nth-child(3){width:6%;height:8%;animation-delay:70ms!important}.cafezin-gota:nth-child(4){width:7%;height:9%;animation-delay:.13s!important}.cafezin-gota:nth-child(5){width:5%;height:6%;animation-delay:.19s!important}@keyframes cafezin-gota-esquerda{0%,33%{opacity:0;transform:translate(2cqw,-2cqh)scale(.4)}38%{opacity:1;transform:translate(0)scale(1)}70%{opacity:1;transform:translate(-9cqw,30cqh)scale(.9,1.25)}76%,to{opacity:0;transform:translate(-10cqw,33cqh)scale(1.4,.3)}}@keyframes cafezin-gota-direita{0%,33%{opacity:0;transform:translate(-2cqw,-2cqh)scale(.4)}38%{opacity:1;transform:translate(0)scale(1)}70%{opacity:1;transform:translate(9cqw,34cqh)scale(.9,1.25)}76%,to{opacity:0;transform:translate(10cqw,37cqh)scale(1.4,.3)}}.cafezin-poca{background:radial-gradient(closest-side,#3a1c0e 55%,#3a1c0e00);border-radius:50%;width:26%;height:7%;top:94%;left:-54%}.cafezin[data-lado=direita] .cafezin-poca{left:107%}.cafezin[data-gracinha] .cafezin-poca{animation:1.1s ease-out both cafezin-poca}@keyframes cafezin-poca{0%,62%{opacity:0;transform:scale(.2,.4)}72%{opacity:.85;transform:scale(1)}90%{opacity:.7;transform:scaleX(1.08)}to{opacity:0;transform:scaleX(1.12)}}@media (prefers-reduced-motion:reduce){.cafezin-corpo{animation:3.4s ease-in-out infinite alternate cafezin-respira-calma!important}.cafezin-balanco,.cafezin-olhar,.cafezin-gota,.cafezin-poca{animation:none!important}.cafezin-olhos{animation:5.6s infinite cafezin-pisca!important}.cafezin-grao{animation:2.9s ease-in-out infinite alternate cafezin-grao-calmo!important}.cafezin-vapor path{animation:3.3s ease-out infinite cafezin-vapor!important}.cafezin-vapor path:nth-child(2){animation-duration:3.6s!important}.cafezin[data-gracinha] .cafezin-corpo{animation:.7s ease-in-out both cafezin-inclina-esquerda!important}.cafezin[data-gracinha][data-lado=direita] .cafezin-corpo{animation-name:cafezin-inclina-direita!important}.cafezin[data-gracinha] .cafezin-olhar{animation:.7s both cafezin-some!important}.cafezin[data-gracinha] .cafezin-feliz{animation:.7s both cafezin-aparece!important}.cafezin[data-gracinha] .cafezin-grao{animation:none!important}}@keyframes cafezin-respira-calma{0%{transform:scale(1.006,.994)}to{transform:scale(.996,1.006)}}@keyframes cafezin-grao-calmo{0%{transform:translateY(0)rotate(-6deg)}to{transform:translateY(-3%)rotate(-6deg)}}@keyframes cafezin-inclina-esquerda{0%,to{transform:none}45%,65%{transform:rotate(-14deg)}}@keyframes cafezin-inclina-direita{0%,to{transform:none}45%,65%{transform:rotate(14deg)}}.cafezin-balao{animation:.4s cubic-bezier(.3,1.5,.6,1) both cafezin-balao-entra}@keyframes cafezin-balao-entra{0%{opacity:0;transform:scale(.6)translateY(8px)}}@media (prefers-reduced-motion:reduce){.cafezin-balao{animation:none}}
