/*
 * Notícias — listagem (node 110:3) + template de artigo (node 111:2).
 * Cores pixel-sampled em 2026-08-09, todas bateram com tokens existentes:
 *   chip ativo   = #145e6e (--color-secondary)
 *   chip inativo = borda #d9dee5 (--color-border-default)
 *   tag/quote/avatar = mesmos tokens já usados em outras telas
 */

/* Chips de filtro: .ibdmar-chip / .ibdmar-chip-filters agora vivem em
   subpage.css (reaproveitados pelos filtros de ano de Eventos). */

/* Listagem usa o mesmo grid de 3 colunas da Home; sem alteração adicional
   necessária além do que já existe em home.css (.ibdmar-cards-noticias). */

/* Paginação */

.ibdmar-pagination {
	display: flex;
	justify-content: center;
	margin-top: var(--sp-32);
}

.ibdmar-pagination ul {
	display: flex;
	align-items: center;
	gap: var(--sp-8);
	list-style: none;
	margin: 0;
	padding: 0;
}

.ibdmar-pagination .page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	color: var(--color-text-heading);
	text-decoration: none;
	font: var(--text-body-default);
}

.ibdmar-pagination .page-numbers:hover {
	background: var(--color-background-subtle);
}

.ibdmar-pagination .page-numbers.current {
	background: var(--color-secondary);
	color: var(--color-text-inverse);
}

.ibdmar-pagination .page-numbers.dots {
	width: auto;
}

/* Artigo */

.ibdmar-article {
	padding-block: var(--sp-48);
}

.ibdmar-article__inner {
	max-width: 780px;
}

.ibdmar-article__breadcrumb {
	display: flex;
	align-items: center;
	gap: var(--sp-8);
	margin-bottom: var(--sp-16);
	font: var(--text-caption);
	color: var(--color-text-tertiary);
}

.ibdmar-article__breadcrumb a {
	color: var(--color-text-tertiary);
	text-decoration: none;
	/* Área de toque: ~42px de altura sem mudar o layout (ver
	   .ibdmar-breadcrumb a em subpage.css). */
	display: inline-block;
	padding-block: 12px;
	margin-block: -12px;
}

.ibdmar-article__breadcrumb a:hover {
	color: var(--color-secondary);
}

.ibdmar-article__tag {
	display: inline-flex;
	align-items: center;
	padding: var(--sp-4) var(--sp-16);
	border-radius: 999px;
	background: var(--color-secondary);
	color: var(--color-text-inverse);
	font: var(--text-caption);
	font-weight: 700;
	margin-bottom: var(--sp-16);
}

.ibdmar-article__title {
	margin: 0 0 var(--sp-16);
}

.ibdmar-article__subtitle {
	font: var(--text-body-large);
	color: var(--color-text-secondary);
	margin: 0 0 var(--sp-24);
}

.ibdmar-article__meta {
	display: flex;
	align-items: center;
	gap: var(--sp-16);
	margin-bottom: var(--sp-24);
}

.ibdmar-article__avatar {
	border-radius: 50%;
	display: block;
}

.ibdmar-article__author {
	margin: 0;
	font: var(--text-body-emphasis);
	color: var(--color-text-heading);
}

.ibdmar-article__date {
	margin: 0;
	font: var(--text-caption);
	color: var(--color-text-tertiary);
}

.ibdmar-article__media {
	margin-bottom: var(--sp-32);
	border-radius: 12px;
	overflow: hidden;
}

.ibdmar-article__media img {
	width: 100%;
	height: auto;
	display: block;
}

.ibdmar-article__media--placeholder {
	height: 420px;
	background: var(--color-brand-primary-light);
}

.ibdmar-article__content {
	color: var(--color-text-secondary);
}

.ibdmar-article__content p {
	margin-bottom: var(--sp-16);
	font: var(--text-body-large);
}

.ibdmar-article__content blockquote {
	margin: var(--sp-32) 0;
	padding: var(--sp-24);
	border-radius: 8px;
	background: var(--color-background-subtle);
	font: var(--text-h5);
	font-style: italic;
	color: var(--color-text-heading);
}

.ibdmar-article__content blockquote p {
	margin: 0;
	font: inherit;
}

/* Notícias relacionadas */

.ibdmar-related-noticias {
	padding-block: var(--sp-48);
	background: var(--color-background-subtle);
}

@media (max-width: 767px) {
	.ibdmar-article__meta {
		flex-wrap: wrap;
	}
}