/* Establecer una altura fija para el contenedor del carrusel */
#carouselWithThumbnails .carousel-inner {
    max-height: 500px; /* Ajusta esta altura según tus necesidades */
}

/* Asegurarse de que las imágenes ocupen toda la altura del contenedor, sin recortarlas */
#carouselWithThumbnails .carousel-item img {
    max-height: 100%; /* Asegura que la imagen no exceda la altura del contenedor */
    width: auto; /* Mantiene la proporción de la imagen */
    object-fit: contain; /* Evita que la imagen se recorte */
}
.slider{
    
    max-height: 380px;
}

@media (max-width: 576px) {
  .img-gif{
    width: 90%;
  }
}

  .marquee-container {
    width: 100%;
    overflow: hidden;
    background-color: #ff3434;
    color: white;
    white-space: nowrap;
    position: relative;
    display: flex;
    align-items: center;
  }

  .marquee-wrapper {
    display: flex;
    width: 200%; /* Doble del ancho para efecto continuo */
    animation: marquee 26s linear infinite;
  }

  .marquee-text {
    flex: 1;
    min-width: 100%;
    text-align: center;
  }

  @keyframes marquee {
    from {
      transform: translateX(50%);
    }
    to {
      transform: translateX(-50%);
    }
  }
  
  /*comentarios*/
   .review-card {
        background-color: #f8f9fa;
        text-align: center;
        padding: 15px;
        border-radius: 10px;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
        margin: 10px;
    }
    .review-img {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        margin-bottom: 10px;
    }
    .product-img {
    width: 100%;
    max-height: 120px; /* Ajusta la altura según necesites */
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 10px;
}