@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url("fontes_ocb.css");
@import url("variaveis.css");
@import url("nacional.css");
@import url("breadcrumb.css");
@import url("boxes.css");
@import url("default.css");
@import url("botoes.css");
@import url("acessibilidade.css");
@import url("menu_ocb.css");
@import url("anuario.css");

/* -------Title Desktop------- */
h1 {
    font-family: var(--font-family-heading);
    font-weight: var(--font-weight-300);
    font-size: var(--font-size-h1-desktop);
    line-height: var(--line-height-h1-desktop);
    letter-spacing: var(--letter-spacing-default);
}

h2 {
    font-family: var(--font-family-heading);
    font-weight: var(--font-weight-300);
    font-size: var(--font-size-h2-desktop);
    line-height: var(--line-height-h2-desktop);
    letter-spacing: var(--letter-spacing-default);
}

h3 {
    font-family: var(--font-family-heading);
    font-weight: var(--font-weight-500);
    font-size: var(--font-size-h3-desktop);
    line-height: var(--line-height-h3-desktop);
    letter-spacing: var(--letter-spacing-default);
}

h4 {
    font-family: var(--font-family-heading);
    font-weight: var(--font-weight-500);
    font-size: var(--font-size-h4-desktop);
    line-height: var(--line-height-h4-desktop);
    letter-spacing: var(--letter-spacing-default);
}

h5 {
    font-family: var(--font-family-base);
    font-weight: var(--font-weight-700);
    font-size: var(--font-size-h5-desktop);
    line-height: var(--line-height-h5-desktop);
    letter-spacing: var(--letter-spacing-default);
}

h6 {
    font-family: var(--font-family-base);
    font-weight: var(--font-weight-700);
    font-size: var(--font-size-h6-desktop);
    line-height: var(--line-height-h6-desktop);
    letter-spacing: var(--letter-spacing-default);
}

body {
    font-family: var(--font-family-base);
    font-weight: var(--font-weight-400);
    font-size: var(--font-size-body-desktop);
    line-height: var(--line-height-body-desktop);
    letter-spacing: var(--letter-spacing-default);
}

.body-2 {
    font-family: var(--font-family-base);
    font-weight: var(--font-weight-400);
    font-size: var(--font-size-body-2-desktop);
    line-height: var(--line-height-body-2-desktop);
    letter-spacing: var(--letter-spacing-default);
}

.citacao {
    font-family: var(--font-family-base);
    font-style: var(--font-style-italic);
    font-weight: var(--font-weight-400);
    font-size: var(--font-size-citacao-desktop);
    line-height: var(--line-height-citacao-desktop);
    letter-spacing: var(--letter-spacing-default);
}

.rodape {
    font-family: var(--font-family-base);
    font-style: var(--font-style-italic);
    font-weight: var(--font-weight-400);
    font-size: var(--font-size-rodape-desktop);
    line-height: var(--line-height-rodape-desktop);
    letter-spacing: var(--letter-spacing-default);
}

/* -------Title & Body Mobile------- */
@media screen and (max-width: 992px) {
    h1 {
        font-size: var(--font-size-h1-mobile);
        line-height: var(--line-height-h1-mobile);
        letter-spacing: var(--letter-spacing-default);
    }

    h2 {
        font-size: var(--font-size-h2-mobile);
        line-height: var(--line-height-h2-mobile);
        letter-spacing: var(--letter-spacing-default);
    }

    h3 {
        font-size: var(--font-size-h3-mobile);
        line-height: var(--line-height-h3-mobile);
        letter-spacing: var(--letter-spacing-default);
    }

    h4 {
        font-size: var(--font-size-h4-mobile);
        line-height: var(--line-height-h4-mobile);
        letter-spacing: var(--letter-spacing-default);
    }

    h5 {
        font-size: var(--font-size-h5-mobile);
        line-height: var(--line-height-h5-mobile);
        letter-spacing: var(--letter-spacing-default);
    }

    h6 {
        font-size: var(--font-size-h6-mobile);
        line-height: var(--line-height-h6-mobile);
        letter-spacing: var(--letter-spacing-default);
    }

    .body {
        font-size: var(--font-size-body-mobile);
        line-height: var(--line-height-body-mobile);
        letter-spacing: var(--letter-spacing-default);
    }

    .body-2 {
        font-size: var(--font-size-body-2-mobile);
        line-height: var(--line-height-body-2-mobile);
        letter-spacing: var(--letter-spacing-default);
    }

    .citacao {
        font-size: var(--font-size-citacao-mobile);
        line-height: var(--line-height-citacao-mobile);
        letter-spacing: var(--letter-spacing-default);
    }

    .rodape {
        font-size: var(--font-size-rodape-mobile);
        line-height: var(--line-height-rodape-mobile);
        letter-spacing: var(--letter-spacing-default);
    }

    #sp-header a#offcanvas-toggler:not(.offcanvas-toggler-secondary) {
        display: inline-flex !important;
    }
}

/* --- Links em texto do pagebuilder --- */
.sppb-addon.sppb-addon-text-block a {
    color: var(--ocb-color-2);
    text-decoration: underline;
}