/* Cambuí No Ar · ajustes visuais sobre o tema (carregado depois do style.css do tema) */

/* ---------- Imagens: as capas são 16:9 com a faixa do logo embaixo ---------- */
.cna-card__img,
.cna-hero__main .cna-card__img {
	aspect-ratio: 16 / 9;
}
.cna-card__img img {
	object-position: center bottom;
}

/* ---------- Destaque principal ---------- */
.cna-hero {
	gap: 48px;
	align-items: start;
}
.cna-hero__main .cna-card {
	gap: 16px;
}
.cna-hero__main .cna-card__titulo {
	font-size: clamp(30px, 3.6vw, 46px);
	line-height: 1.06;
	text-wrap: balance;
}
.cna-hero__main .cna-card__resumo {
	font-size: 18px;
	line-height: 1.5;
	max-width: 62ch;
}

/* ---------- Lista ao lado do destaque ---------- */
.cna-hero__lista {
	gap: 20px;
}
.cna-hero__lista .cna-card {
	display: grid;
	grid-template-columns: 148px minmax(0, 1fr);
	grid-template-rows: auto 1fr;
	column-gap: 16px;
	row-gap: 6px;
	align-items: start;
	padding-bottom: 20px;
}
.cna-hero__lista .cna-card__img {
	width: auto;
	grid-row: 1 / 3;
	aspect-ratio: 16 / 9;
}
.cna-hero__lista .cna-card__meta {
	gap: 4px 10px;
}
.cna-hero__lista .cna-chip {
	padding: 3px 10px;
	font-size: 10px;
}
.cna-hero__lista .cna-card__titulo {
	font-size: 19px;
	line-height: 1.22;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ---------- Seções: uma matéria sozinha vira um destaque horizontal ---------- */
.cna-grade > .cna-card:only-child {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
	column-gap: 36px;
	row-gap: 12px;
	align-content: center;
}
.cna-grade > .cna-card:only-child .cna-card__img {
	grid-row: 1 / span 4;
}
.cna-grade > .cna-card:only-child .cna-card__meta {
	align-self: end;
}
.cna-grade > .cna-card:only-child .cna-card__titulo {
	font-size: clamp(26px, 2.8vw, 36px);
	line-height: 1.1;
}
.cna-grade > .cna-card:only-child .cna-card__resumo {
	align-self: start;
	font-size: 17px;
}

/* Títulos dos cartões mais equilibrados */
.cna-card__titulo {
	line-height: 1.15;
	text-wrap: balance;
}

/* ---------- Newsletter encostada no rodapé (sem a faixa bege entre os dois) ---------- */
body:has(main > .cna-newsletter:last-child) .cna-rodape,
body:has(main .cna-newsletter:last-child) .cna-rodape {
	margin-top: 0;
	border-top: 1px solid rgba(246, 241, 233, 0.16);
}
.cna-newsletter {
	padding: 64px 0;
}

/* ---------- Rodapé ---------- */
.cna-rodape__grade {
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.4fr) minmax(0, 0.9fr);
	gap: 48px;
}
.cna-rodape #menu-rodape,
.cna-rodape .cna-rodape__grade > div:nth-child(2) ul {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 32px;
	row-gap: 10px;
}
.cna-rodape ul a {
	display: inline-block;
	padding: 2px 0;
}
.cna-rodape__lema {
	max-width: 22ch;
}

/* ---------- Matéria ---------- */
.cna-artigo__titulo {
	line-height: 1.04;
	text-wrap: balance;
}
.cna-artigo__img img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
}
.entry-content > p:first-child,
.entry-content > p.has-large-font-size:first-child {
	font-family: var(--serif, 'DM Serif Display', Georgia, serif);
	font-size: clamp(22px, 2.4vw, 27px) !important;
	line-height: 1.3;
	margin-bottom: 0.8em;
}
.entry-content > p:first-child strong {
	font-weight: 400;
}
.entry-content .wp-block-group.has-background {
	border-radius: 2px;
	margin: 1.6em 0;
}
.entry-content .wp-block-group.has-background ul {
	margin: 0.4em 0 0;
	padding-left: 1.1em;
}
.entry-content .wp-block-group.has-background li {
	margin: 0.25em 0;
}
.entry-content .wp-block-group.has-background li::marker {
	color: var(--terra, #C9774B);
}
.entry-content ul li::marker {
	color: var(--terra, #C9774B);
}

/* ---------- Telas médias e celular ---------- */
@media (max-width: 960px) {
	.cna-hero__main .cna-card__titulo {
		font-size: clamp(28px, 6vw, 36px);
	}
	.cna-grade > .cna-card:only-child {
		grid-template-columns: minmax(0, 1fr);
	}
	.cna-grade > .cna-card:only-child .cna-card__img {
		grid-row: auto;
	}
	.cna-rodape__grade {
		grid-template-columns: minmax(0, 1fr);
		gap: 32px;
	}
}
@media (max-width: 600px) {
	.cna-hero__lista .cna-card {
		display: grid;
		grid-template-columns: 112px minmax(0, 1fr);
	}
	.cna-hero__lista .cna-card__img {
		width: auto;
	}
	.cna-hero__lista .cna-card__titulo {
		font-size: 17px;
		-webkit-line-clamp: 3;
	}
	.cna-rodape #menu-rodape,
	.cna-rodape .cna-rodape__grade > div:nth-child(2) ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 20px;
	}
}