/* =============================================
   components/footer/footer.css
============================================= */
.footer { background:var(--azul-escuro); color:rgba(255,255,255,.8); margin-top:auto; }

.footer__inner {
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:2.5rem;
  padding:3rem 1.5rem 2rem;
}

.footer__brand .navbar__logo       { color:var(--branco); }
.footer__brand .navbar__logo span  { color:#93c5fd; }
.footer__brand p                   { font-size:.9rem; margin-top:.75rem; opacity:.8; }

.footer__links { display:flex; flex-direction:column; gap:.5rem; }
.footer__links h4   { font-family:var(--fonte-titulo); color:var(--branco); font-size:.9rem; margin-bottom:.25rem; }
.footer__links a    { color:rgba(255,255,255,.65); font-size:.88rem; transition:color var(--transicao); }
.footer__links a:hover { color:var(--branco); }

.footer__bottom { border-top:1px solid rgba(255,255,255,.1); padding:1.2rem 1.5rem; text-align:center; font-size:.82rem; opacity:.65; }

@media (max-width:768px) {
  .footer__inner { grid-template-columns:1fr 1fr; }
}
@media (max-width:480px) {
  .footer__inner { grid-template-columns:1fr; }
}