body{
    font-family: "Barlow";
}


:root {
    /* colors */
    --base: #000000;
    --base-aux: #ffff;
    --secondary: #F6F6EE;
    --lighter-base: #c5c5c5;
    --newsletter-color: #b8af9e;
    --button-font-color: #ffffff;
    --button-font-color-hover: #053454;
  
    /* fonts */
    --base-font-size: 14px;
    --base-line-height: 20px;
    --base-font-weight: 400;
    
    --title-font-size: 30px;
    --title-line-height: 36px;
  
    --body-font-size: 12px;
    --body-line-height: 16px;
    
    --group-font-size: 22px;
    --group-line-height: 28px;
    --groups-font-weight: 600;
    
    --slider-font-size: 18px;
    --slider-font-weight: 500;
    --slider-line-height: 20px;
  
    --button-font-size: 16px;
    --button-font-weight: 500;
    
    --prices-font-weight: 600;
    --custom-titles-font-weight: 600;
    --spec-title-font-weight: 600;
  
    
  
  
    /*only when needed*/
    --letter-spacing: 0px;
    --menu-height: 98px;
    --web-container: 94%;
    --home-container: 94%;
    --shop-grid-items: repeat(4, 1fr);
    --shop-grid-items-mobile: repeat(1, 1fr);
    --web-background: white;
    --header-promo-height: 28px;
  
    /* 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;
  }