@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Sora:wght@400;600;700;800&family=Outfit:wght@500;700&display=swap');

body {
  font-family: 'Poppins', sans-serif;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4 {
  font-family: 'Sora', sans-serif;
}

.font-branding {
  font-family: 'Outfit', sans-serif;
}

/* Animação suave para o botão */
@keyframes pulse-custom {

  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 126, 0, 0.7);
  }

  50% {
    transform: scale(1.02);
    box-shadow: 0 0 0 10px rgba(255, 126, 0, 0);
  }
}

.btn-pulse {
  animation: pulse-custom 2s infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

.animate-scroll {
  display: flex;
  gap: 1.5rem;
  /* gap-6 */
  width: max-content;
  animation: scroll 30s linear infinite;
}

.carousel-container:hover .animate-scroll,
.carousel-container:hover .animate-scroll-reverse {
  animation-play-state: paused;
}

.paused {
  animation-play-state: paused !important;
}

@keyframes scroll-reverse {
  0% {
    transform: translateX(-50%);
  }

  100% {
    transform: translateX(0);
  }
}

.animate-scroll-reverse {
  display: flex;
  gap: 1.5rem;
  width: max-content;
  animation: scroll-reverse 45s linear infinite;
}

.carousel-container:hover .animate-scroll-reverse {
  animation-play-state: paused;
}

/* Floating Animation for Doodles */
@keyframes float {
  0% {
    transform: translateY(0px) rotate(0deg);
  }

  50% {
    transform: translateY(-15px) rotate(5deg);
  }

  100% {
    transform: translateY(0px) rotate(0deg);
  }
}

.animate-float {
  animation: float 6s ease-in-out infinite;
}

.animate-float-delayed {
  animation: float 7s ease-in-out infinite 1s;
}

.animate-float-slow {
  animation: float 8s ease-in-out infinite 0.5s;
}

@keyframes shine {
  0% { transform: translateX(-100%) skewX(-15deg); }
  100% { transform: translateX(200%) skewX(-15deg); }
}

.animate-shine {
  animation: shine 3s infinite;
}

.premium-badge {
  background: linear-gradient(135deg, hsl(29 100% 50%) 0%, hsl(29 100% 65%) 100%);
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(242, 92, 5, 0.3);
}

.premium-badge::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-15deg);
  animation: shine 4s infinite;
}