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

/* =========================================================
   ALTERAÇÕES OPERACIONAIS — timeline estável no mobile
   Evita que CSS genérico/Astra comprima o marcador circular.
   ========================================================= */
.nt-v3-operation-item__dot {
	box-sizing: border-box !important;
	display: block !important;
	flex: 0 0 10px !important;
	width: 10px !important;
	min-width: 10px !important;
	max-width: 10px !important;
	height: 10px !important;
	min-height: 10px !important;
	max-height: 10px !important;
	aspect-ratio: 1 / 1;
	padding: 0 !important;
	line-height: 0 !important;
	align-self: start;
	justify-self: center;
}

/* Centro real do marcador: 42px (hora) + 9px (gap) + 5px. */
.nt-v3-operation-list::before {
	left: 56px;
}

@media (max-width: 680px) {
	.nt-v3-operation-item {
		grid-template-columns: 42px 14px minmax(0, 1fr) !important;
		column-gap: 7px !important;
		align-items: start;
	}

	.nt-v3-operation-list::before {
		left: 56px !important;
	}

	.nt-v3-operation-item__dot {
		width: 10px !important;
		min-width: 10px !important;
		max-width: 10px !important;
		height: 10px !important;
		min-height: 10px !important;
		max-height: 10px !important;
		margin-top: 5px !important;
		border-width: 2px !important;
		border-radius: 999px !important;
	}
}

/* =========================================================
   V1.7 — COMPOSITOR ÚNICO DA HOME
   Um único eixo lateral para publicidade e todos os blocos editoriais.
   ========================================================= */
