/********** Style Guideline **********/
@import "../../styleguideline/styleguideline.css";

/********** Clases Estilo de Fuente **********/
/* lg */
h1 {
    font-family: var(--fonth1_lg);
    font-size: var(--sizeh1_lg);
    font-weight: var(--weighth1_lg);
    line-height: var(--heightth1_lg);
}

h2 {
    font-family: var(--fonth2_lg);
    font-size: var(--sizeh2_lg);
    font-weight: var(--weighth2_lg);
    line-height: var(--heightth2_lg);
}

h3 {
    font-family: var(--fonth3_lg);
    font-size: var(--sizeh3_lg);
    font-weight: var(--weighth3_lg);
    line-height: var(--heightth3_lg);
}

h4 {
    font-family: var(--fonth4_lg);
    font-size: var(--sizeh4_lg);
    font-weight: var(--weighth4_lg);
    line-height: var(--heightth4_lg);
}

h5 {
    font-family: var(--fonth5_lg);
    font-size: var(--sizeh5_lg);
    font-weight: var(--weighth5_lg);
    line-height: var(--heightth5_lg);
}

h6 {
    font-family: var(--fonth6_lg);
    font-size: var(--sizeh6_lg);
    font-weight: var(--weighth6_lg);
    line-height: var(--heightth6_lg);
}

p, span {
    font-family: var(--fontp_lg);
    font-size: var(--sizep_lg);
    font-weight: var(--weightp_lg);
    line-height: var(--heighttp_lg);
}

/* sm */
@media (max-width: 991.98px) {
    h1 {
        font-family: var(--fonth1_sm);
        font-size: var(--sizeh1_sm);
        font-weight: var(--weighth1_sm);
        line-height: var(--heightth1_sm);
    }
    
    h2 {
        font-family: var(--fonth2_sm);
        font-size: var(--sizeh2_sm);
        font-weight: var(--weighth2_sm);
        line-height: var(--heightth2_sm);
    }
    
    h3 {
        font-family: var(--fonth3_sm);
        font-size: var(--sizeh3_sm);
        font-weight: var(--weighth3_sm);
        line-height: var(--heightth3_sm);
    }
    
    h4 {
        font-family: var(--fonth4_sm);
        font-size: var(--sizeh4_sm);
        font-weight: var(--weighth4_sm);
        line-height: var(--heightth4_sm);
    }
    
    h5 {
        font-family: var(--fonth5_sm);
        font-size: var(--sizeh5_sm);
        font-weight: var(--weighth5_sm);
        line-height: var(--heightth5_sm);
    }
    
    h6 {
        font-family: var(--fonth6_sm);
        font-size: var(--sizeh6_sm);
        font-weight: var(--weighth6_sm);
        line-height: var(--heightth6_sm);
    }
    
    p, span {
        font-family: var(--fontp_sm);
        font-size: var(--sizep_sm);
        font-weight: var(--weightp_sm);
        line-height: var(--heighttp_sm);
    }
    
    .pcta {
        font-family: var(--fontcta_sm);
        font-size: var(--sizecta_sm);
        font-weight: var(--weightcta_sm);
        line-height: var(--heighttcta_sm); 
    }
}