/* ══════════════════════════════════════════
   FOOTER CSS — Orb Digital Branding (site-v3)
══════════════════════════════════════════ */

footer{
  display:flex;align-items:center;justify-content:space-between;
  padding:24px 40px 80px;  /* padding-bottom extra para livrar o circle button */
  border-top:1px solid rgba(255,255,255,.08);
  flex-wrap:wrap;gap:16px;
  font-family:var(--sans);
  font-size:11px;
  color:rgba(240,237,232,.6);
  background:transparent;
}

.footer-logo{
  display:flex;align-items:center;gap:10px;
}
.footer-logo img{height:28px;opacity:.55;transition:opacity .3s}
.footer-logo:hover img{opacity:.8}
.footer-logo-name{
  font-family:var(--serif);
  font-size:13px;font-weight:400;
  color:rgba(240,237,232,.65);
}

.footer-assoc{
  display:flex;align-items:center;gap:12px;
}
.footer-assoc-label{
  font-size:9px;letter-spacing:.05em;
  color:rgba(240,237,232,.35);
}
.footer-assoc-logos{
  display:flex;align-items:center;gap:12px;
}
.footer-assoc-logo{
  height:22px;opacity:.35;
  filter:brightness(0) invert(1);
  transition:opacity .3s;
}
.footer-assoc-logo:hover{opacity:.55}

.footer-right{
  display:flex;align-items:center;gap:20px;
}
.footer-copy{
  font-size:10px;color:rgba(240,237,232,.65);
}
.footer-social{
  display:flex;gap:10px;
}
.footer-social-link{
  color:rgba(240,237,232,.65);
  transition:opacity .3s,color .3s;
  display:flex;align-items:center;
}
.footer-social-link:hover{color:rgba(240,237,232,.9)}

/* ── Mobile ── */
@media(max-width:768px){
  footer{
    flex-direction:column;
    align-items:center;text-align:center;
    padding:24px 20px 100px; /* extra bottom para circle */
    gap:12px;
  }
  .footer-assoc{flex-direction:column;gap:6px}
  .footer-right{flex-direction:column;gap:8px}
}