/* ---------- variable style ---------- */


:root {
    /* fonts */
    --font-primary: 'dm_sansregular', sans-serif;
    --font-tit: 'dm_sansmedium', sans-serif;

    --letter-spacing: 0.10em;
    --letter-spacing-tit: 0.05em;
    --letter-spacing-btn: 0.12em;
    --line-height-tit: 1.2em;
    --line-height-txt: 1.5em !important;
    --font-bold: 900;
    --font-medium: 600;


    --font-size-tit: 50px;
    --font-size-tit-tb: 2em;
    --font-size-tit-mv: 1.5em;

    --font-size-float: 9em;

    --font-size-subtit: 35px;
    --font-size-subtit-tb: 1.5em;
    --font-size-subtit-mv: 1.2em;

    --font-size-txt: 14px;

    --transition-p: all 0.4s ease;

    /* colors */
    --c-primary: #182E3F;
    --c-primary-dark: #1B1F21;
    --c-secondary: #99374C;
    --c-secondary-light: #da5560;
    --c-grey: #d9d9d9;
    --c-bg: #f5f5f5;
    --c-text: #212224;
    --c-white: #fff;
    --c-light: #FAF8F3;
    --c-gris-bg: #F7F8F9;
    --c-green: #788951;

    --c-est-solid: #A8BDC6;
    --c-est-light: #D0DCE3;
    --c-ort-solid: #E0A93B;
    --c-ort-light: #EACA44;

    /* gradients*/
    --deg-primary: linear-gradient(90deg, var(--c-primary), var(--c-primary-dark));
    --deg-imp: linear-gradient(90deg, var(--c-secondary), var(--c-secondary-light));
    --deg-ort: linear-gradient(90deg, var(--c-ort-solid), var(--c-ort-light));
    --deg-est: linear-gradient(90deg, var(--c-est-solid), var(--c-est-light));
    --deg-blan-gris: linear-gradient(180deg, var(--c-white), var(--c-gris-bg));
    
    /* Transitions */
    --all-transition: all 0.4s ease;
    --all-transition-large: all 0.6s ease-in-out;
}

@font-face {
    font-family: 'dm_sansregular';
    src: url('/wp-content/themes/generatepress_child/font/dmsans-regular-webfont.woff2') format('woff2'),
         url('/wp-content/themes/generatepress_child/font/dmsans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display:swap; /*primero carga la fuente por defecto*/
}

@font-face {
    font-family: 'dm_sansmedium';
    src: url('/wp-content/themes/generatepress_child/font/dmsans-medium-webfont.woff2') format('woff2'),
         url('/wp-content/themes/generatepress_child/font/dmsans-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display:swap; /*primero carga la fuente por defecto*/
}
