/*
 * Eventos — Congressos (node 128:3) + Galeria do Evento (node 129:2).
 * Cores já validadas em telas anteriores, nenhuma nova.
 */

.ibdmar-chip-filters--center {
	justify-content: center;
}

/* Congressos */

.ibdmar-congress-list {
	display: flex;
	flex-direction: column;
	gap: var(--sp-16);
	margin-top: var(--sp-24);
}

.ibdmar-congress-row {
	display: flex;
	gap: var(--sp-24);
	padding: var(--sp-16);
	border-radius: 12px;
	background: var(--color-background-subtle);
}

/* Padrão de imagem do site (2026-09-28): toda caixa de imagem "paisagem" é
   exatamente 3:2, para uma única medida (1200 x 800 px) preencher qualquer
   uma sem sobra. Ver o guia de tamanhos e inc/moldura.php. */
.ibdmar-congress-row__media {
	flex-shrink: 0;
	width: 260px;
	aspect-ratio: 3 / 2; /* era 260x160 */
	border-radius: 8px;
	overflow: hidden;
	background: var(--color-brand-primary-light);
}

.ibdmar-congress-row__meta {
	margin: 0 0 var(--sp-4);
	font: var(--text-caption);
	font-weight: 700;
	color: var(--color-secondary);
}

.ibdmar-congress-row__title {
	margin: 0 0 var(--sp-8);
	font: var(--text-h4);
	color: var(--color-text-heading);
}

.ibdmar-congress-row__desc {
	margin: 0 0 var(--sp-16);
	color: var(--color-text-secondary);
}

/* Galeria de fotos — grade de 5 colunas, 266×180, raio 10px (Figma node
   129:63, conferido em 2026-08-23). */

.ibdmar-photo-grid {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sp-16);
	margin-top: var(--sp-24);
}

/* .ibdmar-photo-grid__img é a moldura de imagem inteira (inc/moldura.php),
   não mais o <img> com object-fit:cover. 3:2 pelo padrão de imagem do site
   (era 180px fixos, ~266x180). */
.ibdmar-photo-grid__img {
	width: calc((100% - 4 * var(--sp-16)) / 5);
	height: auto;
	aspect-ratio: 3 / 2;
	border-radius: 10px;
}

/* Documentos — linha com fundo subtle, raio 12px (Figma node 129:74). */

.ibdmar-doc-list {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: var(--sp-24);
}

.ibdmar-doc-row {
	display: flex;
	align-items: center;
	gap: var(--sp-16);
	padding: 18px 20px;
	border-radius: 12px;
	background: var(--color-background-subtle);
	border: 1px solid var(--color-border-default);
	text-decoration: none;
}

.ibdmar-doc-row svg:first-child {
	flex-shrink: 0;
	color: var(--color-secondary);
}

.ibdmar-doc-row__body {
	flex: 1;
}

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

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

.ibdmar-doc-row svg:last-child {
	flex-shrink: 0;
	color: var(--color-text-tertiary);
}

/* Colaborações Temporárias — bloco mais estreito (1096px) e centralizado
   dentro do container de 1440px, cards 258px com logo 90px (Figma node
   130:83, conferido em 2026-08-23). */

.ibdmar-evento-colab {
	max-width: 1096px;
	margin-inline: auto;
}

.ibdmar-evento-colab__lead {
	margin: 0 0 var(--sp-24);
	font: var(--text-body-default);
	color: var(--color-text-tertiary);
}

.ibdmar-evento-colab-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.ibdmar-evento-colab-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	width: 258px;
	padding: 24px 20px 20px;
	border: 1px solid var(--color-border-default);
	border-radius: 14px;
	background: var(--color-surface-primary);
}

.ibdmar-evento-colab-card__logo {
	display: block;
	width: 100%;
	height: 90px;
	border-radius: 8px;
	object-fit: contain;
	background: var(--color-border-default);
}

.ibdmar-evento-colab-card__name {
	font: var(--text-body-emphasis);
	color: var(--color-text-heading);
	text-align: center;
}

@media (max-width: 1279px) {
	.ibdmar-photo-grid__img {
		width: calc((100% - 2 * var(--sp-16)) / 3);
	}
}

@media (max-width: 767px) {
	.ibdmar-congress-row {
		flex-direction: column;
	}

	.ibdmar-congress-row__media {
		width: 100%;
	}

	.ibdmar-photo-grid__img {
		width: calc((100% - var(--sp-16)) / 2);
	}

	.ibdmar-evento-colab-card {
		width: 100%;
	}

	/* No celular os filtros de ano viram faixa com rolagem horizontal (ver
	   subpage.css) — centralizar cortaria os primeiros anos pra fora da tela. */
	.ibdmar-chip-filters--center {
		justify-content: flex-start;
	}
}