/* -------------------- FUENTES -------------------- */
@font-face {
    font-family: "literataregular";
    src: url("/wp-content/themes/generatepress_child/font/literata-variablefont_opszwght-webfont.woff2") format("woff2"),
        url("/wp-content/themes/generatepress_child/font/literata-variablefont_opszwght-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "bon_vivant_serifregular";
    src: url("/wp-content/themes/generatepress_child/font/mf844226-webfont.woff2") format("woff2"),
        url("/wp-content/themes/generatepress_child/font/mf844226-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "bon_vivant_serif_boldregular";
    src: url("/wp-content/themes/generatepress_child/font/bonvivantserifbold-webfont.woff2") format("woff2"),
        url("b/wp-content/themes/generatepress_child/font/bonvivantserifbold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Mulish-Regular";
    src: url("/wp-content/themes/generatepress_child/font/Mulish-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Mulish-Medium";
    src: url("/wp-content/themes/generatepress_child/font/Mulish-Medium.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Mulish-Light";
    src: url("/wp-content/themes/generatepress_child/font/Mulish-Light.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Mulish-Bold";
    src: url("/wp-content/themes/generatepress_child/font/Mulish-Bold.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

/* -------------------- COLORES -------------------- */
:root {
    --primary-color: #515151;
    /* gris oscuro logo*/
    --second-color: #9aa8ba;
    /* gris claro*/
    --third-color: #e5e9ef;
    /* gris claro fondo footer*/
    --color-black: #000000;
    --color-white: #ffffff;
    --title-font: "bon_vivant_serifregular";
    --body-font: "Mulish-Regular";
    --all-transition: all 0.4s ease;

    --font-size-txt: 18px;
    --tit-size: clamp(35px, 4vw, 80px);
    --subtit-size: clamp(18px, 3vw, 22px);
    --subtit-size-footer: clamp(14px, 2vw, 16px);
    --subtith2-size: clamp(25px, 3.5vw, 60px);
    --subtith3-size: clamp(18px, 2.5vw, 40px);
    --btn-txt: clamp(15px, 4vw, 20px);
    --letpq-size: clamp(10px, 2.5vw, 12px);

    --letter-spacing: 0.10em;
    --letter-spacing-tit: 0.05em;
    --letter-spacing-btn: 0.12em;

    --line-height-tit: 1.2em !important;
    --line-height-txt: 1.5em !important;

}