/* =========================================================================
   single-fundo › Layout dedicado FIAGRO. Namespaced sob .single-fundo.
   Porte de pages/fundo-fiagro.css (hero, características, donut, rendimentos, docs).
   ========================================================================= */

/* ---- HERO ---- */
.single-fundo .fiagro-hero {
	position: relative;
	min-height: clamp(360px, 40vw, 460px);
	display: flex;
	align-items: flex-end;
	padding-block: clamp(2.5rem, 2rem + 3vw, 64px);
	overflow: hidden;
	background: var(--leto-charcoal) var(--hero-img) center/cover no-repeat;
}
.single-fundo .fiagro-hero__scrim { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(18,18,18,.55), rgba(18,18,18,.82)); }
.single-fundo .fiagro-hero .stage { position: relative; }
.single-fundo .fiagro-hero__eyebrow { display: block; font-size: 12.6px; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.7); margin-bottom: .7rem; }
.single-fundo .fiagro-hero__title { font-size: clamp(1.8rem, 1.2rem + 2vw, 36px); font-weight: 500; line-height: 1.02; color: #fff; }

/* ---- sobre ---- */
.single-fundo .fiagro-sobre { padding-block: clamp(2.5rem, 1.5rem + 3vw, 72px); }
.single-fundo .fiagro-sobre .block-2col__body p { font-size: 16.2px; line-height: 1.5; max-width: 560px; }
.single-fundo .fiagro-sobre .block-2col__body p + p { margin-top: 1rem; }

/* ---- tabela de definições (Características) ---- */
.single-fundo .fiagro-caract { background: #d9d9d9; padding-block: clamp(2rem, 1.5rem + 3vw, 56px) clamp(2.5rem, 1.5rem + 3vw, 64px); }
.single-fundo .fiagro-deftable { display: flex; flex-direction: column; margin-top: clamp(1.25rem, 1rem + 2vw, 32px); }
.single-fundo .fiagro-defrow { display: grid; grid-template-columns: minmax(200px, 320px) 1fr; gap: clamp(1rem, 3vw, 48px); align-items: baseline; padding: 13px clamp(1rem, 2vw, 34px); border-radius: 10px; }
.single-fundo .fiagro-defrow--alt { background: rgba(45,45,45,.07); }
.single-fundo .fiagro-defrow__key { font-size: 14px; font-weight: 600; color: var(--leto-ink); }
.single-fundo .fiagro-defrow__val { font-size: 14px; font-weight: 400; line-height: 1.4; color: #1a1a1a; }

/* ---- PORTFÓLIO / COMPOSIÇÃO (dark) ---- */
.single-fundo .fiagro-portfolio { background: var(--leto-charcoal); color: #fff; padding-block: clamp(2.5rem, 2rem + 3vw, 64px) clamp(3rem, 2rem + 4vw, 88px); }
.single-fundo .fiagro-setorial { margin-top: clamp(2rem, 1.5rem + 2vw, 48px); }
.single-fundo .fiagro-setorial__grid { display: grid; grid-template-columns: clamp(200px, 24vw, 280px) 1fr; gap: clamp(2rem, 4vw, 72px); align-items: center; }
.single-fundo .fiagro-donut svg { width: 100%; height: auto; }
.single-fundo .fiagro-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 .fiagro-legend li { display: flex; align-items: center; gap: .8rem; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,.12); }
.single-fundo .fiagro-legend__dot { width: 12px; height: 12px; border-radius: 3px; flex: 0 0 auto; }
.single-fundo .fiagro-legend__name { font-size: 14.4px; color: rgba(255,255,255,.9); }
.single-fundo .fiagro-legend__pct { margin-left: auto; font-size: 14.4px; font-weight: 600; color: #fff; }

/* ---- gráfico (rendimentos) ---- */
.single-fundo .fiagro-chart { margin-top: clamp(1.5rem, 1rem + 2vw, 36px); background: #d0d0d0; border-radius: 12px; padding: clamp(1.25rem, 2.5vw, 28px); }
.single-fundo .fiagro-chart__svg { width: 100%; height: clamp(180px, 22vw, 300px); display: block; }
.single-fundo .fiagro-chart__axis { display: flex; justify-content: space-between; margin-top: .75rem; padding-inline: 4px; gap: .5rem; flex-wrap: wrap; }
.single-fundo .fiagro-chart__axis span { font-size: 11px; color: var(--leto-gray); }

/* ---- GOVERNANÇA / DOCUMENTOS (dark #404040) ---- */
.single-fundo .fiagro-gov { background: #404040; color: #fff; padding-block: clamp(2.5rem, 2rem + 3vw, 64px); }
.single-fundo .fiagro-gov .block-2col__head h2 { color: #fff; }
.single-fundo .fiagro-docs { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(.9rem, 1.6vw, 18px); margin-top: clamp(1.5rem, 1rem + 2vw, 36px); }
.single-fundo .fiagro-doc { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 84px; padding: 18px clamp(1.25rem, 2.5vw, 28px); border-radius: 10px; background: #2d2d2d; color: #fff; font-size: 16.2px; font-weight: 500; transition: background .25s var(--ease, ease); }
.single-fundo .fiagro-doc:hover { background: #262626; }
.single-fundo .fiagro-doc__arrow { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(255,255,255,.32); display: grid; place-items: center; }
.single-fundo .fiagro-doc__arrow svg { width: 16px; height: 16px; }

/* ---- responsivo ---- */
@media (max-width: 900px) {
	.single-fundo .fiagro-setorial__grid { grid-template-columns: 1fr; gap: 2rem; }
	.single-fundo .fiagro-legend { grid-template-columns: 1fr; }
	.single-fundo .fiagro-docs { grid-template-columns: 1fr; }
}