.modulo-productos-destacados {
  /*display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;*/
  transition: box-shadow 0.2s ease-in;
  	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.modulo-productos-destacados  {
  position: relative;
  background-position: center;
  background-size: cover;
  	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}


/* Animated Skeleton */

.modulo-productos-destacados.skeleton .hide-text {
  background: #e2e2e2;
  color: transparent;
  position: relative;
  overflow: hidden;
  	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.modulo-productos-destacados.skeleton .hide-text::before {
  /*content: "";
  position: absolute;
  left: 0%;
  top: 0;
  height: 100%;
  width: 400px;
  background: linear-gradient(to right, #f5f5f5 25%, #d5d5d5 50%, #f5f5f5 100%);
  animation-name: gradient-animation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  z-index:999;
  	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;*/
}

.modulo-productos-destacados.skeleton .hide-text::after {
  content: "";
  position: absolute;
  left: 0%;
  top: 0;
  height: 100%;
  width: 100%;
  background-image:url(../img/loading.gif);
  background-position:center;
  background-repeat:no-repeat;
  background-color: #f9f9f9;
  z-index:99;
  	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

@keyframes gradient-animation {
  from {
    left: 0%;
  }
  to {
    left: 100%;
  }
}