:root{
    /*fonts*/
    font-size: 14px;
    --font-body-family:
    'Nunito', sans-serif;
    --font-title-family:
    'Nunito', sans-serif;
    
    /*NO USAR + DE 3 TIPOS, DEBEN SER LAS MISMAS QUE LAS CARGADAS CON GOOGLE*/
    --font-bold: 800;
    --font-regular: 600;
    --font-light: 400;
    --body-txt-default-color: #6a6a6a;
    
     /* primary */
    --primary-color: #00c2d6;
    --primary-contrast: #fff;
    --primary-border: #00c2d6;
    
    /* primary -hover */
    --primary-hover-color: #00e6fd;
    --primary-hover-contrast: #fff;
    --primary-hover-border: #00e6fd;
    
    /* secondary */
    --secondary-color: #cb9902;
    --secondary-contrast:  #fff;
    --secondary-border: #cb9902;
    
    /* secondary hover */
    --secondary-hover-color: #e2c773;
    --secondary-hover-contrast: #fff;
    --secondary-hover-border: #e2c773;
    
    
    
    /* danger */
    --danger-color:#aa3e29;
    --danger-contrast: #fff;
    
    /* danger hover */
    --danger-hover-color:#8c3322;
    --danger-hover-contrast: #fff;
    
    /* success */
    --success-color: grey;
    --success-contrast:
    rgb(255 255 255 / 80%);
    
    /* success hover */
    --success-hover-color: grey;
    --success-hover-contrast:
    rgb(255 255 255 / 80%);
    
    /* elements */
    --element-bg: #f9f9f9;
    --collection-brand-color: #797979;
    --collection-brand-bg: transparent;
    --element-bg-home: #1c4679bf;
    
     /* Border radius */
    --default-border-radius: .25rem;
    --product-collection-border-radius: .5rem;
    
    /* botones */
    --btn-border:1px solid;
    --btn-border-radius:
    var(--default-border-radius);
    
    
   /* migas de pan*/
    --breadcrumb-bg-color: #f6f8f9;
   
   /* forms */
    --input-bg-color: #fff;
    --input-border-color: #ced4da;
    --input-txt-color: inherit;
   
    /*Cabecera header*/
    --header-bg-color: white;
    --header-txt-color:
    var(--primary-color);
    
    /* cabecera menú */
    --header-navbar-bg-color: white;
    --header-navbar-mobile-bg-color: white;
    
    /* lv1 */
    --lv1-txt-color: #6a6a6a;
    --lv1-bg-color: transparent;
    --lv1-size: 14px;
    
    /* lv1 hover */
    --lv1-hover-txt-color:
    var(--primary-color);
    --lv1-hover-decoration:
    var(--primary-color);
    
    /* lv2 */
    --lv2-txt-color: #403f3f;
    --lv2-bg-color: transparent;
    --lv2-size: .85rem;
    
    /* lv2 hover */
    --lv2-hover-txt-color:
    var(--primary-contrast);
    --lv2-hover-bg-color:
    var(--primary-color);
    
    /* lv3 */
    --lv3-txt-color: #403f3f;
    --lv3-bg-color: transparent;
    --lv3-size: .85rem;
    
    /* lv3 hover */
    --lv3-hover-txt-color:
    var(--primary-contrast);
    --lv3-hover-bg-color:
    var(--primary-color);
    --dropdown-menu-border-radius: 1rem;
    --menu-title-size:
    var(--lv3-size);
    --menu-title-weight:
    var(--font-bold);
    --menu-title-color: #545454;
    
    --btn-search-color:white;
    --btn-search-bg:
    rgb(202 152 1);
    
    --btn-login-color:white;
    --btn-login-bg:
    rgb(202 152 1);
    
    --btn-cart-color:white;
    --btn-cart-bg:
    rgb(202 152 1);
    --cart-items-color:white;
    --cart-items-bg:
    var(--primary-color);
    
    /*Home title*/
    --title-weight:
    var(--font-bold);
    --title-transform: capitalize;
    --title-color:
    var(--body-txt-default-color);
    
    /* home titles */
    --home-title-size: 2rem;
    --home-title-color: #403f3f;
    --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:
    var(--primary-color);
    --discount-txt-color:
    var(--primary-contrast);
    
    /* footer */
    --footer-bg-color:white;
    --footer-txt-color: #403f3f;
    --footer-link-txt-color:#403f3f;
    --footer-link-hover-txt-color:(
    --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;
    --product-border-radius: 10px;
    
    /* link */ 
    --link-color:
    var(--body-txt-default-color);
    --link-hover-color:
    var(--body-txt-default-color);
}
.slick-slider{
    --slider-btn-color: #403f3f;
    --slider-btn-color-active: #403f3f;
    --slider-dots-width:1rem;
    --slider-dots-height:1rem;
    --slider-dots-bg: var(--secondary-color);
    --slider-dots-bg-active: var(--secondary-contrast);
    --slider-dots-op:1;
    --slider-dots-border-size: 4px;
    --slider-dots-border-color-active: var(--primary-color);
}
.bs-collection{
    --gap: 1rem;
    --cols-xl:4;            /* columnas sin slider >1200 */
    --cols-lg:4;            /* columnas sin slider >992 */
    --cols-md:3;            /* columnas sin slider >768 */
    --cols-sm:2;            /* columnas sin slider >576 */
    --cols:2;
    --collection-old-price:
    rgb(128,128,128);
    --collection-final-price-bg:
    rgb(132 132 132 / 99%);
    --collection-final-price-color: white;
    --img-square-fit:cover;
    --aspect-ratio:7/6;
}
.bs-collection.grid-slider{
    --slider-margin:1rem;   /* margen entre los elements */
    --cols-xl:5;            /* columnas sin slider >1200 */
    --cols-lg:4;            /* columnas sin slider >992 */
    --cols-md:3;            /* columnas sin slider >768 */
    --cols-sm:2;            /* columnas sin slider >576 */
    
    /* esquema que usan los elementos del slider al cargar */
    --slick-initialized-area:   "left slick-list right" 
                                  "dots dots dots";
}
.bs-blog.grid-slider{
    --slider-margin:1rem;   /* margen entre los elements */
    --cols-xl:5;            /* columnas sin slider >1200 */
    --cols-lg:4;            /* columnas sin slider >992 */
    --cols-md:3;            /* columnas sin slider >768 */
    --cols-sm:2;
}
.bs-banners.grid-slider{
    --slider-margin:1rem;   /* margen entre los elements */
    --cols-xl:3;            /* columnas sin slider >1200 */
    --cols-lg:3;            /* columnas sin slider >992 */
    --cols-md:3;            /* columnas sin slider >768 */
    --cols-sm:2;
}