/* FINXARIA V59 | Tierra detrás del contenido, sin bordes rectangulares.
   Sobrescribe reglas heredadas V50–V58, sin modificar el catálogo de servicios. */
:root{--fx-space:#020c17;--fx-space-deep:#03111f;}
.orbital-stage#tierra{
  position:relative!important; isolation:isolate!important;
  overflow:hidden!important; border:0!important;
  min-height:clamp(690px,100svh,940px)!important;
  background:radial-gradient(ellipse 70% 75% at 73% 46%,rgba(22,85,116,.20),transparent 77%),
             linear-gradient(110deg,#03111f 0%,#03101c 53%,#020d18 100%)!important;
}
/* El modelo deja de estar fijo sobre toda la página: queda contenido dentro de su sección. */
#earthLayer,
#earthLayer.visible,
#earthLayer.featured{
  position:absolute!important;
  top:0!important;right:-1.6%!important;bottom:auto!important;left:auto!important;
  width:min(69%,1080px)!important;height:100%!important;
  z-index:1!important;pointer-events:none!important;
  transform:none!important;
  transition:opacity .65s ease!important;
  filter:none!important;
  border:0!important;
  overflow:hidden!important;
  isolation:auto!important;
  background:transparent!important;
  /* La zona de máxima intensidad ocupa el globo; fuera de ella el visor se desvanece. */
  -webkit-mask-image:radial-gradient(ellipse 57% 66% at 52% 50%,#000 72%,rgba(0,0,0,.93) 85%,transparent 99%)!important;
  mask-image:radial-gradient(ellipse 57% 66% at 52% 50%,#000 72%,rgba(0,0,0,.93) 85%,transparent 99%)!important;
  -webkit-mask-size:100% 100%!important;mask-size:100% 100%!important;
}
#earthLayer{opacity:0!important;visibility:hidden!important;}
#earthLayer.visible,
#earthLayer.featured{opacity:1!important;visibility:visible!important;}
#earthLayer::before{display:none!important;}
#earthLayer iframe{
  display:block!important;width:100%!important;height:100%!important;
  border:0!important;background:transparent!important;
  pointer-events:none!important;
  /* Black backing from an embedded WebGL compositor is neutralized, not rendered as a box. */
  mix-blend-mode:screen!important;
  color-scheme:only light!important;
}
/* El degradado pertenece al escenario, no al visor, de manera que los textos siempre ganan. */
.orbital-stage#tierra::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  z-index:3!important;
  background:linear-gradient(90deg,
    #03111f 0%,rgba(3,17,31,.98) 21%,rgba(3,17,31,.91) 36%,
    rgba(3,17,31,.51) 52%,rgba(3,17,31,.06) 78%,transparent 100%),
    linear-gradient(180deg,rgba(2,10,19,.36),transparent 16%,transparent 84%,rgba(2,10,19,.51))!important;
}
.orbital-stage#tierra .v54-earth-intro{
  position:relative!important;z-index:8!important;
  width:min(1280px,calc(100% - 8vw))!important;
  max-width:1280px!important;
  padding-right:min(48%,630px)!important;
  padding-left:0!important;
  box-sizing:border-box!important;
  min-width:0!important;
  overflow:visible!important;
}
.orbital-stage#tierra .v54-earth-intro h2{
  width:100%!important;max-width:640px!important;
  font-size:clamp(2.85rem,4.25vw,4.7rem)!important;
  line-height:1.06!important;letter-spacing:-.063em!important;
  color:#f1faff!important;text-wrap:balance!important;
  overflow-wrap:normal!important;
  text-shadow:0 3px 22px rgba(2,8,18,.80)!important;
}
.orbital-stage#tierra .v54-earth-intro p{
  color:#c5dae3!important;max-width:475px!important;
  text-shadow:0 2px 14px rgba(2,7,16,.89)!important;
}
.orbital-stage#tierra .orbital-stage-label,
.orbital-stage#tierra .orbital-stage-end{position:absolute;z-index:8!important;pointer-events:auto;}
/* El menú lateral de la experiencia no debe cruzar encima de las frases. */
@media(max-width:1150px){
  #earthLayer,#earthLayer.visible,#earthLayer.featured{width:76%!important;right:-9%!important;}
  .orbital-stage#tierra .v54-earth-intro{padding-right:43%!important;}
  .orbital-stage#tierra .v54-earth-intro h2{font-size:clamp(2.7rem,4.55vw,4.35rem)!important;}
}
@media(max-width:760px){
  .orbital-stage#tierra{min-height:800px!important;height:100svh!important;
    background:linear-gradient(180deg,#03111f 0%,#03111f 32%,#03101c 72%,#020c17 100%)!important;}
  #earthLayer,#earthLayer.visible,#earthLayer.featured{
    top:31%!important;right:-15%!important;bottom:auto!important;
    width:130%!important;height:70%!important;
    -webkit-mask-image:radial-gradient(ellipse 53% 52% at 50% 50%,#000 72%,transparent 100%)!important;
    mask-image:radial-gradient(ellipse 53% 52% at 50% 50%,#000 72%,transparent 100%)!important;
  }
  .orbital-stage#tierra::after{
    background:linear-gradient(180deg,#03111f 0%,rgba(3,17,31,.99) 12%,rgba(3,17,31,.95) 29%,rgba(3,17,31,.45) 48%,rgba(3,17,31,.07) 73%,rgba(3,17,31,.45) 100%)!important;
  }
  .orbital-stage#tierra .v54-earth-intro{
    height:100%!important;display:block!important;box-sizing:border-box!important;
    width:calc(100% - 40px)!important;padding:96px 0 0!important;margin:0 auto!important;
  }
  .orbital-stage#tierra .v54-earth-intro h2{
    max-width:550px!important;font-size:clamp(2.4rem,9vw,3.8rem)!important;
    margin-top:15px!important;margin-bottom:14px!important;
  }
  .orbital-stage#tierra .v54-earth-intro>p:not(.kicker){max-width:400px!important;font-size:13px!important;line-height:1.55!important;}
  .orbital-stage#tierra .v54-earth-intro .btn{margin-top:7px!important;}
  .orbital-stage#tierra .orbital-stage-label{top:auto!important;bottom:42px!important;left:20px!important;right:auto!important;max-width:80%!important;}
  .orbital-stage#tierra .orbital-stage-end{display:none!important;}
}
@media(prefers-reduced-motion:reduce){#earthLayer{transition:none!important;}}

/* Fallback transparente hasta que WebGL2 confirme su render; evita iframes vacíos/error. */
#earthLayer .earth-fallback-v59{
  position:absolute!important;inset:0!important;display:block!important;
  width:100%!important;height:100%!important;object-fit:contain!important;
  pointer-events:none!important;opacity:1!important;transition:opacity .55s ease!important;
}
#earthLayer iframe{position:absolute!important;inset:0!important;opacity:0!important;transition:opacity .6s ease!important;}
#earthLayer.is-rendered iframe{opacity:1!important;}
#earthLayer.is-rendered .earth-fallback-v59{opacity:0!important;}