body{
    font-family: "Poppins";
}


:root {
    /* colors */
    --base: #212121;
    --base-aux: #ffff;
    --secondary: #E40E00;
    --lighter-base: #c5c5c5;
    --newsletter-color: #E40E00;
    --button-font-color: #ffffff;
    --button-font-color-hover: #E40E00;
  
    /* fonts */
    --base-font-size: 14px;
    --base-line-height: 20px;
    --base-font-weight: 400;
    --title-font-size: 40px;
    --title-line-height: 48px;
    --body-font-size: 12px;
    --body-line-height: 18px;
    --group-font-size: 20px;
    --group-line-height: 24px;
    --groups-font-weight: 600;
    --slider-font-size: 20px;
    --slider-font-weight: 700;
    --slider-line-height: 34px;
    --button-font-size: 16px;
    --button-font-weight: 700;
    --prices-font-weight: 700;
    --custom-titles-font-weight: 600;
    --spec-title-font-weight: 600;

    /* font-family */
    --Syne: "Syne";
    --SadoTestAldo: "SaloTestAldo";
    --Dechorian: "Dechorian";
    --Bebas: "Bebas";
    --BebasNeue: "BebasNeue";
    --Delauney: "Delauney";
  
    /*only when needed*/
    --letter-spacing: 0px;
    --menu-height: 165px;
    --web-container: 94%;
    --home-container: 94%;
    --shop-grid-items: repeat(4, 1fr);
    --shop-grid-items-mobile: repeat(1, 1fr);
    --web-background: #FFFFFF;
    --header-promo-height: 25px;
    --icons-invert: invert(0);
    --specs-margin-bottom:15px;
  
    /* fiexd vars */
    --border-radius: 8px;
    --border-radius-small: 4px;
    --header-icons-height: 19px;
    --santander: #e42313;
    --itau: #FF5300;
    --bbva: #1a5493;
    --scotia: #ed0722;
    --scotiaBlack: #000000;
    --main-img-product: 180/248;
    --slider-nav-aspect-ratio: 111/472;
  }