/* =========================================================
   NOTÍCIAS DO TRANSPORTE — HOMEPAGE 3.0
   Canvas full width + conteúdo editorial centralizado em 1360px.
   ========================================================= */

.nt-home-v3-page {
	--nt-green: #07852f;
	--nt-green-dark: #056d28;
	--nt-green-soft: #eff8f2;
	--nt-text: #111a14;
	--nt-muted: #667168;
	--nt-border: #e2e8e4;
	--nt-surface: #ffffff;
	--nt-container: 1360px;
	--nt-radius: 14px;
}

/* Astra vira canvas; os nossos containers controlam a largura real. */
.nt-home-v3-page .site-content > .ast-container,
.nt-home-v3-page .ast-container #primary,
.nt-home-v3-page #primary,
.nt-home-v3-page .site-main,
.nt-home-v3-page .entry-content {
	width: 100% !important;
	max-width: none !important;
}

.nt-home-v3-page .site-content > .ast-container {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.nt-home-v3-page #primary {
	margin: 0 !important;
}

.nt-home-v3-page .entry-content {
	margin: 0 !important;
}

.nt-home-v3-page .entry-content > p:empty {
	display: none;
}

.nt-v3-container {
	width: min(calc(100% - 48px), var(--nt-container));
	margin-inline: auto;
}

.nt-home-v3-page .nt-home-block,
.nt-home-v3-page .nt-bloco,
.nt-home-v3-page .entry-content .nt-home-block {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box;
}

.nt-home-v3-page .nt-home-block *,
.nt-home-v3-page .nt-bloco * {
	box-sizing: border-box;
}

.nt-home-v3-page .nt-home-block {
	padding-top: 24px !important;
	padding-bottom: 18px !important;
}

.nt-home-v3-page .nt-bloco {
	padding-block: 18px !important;
}

/* ---------- Cabeçalho de seção ---------- */
.nt-home-v3-page .nt-v3-section-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
	margin: 0 0 14px;
	padding: 0 0 8px;
	border-bottom: 1px solid var(--nt-border);
}

.nt-home-v3-page .nt-v3-section-header h2 {
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--nt-text) !important;
	font-family: "Titillium Web", sans-serif !important;
	font-size: clamp(24px, 2vw, 31px) !important;
	font-weight: 700 !important;
	line-height: 1.05 !important;
	letter-spacing: -.45px;
}

.nt-home-v3-page .nt-v3-section-header h2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 46px;
	height: 3px;
	border-radius: 4px;
	background: var(--nt-green);
}

.nt-home-v3-page .nt-v3-section-header a {
	flex: 0 0 auto;
	color: var(--nt-green) !important;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none !important;
}

.nt-home-v3-page .nt-v3-section-header a:hover {
	color: var(--nt-green-dark) !important;
}

/* ---------- Tags ---------- */
.nt-v3-tags,
.nt-home-card__tags {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}

.nt-v3-tag {
	display: inline-flex !important;
	align-items: center;
	width: auto !important;
	padding: 3px 7px !important;
	border-radius: 4px;
	font-size: 10px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	text-transform: uppercase;
	letter-spacing: .15px;
}

.nt-v3-tag--primary {
	background: var(--nt-green) !important;
	color: #fff !important;
}

.nt-v3-tag--secondary {
	background: rgba(26, 35, 29, .78) !important;
	color: #fff !important;
}

/* =========================================================
   DESTAQUES — 1 hero + 2 laterais + 4 inferiores
   ========================================================= */
.nt-home-v3-page .nt-home-top {
	display: grid !important;
	grid-template-columns: minmax(0, 1.72fr) minmax(380px, .98fr) !important;
	gap: 14px !important;
	margin: 0 0 14px !important;
}

.nt-home-v3-page .nt-home-top__side {
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
	gap: 14px !important;
}

.nt-home-v3-page .nt-home-bottom {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 14px !important;
}

.nt-home-v3-page .nt-home-card {
	position: relative;
	display: block;
	min-width: 0;
	height: 100% !important;
	min-height: 0 !important;
	aspect-ratio: auto !important;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, .06);
	border-radius: var(--nt-radius);
	background: #162019;
	box-shadow: 0 5px 16px rgba(9, 30, 16, .08);
	text-decoration: none !important;
	transform: translateZ(0);
	transition: transform .22s ease, box-shadow .22s ease;
}

