:root {
    --portal-accent: var(--inf-main-color, #0875c1);
    --portal-ink: #15171a;
    --portal-muted: #687079;
    --portal-line: #e6e8eb;
    --portal-surface: #f5f7f8;
}

body.portal-editorial-enabled {
    background-color:#fbfcfd;
    background-image:url('../img/portal-editorial-background.webp');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
}

.portal-visually-hidden {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.portal-info-bar {background:#f4f6f7;border-bottom:1px solid #e3e6e8;color:#333;font-size:12px}
.portal-info-inner {min-height:38px;display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none}
.portal-info-inner::-webkit-scrollbar {display:none}
.portal-info-date,.portal-info-item {display:flex;align-items:center;gap:7px;white-space:nowrap;padding:0 18px;border-right:1px solid #dfe3e5;min-height:22px}
.portal-info-date {padding-left:0;color:#687079}
.portal-info-icon {font-size:17px;line-height:1}
.portal-info-detail {color:#687079}
.portal-exchange {margin-left:auto;border-right:0;border-left:1px solid #dfe3e5}
.portal-market-icon {display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#dff3e7;color:#087f5b;font-size:13px;font-weight:900;line-height:1}
.portal-exchange-value {color:#087f5b;font-size:13px;font-weight:800}

.portal-editorial-enabled .nav-container,
.portal-editorial-enabled .nav-top-container .container,
.portal-editorial-enabled .portal-info-inner,
.portal-home > .container,
.portal-hero > .container {box-sizing:border-box;width:calc(100% - 40px);max-width:1320px}
.portal-editorial-enabled #header {border-top:0;box-shadow:0 5px 22px rgba(14,45,73,.08)}
.portal-editorial-enabled #header .navbar {border-bottom:0;background:rgba(255,255,255,.97)}
.portal-editorial-enabled .nav-container {position:relative;padding-top:5px;padding-bottom:5px}
.portal-editorial-enabled .nav-container:after {content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:linear-gradient(90deg,#0875c1 0 68%,#f08c00 68% 100%);opacity:.9}
.portal-editorial-enabled .nav-desktop .li-navbar-brand {margin-right:18px;padding-right:18px;border-right:1px solid #e7ebef}
.portal-editorial-enabled .nav-desktop .navbar-nav > li:not(.li-navbar-brand):not(.li-search) > a {padding:12px 11px;border-radius:8px;line-height:30px;letter-spacing:.015em;transition:color .2s ease,background-color .2s ease,transform .2s ease}
.portal-editorial-enabled .nav-desktop .navbar-nav > li:not(.li-navbar-brand):not(.li-search) > a:hover,
.portal-editorial-enabled .nav-desktop .navbar-nav > li:not(.li-navbar-brand):not(.li-search) > a:focus {background:#f1f7fb!important;transform:translateY(-1px)}
.portal-editorial-enabled .nav-desktop .navbar-nav > li.active > a {color:#0868aa!important;background:#eaf5fc!important;box-shadow:inset 0 -3px 0 #f08c00}
.portal-editorial-enabled .nav-desktop .li-search {display:flex;align-items:center;padding-left:12px}
.portal-editorial-enabled .nav-desktop .li-search .search-icon {display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border-radius:50%;color:#075f9d;background:#eef6fb!important;transition:background-color .2s ease,color .2s ease,transform .2s ease}
.portal-editorial-enabled .nav-desktop .li-search .search-icon:hover {color:#fff;background:#0875c1!important;transform:translateY(-1px)}
.portal-editorial-enabled .navbar-inverse .navbar-nav .dropdown-menu {overflow:hidden;border:1px solid #e5e9ed!important;border-top:3px solid #0875c1!important;border-radius:0 0 9px 9px!important;box-shadow:0 14px 34px rgba(13,43,70,.14)}
.portal-editorial-enabled .navbar-inverse .dropdown .dropdown-menu > li > a:hover {color:#075f9d;background:#f1f7fb}

/* Cabeçalho institucional compartilhado pela capa e pelas matérias */
.portal-branded-layout #header {border-top:0;box-shadow:0 8px 28px rgba(6,35,59,.14)}
.portal-branded-layout #header .nav-top-container {border-bottom:1px solid rgba(255,255,255,.08);background:#0d1d2a}
.portal-branded-layout #header .nav-top ul li a,
.portal-branded-layout #header .nav-top ul li,
.portal-branded-layout #header .nav-top .btn-switch-mode {color:#c7d3dc!important}
.portal-branded-layout #header .nav-top ul li a:hover {color:#fff!important}
.portal-branded-layout #header .navbar {background:linear-gradient(118deg,#102435 0%,#123b5b 58%,#075f9d 100%)}
.portal-branded-layout #header .nav-container {position:relative;padding-top:10px;padding-bottom:10px}
.portal-branded-layout #header .nav-container:after {height:4px;left:0;right:0;bottom:-1px;background:linear-gradient(90deg,#1595e5 0 68%,#f08c00 68% 100%);opacity:1}
.portal-branded-layout #header .nav-desktop .li-navbar-brand {margin-right:20px;padding:7px 20px 7px 0;border-right:1px solid rgba(255,255,255,.16)}
.portal-branded-layout #header .nav-desktop .navbar-brand {display:flex;align-items:center;min-height:62px;padding:7px 13px!important;border:1px solid rgba(255,255,255,.17);border-radius:10px;background:rgba(255,255,255,.97)!important;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.portal-branded-layout #header .nav-desktop .navbar-brand img {max-width:235px;max-height:58px;width:auto;height:auto}
.portal-branded-layout #header .nav-desktop .navbar-nav > li:not(.li-navbar-brand):not(.li-search) > a {padding:12px 10px;color:#eef5f9!important;background:transparent!important;font-size:13px;line-height:30px;text-shadow:0 1px 1px rgba(0,0,0,.12)}
.portal-branded-layout #header .nav-desktop .navbar-nav > li:not(.li-navbar-brand):not(.li-search) > a:hover,
.portal-branded-layout #header .nav-desktop .navbar-nav > li:not(.li-navbar-brand):not(.li-search) > a:focus {color:#fff!important;background:rgba(255,255,255,.11)!important;box-shadow:inset 0 -3px 0 rgba(240,140,0,.9)}
.portal-branded-layout #header .nav-desktop .navbar-nav > li.active > a {color:#fff!important;background:rgba(255,255,255,.14)!important;box-shadow:inset 0 -3px 0 #f08c00}
.portal-branded-layout #header .nav-desktop .li-search .search-icon {color:#fff;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.13)!important}
.portal-branded-layout #header .nav-desktop .li-search .search-icon:hover {color:#102435;background:#fff!important}
.portal-branded-layout #header .navbar-inverse .navbar-nav .dropdown-menu {border-color:rgba(5,44,73,.12)!important;border-top-color:#f08c00!important;background:#fff}
.portal-branded-layout #header .portal-info-bar {box-shadow:0 3px 12px rgba(13,42,64,.08)}

.portal-home {padding:0 0 50px;color:var(--portal-ink)}
.portal-home a {color:inherit}
.portal-home a:hover {color:var(--portal-accent)}
.portal-hero {margin:0 0 34px}
.portal-hero-grid {display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:5px;background:#fff}
.portal-hero-side {display:grid;grid-template-columns:1fr 1fr;gap:5px}
.portal-card-image {display:block;position:relative;height:100%;min-height:220px;overflow:hidden;background:#20252a;color:#fff!important}
.portal-card-image img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.portal-card-image:hover img {transform:scale(1.035)}
.portal-card-overlay {position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(5,10,15,.22) 50%,rgba(5,10,15,.92) 100%)}
.portal-hero-lead .portal-card-image {min-height:445px}
.portal-hero-copy {position:absolute;z-index:2;left:0;right:0;bottom:0;padding:26px}
.portal-hero-copy h2,.portal-hero-copy h3 {color:#fff;margin:7px 0 0;font-family:var(--inf-font-secondary);font-weight:700;letter-spacing:-.025em}
.portal-hero-copy h2 {font-size:36px;line-height:1.12;max-width:780px}
.portal-hero-copy h3 {font-size:18px;line-height:1.22}
.portal-hero-copy p {font-size:15px;line-height:1.5;margin:12px 0 0;color:rgba(255,255,255,.86);max-width:680px}
.portal-kicker {display:inline-block;color:var(--portal-accent);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.portal-hero .portal-kicker {color:#fff;background:var(--portal-accent);border-radius:2px;padding:4px 7px;letter-spacing:.06em}

.portal-topic {--section-color:var(--portal-accent);margin:0 0 38px;padding-top:2px}
.portal-topic-alternate {margin-left:-24px;margin-right:-24px;padding:24px;background:#f7f8fa;border-radius:8px}
.portal-section-heading {display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;border-bottom:1px solid var(--portal-line)}
.portal-section-heading h2 {position:relative;margin:0;padding:0 0 12px;font-size:27px;line-height:1.1;font-family:var(--inf-font-secondary);font-weight:800;letter-spacing:-.025em}
.portal-section-heading h2:after {content:"";position:absolute;left:0;bottom:-1px;width:52px;height:4px;background:var(--section-color)}
.portal-see-all {padding:0 0 12px;color:var(--portal-muted)!important;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.portal-see-all:hover {color:var(--portal-accent)!important}
.portal-topic-grid {display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:20px}
.portal-story {min-width:0}
.portal-story-image {display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--portal-surface)}
.portal-story-image img {width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.portal-story:hover .portal-story-image img {transform:scale(1.035)}
.portal-story-content {padding-top:12px}
.portal-story h3 {margin:5px 0 8px;font-family:var(--inf-font-secondary);font-size:18px;line-height:1.28;font-weight:750;letter-spacing:-.015em}
.portal-story-featured h3 {font-size:26px;line-height:1.18}
.portal-story p {margin:0 0 10px;color:var(--portal-muted);font-size:14px;line-height:1.5}
.portal-story time,.portal-latest-story time {color:#899097;font-size:11px}
.portal-topic .portal-kicker {color:var(--section-color)}
.portal-topic-count-1 .portal-topic-grid {display:block}
.portal-topic-count-1 .portal-story-featured {display:grid;grid-template-columns:minmax(280px,44%) minmax(0,1fr);max-width:920px;background:#f4f6f7;border-radius:5px;overflow:hidden}
.portal-topic-count-1 .portal-story-featured .portal-story-image {aspect-ratio:16/9}
.portal-topic-count-1 .portal-story-featured .portal-story-content {display:flex;flex-direction:column;justify-content:center;padding:24px 28px}
.portal-topic-count-1 .portal-story-featured h3 {font-size:27px}
.portal-topic-count-2 .portal-topic-grid {grid-template-columns:1.4fr 1fr;max-width:980px}
.portal-topic-count-3 .portal-topic-grid {grid-template-columns:1.35fr 1fr 1fr}

.portal-ad-slot {position:relative;margin:6px 0 38px;padding:17px 22px 20px;background:#f3f5f6;border:1px solid #eaedef;border-radius:8px;text-align:center;overflow:hidden}
.portal-ad-slot:before,.portal-ad-slot:after {content:"";position:absolute;top:0;bottom:0;width:70px;pointer-events:none}
.portal-ad-slot:before {left:0;background:linear-gradient(90deg,rgba(255,255,255,.5),transparent)}
.portal-ad-slot:after {right:0;background:linear-gradient(-90deg,rgba(255,255,255,.5),transparent)}
.portal-editorial-enabled .portal-ad-slot .container-bn {position:relative!important;z-index:1;margin:0!important;transform:none!important}
.portal-editorial-enabled .portal-ad-slot .bn-inner {display:flex!important;align-items:center;justify-content:center;width:100%!important;height:auto!important}
.portal-editorial-enabled .portal-ad-slot .bn-inner > * {width:auto!important;max-width:100%!important}
.portal-editorial-enabled .portal-ad-slot img {display:block!important;width:auto!important;max-width:100%!important;max-height:180px!important;height:auto!important;margin:0 auto!important;object-fit:contain}

.portal-latest-grid {display:grid;grid-template-columns:repeat(3,1fr);column-gap:28px}
.portal-latest-story {display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid var(--portal-line)}
.portal-latest-image {display:block;aspect-ratio:4/3;overflow:hidden;background:var(--portal-surface)}
.portal-latest-image img {width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.portal-latest-story:hover img {transform:scale(1.035)}
.portal-latest-story h3 {margin:4px 0 8px;font-family:var(--inf-font-secondary);font-size:15px;line-height:1.3;font-weight:700}
.portal-pagination {display:flex;justify-content:center;margin-top:28px}

@media (max-width:1199px) {
    .portal-hero-grid {grid-template-columns:1.25fr .9fr}
    .portal-hero-lead .portal-card-image {min-height:420px}
    .portal-topic-grid {grid-template-columns:1.45fr repeat(2,1fr)}
    .portal-topic-grid .portal-story:nth-child(n+4) {display:none}
    .portal-latest-grid {grid-template-columns:1fr 1fr}
}
@media (max-width:991px) {
    .portal-info-detail {display:none}
    .portal-editorial-enabled .nav-mobile-header {padding:7px 10px;background:linear-gradient(115deg,#073b70,#0875c1 72%,#0b86d4)!important;border:0;border-bottom:3px solid #f08c00;box-shadow:0 8px 24px rgba(3,38,73,.22)}
    .portal-editorial-enabled .mobile-header-container .mobile-menu-button,
    .portal-editorial-enabled .mobile-header-container .mobile-button-buttons {width:52px}
    .portal-editorial-enabled .mobile-header-container .mobile-menu-button button,
    .portal-editorial-enabled .mobile-header-container .mobile-button-buttons button {display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border-radius:50%;background:rgba(255,255,255,.12)!important}
    .portal-editorial-enabled .mobile-header-container .mobile-logo a {display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 3px 12px rgba(0,0,0,.12)}
    .portal-editorial-enabled .mobile-header-container .mobile-logo img {max-width:190px;max-height:48px;width:auto;height:auto}
    .portal-editorial-enabled .nav-mobile {text-align:left;background:linear-gradient(180deg,#fff 0,#f7fafc 100%);border-right:4px solid #f08c00;box-shadow:18px 0 45px rgba(7,40,70,.24)}
    .portal-editorial-enabled .nav-mobile-logo {padding:0 32px 18px;border-bottom:1px solid #e5e9ed}
    .portal-editorial-enabled .nav-mobile-logo img {max-width:205px;height:auto}
    .portal-editorial-enabled .nav-mobile .nav-mobile-inner {padding:12px 24px 30px}
    .portal-editorial-enabled .nav-mobile .navbar-nav .nav-item {width:100%!important;border-bottom-color:#e3e8ec}
    .portal-editorial-enabled .nav-mobile .navbar-nav .nav-item .nav-link {min-height:46px;padding:12px 4px!important;color:#17212a;font-weight:650}
    .portal-editorial-enabled .nav-mobile .navbar-nav .nav-item .nav-link:hover,
    .portal-editorial-enabled .nav-mobile .navbar-nav .nav-item .nav-link:focus {color:#0875c1;background:transparent!important;padding-left:10px!important}
    .portal-editorial-enabled .nav-mobile .navbar-nav .nav-item:first-child .nav-link {color:#0875c1;font-weight:800}
    .portal-editorial-enabled .nav-mobile .btn-close-mobile-nav {top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;color:#075f9d;background:#eaf5fc!important}
    .portal-branded-layout #header .navbar {min-height:75px;background:transparent}
    .portal-branded-layout #header .nav-mobile-header {padding:7px 10px;background:linear-gradient(115deg,#0d1d2a,#123b5b 70%,#0875c1)!important;border:0;border-bottom:3px solid #f08c00;box-shadow:0 8px 24px rgba(3,38,73,.24)}
    .portal-branded-layout #header .mobile-header-container .mobile-logo a {background:rgba(255,255,255,.97)}
    .portal-branded-layout #header .mobile-header-container .mobile-menu-button button,
    .portal-branded-layout #header .mobile-header-container .mobile-button-buttons button {background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.1)!important}
    .portal-hero-grid {grid-template-columns:1fr}
    .portal-hero-lead .portal-card-image {min-height:430px}
    .portal-hero-side {grid-template-columns:1fr 1fr}
    .portal-hero-small .portal-card-image {min-height:220px}
    .portal-topic-grid {grid-template-columns:1.35fr 1fr 1fr}
    .portal-topic-count-1 .portal-story-featured {grid-template-columns:minmax(260px,42%) minmax(0,1fr)}
}
@media (max-width:767px) {
    body.portal-editorial-enabled {background-image:none;background-color:#fff}
    .portal-info-bar {background:#f5f8fa}
    .portal-info-inner {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:44px;padding-left:10px;padding-right:10px;overflow:visible}
    .portal-info-date {display:none}
    .portal-info-item {min-width:0;min-height:28px;padding:0 8px;gap:5px;justify-content:center;border-right:1px solid #dfe5e9;font-size:11px}
    .portal-info-item strong,.portal-info-item span {flex:0 0 auto}
    .portal-info-icon {font-size:15px}
    .portal-market-icon {width:20px;height:20px;font-size:11px}
    .portal-exchange {margin-left:0;border-left:0;border-right:0}
    .portal-editorial-enabled .nav-container,
    .portal-editorial-enabled .nav-top-container .container,
    .portal-editorial-enabled .portal-info-inner,
    .portal-home > .container,
    .portal-hero > .container {width:100%;max-width:none}
    .portal-home {padding-bottom:30px}
    .portal-hero {margin-bottom:32px}
    .portal-hero-grid {display:block}
    .portal-hero-lead .portal-card-image {min-height:390px}
    .portal-hero-copy {padding:20px}
    .portal-hero-copy h2 {font-size:28px}
    .portal-hero-copy p {display:none}
    .portal-hero-side {display:flex;overflow-x:auto;gap:12px;padding:14px 15px 0;margin:0 -15px;scroll-snap-type:x mandatory}
    .portal-hero-small {flex:0 0 78%;scroll-snap-align:start}
    .portal-hero-small .portal-card-image {min-height:220px;border-radius:4px}
    .portal-topic {margin-bottom:34px}
    .portal-topic-alternate {margin-left:-15px;margin-right:-15px;padding:20px 15px;border-radius:0}
    .portal-section-heading h2 {font-size:24px}
    .portal-topic-grid {display:grid;grid-template-columns:1fr 1fr;gap:20px 14px}
    .portal-topic-grid .portal-story:nth-child(n+4) {display:block}
    .portal-story-featured {grid-column:1/-1}
    .portal-story-featured h3 {font-size:24px}
    .portal-story:not(.portal-story-featured) h3 {font-size:16px}
    .portal-story:not(.portal-story-featured) time {display:none}
    .portal-topic-count-1 .portal-story-featured {display:block;max-width:none;background:transparent;border-radius:0}
    .portal-topic-count-1 .portal-story-featured .portal-story-content {display:block;padding:12px 0 0}
    .portal-topic-count-1 .portal-story-featured h3 {font-size:24px}
    .portal-topic-count-2 .portal-topic-grid,.portal-topic-count-3 .portal-topic-grid {grid-template-columns:1fr 1fr;max-width:none}
    .portal-topic-count-2 .portal-story-featured,.portal-topic-count-3 .portal-story-featured {grid-column:1/-1}
    .portal-ad-slot {margin:0 -15px 32px;padding:15px;border-left:0;border-right:0;border-radius:0}
    .portal-editorial-enabled .portal-ad-slot img {max-height:130px!important}
    .portal-latest-grid {grid-template-columns:1fr}
    .portal-latest-story {grid-template-columns:112px minmax(0,1fr);gap:13px;padding:14px 0}
    .portal-latest-story h3 {font-size:15px}
}
@media (max-width:420px) {
    .portal-weather .portal-info-detail {display:none}
    .portal-info-item {font-size:11px}
    .portal-hero-lead .portal-card-image {min-height:340px}
    .portal-hero-copy h2 {font-size:25px}
}