footer{
  background-color: var(--azul-terciario);
  margin-top: 100px;
}

.footer-container{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 50px;
  padding-right: 50px;
  align-items: center;
}

.footer-container img{
  width: 300px;
  object-fit: contain;
}

.footer-container ul{
  display: flex;
  list-style: none;
  gap: 30px;
}

.footer-container a{
  color: white;
  text-decoration: none;

  transition: 0.3s;
}

.footer-container a:hover{
  color: var(--azul-primario);
}

.direitos-reservados{
  color: var(--cinza-claro);
  background-color: var(--azul-secundario);
  font-size: 12px;
  padding: 5px;
  text-align: center;
}

@media (max-width: 640px) { footer { margin-top: 56px; } }

/* Footer layout overrides the shared header stylesheet, so keep them here. */
@media (max-width: 900px) {
  .footer-container { flex-direction: column; justify-content: center; gap: 22px; text-align: center; }
  .footer-container img { width: min(260px, 70vw); }
  .footer-container ul { justify-content: center; flex-wrap: wrap; gap: 12px 20px; padding: 0; }
}
@media (max-width: 640px) {
  footer { margin-top: 56px; }
  .footer-container { width: 100%; padding: 24px 16px; }
  .footer-container nav { max-width: 100%; }
  .footer-container ul { max-width: 100%; }
  .footer-container a { display: inline-block; padding: 5px 2px; font-size: 14px; }
  .direitos-reservados { padding: 12px 16px; line-height: 1.5; }
}


.social-links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 20px;
}
.social-links a { white-space: nowrap; }
@media (max-width: 900px) {
  .social-links { gap: 8px 22px; }
}