/* Estilos para el carrusel de marcas */
        .brands-carousel {
            background-color: #f8f9fa;
        }

        .brand-item img {
            max-width: 150px;
            /* Ajusta el tamaño de las imágenes de las marcas */
            margin: 10px auto;
            /* Espacio entre las imágenes */
            display: block;
            filter: grayscale(100%);
            /* Efecto en blanco y negro */
            transition: filter 0.3s ease;
            /* Transición suave al hover */
        }

        .brand-item img:hover {
            filter: grayscale(0);
            /* Color original al hacer hover */
        }

        .product-item .product-image {
            height: 250px;
            object-fit: cover;
            width: 100%;
        }