/* ==========================================
   SATÉLITE FLUTUANTE - DECORAÇÃO
   Seção: Sites sob medida
   ========================================== */

/* Container do satélite */
.satellite-container {
  position: relative;
  width: 100vw;
  height: 200px;
  margin-top: 2rem;
  margin-left: calc(-50vw + 50%);
  overflow: visible;
  pointer-events: none;
}

/* Satélite flutuante (aumentado) */
.satellite-float {
  position: absolute;
  width: 150px;
  height: 150px;
  object-fit: contain;
  z-index: 15;
  filter: drop-shadow(0 0 15px rgba(135, 206, 250, 0.6)) 
          drop-shadow(0 0 30px rgba(176, 224, 230, 0.4));
  animation: satelliteFloat 20s ease-in-out infinite;
  pointer-events: none;
  top: 50%;
  transform: translateY(-50%);
}

@keyframes satelliteFloat {
  0% {
    left: -200px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg) scale(0.8);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  25% {
    top: 45%;
    transform: translateY(-50%) rotate(5deg) scale(1);
  }
  50% {
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%) rotate(-5deg) scale(1.1);
  }
  75% {
    top: 45%;
    transform: translateY(-50%) rotate(3deg) scale(1);
  }
  95% {
    opacity: 1;
  }
  100% {
    left: calc(100vw + 200px);
    top: 50%;
    transform: translateY(-50%) rotate(0deg) scale(0.8);
    opacity: 0;
  }
}