@charset "utf-8";

@font-face {
    font-family: 'Gilroy-Medium';
    src: url('/themes/default/css/fuentes/Gilroy/Gilroy-Medium.woff2') format('woff2'),
        url('/themes/default/css/fuentes/Gilroy/Gilroy-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy-Regular';
    src: url('/themes/default/css/fuentes/Gilroy/Gilroy-Regular.woff2') format('woff2'),
        url('/themes/default/css/fuentes/Gilroy/Gilroy-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy-Heavy';
    src: url('/themes/default/css/fuentes/Gilroy/Gilroy-Heavy.woff2') format('woff2'),
        url('/themes/default/css/fuentes/Gilroy/Gilroy-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GilroyLight';
    src: url('/themes/default/css/fuentes/Gilroy/Gilroy-Light.woff2') format('woff2'),
        url('/themes/default/css/fuentes/Gilroy/Gilroy-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy-Bold';
    src: url('/themes/default/css/fuentes/Gilroy/Gilroy-Bold.woff2') format('woff2'),
        url('/themes/default/css/fuentes/Gilroy/Gilroy-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



:root {
    --main-color1: black;
    --main-color2: white;
    --main-color3: #ec174b;
    --main-color4: #414950;
    --main-color5: #F2F3F8;
    --main-color6: #797e83;
    --main-color7: #f2f3f9;
    --main-borders:#ccc;
    --main-colorTexto1: black;
    --main-colorTexto2: white;
    --main-colorTexto3: #EBEBEB;
    --box-shadow: 2.088px 14.854px 30px 0px rgba(0, 0, 0, 0.1);
    --main-tipografia1: "Gilroy-Medium";
    --main-tipografia2: "Gilroy-Regular";   
    --main-tipografia3: "Gilroy-Bold";   
    --main-tipografia4: "Gilroy-Heavy";    
    --main-tipografia5: "Gilroy-Medium";  
    --main-margenElementos:90px;
    --main-margenElementosBannersIni: 90px;
    --main-altoLinea:1.5em;
    --main-maxWidth:1920px;
    --main-maxWidth:none;
    --main-maxWidth-inner:1600px;
    --main-logo-url:url(/themes/default/images/cintepa-logo.webp);
    --main-fontSize:20px;
    --main-bordes-color1: #e5e5e5;
}

@media only screen and (max-width:1023px){
    :root {
        --main-margenElementos: 30px;
        --main-margenElementosBannersIni: 30px;
    }
}