/* Fundo "aurora" — blobs radiais coloridos e desfocados, só CSS, sem imagens */
html, body {
  background: #0a0806;
  overflow-x: hidden;
}

body::before,
body::after {
  content: "";
  position: fixed;
  top: -25%;
  left: -25%;
  width: 150%;
  height: 150%;
  z-index: 0;
  pointer-events: none;
  filter: blur(70px);
  opacity: 0.55;
  will-change: transform;
}

body::before {
  background:
    radial-gradient(circle at 20% 20%, #1e3a8a 0%, transparent 42%),
    radial-gradient(circle at 80% 15%, #0369a1 0%, transparent 38%),
    radial-gradient(circle at 50% 85%, #3b2a1a 0%, transparent 42%);
  animation: auroraDrift 32s ease-in-out infinite alternate;
}

body::after {
  background:
    radial-gradient(circle at 75% 65%, #1e293b 0%, transparent 38%),
    radial-gradient(circle at 10% 75%, rgba(255,255,255,0.35) 0%, transparent 30%);
  animation: auroraDrift 42s ease-in-out infinite alternate-reverse;
}

@keyframes auroraDrift {
  0%   { transform: translate(0, 0) scale(1); }
  50%  { transform: translate(5%, -4%) scale(1.08); }
  100% { transform: translate(-4%, 5%) scale(1); }
}

/* Entrada suave dos grupos de serviços e widgets */
@keyframes fadeSlideIn {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

.services-group,
.widget-container {
  animation: fadeSlideIn 0.6s ease both;
}
.services-group:nth-child(2) { animation-delay: 0.08s; }
.services-group:nth-child(3) { animation-delay: 0.16s; }
.services-group:nth-child(4) { animation-delay: 0.24s; }

/* Cards: leve elevação + brilho no hover */
.service-card {
  border: 1px solid transparent;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}
.service-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(56, 189, 248, 0.18);
  border-color: rgba(56, 189, 248, 0.35);
}

/* Ícone: brilho no hover em vez de scale (scale estava sendo cortado pelo card) */
.service-icon {
  transition: filter 0.25s ease;
}
.service-card:hover .service-icon {
  filter: drop-shadow(0 0 8px rgba(56, 189, 248, 0.65)) brightness(1.15);
}