/* Start custom CSS for html, class: .elementor-element-6e5574f *//* Contenedor general */
.galaxia-seccion {
  position: relative;
  width: 100%;
  height: 60vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Fondo galaxia animado */
.galaxia-fondo {
  position: absolute;
  width: 200%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url('https://www.pletoriagencia.com/wp-content/uploads/2025/04/servicios-galaxia.png');
  background-size: cover;
  background-repeat: repeat-x;
  animation: deslizar-galaxia 60s linear infinite;
  z-index: 0;
}

@keyframes deslizar-galaxia {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Computadora flotante */
.compu-flotante {
  position: relative;
  z-index: 1;
  width: 500px;
  animation: flotar 4s ease-in-out infinite;
}

@keyframes flotar {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

/* Responsivo para tablet */
@media (max-width: 1024px) {
  .compu-flotante {
    width: 380px;
  }
}

/* Responsivo para móvil */
@media (max-width: 767px) {
  .galaxia-seccion {
    height: 50vh;
  }

  .compu-flotante {
    width: 280px;
  }
}
/* Posición base - escritorio */
.compu-flotante {
  position: relative;
  z-index: 1;
  width: 500px;
  animation: flotar 4s ease-in-out infinite;
  margin-top: 105px; /* Ajustá este valor según quieras bajarla más */
}

/* Tablet */
@media (max-width: 1024px) {
  .compu-flotante {
    width: 380px;
    margin-top: 60px; /* Más abajo en tablet */
  }
}

/* Móvil */
@media (max-width: 767px) {
  .galaxia-seccion {
    height: 50vh;
  }

  .compu-flotante {
    width: 280px;
    margin-top: 50px; /* Aún más abajo en móvil */
  }
}/* End custom CSS */