/*
  IngSoft V84.43 — Rediseño premium del hero del Observatorio.
  Capa no destructiva: corrige vacío visual superior, integra escena 3D propia del Observatorio
  y conserva intactos motores científicos, APIs NASA/JPL, Plotly, agentes, tablas y CSV.
*/
:root{
  --v8443-navy-990:#000714;
  --v8443-navy-950:#020A16;
  --v8443-navy-900:#06152A;
  --v8443-blue-700:#064FC4;
  --v8443-cyan-400:#22D8FF;
  --v8443-cyan-200:#8BD4FF;
  --v8443-ice:#EAF8FF;
  --v8443-silver:#C7D7E8;
  --v8443-white:#FFFFFF;
  --v8443-panel:rgba(3,18,36,.72);
  --v8443-line:rgba(139,212,255,.30);
}

/* Observatorio: hero más compacto, equilibrado y con identidad visual 3D propia. */
html body.page-observatorio .observatorio-hero.v84-43-observatory-hero,
html body.page-observatorio section.observatorio-hero.v84-43-observatory-hero{
  min-height:auto!important;
  display:block!important;
  align-items:initial!important;
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  padding:clamp(1rem,2.1vw,2rem) 0 clamp(2rem,4vw,4rem)!important;
  background:
    radial-gradient(circle at 21% 14%,rgba(34,216,255,.24),transparent 26%),
    radial-gradient(circle at 78% 22%,rgba(11,115,217,.20),transparent 31%),
    linear-gradient(180deg,#020A16 0%,#06152A 48%,#020A16 100%)!important;
}
html body.page-observatorio .observatorio-hero.v84-43-observatory-hero::before{
  content:"";
  position:absolute;
  left:max(-40px,calc(50% - 780px));
  top:-22px;
  width:min(57vw,820px);
  height:min(37vw,470px);
  min-width:520px;
  min-height:310px;
  background:url('/assets/img/ingsoft/observatorio/observatorio-hero-3d-premium-v84_43.svg?v=84.43') left top/contain no-repeat;
  opacity:.32;
  filter:drop-shadow(0 0 42px rgba(34,216,255,.16)) saturate(1.08);
  pointer-events:none;
  z-index:0;
}
html body.page-observatorio .observatorio-hero.v84-43-observatory-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(2,10,22,.55),rgba(2,10,22,.08) 42%,rgba(2,10,22,.42) 100%),
    linear-gradient(180deg,rgba(2,10,22,.08),rgba(2,10,22,.72));
  pointer-events:none;
  z-index:0;
}
html body.page-observatorio .observatorio-hero.v84-43-observatory-hero > .wide,
html body.page-observatorio .observatorio-hero.v84-43-observatory-hero .hero-grid.observatorio-grid{
  position:relative!important;
  z-index:2!important;
  align-items:start!important;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.88fr)!important;
  gap:clamp(1rem,2.6vw,2.4rem)!important;
  max-width:1450px!important;
  padding-top:.15rem!important;
}
html body.page-observatorio .v84-43-hero-copy{
  position:relative!important;
  padding-top:clamp(158px,15.5vw,238px)!important;
  align-self:start!important;
  max-width:760px!important;
}
html body.page-observatorio .v84-43-hero-media{
  position:absolute!important;
  left:clamp(-1rem,-1vw,-.25rem)!important;
  top:clamp(-.35rem,-.2vw,0rem)!important;
  width:min(100%,720px)!important;
  height:clamp(158px,15.5vw,238px)!important;
  margin:0!important;
  pointer-events:none!important;
  z-index:1!important;
  opacity:.96!important;
}
html body.page-observatorio .v84-43-hero-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 22px 42px rgba(0,0,0,.42)) drop-shadow(0 0 26px rgba(34,216,255,.23))!important;
}
html body.page-observatorio .v84-43-hero-media figcaption{
  position:absolute!important;
  left:clamp(.3rem,1vw,1rem)!important;
  bottom:clamp(.1rem,.4vw,.45rem)!important;
  max-width:min(94%,520px)!important;
  padding:.42rem .82rem!important;
  border-radius:999px!important;
  background:rgba(2,10,22,.78)!important;
  border:1px solid rgba(139,212,255,.28)!important;
  color:#EAF8FF!important;
  -webkit-text-fill-color:#EAF8FF!important;
  font-size:clamp(.67rem,.72vw,.78rem)!important;
  font-weight:850!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  box-shadow:0 12px 30px rgba(0,0,0,.30)!important;
  backdrop-filter:blur(12px)!important;
}
html body.page-observatorio .v84-43-hero-copy > .eyebrow,
html body.page-observatorio .v84-43-hero-copy > h1,
html body.page-observatorio .v84-43-hero-copy > .hero-lead,
html body.page-observatorio .v84-43-hero-copy > .hero-actions,
html body.page-observatorio .v84-43-hero-copy > .hero-status-grid{
  position:relative!important;
  z-index:3!important;
}
html body.page-observatorio .v84-43-hero-copy > .eyebrow{
  margin-top:.1rem!important;
}
html body.page-observatorio .observatorio-hero.v84-43-observatory-hero h1{
  font-size:clamp(3.1rem,5.25vw,6.15rem)!important;
  line-height:.88!important;
  max-width:10.5ch!important;
  margin:.46rem 0 .62rem!important;
  letter-spacing:-.055em!important;
  text-wrap:balance!important;
  text-shadow:0 18px 44px rgba(0,0,0,.48)!important;
}
html body.page-observatorio .observatorio-hero.v84-43-observatory-hero h1 .accent{
  color:#D8F3FF!important;
  -webkit-text-fill-color:#D8F3FF!important;
  text-shadow:0 0 24px rgba(34,216,255,.30),0 16px 34px rgba(0,0,0,.35)!important;
}
html body.page-observatorio .observatorio-hero.v84-43-observatory-hero .hero-lead{
  max-width:68ch!important;
  color:#EAF6FF!important;
  -webkit-text-fill-color:#EAF6FF!important;
  font-size:clamp(.98rem,1.05vw,1.12rem)!important;
  line-height:1.55!important;
}
html body.page-observatorio .observatorio-hero.v84-43-observatory-hero .hero-actions{
  margin-top:clamp(.85rem,1.4vw,1.35rem)!important;
}
html body.page-observatorio .observatorio-hero.v84-43-observatory-hero .hero-status-grid{
  margin-top:clamp(.95rem,1.6vw,1.45rem)!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:.74rem!important;
}
html body.page-observatorio .observatorio-hero.v84-43-observatory-hero .hero-status-card{
  background:rgba(3,18,36,.72)!important;
  border:1px solid rgba(139,212,255,.22)!important;
  border-radius:18px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.23)!important;
  backdrop-filter:blur(16px)!important;
}
html body.page-observatorio .observatorio-hero.v84-43-observatory-hero .v96-observatory-right{
  align-self:start!important;
  margin-top:clamp(.15rem,.4vw,.6rem)!important;
  display:grid!important;
  gap:clamp(1rem,1.7vw,1.35rem)!important;
}
html body.page-observatorio .observatorio-hero.v84-43-observatory-hero .obs-location-panel,
html body.page-observatorio .observatorio-hero.v84-43-observatory-hero .dashboard-preview-card{
  border-color:rgba(139,212,255,.34)!important;
  box-shadow:0 28px 64px rgba(0,0,0,.34),0 0 42px rgba(34,216,255,.08)!important;
}
html body.page-observatorio .observatorio-hero.v84-43-observatory-hero .dashboard-preview-card--lab{
  max-height:none!important;
  overflow:visible!important;
}

