@import url("https://fonts.googleapis.com/css2?family=Syne:wght@500..800&display=swap");


body {
  font-family: "Syne", sans-serif;
}

@keyframes combinedMotion {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }

  25% {
    transform: translate(-4px, -4px) scale(1.015);
    opacity: 0.98;
  }

  50% {
    transform: translate(4px, -2px) scale(1.025);
    opacity: 0.97;
  }

  75% {
    transform: translate(-2px, 2px) scale(1.01);
    opacity: 0.99;
  }

  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}

.animate-combined-motion {
  animation: combinedMotion 6s ease-in-out infinite;
  transition: transform 0.4s ease, filter 0.4s ease;
  will-change: transform, opacity;
}

.animate-combined-motion:hover {
  transform: scale(1.06) translateY(-3px);
  filter: brightness(1.1) drop-shadow(0 4px 10px rgba(0, 123, 255, 0.2));
}

.bg-svg {
  background: url("/assets/img/lp-hero-wpp.svg") no-repeat center;
}

/* ===== Scrollbar estilizado ===== */
::-webkit-scrollbar {
  width: 10px;                /* largura da barra vertical */
  height: 10px;               /* altura da barra horizontal */
}

::-webkit-scrollbar-track {
  background: #f1f3f6;        /* fundo da área de scroll */
  border-radius: 8px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%); /* azul gradiente */
  border-radius: 8px;
  transition: background 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #1d4ed8 0%, #1e40af 100%);
}

/* Deixa o scroll mais suave (funciona no body e containers com overflow) */
html {
  scroll-behavior: smooth;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #2563eb #f1f3f6;
}