/* Gira: animações. A coroa gira sempre; cada expressão tem um gesto. */
.gira{display:block;position:relative}
.gira-svg{display:block;width:100%;height:100%;overflow:visible}
.gira .gear{transform-box:view-box;transform-origin:70px 70px;animation:gSpin 9s linear infinite}
.gira .body{transform-box:view-box;transform-origin:70px 140px;animation:gBob 2.8s ease-in-out infinite}
.gira .pop{transform-box:view-box;transform-origin:70px 140px;animation:gPop .55s cubic-bezier(.2,1.6,.4,1)}
.gira .eyes{transform-box:fill-box;transform-origin:center;animation:gBlink 4.4s infinite}
.gira .shadow{transform-box:view-box;transform-origin:70px 143px;animation:gShadow 2.8s ease-in-out infinite}
.gira .arm-r,.gira .arm-l{transform-box:view-box}
.gira .arm-r{transform-origin:108px 90px}.gira .arm-l{transform-origin:32px 90px}
@keyframes gSpin{to{transform:rotate(360deg)}}
@keyframes gBob{50%{transform:translateY(-5px)}}
@keyframes gShadow{50%{transform:scaleX(.82);opacity:.6}}
@keyframes gPop{0%{transform:scale(.55) translateY(18px)}100%{transform:none}}
@keyframes gBlink{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(.08)}}
.gira.e-oi .arm-r{animation:gWave .55s ease-in-out 4 alternate}
@keyframes gWave{from{transform:rotate(-14deg)}to{transform:rotate(14deg)}}
.gira.e-aponta .arm-r{animation:gPoint 1.1s ease-in-out infinite}
@keyframes gPoint{50%{transform:translateX(5px)}}
.gira.e-pensa .gear{animation-duration:22s}
.gira.e-pensa .body{animation:gThink 3s ease-in-out infinite}
@keyframes gThink{50%{transform:rotate(-5deg) translateY(-2px)}}
.gira.e-pensa .dots circle{animation:gDot 1.2s infinite}
.gira.e-pensa .dots circle:nth-child(2){animation-delay:.2s}.gira.e-pensa .dots circle:nth-child(3){animation-delay:.4s}
@keyframes gDot{0%,100%{opacity:.15}50%{opacity:1}}
.gira.e-uau .body{animation:gJump .7s cubic-bezier(.3,1.6,.5,1) 2,gBob 2.8s ease-in-out 1.4s infinite}
@keyframes gJump{40%{transform:translateY(-14px) scale(1.05,.95)}}
.gira.e-grana .gear{animation-duration:1.4s}
.gira.e-grana .body{animation:gShake .45s ease-in-out 3,gBob 2.8s ease-in-out 1.4s infinite}
@keyframes gShake{25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}
.gira.e-grana .coins circle{transform-box:fill-box;transform-origin:center;animation:gCoin 1.2s ease-in-out infinite}
@keyframes gCoin{50%{transform:translateY(-6px)}}
.gira.e-festa .body{animation:gJump .7s cubic-bezier(.3,1.6,.5,1) infinite}
.gira.e-festa .gear{animation-duration:2s}
.gira.e-festa .conf rect{transform-box:fill-box;transform-origin:center;animation:gConf 1s ease-in-out infinite alternate}
@keyframes gConf{to{transform:translateY(-8px) rotate(90deg)}}
.gira.e-pisca .body{animation:gTilt 2.4s ease-in-out infinite}
@keyframes gTilt{50%{transform:rotate(4deg) translateY(-3px)}}
.gira.talk .mouth{transform-box:fill-box;transform-origin:center;animation:gTalk .18s ease-in-out infinite alternate}
@keyframes gTalk{to{transform:scaleY(.55)}}
@media (prefers-reduced-motion:reduce){.gira *{animation:none!important}}