.animate-ready {
  opacity: 0;
  visibility: hidden;
}

.animate-fade-up {
  opacity: 0;
  transform: translateY(40px);
}

.animate-fade-in {
  opacity: 0;
}

.animate-fade-left {
  opacity: 0;
  transform: translateX(-30px);
}

.animate-fade-right {
  opacity: 0;
  transform: translateX(30px);
}

.animate-scale-in {
  opacity: 0;
  transform: scale(0.9);
}

#servicios .servicio-icon {
  display: inline-block;
  transform: scale(0);
}

#beneficios .beneficio-icon > img,
#beneficios .beneficio-titulo,
#beneficios .beneficio-descripcion {
  opacity: 0;
  transform: translateY(20px);
}

#contacto .info-item,
#contacto .formulario-contacto {
  opacity: 0;
}