/* atpp-noticias.css
 * Overrides mínimos para páginas e listagem de notícias.
 * Carregado depois de todos os CSS Elementor para herdar variáveis do kit-19.
 */

.atpp-noticia-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 1.5rem;
	align-items: center;
	margin: 0 0 1.5rem 0;
	padding: 0.75rem 0;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	font-family: var(--e-global-typography-text-font-family, "Open Sans"), sans-serif;
	font-size: 0.9rem;
	color: var(--e-global-color-text, #555);
}

.atpp-noticia-meta > span {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}

.atpp-noticia-meta i {
	color: var(--e-global-color-primary, #3aaa35);
	font-size: 0.85rem;
}

.atpp-noticia-meta__tags {
	flex-wrap: wrap;
}

.atpp-noticia-meta__tag {
	display: inline-block;
	padding: 0.15rem 0.6rem;
	margin-right: 0.35rem;
	border-radius: 999px;
	background: rgba(58, 170, 53, 0.1);
	color: var(--e-global-color-primary, #3aaa35);
	font-size: 0.8rem;
	font-weight: 600;
	line-height: 1.4;
}

.atpp-noticia-imagem-destaque {
	margin: 0 0 2rem 0;
	padding: 0;
}

.atpp-noticia-imagem-destaque img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 480px;
	object-fit: cover;
	border-radius: 8px;
}

.atpp-noticia-conteudo {
	font-family: var(--e-global-typography-text-font-family, "Open Sans"), sans-serif;
	font-size: 1.05rem;
	line-height: 1.7;
	color: var(--e-global-color-text, #333);
	max-width: 800px;
	margin: 0 auto;
}

.atpp-noticia-conteudo > * + * {
	margin-top: 1rem;
}

.atpp-noticia-conteudo h2,
.atpp-noticia-conteudo h3,
.atpp-noticia-conteudo h4 {
	font-family: var(--e-global-typography-primary-font-family, "Dosis"), sans-serif;
	color: var(--e-global-color-primary, #3aaa35);
	margin-top: 2rem;
	margin-bottom: 0.5rem;
}

.atpp-noticia-conteudo img {
	max-width: 100%;
	height: auto;
	border-radius: 6px;
}

.atpp-noticia-conteudo a {
	color: var(--e-global-color-primary, #3aaa35);
	text-decoration: underline;
}

.atpp-noticia-conteudo blockquote {
	border-left: 4px solid var(--e-global-color-primary, #3aaa35);
	padding: 0.5rem 0 0.5rem 1rem;
	margin: 1.5rem 0;
	color: #555;
	font-style: italic;
}

.atpp-noticia-voltar {
	margin-top: 3rem;
	text-align: center;
	font-family: var(--e-global-typography-text-font-family, "Open Sans"), sans-serif;
}

.atpp-noticia-voltar a {
	color: var(--e-global-color-primary, #3aaa35);
	text-decoration: none;
	font-weight: 600;
}

.atpp-noticia-voltar a:hover {
	text-decoration: underline;
}

/* ---- Listagem ---- */

.atpp-noticias-intro {
	font-family: var(--e-global-typography-text-font-family, "Open Sans"), sans-serif;
	font-size: 1.05rem;
	color: var(--e-global-color-text, #555);
	max-width: 720px;
	margin: 0 auto 2rem auto;
	text-align: center;
}

.atpp-noticias-vazio {
	padding: 3rem 1rem;
	text-align: center;
	color: #888;
	font-style: italic;
}

.elementor-post__meta-data {
	font-family: var(--e-global-typography-text-font-family, "Open Sans"), sans-serif;
	font-size: 0.85rem;
	color: #888;
	margin: 0 0 0.5rem 0;
}

.elementor-post__thumbnail img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: block;
}

/* Mais respiro entre cards de notícias na listagem (id 9001 sem CSS por-página;
 * os gaps cobrem tanto grid como flex-wrap). row-gap = espaço vertical entre
 * linhas; column-gap = espaço horizontal entre colunas — sem este último, as
 * miniaturas full-width de colunas vizinhas ficavam coladas. */
.elementor-9001 .elementor-posts-container.elementor-grid {
	row-gap: 3rem;
	--grid-row-gap: 3rem;
	column-gap: 2rem;
	--grid-column-gap: 2rem;
}

/* ---- Página de listagem: container (margens) e banner do título ---- */
/* A listagem usa elementor-9001 (id sintético) e por isso NÃO tem CSS por-página
 * gerado pelo Elementor (ao contrário do detalhe, que reutiliza o post-66.css).
 * Repõe-se aqui a largura/centragem dos containers boxed e o banner do título,
 * para ficar coerente com as restantes páginas do site. */

/* Limita e centra o conteúdo da listagem (o wrapper contém título + cards, mas
 * NÃO o footer — este fica full-width). Mira-se o wrapper porque o id 9001 não tem
 * CSS por-página e a largura dos containers internos é controlada pelo Elementor. */
.elementor-9001 {
	max-width: var(--container-max-width, 1140px);
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}

/* Banner do título "Notícias" — gradiente verde→branco como nas outras páginas */
.atpp-noticias-hero .elementor-widget-container {
	display: block;
	width: 580px;
	max-width: 100%;
	box-sizing: border-box;
	background-image: linear-gradient(
		90deg,
		var(--e-global-color-primary, #3aaa35) 80%,
		var(--e-global-color-bd036b3, #ffffff) 100%
	);
	border-radius: 10px;
	padding: 8px 20px;
	margin: 0.5rem 0 1.5rem 0;
}

.atpp-noticias-hero .elementor-heading-title {
	margin: 0;
	color: #ffffff;
	font-family: "Open Sans", sans-serif;
	font-size: 26px;
	font-weight: 700;
}