.nt-home-v3-page .site-main > article.page,
.nt-home-v3-page .site-main > article.type-page,
.nt-home-v3-page .site-main > article.page .entry-content,
.nt-home-v3-page .site-main > article.type-page .entry-content,
.nt-home-v3-page .entry-content > .wp-block-shortcode {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.nt-home-v3-shell {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

/* ESTE é o único container lateral da home inteira. */
.nt-home-v3-composer {
	width: min(calc(100% - 48px), var(--nt-container)) !important;
	max-width: var(--nt-container) !important;
	margin-inline: auto !important;
	padding: 0 !important;
}

/* Os containers históricos dos blocos deixam de criar um segundo gutter. */
.nt-home-v3-composer > .nt-home-top-ads > .nt-v3-container,
.nt-home-v3-composer > .nt-home-block > .nt-v3-container,
.nt-home-v3-composer > .nt-bloco > .nt-v3-container,
.nt-home-v3-composer > .nt-home-ad-band > .nt-v3-container,
.nt-home-v3-composer > .nt-home-v3-bottom-grid > .nt-bloco > .nt-v3-container,
.nt-home-v3-composer > .nt-home-v3-bottom-grid > .nt-home-block > .nt-v3-container {
	width: 100% !important;
	max-width: none !important;
	margin-inline: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.nt-home-v3-composer > .nt-home-top-ads,
.nt-home-v3-composer > .nt-home-block,
.nt-home-v3-composer > .nt-bloco,
.nt-home-v3-composer > .nt-home-ad-band,
.nt-home-v3-composer > .nt-home-v3-bottom-grid {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Publicidade superior no mesmo eixo exato dos Destaques. */
.nt-home-v3-composer .nt-home-top-ads {
	padding-top: 24px;
	padding-bottom: 12px;
}

.nt-home-v3-composer .nt-home-top-ads__desktop {
	gap: 18px;
}

.nt-home-v3-composer .nt-home-top-ads__desktop .nt-ad-slot,
.nt-home-v3-composer .nt-home-top-ads__desktop .nt-ad-slot__content,
.nt-home-v3-composer .nt-home-top-ads__desktop .nt-ad-slot__content > * {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* O grupo pode inserir wrappers próprios; eles não podem escapar do slot. */
.nt-home-v3-composer .nt-home-top-ads__desktop .nt-ad-slot__content > * > img,
.nt-home-v3-composer .nt-home-top-ads__desktop .nt-ad-slot__content img {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	object-fit: cover;
}

/* Blocos Regiões + Por Modal na mesma linha, como no conceito NT 3.0. */
.nt-home-v3-bottom-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	align-items: stretch;
}

.nt-home-v3-bottom-grid > .nt-bloco {
	min-width: 0;
}

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

.nt-v3-directory-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.nt-v3-directory-card {
	position: relative;
	display: block;
	min-width: 0;
	height: 190px;
	overflow: hidden;
	border: 1px solid var(--nt-border);
	border-radius: 12px;
	background: #eaf3ed;
	text-decoration: none !important;
	box-shadow: 0 4px 14px rgba(11, 35, 19, .045);
}

.nt-v3-directory-card__bg {
	position: absolute;
	inset: 0;
	background-position: center;
	background-size: cover;
	transform: scale(1.01);
	transition: transform .3s ease;
}

.nt-v3-directory-card.is-no-image .nt-v3-directory-card__bg {
	background: linear-gradient(135deg, #d9ecdf, #eef7f1);
}

.nt-v3-directory-card__veil {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(250,253,251,.96) 0%, rgba(250,253,251,.86) 55%, rgba(250,253,251,.35) 100%);
}

.nt-v3-directory-card__body {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 16px;
	color: var(--nt-text) !important;
}

.nt-v3-directory-card__body small {
	margin-bottom: 4px;
	color: var(--nt-green) !important;
	font-size: 9px;
	font-weight: 800;
	line-height: 1.1;
	text-transform: uppercase;
	letter-spacing: .35px;
}

.nt-v3-directory-card__body strong {
	display: block;
	max-width: 86%;
	color: var(--nt-text) !important;
	font-family: "Titillium Web", sans-serif !important;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.08;
}

.nt-v3-directory-card__body > span {
	display: -webkit-box;
	max-width: 82%;
	margin-top: 5px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: #526158 !important;
	font-size: 11px;
	line-height: 1.25;
}

.nt-v3-directory-card__body em {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	margin-top: 10px;
	padding: 4px 12px;
	border: 1px solid rgba(7,133,47,.35);
	border-radius: 5px;
	background: rgba(255,255,255,.88);
	color: var(--nt-green) !important;
	font-size: 10px;
	font-style: normal;
	font-weight: 800;
}

.nt-v3-directory-card:hover .nt-v3-directory-card__bg {
	transform: scale(1.05);
}

.nt-v3-directory-card:hover .nt-v3-directory-card__body em {
	background: var(--nt-green);
	color: #fff !important;
}

@media (max-width: 1180px) {
	.nt-home-v3-bottom-grid {
		grid-template-columns: 1fr;
	}

	.nt-v3-directory-card {
		height: 180px;
	}
}

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

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

	.nt-v3-directory-grid {
		grid-template-columns: 1fr;
	}

	.nt-v3-directory-card {
		height: 168px;
	}

	.nt-v3-directory-card__body strong {
		font-size: 18px;
	}
}

/* =========================================================
   V1.10 — NEWSLETTER DA HOME
   Mantém exatamente o mesmo canvas de 1360px usado em /regioes,
   independentemente de wrappers internos do compositor da home.
   ========================================================= */
.nt-home-v3-page .nt-home-v3-composer > .nt-newsletter-strip {
	position: relative;
	left: 50%;
	width: min(calc(100vw - 48px), 1360px) !important;
	max-width: 1360px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	transform: translateX(-50%);
}

@media (max-width: 900px) {
	.nt-home-v3-page .nt-home-v3-composer > .nt-newsletter-strip {
		width: min(calc(100vw - 32px), 1360px) !important;
	}
}

@media (max-width: 680px) {
	.nt-home-v3-page .nt-home-v3-composer > .nt-newsletter-strip {
		width: calc(100vw - 24px) !important;
	}
}

/* =========================================================
   V1.11 — REGIÕES NA HOME: CARROSSEL EDITORIAL
   Dois cards por vez no desktop; um no mobile. A navegação
   continua apontando para /regioes/ com a seleção já ativa.
   ========================================================= */
.nt-home-regions-carousel {
	position: relative;
	min-width: 0;
}

.nt-home-regions-carousel__viewport {
	width: 100%;
	overflow: hidden;
}

.nt-home-regions-carousel__track {
	display: flex;
	align-items: stretch;
	gap: 12px;
	will-change: transform;
	transition: transform .58s cubic-bezier(.22,.61,.36,1);
}

.nt-home-regions-carousel__track > .nt-home-region-card {
	flex: 0 0 calc((100% - 12px) / 2);
	width: calc((100% - 12px) / 2);
}

.nt-home-region-card {
	transition: opacity .2s ease, transform .3s ease, box-shadow .3s ease;
}

.nt-home-region-card[aria-hidden="true"] {
	pointer-events: none;
}

@media (max-width: 680px) {
	.nt-home-regions-carousel__track > .nt-home-region-card {
		flex-basis: 100%;
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.nt-home-regions-carousel__track {
		transition: none;
	}
}


/* =========================================================
   V2.4 — Em Destaque volta a usar a faixa verde da identidade NT
   ========================================================= */
.nt-home-v3-page .nt-home-v3-highlights > .nt-v3-container > .nt-v3-section-header {
	min-height: 42px;
	align-items: center;
	margin: 0 0 12px;
	padding: 7px 16px;
	border: 0;
	border-radius: 8px;
	background:
		linear-gradient(90deg, rgba(5,98,34,.96), rgba(4,112,39,.94)),
		url("https://noticiasdotransporte.com.br/wp-content/uploads/2024/1212NT-1781x2048-0x.png");
	background-size: auto, cover;
	background-position: center;
	box-shadow: none;
}
.nt-home-v3-page .nt-home-v3-highlights > .nt-v3-container > .nt-v3-section-header h2 {
	color: #fff !important;
	font-size: clamp(22px, 1.8vw, 28px) !important;
	letter-spacing: -.25px;
}
.nt-home-v3-page .nt-home-v3-highlights > .nt-v3-container > .nt-v3-section-header h2::after {
	display: none !important;
}
@media (max-width: 780px) {
	.nt-home-v3-page .nt-home-v3-highlights > .nt-v3-container > .nt-v3-section-header {
		min-height: 38px;
		padding: 6px 12px;
		border-radius: 7px;
	}
}

/* =========================================================
   V2.9 — HOME MOBILE: Regiões + Por Modal, markup ÚNICO
   Mantém os mesmos cards/visual do desktop. Só muda a disposição.
   ========================================================= */
@media (max-width: 780px) {
    .nt-home-v3-bottom-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 28px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    .nt-home-v3-bottom-grid > .nt-bloco,
    .nt-home-v3-regions,
    .nt-home-v3-modals,
    .nt-home-v3-regions > .nt-v3-container,
    .nt-home-v3-modals > .nt-v3-container {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .nt-home-v3-bottom-grid > .nt-bloco + .nt-bloco {
        margin-top: 0 !important;
    }

    /* Regiões: o mesmo card desktop, em trilho horizontal no mobile. */
    .nt-home-regions-carousel,
    .nt-home-regions-carousel__viewport {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .nt-home-regions-carousel__viewport {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        overscroll-behavior-inline: contain;
    }
    .nt-home-regions-carousel__viewport::-webkit-scrollbar { display: none; }

    .nt-home-regions-carousel__track {
        display: flex !important;
        flex-flow: row nowrap !important;
        align-items: stretch !important;
        gap: 12px !important;
        width: max-content !important;
        min-width: 100% !important;
        max-width: none !important;
        transform: none !important;
    }

    .nt-home-regions-carousel__track > .nt-home-region-card {
        display: block !important;
        flex: 0 0 clamp(280px, calc(100vw - 58px), 420px) !important;
        width: clamp(280px, calc(100vw - 58px), 420px) !important;
        max-width: none !important;
        height: 168px !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    /* Por Modal: exatamente os mesmos cards, sem um segundo markup. */
    .nt-home-v3-modals .nt-v3-directory-grid {
        display: flex !important;
        flex-flow: row nowrap !important;
        align-items: stretch !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 0 0 4px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        overscroll-behavior-inline: contain;
    }
    .nt-home-v3-modals .nt-v3-directory-grid::-webkit-scrollbar { display: none; }

    .nt-home-v3-modals .nt-v3-directory-card {
        display: block !important;
        flex: 0 0 clamp(280px, calc(100vw - 58px), 420px) !important;
        width: clamp(280px, calc(100vw - 58px), 420px) !important;
        max-width: none !important;
        height: 168px !important;
        visibility: visible !important;
        opacity: 1 !important;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    #nt-home-editorial {
        overflow-x: hidden;
    }
}