/**
 * Transparency and Accountability page layout — Figma nodes 610:9960 (desktop) / 610:11625 (mobile).
 */

.ipopi-transparency {
	display: flex;
	flex-direction: column;
	background: var(--ipopi-color-background-base, #ffffff);
}

/* Hero intro — Figma 153:2920 */
.ipopi-transparency .wp-block-ipopi-page-intro .ipopi-page-intro__inner {
	padding-bottom: 0;
}

.ipopi-transparency .wp-block-ipopi-page-intro .ipopi-page-intro__body {
	text-align: left;
}

/* Financial subsection — Figma 153:2925 */
.ipopi-transparency__financial {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: var(--ipopi-content-width, 784px);
	margin: 0 auto;
	padding: var(--ipopi-space-100, 8px) var(--ipopi-space-400, 24px) var(--ipopi-space-600, 40px);
	box-sizing: border-box;
}

.ipopi-transparency__financial > * {
	margin: 0;
}

.ipopi-transparency__financial > * + * {
	margin-top: var(--ipopi-space-500, 32px);
}

.ipopi-transparency__financial > .wp-block-ipopi-content-section:first-child {
	margin-top: 0;
}

.ipopi-transparency__financial > .wp-block-ipopi-content-section:first-child .ipopi-section__inner {
	padding: 0;
}

.ipopi-transparency__financial > .wp-block-ipopi-content-section:first-child .ipopi-content-section__content {
	padding: 0;
}

/* Figma 153:2927 — H6/Bold 32px, left-aligned */
.ipopi-transparency__financial > .wp-block-ipopi-content-section:first-child .ipopi-content-section__title {
	margin: 0 0 var(--ipopi-space-300, 16px);
	font-size: var(--ipopi-type-heading-5-size, 32px);
	line-height: var(--ipopi-type-heading-5-line-height, 42px);
	letter-spacing: var(--ipopi-type-heading-5-letter-spacing, -0.32px);
	text-align: left;
}

.ipopi-transparency__financial > .wp-block-ipopi-content-section:first-child .ipopi-content-section__body {
	margin: 0;
}

.ipopi-transparency__financial > .wp-block-ipopi-document-link-card .ipopi-section__inner,
.ipopi-transparency__financial > .wp-block-ipopi-funding-breakdown .ipopi-section__inner,
.ipopi-transparency__financial > .wp-block-ipopi-content-section:not(:first-child) .ipopi-section__inner {
	padding: 0;
}

.ipopi-transparency__financial > .wp-block-ipopi-funding-breakdown .ipopi-section__inner {
	padding-top: 0;
	padding-bottom: 0;
}

.ipopi-transparency__financial > .wp-block-ipopi-content-section:not(:first-child) .ipopi-content-section__title {
	display: none;
}

.ipopi-transparency__financial > .wp-block-ipopi-content-section:not(:first-child) .ipopi-content-section__body {
	margin: 0;
}

/* Figma 153:3023 — 24px between chart block and following card group */
.ipopi-transparency__financial > .wp-block-ipopi-funding-breakdown + .wp-block-ipopi-document-link-card {
	margin-top: var(--ipopi-space-400, 24px);
}

/* Figma 153:3031 — 24px between disclaimer and second chart */
.ipopi-transparency__financial > .wp-block-ipopi-content-section:not(:first-child) + .wp-block-ipopi-funding-breakdown {
	margin-top: var(--ipopi-space-400, 24px);
}

.ipopi-transparency__financial > .wp-block-ipopi-content-section:first-child {
	margin-top: var(--ipopi-space-600, 40px);
}

@media (max-width: 767px) {
	/*
	 * Figma 153:4576 — padding 24px + conteúdo w-full.
	 * 272px no Figma = largura útil do frame 320px, não max-width fixo em telas maiores.
	 */
	.ipopi-transparency {
		padding-left: 0;
		padding-right: 0;
	}

	.ipopi-transparency > .wp-block-post-content {
		width: 100%;
		max-width: none;
		margin: 0;
	}

	.ipopi-transparency .wp-block-ipopi-page-intro,
	.ipopi-transparency__financial {
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
	}

	.ipopi-transparency .wp-block-ipopi-page-intro .ipopi-page-intro__inner {
		gap: var(--ipopi-space-600, 40px);
		width: 100%;
		max-width: none;
		margin: 0;
		padding: var(--ipopi-space-600, 40px) var(--ipopi-space-400, 24px) 0;
		box-sizing: border-box;
	}

	/* Cliente + heading-4 mobile — 40px */
	.ipopi-transparency .wp-block-ipopi-page-intro .ipopi-page-intro__title {
		font-size: var(--ipopi-type-heading-4-mobile-size, 40px);
		line-height: var(--ipopi-type-heading-4-mobile-line-height, 48px);
		letter-spacing: var(--ipopi-type-heading-4-mobile-letter-spacing, -0.4px);
		text-align: left;
	}

	.ipopi-transparency__financial {
		align-items: stretch;
		padding: 0 var(--ipopi-space-400, 24px) var(--ipopi-space-600, 40px);
	}

	.ipopi-transparency__financial > .wp-block-ipopi-content-section,
	.ipopi-transparency__financial > .wp-block-ipopi-document-link-card,
	.ipopi-transparency__financial > .wp-block-ipopi-funding-breakdown {
		width: 100%;
		max-width: none;
	}

	/* Figma 153:4582 — Annual financial reports title */
	.ipopi-transparency__financial > .wp-block-ipopi-content-section:first-child .ipopi-content-section__title {
		font-size: var(--ipopi-type-heading-5-size, 32px);
		line-height: var(--ipopi-type-heading-5-line-height, 42px);
		letter-spacing: var(--ipopi-type-heading-5-letter-spacing, -0.32px);
	}

	.ipopi-transparency__financial > .wp-block-ipopi-document-link-card .ipopi-document-link-card__card,
	.ipopi-transparency__financial > .wp-block-ipopi-funding-breakdown .ipopi-funding-breakdown__layout {
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
	}

	/* Figma 153:4593 — 32px entre gráfico e card seguinte */
	.ipopi-transparency__financial > .wp-block-ipopi-funding-breakdown + .wp-block-ipopi-document-link-card {
		margin-top: var(--ipopi-space-500, 32px);
	}

	/* Figma 153:4576 — 40px entre disclaimer e segundo gráfico */
	.ipopi-transparency__financial > .wp-block-ipopi-content-section:not(:first-child) + .wp-block-ipopi-funding-breakdown {
		margin-top: var(--ipopi-space-600, 40px);
	}

	/* Take Action permanece full-bleed */
	.ipopi-transparency .wp-block-ipopi-take-action {
		width: 100vw;
		max-width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}
}

@media (min-width: 768px) {
	/* Figma 610:9981 — coluna de 784px com gutters de 48px (total 880px) */
	.ipopi-transparency .wp-block-ipopi-page-intro .ipopi-page-intro__inner {
		max-width: calc(var(--ipopi-content-width, 784px) + (2 * var(--ipopi-space-700, 48px)));
		padding-left: var(--ipopi-space-700, 48px);
		padding-right: var(--ipopi-space-700, 48px);
	}

	.ipopi-transparency__financial {
		max-width: calc(var(--ipopi-content-width, 784px) + (2 * var(--ipopi-space-700, 48px)));
		padding: var(--ipopi-space-100, 8px) var(--ipopi-space-700, 48px) var(--ipopi-space-1000, 72px);
	}

	.ipopi-transparency__financial > .wp-block-ipopi-content-section:first-child,
	.ipopi-transparency__financial > .wp-block-ipopi-document-link-card,
	.ipopi-transparency__financial > .wp-block-ipopi-funding-breakdown,
	.ipopi-transparency__financial > .wp-block-ipopi-content-section:not(:first-child) {
		width: 100%;
	}

	.ipopi-transparency__financial > .wp-block-ipopi-document-link-card .ipopi-section__inner,
	.ipopi-transparency__financial > .wp-block-ipopi-funding-breakdown .ipopi-section__inner {
		max-width: none;
		width: 100%;
	}

	/* Figma 610:9991 / 610:10002 — card e tabela com a mesma largura útil (784px) */
	.ipopi-transparency__financial > .wp-block-ipopi-document-link-card .ipopi-document-link-card__card,
	.ipopi-transparency__financial > .wp-block-ipopi-funding-breakdown .ipopi-funding-breakdown__layout {
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
	}

	/* Figma 610:9983 — H4/Bold 48px, centered */
	.ipopi-transparency .wp-block-ipopi-page-intro .ipopi-page-intro__title {
		font-size: var(--ipopi-type-heading-4-size, 48px);
		line-height: var(--ipopi-type-heading-4-line-height, 58px);
		letter-spacing: var(--ipopi-type-heading-4-letter-spacing, -0.48px);
		text-align: center;
	}

	/* Figma 153:2920 — 48px between hero intro and financial subsection */
	.ipopi-transparency__financial > .wp-block-ipopi-content-section:first-child {
		margin-top: var(--ipopi-space-700, 48px);
	}
}