/*
  IngSoft V84.44 — Observatorio NASA/JPL hero funcional 10/10.
  Capa no destructiva: aplica la imagen ganadora como fondo hero semitransparente,
  elimina la imagen pegada de V84.43, corrige el arranque superior y conserva intacto
  el motor científico del Observatorio, Plotly, APIs, tabla, CSV y agentes.
*/
:root{
  --v8444-navy-990:#000714;
  --v8444-navy-950:#020A16;
  --v8444-navy-900:#06152A;
  --v8444-cyan:#22D8FF;
  --v8444-cyan-soft:#8BD4FF;
  --v8444-ice:#EAF8FF;
  --v8444-silver:#C7D7E8;
  --v8444-line:rgba(139,212,255,.32);
}

html body.page-observatorio .observatorio-hero.v84-44-observatory-hero,
html body.page-observatorio section.observatorio-hero.v84-44-observatory-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:auto!important;
  display:block!important;
  padding:clamp(.75rem,1.35vw,1.25rem) 0 clamp(2.4rem,4vw,4.4rem)!important;
  background:linear-gradient(180deg,#020A16 0%,#06152A 52%,#020A16 100%)!important;
}
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero::before{
  content:"";
  position:absolute!important;
  inset:0!important;
  background-image:image-set(
    url('/assets/img/ingsoft/observatorio/observatorio-hero-radio-telescope-premium-v84_44.webp?v=84.44') type('image/webp'),
    url('/assets/img/ingsoft/observatorio/observatorio-hero-radio-telescope-premium-v84_44.png?v=84.44') type('image/png')
  )!important;
  background-size:cover!important;
  background-position:62% top!important;
  background-repeat:no-repeat!important;
  opacity:.62!important;
  filter:saturate(1.08) contrast(1.03) brightness(.92)!important;
  pointer-events:none!important;
  z-index:0!important;
}
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero::after{
  content:"";
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 18% 10%,rgba(34,216,255,.18),transparent 27%),
    linear-gradient(90deg,rgba(2,10,22,.92) 0%,rgba(2,10,22,.78) 30%,rgba(2,10,22,.38) 58%,rgba(2,10,22,.72) 100%),
    linear-gradient(180deg,rgba(2,10,22,.30) 0%,rgba(2,10,22,.12) 36%,rgba(2,10,22,.92) 100%)!important;
  pointer-events:none!important;
  z-index:1!important;
}
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero > .wide,
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .hero-grid.observatorio-grid{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.02fr) minmax(430px,.86fr)!important;
  gap:clamp(1rem,2.2vw,2.25rem)!important;
  align-items:start!important;
  max-width:1450px!important;
  padding-top:0!important;
}
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .v84-43-hero-copy,
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .v84-44-hero-copy{
  position:relative!important;
  z-index:3!important;
  max-width:790px!important;
  padding-top:clamp(1.05rem,2.05vw,2.25rem)!important;
  align-self:start!important;
}
/* En V84.44 la escena no se pega como imagen encima del título: es fondo hero real. */
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .v84-43-hero-media,
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .v84-44-hero-media{
  display:none!important;
}
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .eyebrow{
  margin-top:0!important;
  background:rgba(255,255,255,.94)!important;
  color:#06152A!important;
  -webkit-text-fill-color:#06152A!important;
  border:1px solid rgba(139,212,255,.72)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.32),0 0 28px rgba(34,216,255,.10)!important;
  backdrop-filter:blur(14px)!important;
}
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero h1{
  font-size:clamp(3.35rem,5.65vw,6.65rem)!important;
  line-height:.88!important;
  max-width:10.9ch!important;
  margin:clamp(.55rem,1vw,.82rem) 0 clamp(.65rem,1.15vw,.95rem)!important;
  letter-spacing:-.06em!important;
  text-wrap:balance!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  text-shadow:0 20px 52px rgba(0,0,0,.72),0 0 34px rgba(0,60,140,.30)!important;
}
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero h1 .accent{
  color:#D8F3FF!important;
  -webkit-text-fill-color:#D8F3FF!important;
  text-shadow:0 0 28px rgba(34,216,255,.38),0 18px 44px rgba(0,0,0,.55)!important;
}
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .hero-lead{
  max-width:67ch!important;
  color:#EAF8FF!important;
  -webkit-text-fill-color:#EAF8FF!important;
  font-size:clamp(1rem,1.08vw,1.15rem)!important;
  line-height:1.58!important;
  text-shadow:0 12px 30px rgba(0,0,0,.48)!important;
}
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .hero-actions{
  margin-top:clamp(.85rem,1.35vw,1.3rem)!important;
}
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .hero-status-grid{
  margin-top:clamp(.95rem,1.55vw,1.35rem)!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:.78rem!important;
}
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .hero-status-card{
  background:rgba(3,18,36,.76)!important;
  border:1px solid rgba(139,212,255,.25)!important;
  border-radius:18px!important;
  box-shadow:0 22px 50px rgba(0,0,0,.27)!important;
  backdrop-filter:blur(17px)!important;
}
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .hero-status-card strong{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
}
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .hero-status-card span{
  color:#DCEFFF!important;
  -webkit-text-fill-color:#DCEFFF!important;
}
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .v96-observatory-right{
  align-self:start!important;
  margin-top:clamp(.55rem,1.05vw,1.25rem)!important;
  display:grid!important;
  gap:clamp(.9rem,1.5vw,1.25rem)!important;
  position:relative!important;
  z-index:3!important;
}
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .obs-location-panel,
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .dashboard-preview-card{
  background:linear-gradient(145deg,rgba(4,18,36,.86),rgba(7,31,59,.80))!important;
  border-color:rgba(139,212,255,.38)!important;
  box-shadow:0 30px 72px rgba(0,0,0,.42),0 0 48px rgba(34,216,255,.10)!important;
  backdrop-filter:blur(18px)!important;
}
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .dashboard-preview-card--lab{
  max-height:none!important;
  overflow:visible!important;
}
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .obs-location-custom input{
  background:#F6FBFF!important;
  color:#06152A!important;
  -webkit-text-fill-color:#06152A!important;
  border:1px solid rgba(139,212,255,.55)!important;
}
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .obs-location-message,
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .preview-note{
  color:#DCEFFF!important;
  -webkit-text-fill-color:#DCEFFF!important;
}
/* Transición limpia hacia el panel científico sin cortar abruptamente la escena. */
html body.page-observatorio .v96-location-science-section{
  padding-top:clamp(1.25rem,2vw,2.1rem)!important;
  background:linear-gradient(180deg,#020A16 0%,#EAF2F8 8%,#EAF2F8 100%)!important;
}
@media (max-width:1200px){
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero > .wide,
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .hero-grid.observatorio-grid{
    grid-template-columns:1fr!important;
  }
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero::before{
    background-position:62% top!important;
    opacity:.44!important;
  }
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero::after{
    background:
      linear-gradient(90deg,rgba(2,10,22,.94),rgba(2,10,22,.54) 58%,rgba(2,10,22,.72)),
      linear-gradient(180deg,rgba(2,10,22,.22),rgba(2,10,22,.90))!important;
  }
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero h1{
    max-width:12ch!important;
  }
}
@media (max-width:760px){
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero{
    padding-top:.7rem!important;
  }
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero::before{
    background-position:68% top!important;
    opacity:.28!important;
  }
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero::after{
    background:linear-gradient(180deg,rgba(2,10,22,.84),rgba(2,10,22,.72) 40%,rgba(2,10,22,.96) 100%)!important;
  }
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .v84-43-hero-copy,
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .v84-44-hero-copy{
    padding-top:.75rem!important;
  }
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero h1{
    font-size:clamp(2.55rem,12.5vw,4.45rem)!important;
    max-width:11ch!important;
  }
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .hero-status-grid{
    grid-template-columns:1fr!important;
  }
}