/* ============================================================
   FOOTER
   ============================================================ */

.site-footer {
  background: #050505;
  border-top: 1px solid rgba(255,255,255,0.05);
  overflow: hidden;
  /* Containment: nada dentro vaza a largura do documento */
  contain: layout paint;
  max-width: 100%;
}

/* ── MARQUEE ── */
.marquee-wrapper {
  padding: 40px 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  overflow: hidden;   /* segura o marquee */
  width: 100%;
}

.marquee-track {
  display: flex;        /* flex em vez de inline-flex — não expande o pai */
  width: max-content;
  will-change: transform;
  /* 30s = velocidade visualmente agradável para o texto atual */
  animation: scrollMarquee 30s linear infinite;
}

.marquee-text {
  font-family: var(--font-display);
  font-size: clamp(3rem, 8vw, 7rem);
  font-weight: 800;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255,255,255,1);
  padding-right: 40px;
  white-space: nowrap;
  transition: -webkit-text-stroke 0.3s ease;
}

.marquee-wrapper:hover .marquee-text {
  -webkit-text-stroke: 1px var(--cyan);
}

@keyframes scrollMarquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ── RODAPÉ INFERIOR ── */
.footer-bottom {
  max-width: var(--container);
  margin: 0 auto;
  padding: 40px 5vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}

.footer-brand .orion-logo-text {
  font-family: var(--font-display);
  font-weight: 800; font-size: 24px;
  color: var(--white); letter-spacing: 0.1em;
}
.footer-brand p {
  font-family: var(--font-tech);
  font-size: 12px; color: var(--dim); margin-top: 8px;
}

.footer-links { display: flex; gap: 32px; }
.footer-links a {
  font-family: var(--font-tech);
  font-size: 14px; color: var(--white);
  text-decoration: none; text-transform: uppercase;
  letter-spacing: 0.1em; transition: color 0.3s ease;
}
.footer-links a:hover { color: var(--magenta); }

@media (max-width: 768px) {
  .footer-bottom { flex-direction: column; text-align: center; }
  .marquee-text  { font-size: clamp(2rem, 7vw, 3.5rem); }
  /* Velocidade proporcional ao tamanho menor do texto */
  .marquee-track { animation-duration: 20s; }
}