/***************************************
HELPER slider horizontal en slick
***************************************/
.slick-horizontal{display:flex}.slick-horizontal .item{display:none;width:100%}.slick-horizontal.show-1 .item.item{display:none}.slick-horizontal.show-1 .item:nth-child(-n+1){display:block}.slick-horizontal.show-2 .item.item{display:none}.slick-horizontal.show-2 .item:nth-child(-n+2){display:block}.slick-horizontal.show-3 .item.item{display:none}.slick-horizontal.show-3 .item:nth-child(-n+3){display:block}.slick-horizontal.show-4 .item.item{display:none}.slick-horizontal.show-4 .item:nth-child(-n+4){display:block}.slick-horizontal.show-5 .item.item{display:none}.slick-horizontal.show-5 .item:nth-child(-n+5){display:block}.slick-horizontal.show-6 .item.item{display:none}.slick-horizontal.show-6 .item:nth-child(-n+6){display:block}.slick-horizontal.show-7 .item.item{display:none}.slick-horizontal.show-7 .item:nth-child(-n+7){display:block}.slick-horizontal.show-8 .item.item{display:none}.slick-horizontal.show-8 .item:nth-child(-n+8){display:block}.slick-horizontal.show-9 .item.item{display:none}.slick-horizontal.show-9 .item:nth-child(-n+9){display:block}.slick-horizontal.show-10 .item.item{display:none}.slick-horizontal.show-10 .item:nth-child(-n+10){display:block}.slick-horizontal.show-11 .item.item{display:none}.slick-horizontal.show-11 .item:nth-child(-n+11){display:block}.slick-horizontal.show-12 .item.item{display:none}.slick-horizontal.show-12 .item:nth-child(-n+12){display:block}@media screen and (max-width:1200px){.slick-horizontal.breakpoint-1200-show-1 .item.item{display:none}.slick-horizontal.breakpoint-1200-show-1 .item:nth-child(-n+1){display:block}.slick-horizontal.breakpoint-1200-show-2 .item.item{display:none}.slick-horizontal.breakpoint-1200-show-2 .item:nth-child(-n+2){display:block}.slick-horizontal.breakpoint-1200-show-3 .item.item{display:none}.slick-horizontal.breakpoint-1200-show-3 .item:nth-child(-n+3){display:block}.slick-horizontal.breakpoint-1200-show-4 .item.item{display:none}.slick-horizontal.breakpoint-1200-show-4 .item:nth-child(-n+4){display:block}.slick-horizontal.breakpoint-1200-show-5 .item.item{display:none}.slick-horizontal.breakpoint-1200-show-5 .item:nth-child(-n+5){display:block}.slick-horizontal.breakpoint-1200-show-6 .item.item{display:none}.slick-horizontal.breakpoint-1200-show-6 .item:nth-child(-n+6){display:block}.slick-horizontal.breakpoint-1200-show-7 .item.item{display:none}.slick-horizontal.breakpoint-1200-show-7 .item:nth-child(-n+7){display:block}.slick-horizontal.breakpoint-1200-show-8 .item.item{display:none}.slick-horizontal.breakpoint-1200-show-8 .item:nth-child(-n+8){display:block}.slick-horizontal.breakpoint-1200-show-9 .item.item{display:none}.slick-horizontal.breakpoint-1200-show-9 .item:nth-child(-n+9){display:block}.slick-horizontal.breakpoint-1200-show-10 .item.item{display:none}.slick-horizontal.breakpoint-1200-show-10 .item:nth-child(-n+10){display:block}.slick-horizontal.breakpoint-1200-show-11 .item.item{display:none}.slick-horizontal.breakpoint-1200-show-11 .item:nth-child(-n+11){display:block}.slick-horizontal.breakpoint-1200-show-12 .item.item{display:none}.slick-horizontal.breakpoint-1200-show-12 .item:nth-child(-n+12){display:block}}@media screen and (max-width:992px){.slick-horizontal.breakpoint-992-show-1 .item.item{display:none}.slick-horizontal.breakpoint-992-show-1 .item:nth-child(-n+1){display:block}.slick-horizontal.breakpoint-992-show-2 .item.item{display:none}.slick-horizontal.breakpoint-992-show-2 .item:nth-child(-n+2){display:block}.slick-horizontal.breakpoint-992-show-3 .item.item{display:none}.slick-horizontal.breakpoint-992-show-3 .item:nth-child(-n+3){display:block}.slick-horizontal.breakpoint-992-show-4 .item.item{display:none}.slick-horizontal.breakpoint-992-show-4 .item:nth-child(-n+4){display:block}.slick-horizontal.breakpoint-992-show-5 .item.item{display:none}.slick-horizontal.breakpoint-992-show-5 .item:nth-child(-n+5){display:block}.slick-horizontal.breakpoint-992-show-6 .item.item{display:none}.slick-horizontal.breakpoint-992-show-6 .item:nth-child(-n+6){display:block}.slick-horizontal.breakpoint-992-show-7 .item.item{display:none}.slick-horizontal.breakpoint-992-show-7 .item:nth-child(-n+7){display:block}.slick-horizontal.breakpoint-992-show-8 .item.item{display:none}.slick-horizontal.breakpoint-992-show-8 .item:nth-child(-n+8){display:block}.slick-horizontal.breakpoint-992-show-9 .item.item{display:none}.slick-horizontal.breakpoint-992-show-9 .item:nth-child(-n+9){display:block}.slick-horizontal.breakpoint-992-show-10 .item.item{display:none}.slick-horizontal.breakpoint-992-show-10 .item:nth-child(-n+10){display:block}.slick-horizontal.breakpoint-992-show-11 .item.item{display:none}.slick-horizontal.breakpoint-992-show-11 .item:nth-child(-n+11){display:block}.slick-horizontal.breakpoint-992-show-12 .item.item{display:none}.slick-horizontal.breakpoint-992-show-12 .item:nth-child(-n+12){display:block}}@media screen and (max-width:768px){.slick-horizontal.breakpoint-768-show-1 .item.item{display:none}.slick-horizontal.breakpoint-768-show-1 .item.item:nth-child(-n+1){display:block}.slick-horizontal.breakpoint-768-show-2 .item.item{display:none}.slick-horizontal.breakpoint-768-show-2 .item:nth-child(-n+2){display:block}.slick-horizontal.breakpoint-768-show-3 .item.item{display:none}.slick-horizontal.breakpoint-768-show-3 .item:nth-child(-n+3){display:block}.slick-horizontal.breakpoint-768-show-4 .item.item{display:none}.slick-horizontal.breakpoint-768-show-4 .item:nth-child(-n+4){display:block}.slick-horizontal.breakpoint-768-show-5 .item.item{display:none}.slick-horizontal.breakpoint-768-show-5 .item:nth-child(-n+5){display:block}.slick-horizontal.breakpoint-768-show-6 .item.item{display:none}.slick-horizontal.breakpoint-768-show-6 .item:nth-child(-n+6){display:block}.slick-horizontal.breakpoint-768-show-7 .item.item{display:none}.slick-horizontal.breakpoint-768-show-7 .item:nth-child(-n+7){display:block}.slick-horizontal.breakpoint-768-show-8 .item.item{display:none}.slick-horizontal.breakpoint-768-show-8 .item:nth-child(-n+8){display:block}.slick-horizontal.breakpoint-768-show-9 .item.item{display:none}.slick-horizontal.breakpoint-768-show-9 .item:nth-child(-n+9){display:block}.slick-horizontal.breakpoint-768-show-10 .item.item{display:none}.slick-horizontal.breakpoint-768-show-10 .item:nth-child(-n+10){display:block}.slick-horizontal.breakpoint-768-show-11 .item.item{display:none}.slick-horizontal.breakpoint-768-show-11 .item:nth-child(-n+11){display:block}.slick-horizontal.breakpoint-768-show-12 .item.item{display:none}.slick-horizontal.breakpoint-768-show-12 .item:nth-child(-n+12){display:block}}@media screen and (max-width:576px){.slick-horizontal.breakpoint-576-show-1 .item.item{display:none}.slick-horizontal.breakpoint-576-show-1 .item:nth-child(-n+1){display:block}.slick-horizontal.breakpoint-576-show-2 .item.item{display:none}.slick-horizontal.breakpoint-576-show-2 .item:nth-child(-n+2){display:block}.slick-horizontal.breakpoint-576-show-3 .item.item{display:none}.slick-horizontal.breakpoint-576-show-3 .item:nth-child(-n+3){display:block}.slick-horizontal.breakpoint-576-show-4 .item.item{display:none}.slick-horizontal.breakpoint-576-show-4 .item:nth-child(-n+4){display:block}.slick-horizontal.breakpoint-576-show-5 .item.item{display:none}.slick-horizontal.breakpoint-576-show-5 .item:nth-child(-n+5){display:block}.slick-horizontal.breakpoint-576-show-6 .item.item{display:none}.slick-horizontal.breakpoint-576-show-6 .item:nth-child(-n+6){display:block}.slick-horizontal.breakpoint-576-show-7 .item.item{display:none}.slick-horizontal.breakpoint-576-show-7 .item:nth-child(-n+7){display:block}.slick-horizontal.breakpoint-576-show-8 .item.item{display:none}.slick-horizontal.breakpoint-576-show-8 .item:nth-child(-n+8){display:block}.slick-horizontal.breakpoint-576-show-9 .item.item{display:none}.slick-horizontal.breakpoint-576-show-9 .item:nth-child(-n+9){display:block}.slick-horizontal.breakpoint-576-show-10 .item.item{display:none}.slick-horizontal.breakpoint-576-show-10 .item:nth-child(-n+10){display:block}.slick-horizontal.breakpoint-576-show-11 .item.item{display:none}.slick-horizontal.breakpoint-576-show-11 .item:nth-child(-n+11){display:block}.slick-horizontal.breakpoint-576-show-12 .item.item{display:none}.slick-horizontal.breakpoint-576-show-12 .item:nth-child(-n+12){display:block}}@media screen and (max-width:384px){.slick-horizontal.breakpoint-384-show-1 .item.item{display:none}.slick-horizontal.breakpoint-384-show-1 .item:nth-child(-n+1){display:block}.slick-horizontal.breakpoint-384-show-2 .item.item{display:none}.slick-horizontal.breakpoint-384-show-2 .item:nth-child(-n+2){display:block}.slick-horizontal.breakpoint-384-show-3 .item.item{display:none}.slick-horizontal.breakpoint-384-show-3 .item:nth-child(-n+3){display:block}.slick-horizontal.breakpoint-384-show-4 .item.item{display:none}.slick-horizontal.breakpoint-384-show-4 .item:nth-child(-n+4){display:block}.slick-horizontal.breakpoint-384-show-5 .item.item{display:none}.slick-horizontal.breakpoint-384-show-5 .item:nth-child(-n+5){display:block}.slick-horizontal.breakpoint-384-show-6 .item.item{display:none}.slick-horizontal.breakpoint-384-show-6 .item:nth-child(-n+6){display:block}.slick-horizontal.breakpoint-384-show-7 .item.item{display:none}.slick-horizontal.breakpoint-384-show-7 .item:nth-child(-n+7){display:block}.slick-horizontal.breakpoint-384-show-8 .item.item{display:none}.slick-horizontal.breakpoint-384-show-8 .item:nth-child(-n+8){display:block}.slick-horizontal.breakpoint-384-show-9 .item.item{display:none}.slick-horizontal.breakpoint-384-show-9 .item:nth-child(-n+9){display:block}.slick-horizontal.breakpoint-384-show-10 .item.item{display:none}.slick-horizontal.breakpoint-384-show-10 .item:nth-child(-n+10){display:block}.slick-horizontal.breakpoint-384-show-11 .item.item{display:none}.slick-horizontal.breakpoint-384-show-11 .item:nth-child(-n+11){display:block}.slick-horizontal.breakpoint-384-show-12 .item.item{display:none}.slick-horizontal.breakpoint-384-show-12 .item:nth-child(-n+12){display:block}}.slick-horizontal.slick-initialized{display:block}.slick-horizontal.slick-initialized .item.item{display:block;position:relative}
.slick-horizontal .slick-track{display:flex;}
.slick-horizontal .slick-slide{float:none;height:auto}
.slick-horizontal.slick-initialized{
    width:100%;
}


