/* Animais animados (animais.js). Só transform e opacity. Prefixo an-. Movimento lento e macio.
   Parados fora da tela (.ativo some); .agito = movimento especial; "reduzir movimento" = parados. */
.animal { display: block; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.animal > svg { display: block; width: 100%; height: auto; overflow: visible; }
.an-svg .an-m { transform-box: fill-box; }
/* grupos que giram em volta de um ponto fixo do desenho (ombro, quadril, pescoço): origem em coordenadas do próprio desenho */
.an-svg :is(.an-lobo-rabo, .an-lobo-cabeca, .an-lobo-pata-f, .an-capi-cabeca, .an-onca-tudo, .an-onca-rabo, .an-onca-pata, .an-onca-cabeca,
  .an-borboleta-voo, .an-borboleta-asa, .an-tam-rabo, .an-tam-perna, .an-tam-cabeca, .an-tam-lingua, .an-tatu-andar, .an-tatu-perna,
  .an-tatu-bolinha, .an-tatu-giro, .an-tatu-sombra, .an-preg-braco, .an-preg-corpo, .an-preg-cabeca, .an-boto-salto, .an-boto-cauda,
  .an-cuca-tudo, .an-cuca-braco, .an-cuca-cabeca, .an-cuca-sombra) { transform-box: view-box; }
.animal:not(.ativo) .an-m { animation-play-state: paused !important; }
.an-piscar { transform-origin: 50% 50%; animation: an-piscar 6.4s infinite; }
@keyframes an-piscar { 0%, 94%, 100% { transform: scaleY(1); } 96% { transform: scaleY(.1); } }
@keyframes an-gira { to { transform: rotate(360deg); } }
@keyframes an-onda-dir { to { transform: translateX(60px); } }
@keyframes an-aro { 0% { transform: scale(.5); opacity: 0; } 18% { opacity: .9; } 100% { transform: scale(1.15); opacity: 0; } }
@keyframes an-orelha { 0%, 84%, 100% { transform: rotate(0); } 89% { transform: rotate(-9deg); } 94% { transform: rotate(3deg); } }

/* 1. lobo-guará: a bola sobe e desce devagar; a cabeça acompanha e empurra no contato */
.an-lobo-bola { transform-origin: 50% 100%; animation: an-lobo-sobe 1.9s infinite; }
@keyframes an-lobo-sobe {
  0% { transform: translateY(0) scale(1.04, .96); animation-timing-function: ease-out; }
  7% { transform: translateY(-5px) scale(1); animation-timing-function: cubic-bezier(.2, .6, .4, 1); }
  50% { transform: translateY(-48px) scale(1); animation-timing-function: cubic-bezier(.6, 0, .8, .4); }
  100% { transform: translateY(0) scale(1.04, .96); }
}
.an-lobo-gira { transform-origin: 50% 50%; animation: an-gira 1.9s linear infinite; }
.an-lobo-cabeca { transform-origin: -10px 6px; animation: an-lobo-cabeceia 1.9s infinite; }
@keyframes an-lobo-cabeceia {
  0% { transform: rotate(-4deg); animation-timing-function: ease-out; }
  28% { transform: rotate(2deg); }
  80% { transform: rotate(3deg); animation-timing-function: ease-in; }
  100% { transform: rotate(-4deg); }
}
.an-lobo-rabo { transform-origin: 57px 132px; animation: an-lobo-rabo 2.8s ease-in-out infinite alternate; }
@keyframes an-lobo-rabo { from { transform: rotate(-5deg); } to { transform: rotate(5deg); } }
.an-lobo-orelha { transform-origin: 50% 100%; animation: an-orelha 6s ease-in-out infinite; }
.an-lobo-orelha2 { animation-delay: .2s; }
.an-lobo-pata-f { transform-origin: 138px 152px; animation: an-lobo-equilibra 3.8s ease-in-out infinite; }
@keyframes an-lobo-equilibra { 0%, 40%, 100% { transform: rotate(0); } 60% { transform: rotate(-3deg); } }
.agito .an-lobo-bola { animation: an-lobo-alto 2.2s 1; }
@keyframes an-lobo-alto {
  0% { transform: translateY(0) scale(1.06, .94); animation-timing-function: ease-out; }
  7% { transform: translateY(-7px) scale(1); animation-timing-function: cubic-bezier(.15, .6, .35, 1); }
  50% { transform: translateY(-92px) scale(1); animation-timing-function: cubic-bezier(.6, 0, .8, .4); }
  100% { transform: translateY(0) scale(1.04, .96); }
}
.agito .an-lobo-gira { animation: an-gira 1.1s linear 2; }
.agito .an-lobo-cabeca { animation: an-lobo-cabeca-alto 2.2s 1; }
@keyframes an-lobo-cabeca-alto {
  0% { transform: rotate(-4deg); } 6% { transform: rotate(-10deg); animation-timing-function: ease-out; }
  30% { transform: rotate(3deg); } 84% { transform: rotate(3deg); animation-timing-function: ease-in; } 100% { transform: rotate(-4deg); }
}

/* 2. capivara: boia, mexe a orelha, pisca; a água corre devagar */
.an-capi-agua { animation: an-onda-dir 5s linear infinite; }
.an-capi-boia { animation: an-capi-boia 5s ease-in-out infinite; }
@keyframes an-capi-boia { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(1.6px); } }
.an-capi-cabeca { transform-origin: 130px 80px; animation: an-capi-cabeca 8s ease-in-out infinite; }
@keyframes an-capi-cabeca { 0%, 100% { transform: rotate(0); } 45% { transform: rotate(-2.4deg); } 65% { transform: rotate(.6deg); } }
.an-capi-orelha { transform-origin: 50% 100%; animation: an-orelha 7s ease-in-out infinite; }
.an-capi-aro { transform-origin: 50% 100%; opacity: 0; animation: an-aro 5s ease-out infinite; }
.an-capi-aro2 { animation-delay: 2.5s; }
.an-capi-gotas1, .an-capi-gotas2 { transform-origin: 50% 100%; opacity: 0; }
.agito .an-capi-corpo { animation: an-capi-mergulho 2.4s 1; }
@keyframes an-capi-mergulho {
  0% { transform: translateY(0); animation-timing-function: cubic-bezier(.5, 0, .8, .6); }
  30%, 50% { transform: translateY(64px); animation-timing-function: cubic-bezier(.2, .7, .4, 1); }
  84% { transform: translateY(-3px); } 100% { transform: translateY(0); }
}
.agito .an-capi-gotas1 { animation: an-capi-gotas1 2.4s ease-out 1; }
.agito .an-capi-gotas2 { animation: an-capi-gotas2 2.4s ease-out 1; }
@keyframes an-capi-gotas1 { 0%, 22% { opacity: 0; transform: translateY(5px) scale(.3); } 30% { opacity: 1; transform: translateY(-2px) scale(1); } 46%, 100% { opacity: 0; transform: translateY(-12px) scale(1.15); } }
@keyframes an-capi-gotas2 { 0%, 60% { opacity: 0; transform: translateY(5px) scale(.3); } 68% { opacity: 1; transform: translateY(-2px) scale(1); } 84%, 100% { opacity: 0; transform: translateY(-12px) scale(1.1); } }

