/* footer.css — Footer institucional (§3.7): surface, border-top 4px azul */

.app-footer {
  background: var(--surface); border-top: 4px solid var(--brand-blue);
  padding: 32px 24px 16px;
}
.app-footer .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 32px; }
.app-footer h5 {
  font-family: var(--ff-title); font-weight: 600; font-size: 11px;
  text-transform: uppercase; letter-spacing: .06em; color: var(--fg); margin: 0 0 10px;
}
.app-footer .footer-brand {
  font-family: var(--ff-title); font-weight: 700; font-size: 22px;
  color: var(--brand-blue); margin: 0 0 6px; letter-spacing: -.01em;
}
.app-footer .footer-brand .brand-accent { color: var(--accent); }
.app-footer ul { list-style: none; padding: 0; margin: 0; font-size: 12px; color: var(--fg-dim); }
.app-footer li { padding: 3px 0; }
.app-footer .footer-bottom {
  margin-top: 24px; padding-top: 12px; border-top: 1px solid var(--line);
  font-family: var(--ff-mono); font-size: 11px; color: var(--fg-faint);
}