/*******************************
CONFIGURACIÓN DEL SLIDER
********************************/
.slick-horizontal .item{
    /*diapositiva*/
    padding: var(--slider-item-padding,1rem);
}
/*************************************************************
FLECHAS
debe estar "arrow": true y "prevArrow" "nextArrow" configuradas
******************************************************************/
.bs-slick-nav{
    margin-top:1rem;
    display:flex;
    justify-content:flex-end;
}
.slick-arrow{
   height:var(--slider-btn-height, 2rem);
    width:var(--slider-btn-width, 2rem);
    color:var(--slider-btn-color);
    background: var(--slider-btn-bg, transparent);
    
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}
.slick-arrow:hover{
    color:var(--slider-btn-color-active);
    background: var(--slider-btn-bg-active, transparent);
}
.slick-horizontal .slick-arrow{
    background:white;
    z-index:100;
    position:absolute;
    bottom:1rem;
}

/********************************************
DOTS 
deben estar en la configuración del slider 
*********************************************/
.slick-horizontal .slick-dots{
    /* necesario para responsive */
    display:flex; 
    flex-wrap:wrap;
}
.slick-dots li button{
    padding: var(--slider-dots-margin, .5rem);
}
.slick-dots li button::before{
    /* estructura del boton*/
    content:" ";
    width:var(--slider-dots-width, .5rem);
    height:var(--slider-dots-height, .5rem);
    background:var(--slider-dots-bg, black);
    border:solid var(--slider-dots-border-size, 0px) var(--slider-dots-border-color, --slider-dots-bg) ;
    opacity: var(--slider-dots-op,.5);
    
}
.slick-dots li.slick-active button::before{
    /* cuando está activo*/
    background:var(--slider-dots-bg-active, rgba(0,0,0,1));
    border:solid var(--slider-dots-border-size, 0px) var(--slider-dots-border-color-active, --slider-dots-bg-active) ;
    opacity: var(--slider-dots-op-active, var(--slider-dots-op,1));
}

/*slider brands*/
.bs-home__brands .slick-horizontal .slick-arrow,
.bs-product-accessories .slick-horizontal .slick-arrow,
.bs-product-related .slick-horizontal .slick-arrow{
    top:50%;
    transform: translateY(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
}
.bs-home__brands .slick-horizontal .slick-next,
.bs-product-accessories .slick-horizontal .slick-next,
.bs-product-related .slick-horizontal .slick-arrow{
    right:-1rem
}
.bs-home__brands .slick-horizontal .slick-prev,
.bs-product-accessories .slick-horizontal .slick-prev,
.bs-product-related .slick-horizontal .slick-prev{
    left:-1rem
}