/* 3. onça de tocaia: rabo balança, a pata sobe devagar atrás da borboleta, que se afasta */
.an-onca-tudo { transform-origin: 126px 150px; animation: an-onca-tocaia 6s ease-in-out infinite; }
@keyframes an-onca-tocaia { 0%, 100% { transform: translateX(0); } 30% { transform: translateX(-2px); } 48% { transform: translateX(1.5px) scaleY(.99); } }
.an-onca-rabo { transform-origin: 43px 81px; animation: an-onca-rabo 3s ease-in-out infinite alternate; }
@keyframes an-onca-rabo { from { transform: rotate(-6deg); } to { transform: rotate(6deg); } }
.an-onca-pata { transform-origin: 166px 100px; animation: an-onca-pata 6s ease-in-out infinite; }
@keyframes an-onca-pata {
  0%, 46% { transform: rotate(0); } 58% { transform: rotate(-48deg); } 64% { transform: rotate(-54deg); }
  78% { transform: rotate(-6deg); } 84%, 100% { transform: rotate(0); }
}
.an-onca-cabeca { transform-origin: 194px 100px; animation: an-onca-cabeca 6s ease-in-out infinite; }
@keyframes an-onca-cabeca { 0%, 40%, 100% { transform: rotate(0); } 56%, 68% { transform: rotate(-7deg); } 84% { transform: rotate(-2deg); } }
.an-borboleta-asa { transform-origin: 0 0; animation: an-asa .36s ease-in-out infinite alternate; }
@keyframes an-asa { from { transform: scaleX(1); } to { transform: scaleX(.3); } }
.an-borboleta-voo { transform-origin: 0 0; animation: an-borboleta 6s ease-in-out infinite; }
@keyframes an-borboleta {
  0%, 100% { transform: translate(0, 0) rotate(6deg); } 22% { transform: translate(-7px, 4px) rotate(-5deg); }
  44% { transform: translate(-3px, 8px) rotate(8deg); } 56% { transform: translate(-6px, 12px) rotate(2deg); }
  66% { transform: translate(6px, -22px) rotate(18deg); } 80% { transform: translate(8px, -8px) rotate(-6deg); } 92% { transform: translate(3px, -2px) rotate(4deg); }
}
.agito .an-onca-tudo { animation: an-onca-bote 1.8s 1; }
@keyframes an-onca-bote {
  0% { transform: translate(0, 0); } 20% { transform: translate(-5px, 0) scale(1.02, .96); animation-timing-function: cubic-bezier(.25, .7, .4, 1); }
  46% { transform: translate(20px, -18px) rotate(-4deg); animation-timing-function: ease-in; } 64% { transform: translate(26px, 0) scale(1.02, .97); }
  100% { transform: translate(0, 0); }
}
.agito .an-onca-pata { animation: an-onca-pata-bote 1.8s 1; }
@keyframes an-onca-pata-bote { 0%, 22% { transform: rotate(0); } 46% { transform: rotate(-58deg); } 70%, 100% { transform: rotate(0); } }
.agito .an-borboleta-voo { animation: an-borboleta-foge 1.8s ease-in-out 1; }
@keyframes an-borboleta-foge {
  0% { transform: translate(0, 0) rotate(6deg); } 40% { transform: translate(14px, -34px) rotate(24deg); }
  64% { transform: translate(-8px, -44px) rotate(-14deg); } 100% { transform: translate(0, 0) rotate(6deg); }
}

