/* ==========================================================
   Veltier — componentes globais (header e footer)
   ========================================================== */

/* ---------- Header ---------- */
.site-header {
  position: sticky;
  top: 0;
  z-index: 40;
  animation: vtDrop .7s var(--ease-out) both;
}
@keyframes vtDrop { from { opacity: 0; transform: translateY(-100%); } to { opacity: 1; transform: none; } }

.site-header nav a { transition: color .2s ease, border-color .2s ease; }
.site-header nav a:hover { border-bottom-color: var(--veltier-mint-500) !important; }
.site-header nav a[href="contato.html"]:last-child { transition: transform .2s ease, box-shadow .2s ease; }
.site-header nav a[href="contato.html"]:last-child:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(81, 34, 242, .3);
}

/* ---------- Footer ---------- */
.site-footer nav a { transition: color .2s ease, padding-left .25s ease; }
.site-footer nav a:hover { color: var(--veltier-mint-500) !important; padding-left: 6px; }
.site-footer button,
.site-footer a[style*="min-height: 44px"] { transition: transform .2s ease, box-shadow .2s ease; }
.site-footer button:hover,
.site-footer a[style*="min-height: 44px"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(16, 214, 181, .3);
}
.site-footer img { animation: vtSymbol 3.5s ease-in-out infinite alternate; }
@keyframes vtSymbol { from { transform: rotate(0deg); } to { transform: rotate(-10deg) translateY(-4px); } }

@media (prefers-reduced-motion: reduce) {
  .site-header, .site-footer img { animation: none !important; }
}