/* © 2025 FilCare Italy all rights reserved */
/* HEART ANIMATION */
@keyframes heartbeat {
  0% {
    transform: scale(calc(1.0 - 0.30));
  }
  14% {
    transform: scale(calc(1.1 - 0.30));
  }
  28% {
    transform: scale(calc(0.95 - 0.30));
  }
  42% {
    transform: scale(calc(1.05 - 0.30));
  }
  70% {
    transform: scale(calc(1.0 - 0.30));
  }
  100% {
    transform: scale(calc(1.0 - 0.30));
  }
}
/* 2N1H Effetto al passaggio del mouse immagine di due cuori sovrapposte con effetto fade-in */
/* Nascondo le immaggini che batteranno */
.img2N1H_2n1hheart,
.img2N1H_text {
  opacity: 0;
}
 /* L'immagine batte normalmente */
.heart:hover .img2N1H_2n1hheart {
 opacity: 1;
  animation-play-state: running;
  animation: heartbeat 1.2s infinite;
  /* Puoi modificare la durata e la ripetizione qui */
 }
.heart:hover .img2N1H_text {
  opacity: 1;
  animation-play-state: running;
  animation: heartbeat 1.2s infinite;
	animation-delay: 0.1s; /* Ritardo di mezzo ciclo */
}
.heart:hover .img2N1H_heart,
.heart:hover .img2N1H_filcare, 
.heart:hover .img2N1H_stars1, 
.heart:hover .img2N1H_stars2, 
.heart:hover .img2N1H_stars3 {
  opacity: 0;
}
/* END HEART ANIMATION */
/* STARS ANIMATION */
.heart:hover .img2N1H_stars2 {
  transition: opacity 0.4s ease;
	animation: twinkle1 0.4s 5 alternate ease-out;
}
.heart:hover .img2N1H_stars1 {
  transition: opacity 0.2s ease;
	animation: twinkle2 0.6s 5 alternate ease-in;
}
.heart:hover .img2N1H_stars3 {
  transition: opacity 1.2s ease;
	animation: twinkle3 0.5s 5 alternate ease-in-out;
}

@keyframes twinkle1 {
	from {
		opacity: 0;
		transform: scale(calc(0.9 - 0.20));
	}
	to {
		opacity: 1;
		transform: scale(calc(1.1 - 0.20));
	}
}
@keyframes twinkle2 {
	from {
		opacity: 0;
		transform: scale(calc(0.9 - 0.20));
	}
	to {
		opacity: 1;
		transform: scale(calc(1.1 - 0.20));
	}
}
@keyframes twinkle3 {
	from {
		opacity: 0;
		transform: scale(calc(0.9 - 0.20));
	}
	to {
		opacity: 1;
		transform: scale(calc(1.2 - 0.20));
	}
}


/* END STARS ANIMATION */

/* FLASHCARD ANIMATION */
.flashcard {
  background: #fff;
  /* border-radius: 18px; */
  padding: 30px 20px;
  /* margin: 30px auto; */
  font-size: 1.16rem;
  color: #24436e;
  opacity: 1;
  /* transform: translateY(70px) scale(0.97); */
  transition: opacity 0.7s cubic-bezier(.25,.8,.25,1), transform 0.8s cubic-bezier(.2,1.2,.35,1.05);
  will-change: opacity, transform;
}