.nt-home-v3-page .nt-home-card:hover {
	transform: translateY(-3px) !important;
	box-shadow: 0 14px 30px rgba(9, 30, 16, .15);
}

.nt-home-v3-page .nt-home-card--featured {
	height: 440px !important;
}

.nt-home-v3-page .nt-home-card--side {
	height: 213px !important;
}

.nt-home-v3-page .nt-home-card--bottom {
	height: 215px !important;
}

.nt-home-v3-page .nt-home-card__bg {
	position: absolute !important;
	inset: 0;
	display: block;
	width: 100%;
	height: 100% !important;
	background-position: center;
	background-size: cover;
	border-radius: 0 !important;
	transition: transform .45s ease;
}

.nt-home-v3-page .nt-home-card:hover .nt-home-card__bg {
	transform: scale(1.035);
	filter: none !important;
}

.nt-home-v3-page .nt-home-card__bg--fallback {
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, #0c5f29, #0b8d37);
}

.nt-home-v3-page .nt-home-card__bg--fallback span {
	color: rgba(255,255,255,.2) !important;
	font-family: "Titillium Web", sans-serif !important;
	font-size: 72px;
	font-weight: 800;
}

.nt-home-v3-page .nt-home-card__shade {
	position: absolute;
	inset: 0;
	display: block !important;
	background: linear-gradient(to top, rgba(4, 10, 6, .94) 0%, rgba(4, 10, 6, .72) 35%, rgba(4, 10, 6, .18) 72%, rgba(4, 10, 6, .04) 100%) !important;
}

.nt-home-v3-page .nt-home-card__inner {
	position: absolute !important;
	inset: 0;
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
	padding: 18px !important;
	background: transparent !important;
}

.nt-home-v3-page .nt-home-card__content {
	display: block;
	margin-top: auto !important;
	color: #fff !important;
}

.nt-home-v3-page .nt-home-card__title,
.nt-home-v3-page .nt-home-card__desc,
.nt-home-v3-page .nt-home-card__meta {
	display: block;
	color: #fff !important;
	text-shadow: 0 1px 3px rgba(0,0,0,.52) !important;
}

.nt-home-v3-page .nt-home-card__title {
	margin: 0 !important;
	font-family: "Titillium Web", sans-serif !important;
	font-weight: 700 !important;
	line-height: 1.08 !important;
	letter-spacing: -.35px;
}

.nt-home-v3-page .nt-home-card--featured .nt-home-card__title {
	max-width: 94%;
	font-size: clamp(28px, 2.2vw, 36px) !important;
}

.nt-home-v3-page .nt-home-card--side .nt-home-card__title {
	font-size: 22px !important;
}

.nt-home-v3-page .nt-home-card--bottom .nt-home-card__title {
	font-size: 18px !important;
}

.nt-home-v3-page .nt-home-card__desc {
	max-width: 90%;
	margin-top: 9px;
	font-size: 14px !important;
	line-height: 1.35;
}

.nt-home-v3-page .nt-home-card__meta {
	margin-top: 10px;
	font-size: 12px !important;
	font-weight: 600;
	opacity: .9;
}

/* =========================================================
   RECENTES + OPERAÇÃO (70/30)
   ========================================================= */
.nt-v3-main-grid {
	display: grid;
	grid-template-columns: minmax(0, 2.15fr) minmax(320px, .95fr);
	gap: 18px;
	align-items: start;
}

.nt-v3-main-column,
.nt-v3-operation-column,
.nt-v3-most-read,
.nt-v3-connect,
.nt-v3-topic-panel {
	min-width: 0;
	padding: 18px;
	border: 1px solid var(--nt-border);
	border-radius: var(--nt-radius);
	background: var(--nt-surface);
	box-shadow: 0 4px 14px rgba(11, 35, 19, .045);
}

.nt-v3-main-column .nt-v3-section-header,
.nt-v3-operation-column .nt-v3-section-header,
.nt-v3-most-read .nt-v3-section-header,
.nt-v3-connect .nt-v3-section-header,
.nt-v3-topic-panel .nt-v3-section-header {
	margin-bottom: 7px;
}

