@keyframes tap-click {
  0%, 100% { transform: scale(1) rotate(0deg); }
  20%, 25% { transform: scale(0.85) rotate(-10deg); }
  40% { transform: scale(1.05) rotate(5deg); }
  60% { transform: scale(1) rotate(0deg); }
}

@keyframes show-text {
  0%, 100% { opacity: 0; }
  20%, 25% { opacity: 1; }
  40% { opacity: 0; }
}

.click-container {
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
  position: absolute;
  bottom: 0;
  right: 10px;
  z-index: 10; /* Asegúrate de que esté encima del contenido de la tarjeta */
}

.click-icon {
  animation: tap-click 1.2s infinite ease-in;
  display: inline-block;
  font-size: 1.8rem !important;
  color: #ffc107;
}

.click-text {
  animation: show-text 1.2s infinite ease-in;
  font-size: 0.8rem;
  color: #ffc107;
}

.flip-card {
  position: relative;
  overflow: hidden; /* 👈 Oculta cualquier desbordamiento */
  border-radius: 0.75rem; /* Asegúrate de que combine con tu diseño */
}