.anim-card {
  transition: transform 0.8s;
}
.anim-card.rotate {
  transform: rotateY(360deg);
}

@keyframes floatExplode {
  0% { transform: translateY(0) scale(1); opacity: 1; }
  50% { transform: translateY(-50px) scale(1.2); opacity: 0.8; }
  100% { transform: translateY(-100px) scale(2); opacity: 0; }
}
.anim-card.explode {
  animation: floatExplode 1s forwards;
}

/* .card-flip {
  perspective: 1000px; /* profundidad 3D 
} */

/* .card-flip-inner {
  transition: transform 0.8s;
  transform-style: preserve-3d;
} */

/* .card-flip.rotate {
  
} */
/* .card-flip.rotate .card-flip-inner {
  transform: rotateY(360deg);
} */
 /* #ventasCard { transition: transform 0.8s; }
#ventasCard.rotate { transform: rotateY(360deg); } */
/* Giro */
/* #ventasCard {
  transition: transform 0.8s;
}
#ventasCard.rotate {
  transform: rotateY(360deg);
}

/* Flotar y explotar */
/*@keyframes floatExplode {
  0% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
  50% {
    transform: translateY(-50px) scale(1.2);
    opacity: 0.8;
  }
  100% {
    transform: translateY(-100px) scale(2);
    opacity: 0;
  }
}
#ventasCard.explode {
  animation: floatExplode 1s forwards;
} */