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


:root{--body-bg:white;
    /* fuentes */--body-font-family:'Outfit', sans-serif;--title-font-family:'Outfit', sans-serif;--font-bold: 700;--font-regular: 600;--font-light: 400;--font-small:75%;
    
    
    /*************************
    colores 
    **************************/ 
    
    /* primary -----------------------------*/--primary-color:rgba(223,6,19,1);--primary-contrast: #fff;--primary-hover-color:#b2040f;--primary-hover-contrast: #fff;
    
    /* secondary --------------------------*/--secondary-color:#1d1d1d;--secondary-contrast:  #fff;--secondary-hover-color: #4f4f4f;--secondary-hover-contrast: #fff;
    
    /* danger -----------------------------*/--danger-color: #df0613;--danger-contrast: #fff;--danger-hover-color:#8c3322;--danger-hover-contrast: #fff;
    
    /* success --------------------------*/--success-color: #96eb83;--success-contrast:rgba(0,0,0,0.8);--success-color: #96eb83;--success-contrast:rgba(0,0,0,0.8);
    
    /* DESCATADOS -----------------------*/--highlight-color: var(--primary-color);--highlight-contrast: white;
    
    
    /* default --------------------------*/--element-bg:#E9E9E9;
    
    /* text colors ----------------------*/--text-color: #1D1D1B;--muted-color: #838383;
    
    /* default --------------------------*/--default-border-radius:4px;
    
    
    /* buttons---------------------------*/--btn-border-radius:.25rem;
    
    

    /* Etiqueta texto destacado */--notice-color:var(--highlight-contrast);--notice-bg:var(--highlight-color);--notice-padding: .125rem .25rem;--notice-border-radius: .125rem;

    /* 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;


    /* header top */--header-top-bg:#1D1D1B;--header-top-color:white;

     /* carro top*/--cart-btn-color:var(--header-top-bg);--cart-btn-bg:var(--header-top-color);--cart-items-bg:var(--primary-color);--cart-items-color: white;

    /* header down */--header-bg: #f2f2f2;--header-navbar-mobile-bg:#f2f2f2;

   /* carro down*/--mobile-btn-color:#1D1D1B;--mobile-btn-bg:none;--mobile-btn-hover-color:var(--primary-color);--mobile-btn-hover-bg:none;--mobile-cart-items-bg:var(--primary-color);--mobile-cart-items-color: white;

    /* buscador */--search-input-bg:white;--search-input-color:var(--header-top-bg);--search-btn-bg:white;--search-btn-color:var(--header-top-bg);--search-btn-hover-bg:white;--search-btn-hover-color:var(--primary-color);--search-decoration-bg:var(--element-bg);

    /* LOGO ------------------------------*/--header-logo-align: left;--header-logo-align-mobile:center;--logo-height: 80px;--logo-width:200px;

    /* menu ------------------------------*/--menu-columns: 5;

    /* menu destacado, cuando el nombre se escribe con ==nombre== */--menu-hightlight-bg: var(--primary-color);--menu-hightlight-color:var(--primary-contrast);--menu-hightlight-hover-bg: black;--menu-hightlight-hover-color:white;


    /* menu Lv 1 -------------------------*/--lv1-color:#1d1d1b;--lv1-bg: none;--lv1-transform: capitalize;--lv1-size:14px;--lv1-font:var(--font-regular);--lv1-hover-color:#df0613;--lv1-hover-bg: none;

    /* menu Lv 2 ------------------------*/--lv2-color:#1d1d1b;--lv2-bg: none;--lv2-transform: capitalize;--lv2-size:14px;--lv2-font:var(--font-regular);--lv2-hover-color:#df0613;--lv2-hover-bg: none;

    /* menu Lv 3 ------------------------*/--lv3-color:#1d1d1b;--lv3-bg: none;--lv3-transform: capitalize;--lv3-size:14px;--lv3-font:var(--font-regular);--lv3-hover-color:#df0613;--lv3-hover-bg: none;--title-background:black;}




.pagination{
--pagination-bg: inherit;
--pagination-color: inherit;
--pagination-hover-bg: var(--element-bg);
--pagination-hover-color:inherit;
--pagination-active-bg: var(--secondary-color);
--pagination-active-color:var(--secondary-contrast);
}



.bs-filter-btn{
    --btn-bg: var(--element-bg);
    --btn-color: inherit;
    --btn-hover-bg: var(--secondary-color);
    --btn-hover-color: var(--secondary-contrast);
}
.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);
}
.bs-discount{
    --weight: var(--font-bold);
    --padding: .25em 1em;
    --border-radius: .25rem;
    --discount-bg-color: var(--primary-color);
    --discount-txt-color: var(--primary-contrast)
}
.bs-collection{
    
    --cols-xl:4;
    --cols-lg:3;
    --cols-md:3;
    --cols-sm:3;
    --cols:2;

    --collection-product-bg:white;
    --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;
}
.bs-collection-bg{
    --color: white;
    --background:var(--primary-color);
}
.grid-slider{
 --slider-margin:12px;
 }
.bs-blog{
    --aspect-ratio:3/4;
    --cols-xl:3;
    --cols-lg:3;
    --cols-md:2;
    --cols-sm:2;
    --cols:2;
    --slider-margin:1rem;

    /* article */
    --blog-article-bg: #ffffff;
    --btn-bg:
    var(--element-bg);
    --btn-color:
    var(--primary-color);
    --btn-hover-bg:
    var(--element-bg);
    --btn-hover-color:
    var(--primary-color);
    --btn-hover-decoration:underline;
}
.bs-blog-home{
    --blog-home-bg: none;
    --blog-home-padding: 16px 0;
}
.bs-footer{
    --footer-bg: var(--primary-color);
    --footer-color: white;
    --footer-link-color: #000;
    --footer-link-hover-color: #000;
    --footer-title-color: #000;
    --footer-title-decoration: #000;
    --footer-logo-bg:none;
}