/* ═══ La perrovaquita — SUSPIRAR ═══════════════════════════════════════
   Conducta espontánea del repertorio, clase edu-mascota--suspirando, sobre la
   vista de frente con la pose sentada. Toma aire hondo con los ojos cerrados,
   lo suelta despacio y deja caer la cabeza y las orejas: un suspiro de
   aburrimiento. La da de alta js/compartido/mascota/conducta/suspirar.js, que
   dice cuánto dura: 2.4 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--suspirando .edu-mascota__cabeza-ladeo {
    animation-play-state: paused;
}

/* El suspiro va en el ALIENTO, el grupo que respira: se llena de golpe y se vacía
   despacio. Sustituye un momento a la respiración de base.css, que al acabar
   vuelve a empezar desde su reposo, así que no hay salto. Sobre su origen del
   suelo. */
.edu-mascota--suspirando .edu-mascota__aliento {
    animation: edu-pv-suspirar-aliento 2.4s ease-in-out 1 both;
}

@keyframes edu-pv-suspirar-aliento {
    0%, 100% {
        transform: none;
    }

    35%, 45% {
        transform: scale(1.03, 1.03);
    }

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

/* La cabeza sube al tomar aire y cae al soltarlo. */
.edu-mascota--suspirando .edu-mascota__cabeza-gesto {
    animation: edu-pv-suspirar-cabeza 2.4s ease-in-out 1 both;
}

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

    35%, 45% {
        transform: translateY(-2px) rotate(-2deg);
    }

    78% {
        transform: translateY(2px) rotate(2deg);
    }
}

/* Ojos cerrados durante el suspiro. Sin parpadeo. */
.edu-mascota--suspirando .edu-mascota__parpado {
    animation: edu-pv-suspirar-parpado 2.4s ease-in-out 1 both;
}

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

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

    30%, 80% {
        transform: translateY(-4px);
    }

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

/* Las orejas caen al soltar el aire. */
.edu-mascota--suspirando .edu-mascota__oreja--izq {
    animation: edu-pv-suspirar-oreja-izq 2.4s ease-in-out 1 both;
}

.edu-mascota--suspirando .edu-mascota__oreja--der {
    animation: edu-pv-suspirar-oreja-der 2.4s ease-in-out 1 both;
}

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

    78% {
        transform: rotate(9deg);
    }
}

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

    78% {
        transform: rotate(-9deg);
    }
}