/* 4. tamanduá: anda no lugar, para, abaixa a cabeça e mostra a língua; rabo balança; formigas andam */
.an-tam-rabo { transform-origin: 68px 84px; animation: an-tam-rabo 5s ease-in-out infinite alternate; }
@keyframes an-tam-rabo { from { transform: rotate(-3deg); } to { transform: rotate(4deg); } }
.an-tam-p1 { transform-origin: 86px 102px; } .an-tam-p2 { transform-origin: 166px 102px; }
.an-tam-p3 { transform-origin: 100px 102px; } .an-tam-p4 { transform-origin: 178px 102px; }
.an-tam-p1, .an-tam-p4 { animation: an-tam-passo 8s ease-in-out infinite; }
.an-tam-p2, .an-tam-p3 { animation: an-tam-passo2 8s ease-in-out infinite; }
@keyframes an-tam-passo { 0%, 22% { transform: rotate(7deg); } 11%, 33% { transform: rotate(-7deg); } 42%, 100% { transform: rotate(0); } }
@keyframes an-tam-passo2 { 0%, 22% { transform: rotate(-7deg); } 11%, 33% { transform: rotate(7deg); } 42%, 100% { transform: rotate(0); } }
.an-tam-corpo { animation: an-tam-corpo 8s ease-in-out infinite; }
@keyframes an-tam-corpo { 0%, 11%, 22%, 33% { transform: translateY(0); } 5.5%, 16.5%, 27.5% { transform: translateY(-1.2px); } 42%, 100% { transform: translateY(0); } }
.an-tam-cabeca { transform-origin: 180px 72px; animation: an-tam-fareja 8s ease-in-out infinite; }
@keyframes an-tam-fareja { 0%, 42% { transform: rotate(0); } 52% { transform: rotate(6deg); } 58% { transform: rotate(4.6deg); } 64%, 86% { transform: rotate(6deg); } 94%, 100% { transform: rotate(0); } }
.an-tam-lingua { transform-origin: 254.5px 108px; transform: scale(0); animation: an-tam-lingua 8s ease-in-out infinite; }
@keyframes an-tam-lingua {
  0%, 62% { transform: scale(0); } 66% { transform: scale(1); } 70%, 72% { transform: scale(0); } 76% { transform: scale(1.05); }
  80%, 100% { transform: scale(0); }
}
.an-formiga { animation: an-formiga 3.4s linear infinite; }
.an-formiga2 { animation-delay: -1.1s; } .an-formiga3 { animation-delay: -2.3s; }
@keyframes an-formiga { 0% { transform: translate(2px, 1px); opacity: 0; } 10% { opacity: 1; } 100% { transform: translate(14px, 18px); opacity: 1; } }
.agito .an-tam-cabeca { animation: an-tam-fareja-agito 1.8s ease-in-out 1; }
@keyframes an-tam-fareja-agito { 0% { transform: rotate(0); } 18%, 84% { transform: rotate(6deg); } 100% { transform: rotate(0); } }
.agito .an-tam-lingua { animation: an-tam-lingua-agito .36s ease-in-out 5; }
@keyframes an-tam-lingua-agito { 0%, 100% { transform: scale(0); } 50% { transform: scale(1.05); } }

