/* EJERCICIO 5: Movimiento circular */
.bola-circular {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: #facc15!important; /* amarillo */
  box-shadow: 0 0 25px rgba(250, 204, 21, 0.9)!important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: mover-circular 6s linear infinite;
  animation-play-state: paused;
}

@keyframes mover-circular {
  0% { transform: rotate(0deg) translateX(80px) rotate(0deg); }
  100% { transform: rotate(360deg) translateX(80px) rotate(-360deg); }
}

/* EJERCICIO 6: Saltos de fijación (sacádicos) */
.bola-saltos {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #ec4899!important; /* rosa */
  box-shadow: 0 0 25px rgba(236, 72, 153, 0.9)!important;
  position: absolute;
  top: 10%;
  left: 10%;
  animation: saltos-fijacion 5s steps(1) infinite;
  animation-play-state: paused;
}

@keyframes saltos-fijacion {
  0% { top: 10%; left: 10%; }
  20% { top: 10%; left: 70%; }
  40% { top: 60%; left: 70%; }
  60% { top: 60%; left: 20%; }
  80% { top: 30%; left: 40%; }
  100% { top: 10%; left: 10%; }
}