/* ═══ La perrovaquita — GUIÑAR ═════════════════════════════════════════
   Conducta espontánea del repertorio, clase edu-mascota--guinando, sobre la
   vista de frente con la pose sentada. Guiña un ojo con la cabeza ladeada y la
   lengüita asomando: pícara. La da de alta
   js/compartido/mascota/conducta/guinar.js, que dice cuánto dura: 1.3 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--guinando .edu-mascota__cabeza-ladeo {
    animation-play-state: paused;
}

/* Se cierra SOLO el ojo izquierdo: se anima el desplazamiento de su párpado en las
   unidades de base.css (-27 px abierto). El otro sigue abierto y sin parpadear,
   para que se lea como guiño y no como parpadeo torcido. */
.edu-mascota--guinando .edu-mascota__parpado--izq {
    animation: edu-pv-guinar-parpado 1.3s ease-in-out 1 both;
}

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

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

    18%, 58% {
        transform: translateY(-1px);
    }

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

/* La ceja de ese ojo baja con él: sin eso, el ojo cerrado parecería dormido. */
.edu-mascota--guinando .edu-mascota__ceja--izq {
    animation: edu-pv-guinar-ceja 1.3s ease-in-out 1 both;
}

@keyframes edu-pv-guinar-ceja {
    0%, 100% {
        transform: none;
    }

    18%, 58% {
        transform: translateY(3px) rotate(8deg);
    }

    75% {
        transform: none;
    }
}

/* La cabeza se ladea hacia el ojo que guiña. */
.edu-mascota--guinando .edu-mascota__cabeza-gesto {
    animation: edu-pv-guinar-cabeza 1.3s ease-in-out 1 both;
}

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

    18%, 58% {
        transform: rotate(-6deg);
    }

    78% {
        transform: none;
    }
}

/* La lengüita asoma un poco: el remate pícaro. */
.edu-mascota--guinando .edu-mascota__lengua {
    animation: edu-pv-guinar-lengua 1.3s ease-in-out 1 both;
}

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

    25%, 58% {
        transform: scaleY(.45);
    }
}