/* 5. tatu-bola: troca o tatu andando pela bola (opacity + scale), rola e volta */
.an-tatu-p1 { transform-origin: 46px 78px; } .an-tatu-p2 { transform-origin: 144px 78px; }
.an-tatu-p3 { transform-origin: 62px 78px; } .an-tatu-p4 { transform-origin: 130px 78px; }
.an-tatu-perna { animation: an-tatu-passo .7s ease-in-out infinite alternate; }
.an-tatu-p2, .an-tatu-p3 { animation-direction: alternate-reverse; }
@keyframes an-tatu-passo { from { transform: rotate(9deg); } to { transform: rotate(-9deg); } }
.an-tatu-corpo { animation: an-tatu-anda .35s ease-in-out infinite alternate; }
@keyframes an-tatu-anda { from { transform: translateY(0); } to { transform: translateY(-1px); } }
.an-tatu-andar { transform-origin: 96px 76px; animation: an-tatu-andar 11s ease-in-out infinite; }
@keyframes an-tatu-andar { 0%, 38%, 87%, 100% { opacity: 1; transform: scale(1); } 45%, 80% { opacity: 0; transform: scale(.6); } }
.an-tatu-bolinha { transform-origin: 0 0; opacity: 0; animation: an-tatu-bolinha 11s ease-in-out infinite; }
@keyframes an-tatu-bolinha { 0%, 38%, 87%, 100% { opacity: 0; transform: scale(.6); } 45%, 80% { opacity: 1; transform: scale(1); } }
.an-tatu-rolar { animation: an-tatu-rolar 11s ease-in-out infinite; }
@keyframes an-tatu-rolar { 0%, 46% { transform: translateX(0); } 58%, 63% { transform: translateX(40px); } 76%, 100% { transform: translateX(0); } }
.an-tatu-giro { transform-origin: 0 0; animation: an-tatu-giro 11s ease-in-out infinite; }
@keyframes an-tatu-giro { 0%, 46% { transform: rotate(0); } 58%, 63% { transform: rotate(88deg); } 76%, 100% { transform: rotate(0); } }
.an-tatu-sombra { transform-origin: 96px 98px; animation: an-tatu-sombra 11s ease-in-out infinite; }
@keyframes an-tatu-sombra { 0%, 38%, 87%, 100% { transform: translateX(0) scaleX(1); } 45%, 46% { transform: scaleX(.45); } 58%, 63% { transform: translateX(40px) scaleX(.45); } 76%, 80% { transform: scaleX(.45); } }
.agito .an-tatu-andar { animation: an-tatu-andar-agito 2.2s ease-in-out 1; }
@keyframes an-tatu-andar-agito { 0%, 100% { opacity: 1; transform: scale(1); } 14%, 86% { opacity: 0; transform: scale(.6); } }
.agito .an-tatu-bolinha { animation: an-tatu-bolinha-agito 2.2s ease-in-out 1; }
@keyframes an-tatu-bolinha-agito { 0%, 100% { opacity: 0; transform: scale(.6); } 14%, 86% { opacity: 1; transform: scale(1); } }
.agito .an-tatu-rolar { animation: an-tatu-rolar-agito 2.2s ease-in-out 1; }
@keyframes an-tatu-rolar-agito { 0%, 14% { transform: translateX(0); } 48% { transform: translateX(52px); } 84%, 100% { transform: translateX(0); } }
.agito .an-tatu-giro { animation: an-tatu-giro-agito 2.2s ease-in-out 1; }
@keyframes an-tatu-giro-agito { 0%, 14% { transform: rotate(0); } 48% { transform: rotate(115deg); } 84%, 100% { transform: rotate(0); } }
.agito .an-tatu-sombra { animation: an-tatu-sombra-agito 2.2s ease-in-out 1; }
@keyframes an-tatu-sombra-agito { 0%, 100% { transform: translateX(0) scaleX(1); } 14% { transform: scaleX(.45); } 48% { transform: translateX(52px) scaleX(.45); } 84% { transform: scaleX(.45); } }

