/* Nada aqui alcanca fora de .bl-rodape. */
.bl-rodape {
  background: var(--bl-grafite-900);
  color: #FFFFFF;                        /* 14,92:1 */
  padding-block: var(--bl-e6) var(--bl-e5);
}
.bl-rodape__grade { display: grid; gap: var(--bl-e5); }
@media (min-width: 820px) {
  .bl-rodape__grade { grid-template-columns: 2fr 1fr 1fr; }
}
.bl-rodape__frase {
  margin-top: var(--bl-e3); max-width: 42ch;
  color: var(--bl-grafite-300); font-size: .9375rem;
}
.bl-rodape__titulo {
  font-size: .8125rem; letter-spacing: var(--bl-track-marca);
  text-transform: uppercase; color: var(--bl-grafite-300);
  margin-bottom: var(--bl-e2);
}
.bl-rodape__lista { list-style: none; margin: 0; padding: 0; }
/* 44px e o alvo confortavel, e aqui sai de graca: rodape tem altura
   sobrando. A margem entre itens sai junto — a propria altura ja separa. */
.bl-rodape__lista li + li { margin-top: 0; }
.bl-rodape__lista a {
  display: inline-flex; align-items: center; min-height: 2.75rem;
  text-decoration: none; font-size: .9375rem;
}
@media (hover: hover) {
  .bl-rodape__lista a:hover { text-decoration: underline; }
}
.bl-rodape__lista a:active { text-decoration: underline; }
.bl-rodape__cnpj {
  margin-top: var(--bl-e4); font-size: .8125rem;
  color: var(--bl-grafite-300);
}