/* cordeirinho vivo: efeitos usados enquanto a folha de animacao do tema nao existe, e o "solto" do arrasto */
#mascote .passeio .ov.v-pula { animation: v-pula .55s ease-in-out infinite; }
#mascote .passeio .ov.v-balanca { animation: v-balanca .9s ease-in-out infinite; }
#mascote .passeio .ov.v-respira { animation: v-respira 2.4s ease-in-out infinite; }
#mascote .passeio .ov.v-pensa { animation: v-pensa 1.6s ease-in-out infinite; }
#mascote .passeio .ov.v-susto { animation: v-susto .7s ease-out 1; }
#mascote .passeio .ov.v-danca { animation: v-danca .8s ease-in-out infinite; }
#mascote .passeio .ov.v-triste { animation: v-triste 2s ease-in-out infinite; filter:saturate(.55) drop-shadow(0 5px 8px rgba(0,0,0,.4)); }
#mascote .passeio .ov.v-tropeca { animation: v-tropeca 1.4s ease-out 1; }
#mascote .passeio .ov.v-pendura { animation: v-pendura 1s ease-in-out infinite; transform-origin:50% 0; }
#mascote .passeio .ov.v-ri { animation: v-ri .18s linear infinite; }
#mascote.v-solto { z-index:50; cursor:grabbing; pointer-events:auto; }
#mascote.v-solto .so { opacity:.12; transform:scale(.6); }
@keyframes v-pula { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-14px); } }
@keyframes v-balanca { 0%,100% { transform:rotate(-7deg); } 50% { transform:rotate(7deg); } }
@keyframes v-respira { 0%,100% { transform:scaleY(1); } 50% { transform:scaleY(.95) translateY(1px); } }
@keyframes v-pensa { 0%,100% { transform:rotate(-4deg) translateY(0); } 50% { transform:rotate(3deg) translateY(-4px); } }
@keyframes v-susto { 0% { transform:translateY(0) scale(1); } 30% { transform:translateY(-26px) scale(1.12); } 55% { transform:translateY(0) rotate(-8deg); } 70% { transform:rotate(8deg); } 100% { transform:rotate(0); } }
@keyframes v-danca { 0%,100% { transform:translateX(0) rotate(0); } 25% { transform:translateX(-8px) rotate(-12deg) translateY(-6px); } 50% { transform:translateX(0) rotate(0); } 75% { transform:translateX(8px) rotate(12deg) translateY(-6px); } }
@keyframes v-triste { 0%,100% { transform:rotate(6deg) translateY(4px); } 50% { transform:rotate(4deg) translateY(6px); } }
@keyframes v-tropeca { 0% { transform:rotate(0); } 35% { transform:rotate(-75deg) translateY(10px); } 70% { transform:rotate(-75deg) translateY(10px); } 85% { transform:rotate(10deg) translateY(-8px); } 100% { transform:rotate(0); } }
@keyframes v-pendura { 0%,100% { transform:rotate(-12deg); } 50% { transform:rotate(12deg); } }
@keyframes v-ri { 0%,100% { transform:translateX(0) rotate(0); } 25% { transform:translateX(-2px) rotate(-3deg); } 75% { transform:translateX(2px) rotate(3deg); } }
@media (prefers-reduced-motion: reduce) { #mascote .passeio .ov[class*="v-"] { animation:none; } }
