﻿/* ═══ La perrovaquita — SACUDIRSE ══════════════════════════════════════════
   Un temblor rápido de los que sueltan agua. Corto: pasado medio segundo deja de
   ser gracioso y parece un error de pintado. La clase la gestiona movimiento.js.
   Se carga después de rascarse.css, en el orden que ocupaba en el archivo
   original. Vista de frente. ═══════════════════════════════════════════════ */

.edu-mascota--sacudiendo .edu-mascota__tronco {
    animation: edu-pv-sacudir .08s ease-in-out infinite;
}

.edu-mascota--sacudiendo .edu-mascota__cabeza-gesto {
    animation: edu-pv-sacudir-cabeza .07s ease-in-out infinite;
}

.edu-mascota--sacudiendo .edu-mascota__cabeza-ladeo {
    animation-play-state: paused;
}

.edu-mascota--sacudiendo .edu-mascota__oreja,
.edu-mascota--sacudiendo .edu-mascota__colgante {
    transition: none;
    animation: edu-pv-sacudir-blando .07s ease-in-out infinite;
}

@keyframes edu-pv-sacudir {
    0%, 100% {
        transform: rotate(-2.5deg) scale(1.01, .99);
    }

    50% {
        transform: rotate(2.5deg) scale(.99, 1.01);
    }
}

@keyframes edu-pv-sacudir-cabeza {
    0%, 100% {
        transform: rotate(-9deg);
    }

    50% {
        transform: rotate(9deg);
    }
}

@keyframes edu-pv-sacudir-blando {
    0%, 100% {
        transform: rotate(-24deg);
    }

    50% {
        transform: rotate(24deg);
    }
}