/* ============================================================================
   NETSYSTEM Internet — Tema Galaxy (redesenhado)
   animations.css  ·  Entradas (fade / slide-up), hover, scale e glow
   ----------------------------------------------------------------------------
   Filosofia: tudo discreto. Nada exagerado.
   Transformações de HOVER dos botões ficam AQUI (via .button-hover) para não
   conflitar com os estados de cor/sombra definidos em brands.css.
   ========================================================================== */


/* Entrada dos botões — slide-up + fade, encadeado
   -------------------------------------------------------------------------- */
.button-entrance{
  animation-name:slideUp;
  animation-duration:.7s;
  animation-timing-function:var(--ease, cubic-bezier(.22,.61,.36,1));
  animation-fill-mode:both;
  /* O core define --delay: 1s, 2s... em cada botão; escalonamos suavemente */
  animation-delay:calc(var(--delay) / 8);
}

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

/* Fade genérico (avatar, bio) */
.fadein{
  animation-name:fadein;
  animation-duration:1.1s;
  animation-fill-mode:both;
}
@keyframes fadein{
  from{ opacity:0; transform:translateY(6px); }
  to  { opacity:1; transform:translateY(0);   }
}


/* Hover dos botões — leve elevação + scale (discreto)
   -------------------------------------------------------------------------- */
.button-hover{
  display:flex;
  -webkit-transform:perspective(1px) translateZ(0);
  transform:perspective(1px) translateZ(0);
  transition:transform .28s var(--ease, ease-out);
}
@media (hover:hover){
  .button-hover:hover,
  .button-hover:focus-visible{
    -webkit-transform:translateY(-4px) scale(1.012);
    transform:translateY(-4px) scale(1.012);
  }
}
.button-hover:active{
  -webkit-transform:translateY(-1px) scale(.995);
  transform:translateY(-1px) scale(.995);
}

/* Hover de créditos */
.credit-hover{ display:inline-block; transition:transform .25s var(--ease); }
.credit-hover:hover,.credit-hover:focus-visible{ transform:scale(1.04); }


/* Hover do rodapé — sobe suavemente
   -------------------------------------------------------------------------- */
.footer-hover{
  display:inline-block;
  transition:transform .3s ease-out;
}
.footer-hover:hover,
.footer-hover:focus-visible,
.footer-hover:active{
  -webkit-transform:translateY(-6px);
  transform:translateY(-6px);
}


/* Respeita preferências de movimento reduzido
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  .button-entrance,.fadein{ animation:none !important; opacity:1 !important; transform:none !important; }
  .button-hover:hover,.footer-hover:hover{ transform:none !important; }
}