/* ===== #investimento — nao vaza para fora de .bl-investimento / .bl-faixa ===== */
/* Era a tabela de tres colunas com a do meio destacada — o padrao mais
   replicado da web, e que contradizia o proprio texto: o texto fala em valor
   de ENTRADA por porte, nao em planos concorrendo entre si. Agora e o que o
   texto diz que e: um registro de precos, tres linhas, valores alinhados a
   direita em algarismo tabular. Sem cartao e sem destaque. */
.bl-investimento__nota { color: var(--bl-texto-fraco); max-width: 52ch; }
.bl-investimento__lista { margin-top: var(--bl-e5); display: grid; }
.bl-investimento .bl-faixa { padding-block: var(--bl-e4); --bl-regua-y: var(--bl-e4); }
.bl-investimento .bl-faixa__linha { display: grid; gap: var(--bl-e3); }
@media (min-width: 720px) {
  .bl-investimento .bl-faixa__linha {
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: var(--bl-e5); align-items: start;
  }
  .bl-investimento .bl-faixa__quanto { text-align: right; }
}
.bl-investimento .bl-faixa__rotulo {
  font-family: var(--bl-fonte-mono); font-size: .8125rem;
  letter-spacing: .06em;
  text-transform: uppercase; color: var(--bl-texto-fraco);   /* 4,88:1 na nevoa */
  margin: 0 0 var(--bl-e2);
}
.bl-investimento .bl-faixa__valor { margin: 0; font-size: .8125rem; color: var(--bl-texto-fraco); }
.bl-investimento .bl-faixa__valor strong {
  display: block; margin-top: var(--bl-e1);
  font-family: var(--bl-fonte-titulo); font-weight: 700;
  font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.25rem);
  line-height: 1.05;
  color: var(--bl-texto); font-variant-numeric: tabular-nums;
}
.bl-investimento .bl-faixa__prazo {
  margin: var(--bl-e2) 0 0;
  font-family: var(--bl-fonte-mono); font-size: .75rem;
  font-variant-numeric: tabular-nums;
  color: var(--bl-texto-fraco);   /* 4,88:1 na nevoa; o ambar-700 daria 4,49 e reprovaria */
}
.bl-investimento .bl-faixa__inclui {
  list-style: none; margin: 0; padding: 0;
}
.bl-investimento .bl-faixa__inclui li {
  font-size: .9375rem; margin-bottom: var(--bl-e1); color: var(--bl-texto-fraco);
}
.bl-investimento .bl-faixa__operacao {
  margin: var(--bl-e2) 0 0;
  font-family: var(--bl-fonte-mono); font-size: .75rem;
  font-variant-numeric: tabular-nums;
  color: var(--bl-texto-fraco);
}
.bl-investimento__rodape {
  margin: var(--bl-e5) 0 0; max-width: 62ch;
  font-size: .9375rem; color: var(--bl-texto-fraco);
}