.article-hero {
	padding: 96px 0 74px;
	background: #0d1c39;
	color: #f7f5f0;
}

.article-hero .eyebrow { color: #cf9e37; }
.article-hero h1 { max-width: 920px; margin: 0; }
.article-lead { max-width: 680px; margin: 28px 0 0; color: #d2d8e2; font-size: 1.12rem; line-height: 1.7; }
.article-meta { margin: 30px 0 0; color: #cf9e37; font-size: .75rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.article-shell { display: grid; grid-template-columns: 220px minmax(0, 720px); justify-content: center; gap: 84px; padding: 88px 0 108px; }
.article-aside { padding-top: 8px; }
.article-aside p { margin: 0 0 16px; color: #a87819; font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.article-aside a { display: block; margin: 0 0 11px; color: #52627b; font-size: .9rem; line-height: 1.35; text-decoration: none; }
.article-aside a:hover { color: #0d1c39; }
.article-body { color: #283956; }
.article-body h2 { margin: 0 0 20px; color: #0d1c39; font-size: clamp(1.7rem, 3vw, 2.45rem); line-height: 1.1; }
.article-body h2:not(:first-child) { margin-top: 64px; }
.article-body p { margin: 0 0 20px; font-size: 1.04rem; line-height: 1.78; }
.article-body strong { color: #0d1c39; }
.article-insight { margin: 40px 0; padding: 30px 34px; border-left: 4px solid #c9972d; background: #e9e7e1; color: #0d1c39; font-size: 1.1rem; font-weight: 700; line-height: 1.55; }
.article-cta { display: flex; justify-content: space-between; gap: 30px; align-items: center; margin-top: 72px; padding: 36px; background: #142c50; color: #f7f5f0; }
.article-cta h2 { margin: 8px 0 0; color: #f7f5f0; font-size: 1.75rem; }
.article-cta .eyebrow { margin: 0; color: #cf9e37; }
.article-cta .button { white-space: nowrap; }
@media (max-width: 850px) {
	.article-hero { padding: 76px 0 58px; }
	.article-shell { grid-template-columns: 1fr; gap: 42px; padding: 62px 0 76px; }
	.article-aside { display: none; }
	.article-cta { display: block; padding: 30px; }
	.article-cta .button { display: inline-flex; margin-top: 24px; }
}

@media (max-width: 1050px) {
	.site-header .header-inner {
		display: flex;
		min-height: 82px;
		justify-content: space-between;
		gap: 22px;
	}

	.site-header nav { display: none; }
	.site-header .header-cta {
		display: inline-flex;
		flex: 0 0 auto;
		padding: 14px 18px;
		font-size: 0.82rem;
	}
}

/* Tratamento editorial: artigos usam uma linguagem própria, distinta das páginas comerciais. */
.article-hero {
	padding: 68px 0 54px;
	background: #f7f5f0;
	color: #0d1c39;
	border-top: 1px solid #dedbd2;
	border-bottom: 1px solid #d8d6cf;
}

.article-hero .container::before {
	content: "NASCENTE DIGITAL  /  ARTIGOS";
	display: block;
	margin-bottom: 38px;
	color: #0d1c39;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.16em;
}

.article-hero .eyebrow {
	margin-bottom: 18px;
	color: #a87819;
}

.article-hero h1 {
	max-width: 980px;
	font-size: clamp(2.35rem, 4.4vw, 4.25rem);
	line-height: 1.02;
	letter-spacing: -0.048em;
}

.article-lead {
	max-width: 720px;
	margin-top: 30px;
	color: #52627b;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(1.16rem, 2vw, 1.38rem);
	line-height: 1.55;
}

.article-meta {
	display: inline-block;
	margin-top: 34px;
	padding: 13px 0;
	border-top: 1px solid #c9c5bc;
	border-bottom: 1px solid #c9c5bc;
	color: #52627b;
	font-size: 0.68rem;
	letter-spacing: 0.12em;
}

.article-shell {
	grid-template-columns: 190px minmax(0, 700px);
	gap: 92px;
	padding: 72px 0 118px;
}

.article-aside {
	position: sticky;
	top: 112px;
	align-self: start;
	padding: 2px 0 2px 20px;
	border-left: 1px solid #c9972d;
}

.article-aside p { color: #0d1c39; }
.article-aside a { margin-bottom: 14px; font-size: 0.82rem; }

.article-body {
	color: #263752;
	font-family: Georgia, "Times New Roman", serif;
}

.article-body h2 {
	margin-bottom: 22px;
	font-family: Montserrat, Inter, Arial, sans-serif;
	font-size: clamp(1.65rem, 3vw, 2.25rem);
	letter-spacing: -0.035em;
}

.article-body h2:not(:first-child) { margin-top: 78px; }

.article-body p {
	margin-bottom: 23px;
	font-size: 1.13rem;
	line-height: 1.84;
}

.article-body > p:first-of-type::first-letter {
	float: left;
	margin: 7px 12px 0 0;
	color: #0d1c39;
	font-family: Montserrat, Inter, Arial, sans-serif;
	font-size: 4.4rem;
	font-weight: 800;
	line-height: 0.78;
}

.article-insight {
	margin: 52px 0;
	padding: 30px 0 30px 36px;
	border-top: 1px solid #c9972d;
	border-bottom: 1px solid #c9972d;
	border-left: 0;
	background: transparent;
	font-family: Montserrat, Inter, Arial, sans-serif;
	font-size: clamp(1.15rem, 2vw, 1.35rem);
	line-height: 1.52;
}

.article-cta {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 44px;
	margin-top: 78px;
	padding: 30px 0 0;
	border-top: 1px solid #0d1c39;
	background: transparent;
	color: #0d1c39;
}

.article-cta h2 {
	max-width: 500px;
	margin: 8px 0 0;
	color: #0d1c39;
	font-size: clamp(1.35rem, 2.4vw, 1.85rem);
	line-height: 1.18;
}
.article-cta .eyebrow { color: #a87819; }

.article-cta .button {
	align-self: end;
	padding: 0 0 7px;
	background: transparent;
	border-bottom: 1px solid #c9972d;
	color: #0d1c39;
	font-size: 0.82rem;
}

.article-cta .button:hover { transform: none; }

.site-header nav a.active {
	position: relative;
	color: transparent;
	font-size: 0.88rem;
}

.site-header nav a.active::after {
	content: "Artigos";
	position: absolute;
	top: 0;
	left: 0;
	color: #0d1c39;
	font-size: 0.88rem;
}

@media (max-width: 850px) {
	.article-hero { padding: 48px 0 42px; }
	.article-hero .container::before { margin-bottom: 28px; }
	.article-shell { padding: 52px 0 78px; }
	.article-body p { font-size: 1.06rem; }
	.article-insight { padding-left: 22px; }
	.article-cta {
		display: block;
		margin-top: 62px;
	}

	.article-cta .button {
		margin-top: 24px;
	}
}