.categories-box .icon-box {
    height: 350px !important;
    width: 350px !important;
}

.filtro-rango span {
    margin-bottom: 32px !important;
}

.filtro-rango:hover .noUi-tooltip {
    opacity: 1;
    transition: all 0.5s ease-in-out;
}

.img-colecciones {
    max-width: 100%;
    height: 100% !important;
    object-fit: cover !important;
}

.noUi-tooltip {
    opacity: 0;
    transition: all 0.1s ease-in-out !important;
}

.product-cb-border--radius-0 {
    border-radius: 0 !important;
}

li.active .product-cb:after {
    opacity: 1 !important;
}

li.oculto {
    display: none !important;
}

.info-colores--producto .label {
    text-decoration: underline !important;
    font-weight: 400 !important;
}

li.li-show-more {
    margin-top: 8px !important;
    padding: 0 !important;
}

.shop-filter--cerrado {
    /* max-height: 160px; */
    overflow-y: hidden;
}

.shop-image {

    aspect-ratio: 1 / 1;
}

.shop-image a,
.shop-image img {
    height: 100%;
}

.shop-image .shop-image--primaria {
    display: block !important;
}

.shop-image .js-contenedor-iamgenes-producto {
    /*  position: absolute !important; */
    display: none !important;

}

.shop-boxed .shop-box:hover .shop-image--primaria {
    display: none !important;
}

.shop-boxed .shop-box:hover .js-contenedor-iamgenes-producto {
    display: flex !important;
    justify-content: center;

}

.shop-boxed .shop-box .js-contenedor-iamgenes-producto .shop-image--secundaria {
    display: none !important;

}

.shop-boxed .shop-box:hover .js-contenedor-iamgenes-producto .shop-image--secundaria.activa {
    display: block !important;

}

.sticky-elemento--filtros {
    position: relative;
    margin: 0;
    width: 100%;
    /* Opcional: transición para suavizar */
    transition: all 0.2s ease;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

.sticky-elemento--filtros.sticky,
.sticky-elemento--filtros.sticky-clone {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

    /* aplicamos la animación solo al entrar */
    animation: slideDown 0.4s ease-out forwards;
}

.col.grid-item {
    margin-bottom: 8px;
}

.info-piezas--producto {
    min-height: 32px;
}

.rounded-circle:hover {
    border: 1px solid black !important;
}
.border-radius-16{
    border-radius:16px;
}