/* ============================================================
   Footer: isotipo, nombre, meta y redes
   ============================================================ */
footer{
  padding:50px 22px 56px;
  text-align:center;
}
footer .iso{
  width:56px;
  margin:0 auto 14px;
}
footer .name{
  margin:0;
  font-family:var(--bo-display);
  font-weight:400;
  font-size:13px;
  letter-spacing:.28em;
  text-transform:uppercase;
}
footer .meta{
  margin:6px 0 0;
  font-size:13px;
  color:var(--muted);
}
footer .social{
  display:flex;
  justify-content:center;
  gap:18px;
  margin-top:20px;
}
footer .social a{
  font-family:var(--bo-display);
  font-weight:400;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--accent);
}