/* ============================================================
   vsl-footer.css — Rodapé exclusivo da tela VSL
   ------------------------------------------------------------
   Centralizado, abaixo do botão CTA temporizado.
   Duas linhas:
     1. "PROTOCOLO PRIMAL" — Montserrat, uppercase, foil-gold
        (mesma tipografia do brandmark do topo, mas pequeno)
     2. Copyright em Inter, peso normal, cor warm.
   ============================================================ */

.vsl-footer{
  text-align: center;
  margin: 48px 0 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.vsl-footer__brand{
  font-family: var(--font-h);
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 5px;
  text-transform: uppercase;

  /* Foil-gold idêntico ao brandmark do topo */
  background: var(--grad-foil);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 10px rgba(198,156,109,.25));
  animation: shimmer 6s linear infinite;
}

.vsl-footer__copy{
  font-family: var(--font-b);
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0.4px;
  color: var(--warm);
  text-transform: uppercase;
  opacity: 0.7;
}

/* Mobile: respiro maior em cima — quando o link secundário é silenciado
   (overlay visível), o footer fica mais isolado e precisa de ar pra não
   parecer abandonado logo após o player. */
@media (max-width: 480px){
  .vsl-footer{
    margin: 56px 0 24px;
  }
  .vsl-footer__brand{
    font-size: 13px;
    letter-spacing: 4px;
  }
}

/* Reduced motion: desliga shimmer (já é tratado globalmente, mas explícito aqui) */
@media (prefers-reduced-motion: reduce){
  .vsl-footer__brand{
    animation: none;
  }
}