/* Egyedi animációk és stílusok a Mariachi Quixo oldalhoz */

@font-face {
  font-family: 'Vollkorn';
  src: local('Vollkorn'), url('https://fonts.gstatic.com/s/vollkorn/v21/0ybjGCAu5PfqkvtGVU15aA.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20AB;
}

.font-vollkorn {
  font-family: 'Vollkorn', serif;
}

.font-nunito {
  font-family: 'Nunito', sans-serif;
}

@keyframes fadeIn {
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0); }
}
.animate-fadeIn {
  animation: fadeIn 0.7s ease-in-out;
}

@keyframes fall {
  0% { opacity: 0; transform: translateY(-60px) scale(0.8); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}
.animate-fall {
  animation: fall 2s ease-in-out;
}

@keyframes spin-slow {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.animate-spin-slow {
  animation: spin-slow 8s linear infinite;
}

/* Parallax háttér effektushoz szükséges osztály */
.parallax-bg {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Egyedi gombstílusok */
.btn-mariachi {
  @apply rounded-xl bg-amber-400 text-[#FFF8E1] shadow-md font-bold px-8 py-3 transition-transform duration-200 hover:bg-red-900 hover:scale-105 hover:shadow-lg hover:ring-2 ring-amber-400;
}

.btn-glow {
  @apply animate-pulse hover:bg-amber-600;
}