/* ===== Imports (variáveis primeiro) ===== */
@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("boxes.css");
@import url("breadcrumb.css");
@import url("botoes.css");
@import url("default.css");
@import url("acessibilidade.css");
@import url("menu_ocb.css");

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

/* ===== Titles – 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;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ===== Body – Desktop ===== */
.body-1 {
    font-family: var(--font-inter);
    font-weight: var(--weight-regular);
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0;
}

.body-2 {
    font-family: var(--font-inter);
    font-weight: var(--weight-regular);
    font-size: 12px;
    line-height: 15px;
    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;
}

/* ===== Titles & Body – Mobile ===== */
@media screen and (max-width: 992px) {
    body {
        font-size: 14px;
        line-height: 17px;
    }

    h1 {
        font-size: 32px;
        line-height: 40px;
    }

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

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

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

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

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

    .body-1 {
        font-size: 12px;
        line-height: 15px;
    }

    .body-2 {
        font-size: 10px;
        line-height: 12px;
    }

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

    #sp-header #sp-logo .logo {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}