:root{
    /*fonts*/
    --body-font-size: 14px;
    --body-font-size-lg:15px;
    --font-body-family:
    'Poppins', sans-serif;
    --font-title-family: 'montserrat', sans-serif;
    
    /*NO USAR + DE 3 TIPOS, DEBEN SER LAS MISMAS QUE LAS CARGADAS CON GOOGLE*/
    --font-bold: 700;
    --font-regular: 500;
    --font-light: 300;
    --body-txt-default-color: #787878;
    --body-txt-light:
    rgb(135,135,135); 
    

    /* COLORES */ 
    
    /* highlight DESTACADO */
    --highlight-color: black; /* rojo */
    --highlight-contrast: white;
    
     /* primary */
    --primary-color: #8C3A1C;
    --primary-contrast: white;
    
    /* primary -hover */
    --primary-hover-color: #D98825;
    --primary-hover-contrast: white;
    
    /* secondary */
    --secondary-color: #D98825;
    --secondary-contrast:  WHITE;
    
    /* secondary hover */
    --secondary-hover-color: #D96704;
    --secondary-hover-contrast: white;
    
    /* danger */
    --danger-color:
    var(--highlight-color);
    --danger-contrast:
    var(--highlight-contrast);
    
    /* danger hover */
    --danger-hover-color:#8c3322;
    --danger-hover-contrast: #fff;
    
    /* success */
    --success-color: #96eb83;
    --success-contrast:
    rgba(0,0,0,0.8);
    
    /* success hover */
    --success-hover-color:#77bf67;
    --success-hover-contrast:
    rgba(0,0,0,0.8);
    
    
    
    /* body */
    --body-bg: none;
    
    
    /* elements */
    --element-bg: white;
    
    /* cart-items*/
    --cart-items-bg: #e17403;
    --cart-items-color:white;
    --cart-items-border:none;
    
     /* Border radius */
    --default-border-radius: 0rem;
    
    
    /* botones */
    --btn-bg-default: #B2B2B2;
    --btn-color-default: white;
    --btn-border:2px solid;
    --btn-border-radius: .5rem;
    --btn-weight:
    var(--font-regular);
    
   /* migas de pan*/
    --breadcrumb-bg-color: transparent;
   
   /* forms */
    --input-bg-color: #fff;
    --input-border-color:
    var(--secondary-border);
    --input-txt-color: inherit;
    --input-border:
    var(--btn-border) var(--input-border-color);
    --input-border-radius: .5rem;
   
    
     /* cabecera header en otras pagina y position fixed */
    --header-top-bg:
    var(--primary-color);
    --header-top-color: white;
    --header-bg: #ffffff;
    --header-color: white;
    --menu-columns-xl: 5;
    --menu-columns-lg: 4;
    --menu-columns-md: 4;
    --menu-columns-sm: 3;
    --menu-columns: 2;
    

    
    /* logo cabecera */
    --logo-width:200px;
    --logo-height:80px;
    
   
    /*header earch*/
    --header-search-bg:#E7F7FF;
    --header-search-border: #E7F7FF;
    
    
    
    
    
    /* iconos */
    --icon-header-bg: transparent;
    --icon-header-color:
    var(--primary-color);
    /*hover */
    --icon-header-hover-bg:
    var(--primary-color);
    --icon-header-hover-color: white;
    
    
    /* cabecera menú */
    --menu-bg:
    var(--header-bg);
    
    
    /* lv1 */
    --lv1-color: #2d2d2b;
    --lv1-bg: transparent;
    --lv1-size: 1rem;
    
    /* lv1 hover */
    --lv1-hover-color:
    var(--primary-color);
    --lv1-hover-bg: transparent;
    
    /* lv2 */
    --lv2-color: #2d2d2b;
    --lv2-bg: transparent;
    --lv2-size: .85rem;
    
    /* lv2 hover */
    --lv2-hover-color:
    var(--primary-color);
    --lv2-hover-bg: transparent;
    
    /* lv3 */
    --lv3-color: #2d2d2b;
    --lv3-bg: transparent;
    --lv3-size: .85rem;
    
    /* lv3 hover */
    --lv3-hover-color:
    var(--primary-color);
    --lv3-hover-bg: none;
    --menu-title-size:
    var(--lv3-size);
    --menu-title-weight:
    var(--font-bold);
    --menu-title-color: #545454;
    
    
    /*Home title*/
    --title-weight: var(--font-bold);
    --title-transform: uppercase;
    
    /* home titles */
    --home-title-size: 2rem;
    --home-title-color:
    var(--primary-color);
    --home-title-decoration-color:
    linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(248,217,209,1) 50%, rgba(255,255,255,1) 100%);
    
    /* product */
    --prod-title-weight:
    var(--font-regular);
    --prod-title-size: 2rem;
    
    
    /* descuentos */
    --discount-bg-color: #272727;
    --discount-txt-color: white;
    
    /* footer */
    --footer-bg: #ffffff;
    --footer-txt-color:
    var(--primary-color);
    --footer-link-txt-color: #414042;
    --footer-link-hover-txt-color:
    var(--primary-color);
    
    /* facebook */
    --chat-facebook-bg-color: #1877f2;
    --chat-facebook-txt-color: white;
    
    /* facebook hover */
    --chat-facebook-hover-bg-color:
    rgb(23,113,230);
    --chat-facebook-hover-txt-color: white;
    
    /* whatsapp */
    --chat-whatsapp-bg-color:#25D366;
    --chat-whatsapp-txt-color: white;
    
    /* whatsapp hover */
    --chat-whatsapp-hover-bg-color:#25D366;
    --chat-whatsapp-hover-txt-color:white;
    
    /* banners */
    --banner-hover-bg-color:
    rgba(0,0,0,0.6);
    --banner-hover-txt-color: #fff;
    
    /* alert */
    --alert-bg: #dee2d9;
    --alert-color: #282826;
}





