/* Fundos › 02 Famílias de Fundos. */
.page-fundos .fundos-fam { padding-top: 0; }
.page-fundos .fundos-fam .block-2col { padding-block: clamp(2.5rem, 1.5rem + 3vw, 64px); }
.page-fundos .fundos-fam__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; padding-bottom: clamp(2.5rem, 1.5rem + 3vw, 72px); }
.page-fundos .fam-card { position: relative; display: flex; align-items: center; min-height: 82px; padding: 18px 26px; border: 0; border-radius: 10px; background: var(--leto-green-card); color: var(--leto-ink); text-align: left; width: 100%; cursor: pointer; font-family: inherit; transition: transform .3s var(--ease), box-shadow .3s var(--ease); }
.page-fundos .fam-card:hover { transform: translateY(-2px); box-shadow: 0 16px 36px -24px rgba(45,45,45,.55); }
.page-fundos .fam-card__name { font-size: 16.2px; line-height: 1.1; font-weight: 500; max-width: calc(100% - 40px); }
.page-fundos .fam-card__plus { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 28px; height: 28px; border-radius: 50%; border: 1px solid rgba(45,45,45,.28); display: grid; place-items: center; font-size: 19px; font-weight: 300; line-height: 1; color: var(--leto-ink); transition: background .25s, color .25s, border-color .25s; }
.page-fundos .fam-card:hover .fam-card__plus { background: var(--leto-ink); color: var(--leto-green-card); border-color: var(--leto-ink); }

@media (max-width: 760px) {
	.page-fundos .fundos-fam__cards { grid-template-columns: 1fr; }
}