@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("breadcrumb.css");
@import url("boxes.css");
@import url("default.css");
@import url("botoes.css");
@import url("acessibilidade.css");
@import url("menu_ocb.css");

/* -------Title Desktop------- */
h1 {
    font-family: var(--font-intro-light);
    font-weight: var(--weight-light);
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0;
}

h2 {
    font-family: var(--font-intro-light);
    font-weight: var(--weight-light);
    font-size: 28px;
    line-height: 35px;
    letter-spacing: 0;
}

h3 {
    font-family: var(--font-intro-medium);
    font-weight: var(--weight-medium);
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0;
}

h4 {
    font-family: var(--font-intro-medium);
    font-weight: var(--weight-medium);
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
}

h5 {
    font-family: var(--font-inter);
    font-weight: var(--weight-bold);
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0;
}

h6 {
    font-family: var(--font-inter);
    font-weight: var(--weight-bold);
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0;
}

body {
    font-family: var(--font-inter);
    font-weight: var(--weight-regular);
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
}


.body-2 {
    font-family: var(--font-inter);
    font-weight: var(--weight-regular);
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0;
}

.citacao {
    font-family: var(--font-inter);
    font-style: var(--style-italic);
    font-weight: var(--weight-regular);
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0;
}

.rodape {
    font-family: var(--font-inter);
    font-style: var(--style-italic);
    font-weight: var(--weight-regular);
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0;
}

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

    h2 {
        font-size: 24px;
        line-height: 29px;
        letter-spacing: 0;
    }

    h3 {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0;
    }

    h4 {
        font-size: 14px;
        line-height: 17px;
        letter-spacing: 0;
    }

    h5 {
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 0;
    }

    h6 {
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0;
    }

    .body {
        font-size: 14px;
        line-height: 17px;
        letter-spacing: 0;
    }

    .body-2 {
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 0;
    }

    .citacao {
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 0;
    }

    .rodape {
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0;
    }

  #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: #4d80cf;
    text-decoration: underline;  
}