/* =========================================================
   RODAPÉ
   ========================================================= */

.footer { padding: 60px 0 40px; color: var(--mut); font-size: .9rem; }

.footer-cols {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 32px;
  padding-top: 40px;
  border-top: 1px solid var(--line);
}
.footer-cols img { height: 38px; width: auto; }
.footer-cols p { margin-top: 12px; }
.footer-cols b { color: #fff; }
.footer-cols a { display: block; margin-top: 6px; transition: .2s; }
.footer-cols a:hover { color: var(--ink); }

/* linha final: CNPJ e crédito */
.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 24px;
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid #ffffff14;
  font-size: .82rem;
}

.dev {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 5px 14px 5px 5px;
  border-radius: 999px;
  border: 1px solid #ffffff1f;
  background: #ffffff08;
  transition: border-color .2s, background .2s;
}
.dev i { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: #0a66c2; color: #fff; }
.dev b { color: #fff; }
.dev:hover { border-color: #0a66c2; background: #0a66c21f; }

@media (max-width: 640px) { .footer-bottom { flex-direction: column; text-align: center; } }