/* animaciones del index */ 
@keyframes fadeUp {
  from { 
    opacity: 0;
     transform: translateY(26px);
    }
  to { 
    opacity: 1;
     transform: translateY(0); 
    }
}

@keyframes fadeIn {
  from { 
    opacity: 0; 
  }
  to {
    opacity: 1;
  }
}

/* animaciones de la galeria */
@keyframes fadeUp {
  from {
    opacity:0;
    transform:translateY(20px)
  }
  
  to {
    opacity:1;
    transform:translateY(0)
  }
}

/* animacion de los productos */
@keyframes fadeUp {
  from {
    opacity:0;
    transform:translateY(20px)
  }

  to {
    opacity:1;
    transform:translateY(0)
  }
}

/* animaciones de contacto */
@keyframes fadeUp {
  from {
    opacity:0;
    transform:translateY(20px)
  }
  
  to {
    opacity:1;
    transform:translateY(0)
  }
}

.anim {
  opacity:0;
  animation:fadeUp .5s ease forwards
}