@keyframes scroll {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}
.animate-scroll {
  animation: scroll 30s linear infinite;
}


  @keyframes fadeInDown {
    from {
      opacity: 0;
      transform: translateY(-30px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes fadeInLeft {
    from {
      opacity: 0;
      transform: translateX(-30px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }

  .animate-fadeInDown {
    animation: fadeInDown 1s ease-in-out;
  }

  .animate-fadeInLeft {
    animation: fadeInLeft 1s ease-in-out;
  }

  .animate-fadeIn {
    animation: fadeIn 1s ease-in-out;
  }

  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }
/* Logos Cauresol styles */
.carousel-wrapper {
    overflow: hidden;
    position: relative;
    background-color: #f8fafc; /* bg-gray-50 */
  }

  .carousel-track {
    display: flex;
    gap: 4rem;
    animation: scrollLeft 40s linear infinite;
  }

  .carousel-wrapper:hover .carousel-track {
    animation-play-state: paused;
  }

  .carousel-track .logo {
    height: 3.5rem; /* h-14 */
    object-fit: contain;
    flex-shrink: 0;
    transition: transform 0.3s ease;
  }

  .carousel-track .logo:hover {
    transform: scale(1.05);
  }

  @keyframes scrollLeft {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }

  @media (max-width: 768px) {
    .carousel-track {
      gap: 2rem;
    }
  }
  

  /* Footer Logo Enhnacement */
  @keyframes solar-glow {
  0%, 100% {
    filter: drop-shadow(0 0 6px rgba(255, 255, 224, 0.2)) 
            drop-shadow(0 0 12px rgba(255, 215, 0, 0.3)) 
            drop-shadow(0 0 18px rgba(255, 165, 0, 0.4));
  }
  50% {
    filter: drop-shadow(0 0 12px rgba(255, 255, 224, 0.4)) 
            drop-shadow(0 0 20px rgba(255, 215, 0, 0.5)) 
            drop-shadow(0 0 28px rgba(255, 140, 0, 0.6));
  }
}

.animate-solar-glow {
  animation: solar-glow 3s ease-in-out infinite;
}

/* WhatsApp Styles */

@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
  }
}

.whatsapp-float {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 50;
  height: 60px;
  width: 60px;
  background-color: #25d366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: pulse-glow 2.5s ease-out infinite;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.whatsapp-float:hover {
  transform: scale(1.1);
}

.whatsapp-float img {
  width: 32px;
  height: 32px;
  filter: invert(1);
}


/* Particles Styles  */
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: transparent;
  pointer-events: none;
}

.carousel-wrapper {
  overflow: hidden;
}

.carousel-track {
  display: flex;
  gap: 2rem;
  animation: scroll 20s linear infinite;
}

.logo {
  height: 60px;
  object-fit: contain;
  filter: grayscale(0.2);
  transition: transform 0.3s ease, filter 0.3s ease;
}
.logo:hover {
  transform: scale(1.05);
  filter: grayscale(0) brightness(1.1);
}

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