/* 1) Definimos la animación de levitación */

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

/* 2) Aplicamos la animación a cada logo dentro del SVG */

/* Ajusta los selectores al ID o clase que corresponda en tu SVG */

#logo-youtube {
  animation: float 3s ease-in-out infinite;
  animation-delay: 0s;
}

#logo-facebook {
  animation: float 4s ease-in-out infinite;
  animation-delay: 0.5s;
}

#logo-instagram {
  animation: float 3.5s ease-in-out infinite;
  animation-delay: 1s;
}

#logo-x {
  animation: float 5s ease-in-out infinite;
  animation-delay: 1.5s;
}

#logo-whatsapp {
  animation: float 3.2s ease-in-out infinite;
  animation-delay: 0.8s;
}

#logo-pinterest {
  animation: float 4.5s ease-in-out infinite;
  animation-delay: 1.2s;
}

#logo-linkedin {
  animation: float 3.8s ease-in-out infinite;
  animation-delay: 0.3s;
}

/* 3) Asegúrate de que tu SVG herede estilos y las dimensiones deseadas */

.redes-sociales-svg {
  width: 100%;
  height: auto;
  display: block;
}