/* 6. preguiça deitada no galho: respira, vira a cabeça e dá tchau, tudo devagar */
.an-preg-corpo { transform-origin: 104px 109px; animation: an-preg-respira 4.6s ease-in-out infinite; }
@keyframes an-preg-respira { 0%, 100% { transform: scaleY(1); } 50% { transform: scaleY(1.03); } }
.an-preg-braco { transform-origin: 148px 92px; animation: an-preg-tchau 10s ease-in-out infinite; }
@keyframes an-preg-tchau {
  0%, 30% { transform: rotate(0); } 42% { transform: rotate(-48deg); } 50% { transform: rotate(-34deg); } 58% { transform: rotate(-50deg); }
  66% { transform: rotate(-35deg); } 74% { transform: rotate(-46deg); } 88%, 100% { transform: rotate(0); }
}
.an-preg-cabeca { transform-origin: 144px 88px; animation: an-preg-cabeca 10s ease-in-out infinite; }
@keyframes an-preg-cabeca { 0%, 26%, 90%, 100% { transform: rotate(0); } 46%, 72% { transform: rotate(5deg); } }
.an-preg .an-piscar { animation: an-piscar-preg 7.5s infinite; }
@keyframes an-piscar-preg { 0%, 82%, 100% { transform: scaleY(1); } 86%, 93% { transform: scaleY(.1); } }
.agito .an-preg-braco { animation: an-preg-tchau-agito 2.6s ease-in-out 1; }
@keyframes an-preg-tchau-agito {
  0% { transform: rotate(0); } 24% { transform: rotate(-56deg); } 38% { transform: rotate(-36deg); } 52% { transform: rotate(-58deg); }
  66% { transform: rotate(-36deg); } 80% { transform: rotate(-52deg); } 100% { transform: rotate(0); }
}
.agito .an-preg-cabeca { animation: an-preg-cabeca-agito 2.6s ease-in-out 1; }
@keyframes an-preg-cabeca-agito { 0%, 100% { transform: rotate(0); } 30%, 72% { transform: rotate(7deg); } }