.nt-v3-main-column .nt-v3-section-header h2,
.nt-v3-operation-column .nt-v3-section-header h2,
.nt-v3-most-read .nt-v3-section-header h2,
.nt-v3-connect .nt-v3-section-header h2 {
	font-size: 24px !important;
}

.nt-v3-recent-list {
	display: flex;
	flex-direction: column;
}

.nt-v3-recent-item {
	display: grid;
	grid-template-columns: 190px minmax(0, 1fr);
	gap: 16px;
	padding: 14px 0;
	border-bottom: 1px solid #edf0ee;
	text-decoration: none !important;
}

.nt-v3-recent-item:last-child {
	border-bottom: 0;
}

.nt-v3-recent-item__thumb {
	height: 126px;
	overflow: hidden;
	border-radius: 10px;
	background: #edf4ef;
}

.nt-v3-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0 !important;
}

.nt-v3-image--fallback {
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, #0c5f29, #0b8d37);
}

.nt-v3-image--fallback span {
	color: rgba(255,255,255,.28) !important;
	font-family: "Titillium Web", sans-serif !important;
	font-size: 34px;
	font-weight: 800;
}

.nt-v3-recent-item__body {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.nt-v3-recent-item h3 {
	margin: 6px 0 4px !important;
	color: var(--nt-text) !important;
	font-family: "Titillium Web", sans-serif !important;
	font-size: 21px !important;
	font-weight: 700 !important;
	line-height: 1.15;
}

.nt-v3-recent-item p {
	margin: 0 !important;
	color: #5f6c63 !important;
	font-size: 13px;
	line-height: 1.32;
}

.nt-v3-item-meta {
	display: flex;
	gap: 14px;
	margin-top: auto;
	padding-top: 7px;
	color: #7a857e !important;
	font-size: 11px;
}

.nt-v3-operation-list {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 3px 0 4px;
}

.nt-v3-operation-list::before {
	content: "";
	position: absolute;
	top: 19px;
	bottom: 19px;
	left: 53px;
	width: 1px;
	background: #e2e7e3;
}

.nt-v3-operation-item {
	position: relative;
	display: grid;
	grid-template-columns: 42px 10px minmax(0, 1fr);
	gap: 9px;
	padding: 11px 0;
	text-decoration: none !important;
}

.nt-v3-operation-item__time {
	padding-top: 2px;
	color: #58645c !important;
	font-size: 12px;
	font-weight: 700;
}

.nt-v3-operation-item__dot {
	position: relative;
	z-index: 1;
	width: 10px;
	height: 10px;
	margin-top: 5px;
	border: 2px solid #fff;
	border-radius: 50%;
	background: var(--nt-green);
	box-shadow: 0 0 0 2px rgba(7,133,47,.18);
}

.nt-v3-operation-item__content {
	display: block;
	min-width: 0;
}

.nt-v3-operation-item__label {
	display: inline-flex;
	margin-bottom: 3px;
	padding: 2px 5px;
	border-radius: 4px;
	background: var(--nt-green-soft);
	color: var(--nt-green) !important;
	font-size: 9px;
	font-weight: 800;
	text-transform: uppercase;
}

.nt-v3-operation-item strong {
	display: block;
	color: var(--nt-text) !important;
	font-family: "Titillium Web", sans-serif !important;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.18;
}

.nt-v3-operation-item small {
	display: block;
	margin-top: 3px;
	color: #6d7870 !important;
	font-size: 11px;
	line-height: 1.25;
}

.nt-v3-outline-button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 38px;
	margin-top: 10px;
	border: 1px solid rgba(7,133,47,.46);
	border-radius: 7px;
	color: var(--nt-green) !important;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none !important;
	transition: background .18s ease, color .18s ease;
}

.nt-v3-outline-button:hover {
	background: var(--nt-green) !important;
	color: #fff !important;
}

/* =========================================================
   MAIS LIDAS + CONECTE-SE
   ========================================================= */
.nt-v3-popular-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(370px, .8fr);
	gap: 18px;
}

.nt-v3-most-read-list {
	display: flex;
	flex-direction: column;
}

