/*carrusel marcas*/

.slider-container {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  
}

.slider-inner {
  white-space: nowrap;
}

.slider-ul {
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style: none;
  animation: slider-animation 40s linear infinite;
}

.slider-item {
  border: 0.5px solid #CCCCCC;
  width: 7%;
  height: 9vw;
  display: inline-block;
  vertical-align: top;
  margin-right: 1rem;
  text-align: center;
  align-items: flex-end;
  transition: background-color 0.3s ease;
}
.slider-item:hover {
  background-color: #cce7e7; /* Cambia el color al pasar el cursor */
}

.slider-item:hover .thumb img {
  opacity: 1; /* Cambia la opacidad de la imagen al pasar el cursor */
}

.thumb {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  box-sizing: border-box;
}

.thumb img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

@keyframes slider-animation {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

  /*carrusel productos*/
  .custom-slider-container {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
  }

  .custom-slider-inner {
    white-space: nowrap;
  }

  .custom-slider-ul {
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;
    animation: custom-slider-animation 1000s linear 100;
  }

  .custom-slider-item {
    display: inline-block;
    vertical-align: top;
    margin-right: 1rem;
    max-width: 95% !important;
    border: 0.5px solid #CCCCCC;
    width: 0.9%;
    height: 10%;
    white-space: initial;
  }

  .custom-slider-item:hover {
    background-color: #cce7e7; /* Cambia el color al pasar el cursor */
  }
  
  .custom-slider-item:hover .thumb img {
    opacity: 1; /* Cambia la opacidad de la imagen al pasar el cursor */
  }
  .contenedorsly{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .contenedor {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 9vw;
    height: 25vh;
  }

  .custom-slider-thumb img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }

  .custom-slider-data {
    max-width: none;
    /*word-wrap: break-word;
    text-align: center;
    display: flex;
    margin: 0px;
    flex-direction: column;
    align-items: center; *//* Centra verticalmente el contenido */
  }
  

  @keyframes custom-slider-animation {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-50%);
    }
  }


  @media screen and (max-width: 500px){
    /*.slider-container {
      width: 100%;
      overflow: hidden;
      display: flex;
      justify-content: center;
      touch-action: inherit;
    }
    
    .slider-inner {
      white-space: nowrap;
      position: relative;
    }
    
    .slider-ul {
      display: flex;
      padding: 0;
      margin: 0;
      list-style: none;
    }
    
    .slider-item {
      flex: 0 0 100%;
      width: 90vw;
      height: 35vw;
      display: none;
    }
    
    .slider-item.active {
      display: block;
    }
    
    @keyframes slider-animation {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(0);
      }
    }*/


    /*carrusel 2*/
    /*
    .custom-slider-item {
      display: inline-block;
      vertical-align: top;
      margin-right: 1rem;
      max-width: 95% !important;
      border: 0.5px solid #CCCCCC;
      width: 0.9%;
      height: 10%;
      white-space: initial;
    } 
    .custom-slider-data {
      font-size: 1em;
    }
    .contenedor {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      width: 48vw;
      height: 25vh;
    }*/ 
    .slider-container{
      display: none;
    }
    .custom-slider-item{
      display: none;
    }
    .titulo3{
      display: none;
    }
    .titulo_pdis{
      display: none;
    }
}