/* Rodapé padrão do site BR (o completo da home + Condomínios e Contadores).
   As 36 páginas BR (a home, o /o-painel/ e o /parceiros/ incluídos) carregam ESTE ficheiro
   e nenhuma traz CSS de rodapé inline. Os valores são os da home, com os tokens
   resolvidos para literais: as outras páginas usam outros nomes (--brand, --bg…) e não
   têm --forest-*, --mint-* nem --white. Tudo sob `footer.footer` para ganhar do
   `footer{…}` de 1 linha e do `.brand{…}` que cada página já tem. */
footer.footer{
  display:block;margin:0;padding:52px 0 22px;border:0;
  background:#061f1c;color:rgba(255,255,255,.62);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;line-height:1.5;text-align:left;
  box-sizing:border-box;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
footer.footer *{box-sizing:border-box}
footer.footer,footer.footer .brand,footer.footer .brand-mark{letter-spacing:normal}
footer.footer a{color:inherit;text-decoration:none;font:inherit}
footer.footer p,footer.footer small,footer.footer strong,footer.footer span{font-family:inherit}
footer.footer p{color:inherit}
footer.footer .shell{width:min(100%,1240px);margin-inline:auto;padding-inline:30px}
footer.footer .footer-top{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding-top:0;padding-bottom:37px}
footer.footer .brand{display:inline-flex;align-items:center;gap:10px;font-size:inherit;font-weight:400;font-family:inherit;color:inherit}
footer.footer .brand-mark{
  display:inline-block;width:34px;height:37px;flex:none;
  box-sizing:content-box;margin:0;padding:5px;border-radius:11px;background:#faf8f3;color:#fff;
}
footer.footer .brand-name{color:#fff;font-size:1.23rem;font-weight:760;letter-spacing:-.045em;font-family:inherit}
footer.footer .brand-name span{color:#54d39a;font-style:normal}
footer.footer .footer-brand p{max-width:330px;margin:16px 0 0;font-size:.77rem;line-height:1.6}
footer.footer .footer-brand>small{display:block;margin-top:13px;color:rgba(255,255,255,.52);font-size:.7rem}
footer.footer .footer-brand>small a{color:rgba(255,255,255,.62);transition:color 160ms ease}
footer.footer .footer-brand>small a:hover{color:#6ee1aa}
footer.footer .footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
footer.footer .footer-links div{display:grid;align-content:start;gap:0}
footer.footer .footer-links strong{margin-bottom:5px;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:normal}
footer.footer .footer-links a{margin:0;padding-block:6px;font-size:.7rem;transition:color 160ms ease}
footer.footer .footer-links a:hover{color:#6ee1aa}
footer.footer a:focus-visible{outline:3px solid #54d39a;outline-offset:3px}
footer.footer .footer-links a.rede{display:flex;align-items:center;gap:7px}
footer.footer .footer-links a.rede svg{width:14px;height:14px;flex:none}
footer.footer .footer-bottom{
  display:flex;min-height:46px;align-items:center;justify-content:space-between;
  padding-top:0;padding-bottom:0;gap:normal;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.52);font-size:.7rem;
}
footer.footer .footer-market{display:flex;gap:5px}
footer.footer .footer-market a{padding:5px 8px;border:0;border-radius:999px;background:transparent;color:rgba(255,255,255,.52);font-size:.7rem}
footer.footer .footer-market a.active{background:rgba(84,211,154,.13);color:#6ee1aa}
@media(max-width:760px){
  footer.footer .shell{padding-inline:20px}
  footer.footer .brand-name{font-size:1.08rem}
  footer.footer .brand-mark{width:29px;height:32px}
  footer.footer .footer-top{grid-template-columns:1fr;gap:38px}
  footer.footer .footer-links{gap:18px}
  footer.footer .footer-bottom{align-items:flex-start;flex-direction:column;gap:10px;padding-top:18px}
}
@media(max-width:420px){
  footer.footer .footer-links{grid-template-columns:repeat(2,1fr)}
}