:root {
    /**************************
    Necesita cargar la fuente en el componente 
    "style css > fuentes y letras" 
    *******************************/
    --font-body-family: 'Raleway', sans-serif;
    --font-title-family: 'Raleway', sans-serif;
    --font-bold: 700;
    --font-regular: 400;
    --font-light: 300;

    /* Text */
    --body-txt-default-color: #212121;

    /*logo header*/
    --logo-width: 240px;
    --logo-height: 100px;

    /* Title */
    --home-title-size: 1.7rem;
    --title-color: var(--body-txt-default-color);
    --title-transform: uppercase;
    --title-weight: var(--font-regular);

    /* Primary */
    --primary-color: #232323;
    --primary-contrast: #fff;
    --primary-hover-color: #101010;
    --primary-hover-contrast: var(--primary-contrast);

    /* Secondary */
    --secondary-color: var(--primary-color);
    --secondary-contrast: var(--primary-contrast);
    --secondary-hover-color: var(--primary-hover-color);
    --secondary-hover-contrast: var(--secondary-contrast);

    /* Danger */
    --danger-color: #dc3545;
    --danger-contrast: white;
    --danger-hover-color: #c82333;
    --danger-hover-contrast: var(--danger-contrast);

    /* Highlight */
    --highlight-color: #ff5900;
    --highlight-contrast: white;
    --highlight-hover-color: #1580b1;
    --highlight-hover-contrast: white;

    /*********************************************
    DESCUENTOS
    **********************************************/
    --discount-bg-color: var(--highlight-color);
    --discount-txt-color: var(--highlight-contrast);

    /*********************************************
    MENU
    **********************************************/
    /* Level 1 */
    --lv1-size: .85rem;
    --lv1-txt-color: #565656;
    --lv1-bg-color: transparent;
    --lv1-hover-txt-color: #191919;
    --lv1-hover-bg-color: none;
    --lv1-hover-decoration: rgb(222 226 230);

    /* Level 2 */
    --lv2-size: .75rem;
    --lv2-txt-color: var(--lv1-txt-color);
    --lv2-bg-color: transparent;
    --lv2-hover-txt-color: #212529;
    --lv2-hover-bg-color: rgb(222, 226, 230);

    /* Level 3 */
    --lv3-size: var(--lv2-size);
    --lv3-txt-color: var(--lv2-txt-color);
    --lv3-bg-color: transparent;
    --lv3-hover-txt-color: var(--lv2-hover-txt-color);
    --lv3-hover-bg-color: var(--lv2-hover-bg-color);

    /* Menu Title (títulos aparecen cuando existe nivel 3) */
    --menu-title-size: var(--lv3-size);
    --menu-title-weight: var(--font-bold);
    --menu-title-txt-color: var(--lv3-txt-color);

    /* Cabecera */
    --header-bg-color: white;

    /* Navbar */
    --header-navbar-bg-color: white;
    --header-navbar-mobile-bg-color: var(--header-navbar-bg-color);

    /* Redes Sociales */
    --rrss-bg: white;
    --rrss-txt-color: #565656;
    --rrss-border-radius: 50%;

    /*******************************************************************
    BORDES
    ********************************************************************/
    --default-border-radius: .25rem;

    /********************************************************************
    COLECCIONES PRODUCTO
    *********************************************************************/
    --product-collection-border-radius: 1.25rem;
    --product-collection-bg: white;
    --product-collection-txt-direction: center;

    /********************************************************************
    Footer
    *********************************************************************/
    --footer-bg-color: #f9f9f9;
    --footer-txt-color: #949393;
}
/*******************************************************************
Colección home grilla
********************************************************************/

.bs-collection-home{
    --cols:2; 
    --cols-sm:3;
    --cols-md:3; 
    --cols-lg:4; 
    --cols-xl:4;
    --gap:1rem
}

/*******************************************************************
Colección 
********************************************************************/

.bs-collection{
    --cols:2; 
    --cols-sm:3;
    --cols-md:3; 
    --cols-lg:3; 
    --cols-xl:3;
    --gap:1rem
}