/* Mascote animado da Dona Comanda: só CSS (transform/opacity), sem JS. Estados: acenando, comemorando, cozinhando, pronto, carregando. */
.dc-m{position:relative;display:inline-block;width:var(--s,96px);height:var(--s,96px)}
.dc-m img{width:100%;height:100%;border-radius:50%;display:block;transform-origin:50% 90%}
.dc-m::before,.dc-m::after{content:"";position:absolute;pointer-events:none}
.dc-m--acenando img{animation:dc-aceno 2.4s ease-in-out infinite}
.dc-m--acenando::after{content:"👋";font-size:calc(var(--s,96px)*.32);right:-6%;top:4%;transform-origin:70% 80%;animation:dc-mao 1.2s ease-in-out infinite}
.dc-m--comemorando img{animation:dc-pulo .9s cubic-bezier(.3,1.6,.5,1) infinite}
.dc-m--comemorando::before{inset:-20%;background:
 radial-gradient(circle,#e4572e 0 3px,transparent 4px) 10% 20%/30% 30% no-repeat,
 radial-gradient(circle,#f2b705 0 3px,transparent 4px) 85% 15%/30% 30% no-repeat,
 radial-gradient(circle,#2f9e62 0 3px,transparent 4px) 15% 85%/30% 30% no-repeat,
 radial-gradient(circle,#c2461f 0 3px,transparent 4px) 90% 80%/30% 30% no-repeat;animation:dc-confete 1.2s ease-out infinite}
.dc-m--cozinhando img{animation:dc-mexe 1.6s ease-in-out infinite}
.dc-m--cozinhando::before,.dc-m--cozinhando::after{width:18%;height:18%;border-radius:50%;background:rgba(122,99,82,.35);left:40%;top:-6%;animation:dc-vapor 1.8s ease-out infinite}
.dc-m--cozinhando::after{left:58%;animation-delay:.9s}
.dc-m--pronto img{animation:dc-pop .6s cubic-bezier(.3,1.8,.5,1) both}
.dc-m--pronto::after{content:"👍";font-size:calc(var(--s,96px)*.34);right:-8%;bottom:-4%;animation:dc-pop .6s .25s cubic-bezier(.3,1.8,.5,1) both}
.dc-m--carregando::before{inset:-8%;border-radius:50%;border:3px solid #f1e2d0;border-top-color:#c2461f;animation:dc-gira .9s linear infinite}
.dc-m--carregando img{animation:dc-respira 1.8s ease-in-out infinite}
@keyframes dc-aceno{0%,100%{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}
@keyframes dc-mao{0%,100%{transform:rotate(0)}50%{transform:rotate(22deg)}}
@keyframes dc-pulo{0%,100%{transform:translateY(0) scale(1)}40%{transform:translateY(-14%) scale(1.04)}}
@keyframes dc-confete{0%{opacity:0;transform:scale(.6)}30%{opacity:1}100%{opacity:0;transform:scale(1.25) rotate(25deg)}}
@keyframes dc-mexe{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg) translateY(-2%)}}
@keyframes dc-vapor{0%{opacity:0;transform:translateY(0) scale(.5)}30%{opacity:1}100%{opacity:0;transform:translateY(-160%) scale(1.3)}}
@keyframes dc-pop{0%{transform:scale(.4);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes dc-gira{to{transform:rotate(360deg)}}
@keyframes dc-respira{0%,100%{transform:scale(.94)}50%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.dc-m img,.dc-m::before,.dc-m::after{animation:none!important}.dc-m--carregando::before{animation:dc-gira 2.5s linear infinite!important}}