/* =========================================================
   Imprensa — Notícias (RF-50 · RF-51)
   ========================================================= */

.tsg-pagina--noticias {
	background: var(--wp--preset--color--branco);
}

.tsg-pagina--noticias .tsg-pagina__corpo {
	padding: 0;
}

.wp-site-blocks .tsg-pagina--noticias > .tsg-pagina__corpo {
	width: 100%;
	max-width: none;
}

.tsg-noticias {
	background: var(--wp--preset--color--branco);
}

/* Reaproveita a casca documental (eyebrow + título + lead, depois a grade) de
   Transparência/Sustentabilidade — sem faixa de cor própria, uma seção contínua
   logo abaixo do subhero, no mesmo espírito de nossas-praticas-esg / portal-da-transparencia. */
.wp-site-blocks .tsg-noticias > .tsg-secao-documental__intro,
.wp-site-blocks .tsg-noticias > .tsg-secao-documental__corpo {
	width: 100%;
	max-width: none;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

/* Busca + filtro da grade (Releases / Comunicados). */
.tsg-lista__filtros {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--20);
	margin: 0 0 var(--wp--preset--spacing--40);
}

.tsg-lista__busca {
	display: flex;
	flex: 1 1 280px;
	max-width: 420px;
	min-width: 0;
	border: 1px solid var(--wp--custom--linha-forte);
	border-radius: var(--wp--custom--raio-pill);
	background: var(--wp--preset--color--branco);
	overflow: hidden;
}

.tsg-lista__busca input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 12px 18px;
	border: 0;
	background: transparent;
	color: var(--wp--preset--color--texto);
	font-family: var(--wp--preset--font-family--corpo);
	font-size: var(--wp--preset--font-size--body-md);
	line-height: 1.4;
}

.tsg-lista__busca input[type="search"]::placeholder {
	color: var(--wp--custom--texto-tenue);
}

.tsg-lista__busca input[type="search"]:focus {
	outline: none;
}

.tsg-lista__busca:focus-within {
	border-color: var(--wp--preset--color--marca);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--marca) 18%, transparent);
}

.tsg-lista__busca-botao {
	flex-shrink: 0;
	margin: 4px;
	padding: 10px 18px;
	border: 0;
	border-radius: var(--wp--custom--raio-pill);
	background: var(--wp--preset--color--marca);
	color: var(--wp--preset--color--branco);
	font-family: var(--wp--preset--font-family--titulo);
	font-size: var(--wp--preset--font-size--body-sm);
	font-weight: 600;
	cursor: pointer;
}

.tsg-lista__busca-botao:hover,
.tsg-lista__busca-botao:focus {
	background: color-mix(in srgb, var(--wp--preset--color--marca) 85%, var(--wp--preset--color--fundo-escuro));
}

.tsg-lista__tipos {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.tsg-lista__tipo {
	padding: 8px 16px;
	border: 1px solid var(--wp--custom--linha);
	border-radius: var(--wp--custom--raio-pill);
	background: var(--wp--preset--color--branco);
	color: var(--wp--preset--color--fundo-escuro);
	font-family: var(--wp--preset--font-family--titulo);
	font-size: var(--wp--preset--font-size--body-sm);
	font-weight: 600;
	text-decoration: none;
}

.tsg-lista__tipo:hover,
.tsg-lista__tipo:focus {
	border-color: var(--wp--preset--color--marca);
	color: var(--wp--preset--color--marca);
	text-decoration: none;
}

.tsg-lista__tipo.is-active {
	border-color: var(--wp--preset--color--marca);
	background: var(--wp--preset--color--marca);
	color: var(--wp--preset--color--branco);
}

@media (max-width: 767px) {
	.tsg-lista__filtros {
		flex-direction: column;
		align-items: stretch;
	}

	.tsg-lista__busca {
		max-width: none;
	}
}

/* Contato — destino do item de menu IMPRENSA › Contato.
   .tsg-secao-documental__intro não carrega scroll-margin-top por si (isso vem do wrapper
   .tsg-secao-documental, que esta página não usa por já ter o subhero como pai comum). */
#contato-imprensa {
	scroll-margin-top: calc(var(--tsg-altura-cabecalho) + var(--wp--preset--spacing--20));
}

/* Seção Imagens (nasce inativa; CSS para quando o cliente publicar) */
.tsg-imprensa-imagens {
	scroll-margin-top: calc(var(--tsg-altura-cabecalho) + var(--wp--preset--spacing--20));
	background: var(--wp--preset--color--branco);
}

.tsg-imprensa-imagens__intro {
	padding: clamp(64px, 9vw, 116px) max(28px, 6vw) clamp(32px, 5vw, 56px);
}

.tsg-imprensa-imagens__titulo {
	max-width: 20ch;
	margin: 0 0 clamp(24px, 4vw, 40px);
	color: var(--wp--preset--color--fundo-escuro);
	font-family: var(--wp--preset--font-family--titulo);
	font-size: clamp(36px, 5vw, 64px);
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -0.02em;
}

.tsg-imprensa-imagens__lead {
	max-width: 72ch;
	margin: 0;
	color: var(--wp--custom--texto-suave);
	font-size: var(--wp--preset--font-size--body-lg);
	line-height: 1.56;
	text-wrap: pretty;
}

.tsg-imprensa-imagens__grade {
	padding: 0 max(28px, 6vw) clamp(64px, 9vw, 116px);
	min-height: 1px;
}

.wp-site-blocks .tsg-imprensa-imagens > .tsg-imprensa-imagens__intro,
.wp-site-blocks .tsg-imprensa-imagens > .tsg-imprensa-imagens__grade {
	width: 100%;
	max-width: none;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

/* .tsg-secao-documental__intro/__corpo já trazem seu próprio padding e o ajuste em
   767px (documentos.css) — nada a repetir aqui além da seção Imagens, que usa
   classes próprias. */
@media (max-width: 767px) {
	.tsg-imprensa-imagens__intro,
	.tsg-imprensa-imagens__grade {
		padding-right: var(--wp--preset--spacing--20);
		padding-left: var(--wp--preset--spacing--20);
	}
}