html {
  scroll-behavior: smooth;
}

/* ── Blob decorativo ── */
.blob {
  border-radius: 60% 40% 70% 30% / 50% 60% 40% 50%;
}

/* ── Ondas SVG ── */
.wave-bottom {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

/* ── Animações de entrada ── */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(32px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes pulse-wpp {

  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, .5);
  }

  50% {
    box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
  }
}

.animate-fadeUp {
  animation: fadeUp .7s ease both;
}

.animate-fadeIn {
  animation: fadeIn .6s ease both;
}

.delay-1 {
  animation-delay: .15s;
}

.delay-2 {
  animation-delay: .30s;
}

.delay-3 {
  animation-delay: .45s;
}

.delay-4 {
  animation-delay: .60s;
}

/* ── WhatsApp flutuante ── */
.wpp-float {
  animation: pulse-wpp 2s infinite;
}

/* ── Card hover ── */
.service-card {
  transition: transform .25s ease, box-shadow .25s ease;
}

.service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, .10);
}

/* ── Stars ── */
.star {
  color: #f59e0b;
}

/* ── Navbar scroll shadow ── */
#navbar.scrolled {
  box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
}

/* ── Gradient mesh hero ── */
.hero-bg {
  background: linear-gradient(135deg,
      #d4f1e0 0%,
      #c9e8f5 30%,
      #f5d4e8 60%,
      #fdf3d0 100%);
}