body.elementor-page-6:not(.elementor-motion-effects-element-type-background), body.elementor-page-6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(161deg, #000000 12%, #5100FF 100%);}:root{--page-title-display:none;}/* Start custom CSS */html,
body {
  background: #000000 !important;
  overflow-x: hidden !important;
}

/* Fondo espacial global de toda la página */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 14% 22%, rgba(72, 0, 226, .28), transparent 34%),
    radial-gradient(circle at 72% 18%, rgba(226, 89, 197, .14), transparent 32%),
    radial-gradient(circle at 52% 78%, rgba(128, 86, 189, .16), transparent 40%),
    radial-gradient(circle at 88% 52%, rgba(255, 122, 26, .04), transparent 24%),
    #000000;
}

/* Estrellas globales */
body::after {
  content: "";
  position: fixed;
  inset: -10%;
  width: 120vw;
  height: 120vh;
  pointer-events: none;
  z-index: 0;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.48) 0 1px, transparent 1.5px),
    radial-gradient(circle, rgba(226,89,197,.28) 0 1px, transparent 1.5px),
    radial-gradient(circle, rgba(128,86,189,.30) 0 1px, transparent 1.5px);
  background-size: 130px 130px, 210px 210px, 310px 310px;
  background-position: 0 0, 70px 40px, 130px 90px;
  opacity: .28;
  animation: xionR90GlobalStars 42s linear infinite;
}

/* Mantiene el contenido por encima del fondo */
.elementor,
.elementor-location-header,
.elementor-location-footer,
.elementor-section,
.e-con,
main,
header,
footer {
  position: relative;
  z-index: 2;
}

/* Hace que el hero no cree su propio bloque de fondo */
#xion-r90-hero-transparent,
#xion-r90-hero-v2 {
  background: transparent !important;
  isolation: auto !important;
  z-index: 2;
}

/* Apaga el fondo interno del hero para que no se vea el rectángulo */
#xion-r90-hero-transparent::before,
#xion-r90-hero-transparent::after,
#xion-r90-hero-transparent .xr90t-space,
#xion-r90-hero-v2::before,
#xion-r90-hero-v2::after,
#xion-r90-hero-v2 .xr90-space {
  display: none !important;
}

@keyframes xionR90GlobalStars {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-130px, 130px, 0);
  }
}/* End custom CSS */