/* =========================================================================
   single-fundo › 04 Composição (donut + legenda). Namespaced.
   Porte do donut .fiagro-setorial para o tema paper.
   ========================================================================= */
.single-fundo .fundo-comp { padding-bottom: clamp(2.5rem, 1.5rem + 3vw, 72px); }
.single-fundo .fundo-comp__grid {
	display: grid;
	grid-template-columns: clamp(200px, 24vw, 280px) 1fr;
	gap: clamp(2rem, 4vw, 72px);
	align-items: center;
}
.single-fundo .fundo-donut svg { width: 100%; height: auto; display: block; }
.single-fundo .fundo-legend {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px clamp(2rem, 4vw, 56px);
}
.single-fundo .fundo-legend li {
	display: flex;
	align-items: center;
	gap: .8rem;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(45,45,45,.14);
}
.single-fundo .fundo-legend__dot { width: 12px; height: 12px; border-radius: 3px; flex: 0 0 auto; }
.single-fundo .fundo-legend__name { font-size: 14.4px; color: var(--leto-ink); }
.single-fundo .fundo-legend__pct { margin-left: auto; font-size: 14.4px; font-weight: 600; color: var(--leto-ink); }

@media (max-width: 900px) {
	.single-fundo .fundo-comp__grid { grid-template-columns: 1fr; gap: 2rem; }
	.single-fundo .fundo-donut { max-width: 280px; }
}
@media (max-width: 560px) {
	.single-fundo .fundo-legend { grid-template-columns: 1fr; }
}