/*
 * ValeJornal Sync — Native editorial page styles.
 * Version: 0.8.5
 *
 * Rule: the global header/masthead remains light.
 * The black background belongs only to the page title band below the header.
 */

body.vj-it-editorial-page {
    background: #fff;
}

/*
 * Header/masthead reset scoped only to native editorial pages.
 * This prevents the title hero background from visually contaminating the global header.
 */
body.vj-it-editorial-page #header,
body.vj-it-editorial-page #headerwrapper,
body.vj-it-editorial-page #header-wrapper,
body.vj-it-editorial-page .header,
body.vj-it-editorial-page .headerwrapper,
body.vj-it-editorial-page .header-wrapper,
body.vj-it-editorial-page .header-area,
body.vj-it-editorial-page .headwrapper,
body.vj-it-editorial-page .topwrapper,
body.vj-it-editorial-page .top-wrapper,
body.vj-it-editorial-page .logowrapper,
body.vj-it-editorial-page .logo-wrapper,
body.vj-it-editorial-page .logo-section,
body.vj-it-editorial-page .branding,
body.vj-it-editorial-page #branding {
    background: #fff;
}

.vj-page-shell {
    width: 100%;
    margin: 0;
    background: #fff;
    color: #111;
    clear: both;
}

.vj-page-article {
    width: 100%;
    margin: 0;
}

/*
 * Page hero starts after the global header.
 * No image, no overlap, no absolute positioning.
 */
.vj-page-hero {
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    padding: clamp(38px, 5vw, 64px) 24px clamp(34px, 4.6vw, 56px);
    background: #080808;
    color: #fff;
    border-top: 0;
    border-bottom: 8px solid #075f9f;
    overflow: visible;
}

.vj-page-hero__inner {
    width: min(100%, 960px);
    margin: 0 auto;
    text-align: center;
}

.vj-page-kicker {
    margin: 0 0 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #1b9bd7;
}

.vj-page-title {
    max-width: 900px;
    margin: 0 auto;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(36px, 5.4vw, 68px);
    font-weight: 700;
    line-height: .98;
    letter-spacing: -.045em;
    color: #fff;
}

.vj-page-breadcrumb {
    width: min(100%, 960px);
    margin: 0 auto;
    padding: 18px 24px 0;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #666;
}

.vj-page-breadcrumb a {
    color: #075f9f;
    text-decoration: none;
}

.vj-page-breadcrumb a:hover,
.vj-page-breadcrumb a:focus {
    text-decoration: underline;
    text-underline-offset: .22em;
}

.vj-page-breadcrumb span {
    margin-left: 8px;
}

.vj-page-body {
    width: 100%;
    padding: clamp(34px, 5vw, 58px) 24px clamp(64px, 8vw, 104px);
    background: #fff;
}

.vj-page-content {
    width: min(100%, 960px);
    margin: 0 auto;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(18px, 1.8vw, 21px);
    line-height: 1.72;
    color: #151515;
}

.vj-page-content > *:first-child {
    margin-top: 0;
}

.vj-page-content > *:last-child {
    margin-bottom: 0;
}

.vj-page-content p,
.vj-page-content ul,
.vj-page-content ol,
.vj-page-content blockquote,
.vj-page-content figure,
.vj-page-content table {
    margin-top: 0;
    margin-bottom: 1.38em;
}

.vj-page-content h2,
.vj-page-content h3,
.vj-page-content h4 {
    margin: 1.75em 0 .62em;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -.035em;
    color: #111;
}

.vj-page-content h2 {
    font-size: clamp(31px, 3.8vw, 48px);
}

.vj-page-content h3 {
    font-size: clamp(25px, 3vw, 34px);
}

.vj-page-content h4 {
    font-size: clamp(21px, 2.4vw, 28px);
}

.vj-page-content a {
    color: #075f9f;
    text-decoration-thickness: 1px;
    text-underline-offset: .18em;
}

.vj-page-content img {
    max-width: 100%;
    height: auto;
    filter: grayscale(100%);
}

.vj-page-content figcaption {
    margin-top: 8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.45;
    color: #666;
}

.vj-page-content blockquote {
    padding: 0 0 0 22px;
    border-left: 4px solid #075f9f;
    font-size: 1.07em;
    font-style: italic;
    color: #222;
}

.vj-page-content table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.5;
}

.vj-page-content th,
.vj-page-content td {
    padding: 12px 10px;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

.vj-page-pagination {
    margin-top: 36px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 800;
}

@media (max-width: 780px) {
    .vj-page-hero {
        padding: 36px 18px 32px;
        border-bottom-width: 6px;
    }

    .vj-page-title {
        font-size: clamp(34px, 11vw, 54px);
        letter-spacing: -.04em;
    }

    .vj-page-breadcrumb {
        padding: 16px 18px 0;
    }

    .vj-page-body {
        padding: 30px 18px 64px;
    }

    .vj-page-content {
        font-size: 18px;
        line-height: 1.68;
    }
}