/* toda slider */
.slick-slider{
    --slider-btn-color: black;
    --slider-btn-color-active: black;
    --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);
    
}
.bs-special-collection{
    --collection-brand-color: white;
    --collection-brand-bg: #272727;
    --collection-brand-padding: .125rem .25rem;
    --collection-brand-border-radius:.25rem;
    --collection-product-title-lines: 2;
    --collection-product-title-color: inherit;
    --collection-product-title-fSize: 1rem;
    --collection-decoration-bg: #fdf2c4;
    --collection-special-img-bg: none; /* para las 3 imagenes */
    --collection-special-img1-fit: cover;
    --collection-special-img2-fit: cover;
    --collection-special-img3-fit: cover;
    --collection-special-big-img-ratio: 5/7; /* solo mobile */
    --collection-special-small-img-ratio: 5/7; /* mobile & desktop */
}
/* config default coleccions */
.bs-collection{
     /* collection */ 
     
     /*img*/
    --aspect-ratio:4/3;     /* alto/ancho imagen */
    --img-square-fit: cover;
    
    /* notice */
    --collection-notice-color:
     var(--highlight-contrast);
    --collection-notice-bg:
     var(--primary-color);
    --collection-notice-padding: .25rem .5rem;
    --collection-notice-border-radius: .25rem;
    
     /*brand*/
    --collection-brand-color:
     rgba(0,0,0,0.75);
    --collection-brand-bg: none;
    --collection-brand-padding:0;
    --collection-brand-border-radius:0;
    --collection-brand-font-size: .8rem;
    
    /*title*/
    --collection-product-title-lines: 2;
    --collection-product-title-color: inherit;
    --collection-product-title-fSize: 1rem;
    
    /*grilla*/
    
    --collection-product-border-radius: 0;
    --slider-margin:1rem;
    --gap: 1rem;
    
    --cols-xl:4;            /* columnas sin slider >1200 */
    --cols-lg:3;            /* columnas sin slider >992 */
    --cols-md:3;            /* columnas sin slider >768 */
    --cols-sm:2;            /* columnas sin slider >576 */
    --cols:2;
}
.bs-blog-article{
    --aspect-ratio:3/5;
    --img-square-fit:cover;
}
.bs-banners{
    --gap: 1rem;
    --aspect-ratio:3/10;
    --img-square-fit:cover;
}
.bs-blog.grid{
    --cols-xl:4;            /* columnas sin slider >1200 */
    --cols-lg:3;            /* columnas sin slider >992 */
    --cols-md:3;            /* columnas sin slider >768 */
    --cols-sm:2;
}