/* El panel científico siguiente respira, pero sin generar vacío artificial después del hero. */
html body.page-observatorio .v96-location-science-section{
  padding-top:clamp(1.5rem,2.2vw,2.4rem)!important;
}

@media (max-width:1200px){
  html body.page-observatorio .observatorio-hero.v84-43-observatory-hero > .wide,
  html body.page-observatorio .observatorio-hero.v84-43-observatory-hero .hero-grid.observatorio-grid{
    grid-template-columns:1fr!important;
  }
  html body.page-observatorio .observatorio-hero.v84-43-observatory-hero::before{
    width:82vw;
    min-width:0;
    height:42vw;
    min-height:230px;
    opacity:.24;
  }
  html body.page-observatorio .v84-43-hero-copy{
    max-width:900px!important;
  }
  html body.page-observatorio .observatorio-hero.v84-43-observatory-hero h1{
    max-width:12ch!important;
  }
}
@media (max-width:760px){
  html body.page-observatorio .observatorio-hero.v84-43-observatory-hero{
    padding-top:1rem!important;
  }
  html body.page-observatorio .observatorio-hero.v84-43-observatory-hero::before{
    inset:0 auto auto 50%;
    transform:translateX(-50%);
    width:110vw;
    height:340px;
    opacity:.16;
  }
  html body.page-observatorio .v84-43-hero-copy{
    padding-top:0!important;
  }
  html body.page-observatorio .v84-43-hero-media{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    height:clamp(178px,48vw,260px)!important;
    margin:.2rem 0 .9rem!important;
  }
  html body.page-observatorio .v84-43-hero-media figcaption{
    left:.55rem!important;
    right:.55rem!important;
    max-width:none!important;
    text-align:center!important;
    font-size:.62rem!important;
    letter-spacing:.08em!important;
  }
  html body.page-observatorio .observatorio-hero.v84-43-observatory-hero h1{
    font-size:clamp(2.55rem,13vw,4.4rem)!important;
    max-width:11ch!important;
  }
  html body.page-observatorio .observatorio-hero.v84-43-observatory-hero .hero-status-grid{
    grid-template-columns:1fr!important;
  }
}