.aparecer-opacidad-subir-kraativi {
   opacity: 0;
   transform: translateY(100px);
   transition: all 1s ease;

   &.on {
      opacity: 1;
      transform: translateX(0) translateY(0px);
   }
}

.aparecer-opacidad-kraativi {
   opacity: 0;
   transition: all 1s ease;

   &.on {
      opacity: 1;
   }
}

@keyframes animacion-subir-bajar {
   0% {
      translate: 0 0;
   }
   100%{
      translate: 0 -10px;
   }
}
 
@keyframes animacion-aumentar-disminuir-tamanio {
   0% {
      scale: 1;
   }
   100%{
      scale: .98;
   }
}