:root {
  --gold: rgba(255, 215, 0, 0.75);
  --gold-soft: rgba(255, 215, 0, 0.35);
}

.hidden-init {
  opacity: 0;
}

@keyframes fadeInLogo {
  from { opacity: 0; transform: scale(0.96); }
  to   { opacity: 1; transform: scale(1); }
}

@keyframes fadeInText {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Pulso dourado (poucas vezes) */
@keyframes goldPulse {
  0%, 100% {
    filter: drop-shadow(0 0 0px rgba(255,215,0,0));
  }
  50% {
    filter:
      drop-shadow(0 0 18px var(--gold-soft))
      drop-shadow(0 0 32px var(--gold));
  }
}

.logo-fadein {
  animation: fadeInLogo 1.6s ease-out forwards;
}

.text-fadein {
  animation: fadeInText 1.2s ease-out forwards;
}

/* pulsa 3x e para */
.logo-glow {
  animation: goldPulse 1.8s ease-in-out 3;
}

/* micro brilho contínuo bem discreto (opcional) */
.subtle {
  filter: drop-shadow(0 0 10px rgba(255, 215, 0, 0.10));
}



/* ===== FOOTER ===== */
.site-footer{
  margin-top: 56px;
  padding: 28px 18px 40px;
  text-align: center;
  color: #d4af37;
  font-size: 14px;
  letter-spacing: .4px;
  opacity: .92;
}

.footer-line{
  height: 1px;
  width: 100%;
  background: linear-gradient(to right, transparent, #d4af37, #eab308, #d4af37, transparent);
  margin-bottom: 22px;
}

.footer-content p{
  margin: 6px 0;
}

.footer-dev .dev-name{
  font-weight: 700;
  color: #f3d36a;
}

.footer-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 6px;
}

.footer-brand strong {
  font-size: 20px;   /* antes estava padrão ~14px */
  font-weight: 700;
  letter-spacing: 0.6px;
}

.footer-logo {
  width: 20px;
  height: 20px;
  object-fit: contain;
  vertical-align: middle;
  transform: translateY(1px); /* pequeno ajuste fino */
}

.footer-rights{
  margin-top: 10px;
  opacity: .9;
}


.footer-instagram a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #d4af37;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s ease;
}

.footer-instagram a:hover {
  opacity: 0.85;
  transform: translateY(-1px);
}

.insta-icon {
  width: 18px;
  height: 18px;
  color: #d4af37;
}