#sidebar {
  transition: transform 0.3s ease;
}

.faq-item.open:hover {
  background: white !important;
  background-image: none !important;
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(2deg);
  }
}
@keyframes float2 {
  0%,
  100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(25px) rotate(-2deg);
  }
}

@keyframes float3 {
  0%,
  100% {
    transform: translateY(5px) rotate(5deg);
  }
  50% {
    transform: translateY(25px) rotate(-2deg);
  }
}

.animate-item {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 4s ease-out, transform 4s ease-out;
}
/* Cuando aparece: restaura opacidad y posición */
.animate-item.visible {
  opacity: 1;
  transform: translateY(0);
}

@keyframes fadeInBright {
  0% {
    opacity: 0;
    filter: brightness(0);
  }
  100% {
    opacity: 1;
    filter: brightness(1);
  }
}
.animate-fade-in-bright {
  animation: fadeInBright 1.5s ease-out 0.5s forwards;
}

@keyframes gradient-move {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
.gradient-animate {
  background-size: 200% 200%;
  animation: gradient-move 3s linear infinite;
}

@keyframes gradient-loop {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.gradient-animated-loop {
  background-size: 200% 200%;
  animation: gradient-loop 8s ease-in-out infinite;
}