/* ═══ La perrovaquita — SACAR LA LENGUA ════════════════════════════════
   Conducta espontánea del repertorio, clase edu-mascota--sacando-lengua, sobre
   la vista de frente con la pose sentada. Saca la lengua entera y menea la
   cabeza con los ojos entornados: la burla de «blep». La da de alta
   js/compartido/mascota/conducta/sacar-lengua.js, que dice cuánto dura: 1.6 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--sacando-lengua .edu-mascota__cabeza-ladeo {
    animation-play-state: paused;
}

/* La lengua entera fuera, más larga que la de contenta. */
.edu-mascota--sacando-lengua .edu-mascota__lengua {
    animation: edu-pv-blep-fuera 1.6s ease-in-out 1 both;
}

@keyframes edu-pv-blep-fuera {
    0%, 100% {
        transform: scaleY(0);
    }

    15%, 80% {
        transform: scaleY(1.3);
    }

    92% {
        transform: scaleY(0);
    }
}

/* La cabeza menea de lado a lado mientras la saca. */
.edu-mascota--sacando-lengua .edu-mascota__cabeza-gesto {
    animation: edu-pv-blep-cabeza 1.6s ease-in-out 1 both;
}

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

    25%, 45%, 65% {
        transform: rotate(-4deg);
    }

    35%, 55%, 75% {
        transform: rotate(4deg);
    }
}

/* Ojos entornados de pícara. Desplazamiento del párpado en las unidades de
   base.css (-27 px abierto). */
.edu-mascota--sacando-lengua .edu-mascota__parpado {
    animation: edu-pv-blep-parpado 1.6s ease-in-out 1 both;
}

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

    15%, 80% {
        transform: translateY(-12px);
    }

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