footer {
  background: #222;
  color: #fff;
  padding: 0.5rem; /* altura menor */
  position: fixed;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  font-size: 0.9rem; /* texto mais compacto */
}

.footer-marquee {
  white-space: nowrap;
  animation: scroll-left 20s linear infinite;
}

@keyframes scroll-left {
  from { transform: translateX(100%); }
  to { transform: translateX(-100%); }
}

/* Mobile */
@media (max-width: 768px) {
  main {
    padding-bottom: 4rem; /* espaço extra para não ser coberto pelo footer */
  }
  footer {
    font-size: 0.8rem;
    padding: 0.3rem;
  }
}