.nt-v3-most-read-item {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
	min-height: 50px;
	padding: 9px 0;
	border-bottom: 1px solid #edf0ee;
	text-decoration: none !important;
}

.nt-v3-most-read-item:last-child {
	border-bottom: 0;
}

.nt-v3-most-read-rank {
	display: grid;
	place-items: center;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background: var(--nt-green);
	color: #fff !important;
	font-size: 11px;
	font-weight: 800;
}

.nt-v3-most-read-item strong {
	color: var(--nt-text) !important;
	font-family: "Titillium Web", sans-serif !important;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
}

.nt-v3-most-read-item > span:last-child {
	color: #69766d !important;
	font-size: 12px;
	font-weight: 700;
}

.nt-v3-connect-list {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 10px !important;
}

.nt-home-v3-page .nt-v3-connect-list .nt-cta-card {
	min-height: 82px;
	margin: 0 !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.nt-v3-empty {
	margin: 16px 0 0 !important;
	color: var(--nt-muted) !important;
	font-size: 13px;
}

/* =========================================================
   REGIÕES / MODAIS
   ========================================================= */
.nt-v3-topic-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.nt-v3-topic-panel {
	padding: 14px;
}

.nt-v3-topic-panel__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 10px;
}

.nt-v3-topic-panel__head span {
	display: block;
	margin-bottom: 2px;
	color: var(--nt-green) !important;
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .35px;
}

.nt-v3-topic-panel__head h3 {
	margin: 0 !important;
	color: var(--nt-text) !important;
	font-family: "Titillium Web", sans-serif !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	line-height: 1.05;
}

.nt-v3-topic-panel__head > a {
	color: var(--nt-green) !important;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none !important;
}

.nt-v3-topic-lead {
	position: relative;
	display: block;
	height: 230px;
	overflow: hidden;
	border-radius: 11px;
	background: #12331f;
	text-decoration: none !important;
}

.nt-v3-topic-lead__image,
.nt-v3-topic-lead__image .nt-v3-image {
	width: 100%;
	height: 100%;
}

.nt-v3-topic-lead__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(3,10,5,.9), rgba(3,10,5,.12) 72%);
}

.nt-v3-topic-lead__content {
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 14px;
}

.nt-v3-topic-lead__content strong {
	display: block;
	margin-top: 7px;
	color: #fff !important;
	font-family: "Titillium Web", sans-serif !important;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.12;
}

.nt-v3-topic-links {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	margin-top: 10px;
}

.nt-v3-topic-links a {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-width: 0;
	min-height: 85px;
	padding: 9px 11px;
	border-right: 1px solid #e8ece9;
	color: var(--nt-text) !important;
	text-decoration: none !important;
}

.nt-v3-topic-links a:first-child { padding-left: 0; }
.nt-v3-topic-links a:last-child { border-right: 0; padding-right: 0; }

.nt-v3-topic-links span {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: var(--nt-text) !important;
	font-family: "Titillium Web", sans-serif !important;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.15;
}

.nt-v3-topic-links small {
	margin-top: 6px;
	color: #7a857e !important;
	font-size: 10px;
}

/* Separação muito leve entre grandes blocos, sem cara de shortcodes empilhados. */
.nt-home-v3-page .nt-home-v3-content-grid,
.nt-home-v3-page .nt-home-v3-popular-connect,
.nt-home-v3-page .nt-home-v3-topics {
	background: linear-gradient(to bottom, rgba(247,249,248,.58), rgba(255,255,255,0) 70px);
}

/* =========================================================
   RESPONSIVO
   ========================================================= */
