/* OJAI · Movimiento vivo de los Ojai (19 sep 2026). Un solo lugar para todos los Ojai de la web.
   Tres movimientos a la vez con ritmos distintos (respirar, balancearse, rebotar), así nunca se repite igual.
   Usan las propiedades sueltas scale / rotate / translate; «transform» queda libre para inclinarse hacia la persona
   y para el rebote de lana al tocarlo (ojai-vida.js). Cada Ojai recibe su propio ritmo en --ov-*. */
.ojai-vivo{
 transform-origin:50% 92%;
 animation-name:ov-respira,ov-balanceo,ov-rebote!important;
 animation-duration:var(--ov-r,3.8s),var(--ov-b,5.4s),var(--ov-t,4.5s)!important;
 animation-delay:var(--ov-dr,0s),var(--ov-db,0s),var(--ov-dt,0s)!important;
 animation-timing-function:ease-in-out!important;
 animation-iteration-count:infinite!important;
 animation-fill-mode:none!important;
 transform:rotate(var(--ov-inclina,0deg)) translateX(var(--ov-mueve,0px));
 transition:transform .7s cubic-bezier(.2,.8,.3,1);
 will-change:scale,rotate,translate,transform
}
/* Respira: al inhalar se estira un poco hacia arriba; al soltar se asienta, como lana que pesa. */
@keyframes ov-respira{
 0%,100%{scale:1 1}
 42%{scale:calc(1 - .016*var(--ov-amp,1)) calc(1 + .032*var(--ov-amp,1))}
 72%{scale:calc(1 + .012*var(--ov-amp,1)) calc(1 - .012*var(--ov-amp,1))}
}
/* Se balancea sobre los pies, sin llegar a mecerse como péndulo. */
@keyframes ov-balanceo{
 0%,100%{rotate:calc(-1.7deg*var(--ov-amp,1))}
 50%{rotate:calc(1.7deg*var(--ov-amp,1))}
}
/* Un rebote pequeño y desigual: dos «pasitos» por ciclo. */
@keyframes ov-rebote{
 0%,100%{translate:0 0}
 28%{translate:0 calc(-7px*var(--ov-amp,1))}
 50%{translate:0 calc(-1px*var(--ov-amp,1))}
 74%{translate:0 calc(-4px*var(--ov-amp,1))}
}
@media(prefers-reduced-motion:reduce){.ojai-vivo{animation:none!important;transform:none!important;transition:none!important}}
body[data-ojai-motion=off] .ojai-vivo{animation:none!important;transform:none!important}