﻿/* ═══ La perrovaquita — CARICIA ════════════════════════════════════════════
   Acariciar es pasar la mano por encima, no pulsar un botón: es un gesto CONTINUO
   y mientras dure el animal responde. Se resuelve entero en el cliente, sin una
   sola petición: la alegría de un mimo dura lo que dura y no hay que persistirla.
   La clase la pone y la quita interacciones.js.

   SE CARGA después de poses.css y ANTES de las conductas y los ánimos: ese es el
   sitio que ocupaba en el archivo original, y de él depende que unas orejas
   hambrientas ganen a las de la caricia. Vale para la vista de frente y para la
   echada, que comparten las piezas. ═════════════════════════════════════════ */

/* Ojos entornados de gusto, no cerrados del todo. Sigue parpadeando: el parpadeo
   es otra capa y se suma. */
.edu-mascota--acariciando {
    --pv-parpado-cierre: .72;
}

    .edu-mascota--acariciando .edu-mascota__lengua {
        transform: scaleY(1);
    }

    .edu-mascota--acariciando .edu-mascota__cola {
        animation-duration: .26s;
    }

    .edu-mascota--acariciando .edu-mascota__oreja--izq {
        transform: rotate(-8deg);
    }

    .edu-mascota--acariciando .edu-mascota__oreja--der {
        transform: rotate(8deg);
    }

    /* Cejas arriba: es lo que convierte el gesto en placer y no en susto. */
    .edu-mascota--acariciando .edu-mascota__ceja {
        transform: translateY(-3px);
    }

    /* La cabeza se arrima a la mano con un vaivén lento de gusto. En la capa de los
   gestos y empezando y acabando en reposo: al soltar, la cabeza no pega un tirón.
   El vaivén de mirar alrededor se pausa mientras tanto. */
    .edu-mascota--acariciando .edu-mascota__cabeza-gesto {
        animation: edu-pv-mimo 1.1s ease-in-out infinite;
    }

    .edu-mascota--acariciando .edu-mascota__cabeza-ladeo {
        animation-play-state: paused;
    }

@keyframes edu-pv-mimo {
    0%, 100% {
        transform: rotate(0deg) translateY(0);
    }

    30% {
        transform: rotate(-7deg) translateY(1px);
    }

    70% {
        transform: rotate(4deg) translateY(-2px);
    }
}

/* El cuerpo se contonea APLASTANDO Y ESTIRANDO, no con un balanceo rígido. */
.edu-mascota--acariciando .edu-mascota__tronco {
    animation: edu-pv-gusto 1.1s ease-in-out infinite;
}

@keyframes edu-pv-gusto {
    0%, 100% {
        transform: scale(1.025, .975);
    }

    50% {
        transform: scale(.975, 1.025);
    }
}