/* 7. boto: salta em arco e mergulha; respingos na saída e na entrada; parado (sem animação) fica no alto do salto */
.an-boto-agua { animation: an-onda-dir 4.4s linear infinite; }
.an-boto-salto { transform-origin: 0 0; transform: translate(124px, 38px); animation: an-boto-salto 6s linear infinite; }
@keyframes an-boto-salto {
  0% { transform: translate(44px, 172px) rotate(-50deg); animation-timing-function: cubic-bezier(.3, .5, .6, 1); }
  8% { transform: translate(58px, 118px) rotate(-45deg); }
  16% { transform: translate(80px, 72px) rotate(-31deg); }
  24% { transform: translate(103px, 46px) rotate(-15deg); }
  30% { transform: translate(124px, 38px) rotate(0deg); }
  36% { transform: translate(145px, 46px) rotate(15deg); }
  44% { transform: translate(168px, 72px) rotate(31deg); }
  52% { transform: translate(190px, 118px) rotate(45deg); }
  58%, 100% { transform: translate(204px, 172px) rotate(50deg); }
}
.an-boto-cauda { transform-origin: -34px 0; animation: an-boto-cauda .8s ease-in-out infinite alternate; }
@keyframes an-boto-cauda { from { transform: rotate(-9deg); } to { transform: rotate(9deg); } }
.an-boto-respingo1, .an-boto-respingo2 { transform-origin: 50% 100%; opacity: 0; }
.an-boto-respingo1 { animation: an-boto-respingo1 6s ease-out infinite; }
.an-boto-respingo2 { animation: an-boto-respingo2 6s ease-out infinite; }
@keyframes an-boto-respingo1 { 0%, 4% { opacity: 0; transform: translateY(5px) scale(.3); } 9% { opacity: 1; transform: translateY(-3px) scale(1); } 18%, 100% { opacity: 0; transform: translateY(-11px) scale(1.1); } }
@keyframes an-boto-respingo2 { 0%, 49% { opacity: 0; transform: translateY(5px) scale(.3); } 54% { opacity: 1; transform: translateY(-3px) scale(1.05); } 64%, 100% { opacity: 0; transform: translateY(-11px) scale(1.15); } }
.an-boto-aro { transform-origin: 50% 100%; opacity: 0; }
.an-boto-aro1 { animation: an-boto-aro1 6s ease-out infinite; }
.an-boto-aro2 { animation: an-boto-aro2 6s ease-out infinite; }
@keyframes an-boto-aro1 { 0%, 5% { opacity: 0; transform: scale(.4); } 9% { opacity: .9; } 30%, 100% { opacity: 0; transform: scale(1.3); } }
@keyframes an-boto-aro2 { 0%, 50% { opacity: 0; transform: scale(.4); } 54% { opacity: .9; } 75%, 100% { opacity: 0; transform: scale(1.3); } }
.agito .an-boto-salto { animation: an-boto-pirueta 2.4s linear 1; }
@keyframes an-boto-pirueta {
  0% { transform: translate(44px, 172px) rotate(-50deg); }
  12% { transform: translate(64px, 100px) rotate(-40deg); }
  28% { transform: translate(98px, 40px) rotate(-12deg); }
  50% { transform: translate(124px, 24px) rotate(170deg); }
  72% { transform: translate(150px, 40px) rotate(372deg); }
  88% { transform: translate(184px, 100px) rotate(400deg); }
  100% { transform: translate(204px, 172px) rotate(410deg); }
}
.agito .an-boto-respingo1 { animation: an-boto-respingo-agito1 2.4s ease-out 1; }
.agito .an-boto-respingo2 { animation: an-boto-respingo-agito2 2.4s ease-out 1; }
@keyframes an-boto-respingo-agito1 { 0%, 6% { opacity: 0; transform: translateY(5px) scale(.3); } 13% { opacity: 1; transform: translateY(-3px) scale(1.05); } 28%, 100% { opacity: 0; transform: translateY(-12px) scale(1.15); } }
@keyframes an-boto-respingo-agito2 { 0%, 88% { opacity: 0; transform: translateY(5px) scale(.3); } 95% { opacity: 1; transform: translateY(-3px) scale(1.1); } 100% { opacity: 0; transform: translateY(-8px) scale(1.15); } }

/* 8. Cuca: acena, pisca, respira; no especial dá um pulinho */
.an-cuca-braco { transform-origin: 74px 124px; animation: an-cuca-tchau 1.6s ease-in-out infinite alternate; }
@keyframes an-cuca-tchau { from { transform: rotate(-12deg); } to { transform: rotate(14deg); } }
.an-cuca-cabeca { transform-origin: 60px 108px; animation: an-cuca-cabeca 4s ease-in-out infinite; }
@keyframes an-cuca-cabeca { 0%, 100% { transform: rotate(0); } 30% { transform: rotate(-3deg); } 65% { transform: rotate(2deg); } }
.an-cuca-orelha { transform-origin: 50% 100%; animation: an-orelha 5s ease-in-out infinite; }
.an-cuca-orelha2 { animation-delay: .16s; }
.an-cuca-tudo { transform-origin: 60px 201px; animation: an-cuca-respira 3.2s ease-in-out infinite; }
@keyframes an-cuca-respira { 0%, 100% { transform: scaleY(1); } 50% { transform: scaleY(1.012); } }
.agito .an-cuca-tudo { animation: an-cuca-pulo 1.6s 1; }
@keyframes an-cuca-pulo {
  0% { transform: translateY(0) scale(1); } 16% { transform: translateY(0) scale(1.04, .95); animation-timing-function: cubic-bezier(.25, .7, .4, 1); }
  46% { transform: translateY(-16px) scale(.99, 1.02); animation-timing-function: ease-in; } 72% { transform: translateY(0) scale(1.03, .97); }
  100% { transform: translateY(0) scale(1); }
}
.agito .an-cuca-sombra { transform-origin: 60px 199px; animation: an-cuca-sombra 1.6s 1; }
@keyframes an-cuca-sombra { 0%, 16%, 72%, 100% { transform: scale(1); } 46% { transform: scale(.7); } }
.agito .an-cuca-braco { animation-duration: .4s; }

@media (prefers-reduced-motion: reduce) {
  .an-svg .an-m { animation: none !important; }
}