/* ============================================================
   animations.css — Dynamic Studio
   Todas las @keyframes del sitio
   ============================================================ */

/* Movimiento handheld del canvas (desktop) */
@keyframes handheld {
  0%   { transform: translate(0px,   0px)  rotate(0deg)    scale(1.045); }
  11%  { transform: translate(2.5px,-1px)  rotate(0.13deg) scale(1.048); }
  23%  { transform: translate(-1.5px, 2px) rotate(-0.2deg) scale(1.042); }
  34%  { transform: translate(3px,   1.5px)rotate(0.09deg) scale(1.047); }
  46%  { transform: translate(-2px, -1.5px)rotate(-0.14deg)scale(1.044); }
  58%  { transform: translate(1.5px, 3px)  rotate(0.17deg) scale(1.046); }
  70%  { transform: translate(-3px, -2px)  rotate(-0.1deg) scale(1.041); }
  82%  { transform: translate(2px,   1px)  rotate(0.22deg) scale(1.048); }
  91%  { transform: translate(-1px,  2.5px)rotate(-0.07deg)scale(1.043); }
  100% { transform: translate(0px,   0px)  rotate(0deg)    scale(1.045); }
}

/* Movimiento del grano cinematográfico */
@keyframes grain-shift {
  0%   { background-position: 0% 0%; }
  25%  { background-position: 55% 20%; }
  50%  { background-position: 20% 70%; }
  75%  { background-position: 70% 45%; }
  100% { background-position: 0% 0%; }
}

/* Pista de scroll — ritmo más lento, más deliberado */
@keyframes bounce {
  0%,100% { transform: translateY(0); opacity: 0.4; }
  50%      { transform: translateY(7px); opacity: 0.7; }
}

/* Pista de swipe */
@keyframes swipe-pulse {
  0%,100% { transform: translateX(0); opacity: 0.4; }
  50%      { transform: translateX(-8px); opacity: 0.7; }
}