:root {
  
    /* colors */
    --base: rgba(54, 52, 53, 1);
    --base-aux: rgba(255, 255, 255, 1);
    --secondary: rgba(173, 118, 57, 1);
    --lighter-base: #c5c5c5;
    --newsletter-color:rgba(173, 118, 57, 1);
    --button-font-color:#ffffff;
    --button-font-color-hover:rgba(173, 118, 57, 1);
    --crema-oscuro:rgba(232, 228, 213, 1);
    --crema:rgba(247, 245, 238, 1);
  
  
    /* fonts */
    --base-font-size:13px;
    --base-line-height:18px;
    --base-font-weight:400;
    --title-font-size:30px;
    --title-line-height:40px;
    --group-font-size:30px;
    --group-line-height:40px;
    --slider-font-size:20px;
    --slider-font-weight: 600;
    --slider-line-height: 28px;
    --button-font-size:16px;
    --button-font-weight:500;
    --prices-font-weight:600;
    --custom-titles-font-weight:600;
    --spec-title-font-weight:600;
    --groups-font-weight:600;
    --body-font-size:13px;
    --body-line-height:18px;
  
    /*only when needed*/
    --letter-spacing:0px;
    --menu-height: 93px;
    --web-container: 95%;
    --shop-grid-items:repeat(4, 1fr);
    --shop-grid-items-mobile:repeat(1, 1fr);
  
    
    /* fiexd vars */
    --border-radius-large:100px;
    --border-radius:16px;
    --border-radius-small:12px;
    --header-icons-height: 18px;
    --header-promo-height: 28px;
    --web-background: rgba(247, 245, 238, 1);
    --santander: #e42313;
    --itau: #da7349;
    --bbva: #1a5493;
    --scotia: #ed0722;
    --scotiaBlack: #000000;
    --main-img-product: 180/248;
    --slider-nav-aspect-ratio: 111/472;
  }