/* ═══ La perrovaquita — RASCARSE ═══════════════════════════════════════════
   De frente, rascarse es subir una pata trasera hacia la oreja y ladear la
   cabeza. Sube la pierna izquierda entera: el anca, que va detrás del cuerpo, y su
   pie, que va delante. Son dos grupos por el orden de pintado, y los dos llevan la
   MISMA animación y el MISMO origen —el centro del anca—, así que se mueven como
   una sola pieza. La clase la gestiona movimiento.js. Se carga después de
   caminar.css, en el orden que ocupaba en el archivo original. ══════════════ */

.edu-mascota--rascando .edu-mascota__pierna--izq,
.edu-mascota--rascando .edu-mascota__pie--izq {
    animation: edu-pv-rascar .2s ease-in-out infinite;
    transform-origin: 31.5px 129.6px;
}

@keyframes edu-pv-rascar {
    0%, 100% {
        transform: translate(4px, -22px) rotate(-14deg) scale(.75);
    }

    50% {
        transform: translate(4px, -28px) rotate(-22deg) scale(.75);
    }
}

.edu-mascota--rascando .edu-mascota__cabeza {
    transform: rotate(-16deg);
}

.edu-mascota--rascando .edu-mascota__cabeza-ladeo {
    animation-play-state: paused;
}

.edu-mascota--rascando .edu-mascota__oreja--izq {
    transform: rotate(-14deg);
}