@keyframes espiral {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes aparecerProductos {
    0% {
        opacity: 0;
        transform: translateY(20px) scale(0.8); /* movimiento inicial */
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1); /* estado final */
    }
}