/* =========================================================================
   single-fundo › 03 Rentabilidade (gráfico de linha fundo vs. benchmark). Namespaced.
   ========================================================================= */
.single-fundo .fundo-perf { padding-bottom: clamp(2.5rem, 1.5rem + 3vw, 72px); }
.single-fundo .fundo-chart {
	position: relative;
	background: #d0d0d0;
	border-radius: 14px;
	padding: clamp(1.5rem, 3vw, 36px);
}
.single-fundo .fundo-chart__svg {
	display: block;
	width: 100%;
	height: clamp(220px, 26vw, 320px);
}
/* Canvas Chart.js (substitui o SVG legado em 2026-06-24). */
.single-fundo .fundo-chart__plot--canvas {
	position: relative;
	width: 100%;
	height: clamp(280px, 30vw, 400px);
	background: #fff;
	border-radius: 10px;
	padding: clamp(.8rem, .6rem + .8vw, 1.2rem);
}
.single-fundo .fundo-chart__canvas {
	display: block;
	width: 100% !important;
	height: 100% !important;
}
.single-fundo .fundo-chart__grid {
	stroke: rgba(45,45,45,.14);
	stroke-width: 1;
	vector-effect: non-scaling-stroke;
}
.single-fundo .fundo-chart__bench {
	fill: none;
	stroke: var(--leto-gray);
	stroke-width: 2;
	stroke-dasharray: 5 5;
	vector-effect: non-scaling-stroke;
}
.single-fundo .fundo-chart__line {
	fill: none;
	stroke: #2d2d2d;
	stroke-width: 2.5;
	vector-effect: non-scaling-stroke;
}
.single-fundo .fundo-chart__legend {
	display: flex;
	gap: 1.5rem;
	margin-top: 1.25rem;
}
.single-fundo .fundo-chart__leg {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	font-size: 10.8px;
	color: var(--leto-gray);
}
.single-fundo .fundo-chart__leg::before {
	content: "";
	width: 16px; height: 2px;
	background: currentColor;
}
.single-fundo .fundo-chart__leg--fund::before { background: #2d2d2d; }
.single-fundo .fundo-chart__leg--fund { color: var(--leto-ink); }
.single-fundo .fundo-chart__axis {
	display: flex;
	justify-content: space-between;
	margin-top: .75rem;
	padding-inline: 4px;
	gap: .5rem;
	flex-wrap: wrap;
}
.single-fundo .fundo-chart__axis span { font-size: 11px; color: var(--leto-gray); }

/* Heading e data de atualização do gráfico (2026-06-24) */
.single-fundo .fundo-chart__heading {
	margin: 0 0 .9rem;
	font-size: clamp(13px, 12px + .25vw, 14.5px);
	font-weight: 500;
	color: var(--leto-ink, #1a1a1a);
	letter-spacing: -.005em;
}
.single-fundo .fundo-chart__heading [data-chart-heading-period] {
	color: var(--leto-gray, #666);
	font-weight: 400;
}
.single-fundo .fundo-chart__updated {
	margin: .7rem 0 0;
	font-size: 11.5px;
	color: var(--leto-gray, #666);
	font-style: italic;
}
.single-fundo .fundo-chart__periods button[disabled] {
	opacity: .35;
	cursor: not-allowed;
}
.single-fundo .fundo-chart__periods button[disabled]:hover {
	background: transparent;
	color: inherit;
}