#sub-footer .container {
  display: flex;
  justify-content: space-between; /* espaça os elementos */
  align-items: center; /* alinha verticalmente */
  flex-wrap: wrap; /* permite quebrar linha se o ecrã for pequeno */
}

#sub-footer .span3,
#sub-footer .span6,
#sub-footer .span2 {
  flex: 1; /* ocupa espaço proporcional */
}

#sub-footer .span3 {
  text-align: left;
}

#sub-footer .span6 {
  text-align: center;
}

#sub-footer .span2 {
  text-align: right;
}

/* opcional: remove margens/listas e ajusta links */
#sub-footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
  gap: 1rem;
}