/* ═══ La perrovaquita — ESTIRARSE ══════════════════════════════════════
   Conducta espontánea del repertorio, clase edu-mascota--estirandose, sobre la
   vista de frente con la pose de pie. De pie, se estira hacia arriba con los
   ojos cerrados de gusto, la cabeza alta y la lengüita fuera, y se suelta con
   un aplastado al acabar. La da de alta
   js/compartido/mascota/conducta/estirarse.js, que dice cuánto dura: 2.2 s, lo
   mismo que sus animaciones, que corren una sola vez y empiezan y acaban en
   reposo para que al quitarse la clase no haya salto. ═══ */

/* Mientras dura, el vaivén de mirar alrededor se PAUSA en vez de quitarse: al
   acabar sigue donde iba. */
.edu-mascota--estirandose .edu-mascota__cabeza-ladeo {
    animation-play-state: paused;
}

/* El cuerpo se estira a lo alto desde el suelo —el origen de base.css está abajo— y
   se suelta con un aplastado corto antes de volver. */
.edu-mascota--estirandose .edu-mascota__tronco {
    animation: edu-pv-estirar-tronco 2.2s ease-in-out 1 both;
}

@keyframes edu-pv-estirar-tronco {
    0%, 100% {
        transform: none;
    }

    35%, 60% {
        transform: scale(.95, 1.07);
    }

    78% {
        transform: scale(1.03, .97);
    }

    90% {
        transform: none;
    }
}

.edu-mascota--estirandose .edu-mascota__cabeza-gesto {
    animation: edu-pv-estirar-cabeza 2.2s ease-in-out 1 both;
}

@keyframes edu-pv-estirar-cabeza {
    0%, 100% {
        transform: none;
    }

    35%, 60% {
        transform: translateY(-3px) rotate(-3deg);
    }

    80% {
        transform: none;
    }
}

/* Ojos cerrados de gusto mientras se estira. Sin parpadeo. */
.edu-mascota--estirandose .edu-mascota__parpado {
    animation: edu-pv-estirar-parpado 2.2s ease-in-out 1 both;
}

.edu-mascota--estirandose .edu-mascota__parpado-parpadeo {
    animation: none;
}

@keyframes edu-pv-estirar-parpado {
    0%, 100% {
        transform: translateY(-27px);
    }

    30%, 65% {
        transform: translateY(-1px);
    }

    80% {
        transform: translateY(-27px);
    }
}

/* Orejas sueltas hacia atrás y la lengüita fuera: está a gusto. */
.edu-mascota--estirandose .edu-mascota__oreja--izq {
    animation: edu-pv-estirar-oreja-izq 2.2s ease-in-out 1 both;
}

.edu-mascota--estirandose .edu-mascota__oreja--der {
    animation: edu-pv-estirar-oreja-der 2.2s ease-in-out 1 both;
}

@keyframes edu-pv-estirar-oreja-izq {
    0%, 100% {
        transform: none;
    }

    35%, 60% {
        transform: rotate(10deg);
    }

    80% {
        transform: none;
    }
}

@keyframes edu-pv-estirar-oreja-der {
    0%, 100% {
        transform: none;
    }

    35%, 60% {
        transform: rotate(-10deg);
    }

    80% {
        transform: none;
    }
}

.edu-mascota--estirandose .edu-mascota__lengua {
    animation: edu-pv-estirar-lengua 2.2s ease-in-out 1 both;
}

@keyframes edu-pv-estirar-lengua {
    0%, 25%, 70%, 100% {
        transform: scaleY(0);
    }

    38%, 60% {
        transform: scaleY(.6);
    }
}