@media (max-width: 1180px) {
	.nt-home-v3-page .nt-home-top {
		grid-template-columns: minmax(0, 1.45fr) minmax(330px, 1fr) !important;
	}

	.nt-home-v3-page .nt-home-bottom {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.nt-v3-main-grid,
	.nt-v3-popular-grid {
		grid-template-columns: minmax(0, 1.5fr) minmax(300px, 1fr);
	}
}

@media (max-width: 900px) {
	.nt-v3-container {
		width: min(calc(100% - 32px), var(--nt-container));
	}

	.nt-home-v3-page .nt-home-top,
	.nt-v3-main-grid,
	.nt-v3-popular-grid,
	.nt-v3-topic-grid {
		grid-template-columns: 1fr !important;
	}

	.nt-home-v3-page .nt-home-top__side {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		grid-template-rows: none !important;
	}

	.nt-home-v3-page .nt-home-card--featured { height: 390px !important; }
	.nt-home-v3-page .nt-home-card--side { height: 230px !important; }

	.nt-v3-operation-column { order: 2; }
}

@media (max-width: 680px) {
	.nt-v3-container {
		width: min(calc(100% - 24px), var(--nt-container));
	}

	.nt-home-v3-page .nt-home-block,
	.nt-home-v3-page .nt-bloco {
		padding-block: 12px !important;
	}

	.nt-home-v3-page .nt-v3-section-header {
		align-items: center;
		margin-bottom: 12px;
	}

	.nt-home-v3-page .nt-v3-section-header h2 {
		font-size: 23px !important;
	}

	.nt-home-v3-page .nt-v3-section-header a {
		font-size: 11px;
		max-width: 46%;
		text-align: right;
	}

	.nt-home-v3-page .nt-home-top__side,
	.nt-home-v3-page .nt-home-bottom {
		grid-template-columns: 1fr !important;
	}

	.nt-home-v3-page .nt-home-card,
	.nt-home-v3-page .nt-home-card--featured,
	.nt-home-v3-page .nt-home-card--side,
	.nt-home-v3-page .nt-home-card--bottom {
		display: flex !important;
		flex-direction: column !important;
		height: auto !important;
		min-height: 0 !important;
		border-radius: 12px;
		background: #fff !important;
		box-shadow: none;
	}

	.nt-home-v3-page .nt-home-card__bg {
		position: relative !important;
		height: 210px !important;
		flex: 0 0 210px;
	}

	.nt-home-v3-page .nt-home-card__shade { display: none !important; }

	.nt-home-v3-page .nt-home-card__inner {
		position: relative !important;
		inset: auto;
		padding: 12px 2px 8px !important;
		background: #fff !important;
	}

	.nt-home-v3-page .nt-home-card__tags {
		margin-bottom: 7px;
	}

	.nt-home-v3-page .nt-home-card__content,
	.nt-home-v3-page .nt-home-card__title,
	.nt-home-v3-page .nt-home-card__desc,
	.nt-home-v3-page .nt-home-card__meta {
		color: var(--nt-text) !important;
		text-shadow: none !important;
	}

	.nt-home-v3-page .nt-home-card__title,
	.nt-home-v3-page .nt-home-card--featured .nt-home-card__title,
	.nt-home-v3-page .nt-home-card--side .nt-home-card__title,
	.nt-home-v3-page .nt-home-card--bottom .nt-home-card__title {
		font-size: 21px !important;
		line-height: 1.12 !important;
	}

	.nt-home-v3-page .nt-home-card__desc {
		max-width: none;
		font-size: 13px !important;
		color: #59655d !important;
	}

	.nt-home-v3-page .nt-home-card__meta {
		font-size: 11px !important;
		color: #7a857e !important;
	}

	.nt-v3-main-column,
	.nt-v3-operation-column,
	.nt-v3-most-read,
	.nt-v3-connect,
	.nt-v3-topic-panel {
		padding: 14px;
	}

	.nt-v3-recent-item {
		grid-template-columns: 118px minmax(0, 1fr) !important;
		gap: 11px;
	}

	.nt-v3-recent-item__thumb {
		height: 92px !important;
	}

	.nt-v3-recent-item h3 {
		font-size: 17px !important;
	}

	.nt-v3-recent-item p {
		display: none;
	}

	.nt-v3-item-meta span:last-child {
		display: none;
	}

	.nt-v3-topic-lead { height: 210px; }
	.nt-v3-topic-links { grid-template-columns: 1fr; }
	.nt-v3-topic-links a {
		min-height: 0;
		padding: 10px 0;
		border-right: 0;
		border-bottom: 1px solid #e8ece9;
	}
	.nt-v3-topic-links a:last-child { border-bottom: 0; }

	.nt-v3-most-read-item {
		grid-template-columns: 26px minmax(0, 1fr);
	}
	.nt-v3-most-read-item > span:last-child { display: none; }
}
