/*
 * b4st-Scimagolab CSS
 */

 /* Variables Scimagolab*/
 :root {
    --color-primary:#172122;/*#1F2D3D; /* azul 100%*/
    --color-text-invert-primary:#FFFFFF;
    --color-secondary:#555C5C;/*#E95670; /* rojo */
    --color-tertiary: #25A5D9; /* azul claro*/
    --color-add-to-cart:#E95670; /*rojo*/
    --background-body:#EBEBEB; /*#ffffff;/*#f7f7f7;*/
    --background-footer:#172122;
    --brand-color: #DB2432;
    --disabled-color: #636A6C;

    --color-primary-hover:#555C5C;/*#000000; */
    --color-secondary-hover:#EBEBEB;/* #591824;*/
    --color-tertiary-hover: #B4180D; 
    --color-add-to-cart-hover:#591824; 


    --medium-gray: rgba(51, 51, 51, 0.6); /* gris 60%*/
    --light-gray: rgba(51, 51, 51, 0.3); /* gris 30%*/
    --extra-light-gray: rgba(51, 51, 51, 0.1); /* gris 10%*/
    --custom-gray:#e5e5e5;
   
    --success: #27AE60;
    --info: #00dffc;
    --warning: #ffc107;
    --danger: #de4437;
    --light: #f8f9fa;
    --offer: #de4437;

    --dark-text: #211B17;/*#333;*/
    --light-text: #ededed;

    --weight-light:300;
    --weight-medium:400;
    --weight-bold:700;
    --weight-extra-bold:900;
     /*300,400,500,700,900*/


    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;


    --text-extra-small: 0.62rem; /*10px*/
    --text-small: 0.75rem; /*12px*/
    --text-medium: 0.9rem; /*14px*/
    --text-root:1rem;/*14px*/
    --text-big: 1.2rem; /*19,2px*/
    --text-extrabig: 1.8rem; /*28px*/
    --main-menu:normal 500 13px "RiformaLLWeb-Regular", sans-serif;/* 13px */
    --footer-menu:normal 500 12px "RiformaLLWeb-Regular", sans-serif;/* 13px */

    /*Espacios*/
    --m-xxs:0.45rem;/*7px*/
    --m-xs:0.93rem;/*15px*/
    --m-s:1.87rem;/*30px*/
    --m-m:3.75rem;/*60px*/
    --m-l:5.62rem;/*90px*/
    --m-xl:7.5rem;/*120px*/

    --separator:#C2CEDB;
    --padding-x-custom:25%;

  
    /* Tipography */
    
    --font-family-primary:"RiformaLLWeb-Regular";
    --font-family-secondary: "RiformaLLWeb-Medium";

    
    
    
    --h1-hero:normal 500 64px "RiformaLLWeb-Regular";
    --h2-hero:normal 400 16px "RiformaLLWeb-Regular";

    

    --h2-block-hight:normal 800 2.5rem "RiformaLLWeb-Regular";
    --h1:normal 400 40px "RiformaLLWeb-Regular";
    
       
    --h2:normal 300 1.87rem "RiformaLLWeb-Regular";
    --h1-subtitle:normal 300 1.2rem  "RiformaLLWeb-Regular";
       
    --h2-subtitle:normal 300 1.2rem "RiformaLLWeb-Regular";
    --h3:normal 700 1.25rem "RiformaLLWeb-Regular";
    --h4:normal 400 16px "RiformaLLWeb-Regular";
    --h5:normal 900 0.7rem "RiformaLLWeb-Regular";
    --text-hight:normal 200 1.3rem "RiformaLLWeb-Regular";
    --link:normal 900 0.87rem "RiformaLLWeb-Regular";
    --single-product-price:normal 800 2.8rem "RiformaLLWeb-Regular";
    --single-list-price:normal 800 1.25rem "RiformaLLWeb-Regular";
    --label-alert:0.625rem;
    --add-to-cart:normal 900 1.125rem "RiformaLLWeb-Regular";
    --add-to-cart-list:normal 800 0.87rem "RiformaLLWeb-Regular";
    --title-product-list:normal 500 1.25rem "RiformaLLWeb-Regular";
    --pre-title:normal 400 16px "RiformaLLWeb-Regular";
    --label-form:normal 500 0.9rem "RiformaLLWeb-Regular", sans-serif;



    /* Sidebar*/
    --header-sidebar:0.875rem;
    --sidebar-title:900 0.9rem "RiformaLLWeb-Regular", sans-serif;



}


@media screen and (max-width: 767.98px) {
    :root {
        /*--h1-hero:normal 900 2.1rem  "RiformaLLWeb-Regular", sans-serif;*/
        --h1-hero:normal 400 32px  "RiformaLLWeb-Regular", sans-serif;
        --h1:normal 400 32px "RiformaLLWeb-Regular", sans-serif;
        --h2:normal 400 32 "RiformaLLWeb-Regular", sans-serif;
        --h1-subtitle:normal 400 16px  "RiformaLLWeb-Regular", sans-serif;
        --h2-subtitle:normal 500 16px "RiformaLLWeb-Regular", sans-serif;
        --h3:normal 400 1.25rem "RiformaLLWeb-Regular", sans-serif;
        --h4:normal 500 1rem "RiformaLLWeb-Regular", sans-serif;
        --h5:normal 900 0.7rem "RiformaLLWeb-Regular", sans-serif;
        --text-root:1.1rem;

        --text-medium: 0.85rem; /*14px*/
        --footer-menu:normal 500 16px "RiformaLLWeb-Regular", sans-serif;/* 13px */
    }
}





@media screen and (max-width:375px) {
    :root {
        --h1-hero:normal 900 1.9rem  "RiformaLLWeb-Regular", sans-serif;
        --h2-hero:normal 400 1rem "RiformaLLWeb-Regular", sans-serif;
    }
}