/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

@-webkit-keyframes scroll {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    -webkit-transform: translateX(calc(-584px * 3));

    transform: translateX(calc(-584px * 3));

  }

}



@keyframes scroll {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    -webkit-transform: translateX(calc(-584px * 3));

    transform: translateX(calc(-584px * 3));

  }

}


.testim-wrapper {

  max-width: 800px;

  margin: 0 auto;

  padding-bottom: 30px;

}



.testimonial-section h2 {

  font-size: 43px;

  line-height: 1;

}

.slider {

  background: white;

  /*height: 120px;*/

  height: fit-content;

  margin: auto;

  overflow: hidden;

  position: relative;

  width: 95%;

}



.slide div {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 15px;

}


.slider .slide {

  background-color: #F6FFEF;

}



.slider::before,

.slider::after {

  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);

  content: "";

  height: 100%;

  position: absolute;

  width: 200px;

  z-index: 2;

}



.slider::after {

  right: 0;

  top: 0;

  -webkit-transform: rotateZ(180deg);

  transform: rotateZ(180deg);

}



.slider::before {

  left: 0;

  top: 0;

}



.slider .slide-track {

  -webkit-animation: scroll 40s linear infinite;

  animation: scroll 40s linear infinite;

  display: flex;

  width: calc(584px * 6);

  align-items: stretch;

  gap: 18px;

}



.slider .slide {

  width: 584px;

  padding: 30px;

  box-sizing: border-box;

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

  border-radius: 12px;

  justify-content: center;

}





.testimonial-section h2,
.slide p,
.slide h6 {

  color: #000;

}



.slider .slide p {

  font-size: 18px;

  line-height: 26px;

  font-weight: normal;

}



.slider .slide img {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  object-fit: cover;

  margin-bottom: 5px;

}



.slider .slide h6 {

  font-size: 16px;

  font-weight: bold;

  margin: 0;

}





@media only screen and (min-width: 1000px) {

  .testimonial-section h2 {

    font-size: 56px;

  }

}



.floating-menu-section {

  padding: 0px 30px;

  border-radius: 16px;

  margin-bottom: 24px;

}



.floating-menu-section img {

  border-radius: 8px;

}



.floating-menu-container .vc-container-content .floating-menu-section {

  background: linear-gradient(90deg, #FFFFFF 0%, #EDEAFF 100%);

}



/* VC MAP */

.mi-grid-productos {
  display: grid;
  gap: 20px;
}
.mi-grid-productos.columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
.mi-grid-productos.columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.mi-grid-productos.columns-4 {
  grid-template-columns: repeat(4, 1fr);
}
.mi-grid-productos.columns-5 {
  grid-template-columns: repeat(5, 1fr);
}
.mi-grid-productos.columns-6 {
  grid-template-columns: repeat(6, 1fr);
}
.mi-grid-productos .producto {
  border: 1px solid #eee;
  padding: 10px;
  text-align: center;
}

mi-grid-productos h3{
  font-size: 16px;
}