/************************
variables generales 
*************************/

:root{
    /* danger -----------------------------*/
    --danger-color:#aa3e29;
    --danger-contrast: #fff;
    --danger-hover-color:#8c3322;
    --danger-hover-contrast: #fff;
    
    /* success --------------------------*/
    --success-color: #96eb83;
    --success-contrast:rgba(0,0,0,0.8);
    
    /* default --------------------------*/
    --element-bg:#EDEDED;
    
    /* text colors ----------------------*/
    --text-color: #1D1D1B;
    --muted-color: #838383;
    
    /* default --------------------------*/
    --default-border-radius:4px;
    
    /* buttons---------------------------*/
    --btn-border-radius:.25rem;

    /* boton flotante redes sociales */
    --chat-facebook-bg:linear-gradient(0deg, rgba(0,98,224,1) 0%, rgba(25,175,255,1) 100%);
    --chat-facebook-color: white;
    --chat-whatsapp-bg:linear-gradient(0deg, rgba(32,176,56,1) 0%, rgba(96,214,106,1) 100%);
    --chat-whatsapp-color: white;

    /* LOGO ------------------------------*/
    --logo-height: 80px;
    --logo-width:200px;

    /* Padding de texto destacado ------------------------------*/
    --notice-padding:0px 2px 0px 3px;
}

/* Slick slider */
.slick-slider{
    --slider-btn-color: black;
    --slider-btn-color-active: black;
    /* dots */
    --slider-dots-width:.5rem;
    --slider-dots-height:.5rem;
    --slider-dots-bg: var(--secondary-color);
    --slider-dots-bg-hover: rgb(11,167,255);
    --slider-dots-bg-active: var(--primary-contrast);
    --slider-dots-op:1;
    --slider-dots-border-size: 2px;
    --slider-dots-border-color-active: var(--primary-color);

    /* flechas*/
    --slider-arrow-bg: none;
    --slider-arrow-color: rgba(0,0,0,0.4);
    --slider-arrow-border: 2px solid rgba(0,0,0,0.4);
    
    --slider-arrow-hover-bg: none;
    --slider-arrow-hover-color: var(--primary-color);
    --slider-arrow-hover-border: 2px solid var(--primary-color);
}

/* Collection */
.bs-collection{
    --collection-product-padding:0px;
    --collection-product-border:1px solid var(--element-bg);
    --collection-product-title-lines:2;
    --collection-product-border-radius: 4px;
    --collection-product-img-border-radius: 4px 4px 0 0 ;
    --aspect-ratio:1/1;

    /*loading animation*/
    --loading-color1: #E9E9E9;
    --loading-color2: #d1d1d1;
}

.grid-slider{
    --slider-margin:12px;
}