/*
  IngSoft V84.56 — Observatorio con foco principal de la imagen
  en la zona libre sin texto.
  Objetivo: desplazar y encuadrar el radiotelescopio ganador para que
  lo más importante de la escena se vea claramente en el espacio libre
  del hero, sin invadir el bloque del título.
*/

:root{
  --v8447-navy-990:#000714;
  --v8447-navy-950:#020A16;
  --v8447-navy-900:#06152A;
  --v8447-cyan:#22D8FF;
  --v8447-ice:#EAF8FF;
}

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;
  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;
}

/* Fondo general del hero: escena amplia del observatorio */
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_56.webp?v=84.56') type('image/webp'),
    url('/assets/img/ingsoft/observatorio/observatorio-hero-radio-telescope-premium-v84_56.png?v=84.56') type('image/png')
  )!important;
  background-size:124% auto!important;
  background-position:74% 12%!important;
  background-repeat:no-repeat!important;
  opacity:.92!important;
  filter:saturate(1.12) contrast(1.08) brightness(1.03)!important;
  pointer-events:none!important;
  z-index:0!important;
}

/* Capa de legibilidad global */
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero::after{
  content:"";
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 50% 24%,rgba(34,216,255,.12),transparent 20%),
    radial-gradient(circle at 66% 62%,rgba(34,216,255,.08),transparent 24%),
    linear-gradient(90deg,
      rgba(2,10,22,.86) 0%,
      rgba(2,10,22,.80) 28%,
      rgba(2,10,22,.44) 46%,
      rgba(2,10,22,.16) 58%,
      rgba(2,10,22,.26) 74%,
      rgba(2,10,22,.50) 100%),
    linear-gradient(180deg,rgba(2,10,22,.10) 0%,rgba(2,10,22,.02) 36%,rgba(2,10,22,.72) 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;
}

/* Bloque del título: aquí se coloca el verdadero enfoque visual
   en la franja libre, hacia la derecha del texto. */
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;
  isolation:isolate!important;
  z-index:3!important;
  max-width:790px!important;
  min-height:clamp(520px,52vw,690px)!important;
  padding-top:clamp(1.05rem,2.05vw,2.25rem)!important;
  align-self:start!important;
  overflow:visible!important;
}

/* Imagen local desplazada para que el radiotelescopio principal
   quede visible en la parte sin texto */
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .v84-43-hero-copy::before,
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .v84-44-hero-copy::before{
  content:"";
  position:absolute!important;
  inset:clamp(-1.2rem,-1.5vw,-.8rem) clamp(-18rem,-18vw,-8rem) clamp(-2.5rem,-3vw,-1.2rem) clamp(-1.1rem,-1vw,-.5rem)!important;
  background-image:image-set(
    url('/assets/img/ingsoft/observatorio/observatorio-hero-radio-telescope-premium-v84_56.webp?v=84.56') type('image/webp'),
    url('/assets/img/ingsoft/observatorio/observatorio-hero-radio-telescope-premium-v84_56.png?v=84.56') type('image/png')
  )!important;
  background-repeat:no-repeat!important;
  background-size:178% auto!important;
  background-position:90% 67%!important;
  opacity:.92!important;
  filter:saturate(1.16) contrast(1.08) brightness(1.06)!important;
  pointer-events:none!important;
  z-index:0!important;
}

/* Más oscuro detrás del texto; más limpio y visible en la zona libre */
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .v84-43-hero-copy::after,
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .v84-44-hero-copy::after{
  content:"";
  position:absolute!important;
  inset:clamp(-1.2rem,-1.5vw,-.8rem) clamp(-18rem,-18vw,-8rem) clamp(-2.5rem,-3vw,-1.2rem) clamp(-1.1rem,-1vw,-.5rem)!important;
  background:
    linear-gradient(90deg,
      rgba(2,10,22,.92) 0%,
      rgba(2,10,22,.86) 32%,
      rgba(2,10,22,.56) 47%,
      rgba(2,10,22,.18) 60%,
      rgba(2,10,22,.00) 74%,
      rgba(2,10,22,.10) 100%),
    radial-gradient(circle at 16% 42%,rgba(0,0,0,.42),transparent 38%)!important;
  pointer-events:none!important;
  z-index:1!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:2!important;
}

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 3px 0 rgba(255,255,255,.04),
    0 20px 54px rgba(0,0,0,.88),
    0 0 38px rgba(0,60,140,.36)!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,.42),0 18px 46px rgba(0,0,0,.66)!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,.58)!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;}

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:66% 10%!important;
    background-size:142% auto!important;
    opacity:.74!important;
  }
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero::after{
    background:
      linear-gradient(90deg,rgba(2,10,22,.90),rgba(2,10,22,.42) 58%,rgba(2,10,22,.62)),
      linear-gradient(180deg,rgba(2,10,22,.12),rgba(2,10,22,.90))!important;
  }
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .v84-43-hero-copy::before,
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .v84-44-hero-copy::before{
    background-size:156% auto!important;
    background-position:82% 66%!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:64% 10%!important;
    background-size:188% auto!important;
    opacity:.40!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,.68) 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{
    min-height:auto!important;
    padding-top:.75rem!important;
  }
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .v84-43-hero-copy::before,
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .v84-44-hero-copy::before{
    opacity:.26!important;
    background-size:192% auto!important;
    background-position:76% 48%!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;
  }
}


/* -------------------------------------------------------------------------
   V84.56 — Corrección de texto oculto en selector geográfico.
   El texto auxiliar debajo de "Ambato, Ecuador" ya no queda cubierto por
   el grupo inferior de controles. Se reserva altura real, respiración visual
   y z-index estable para todos los estados de carga/refresco.
------------------------------------------------------------------------- */
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero #obsLocationPanel,
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .obs-location-panel{
  overflow:visible!important;
  contain:none!important;
}

html body.page-observatorio .observatorio-hero.v84-44-observatory-hero #obsLocationPanel .obs-location-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:clamp(.78rem,1.05vw,1rem)!important;
  overflow:visible!important;
}

html body.page-observatorio .observatorio-hero.v84-44-observatory-hero #obsLocationCurrent,
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .obs-location-current{
  position:relative!important;
  z-index:5!important;
  display:block!important;
  min-height:auto!important;
  margin:clamp(.42rem,.7vw,.62rem) 0 .28rem!important;
  padding:0!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  font-weight:950!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow:visible!important;
}

html body.page-observatorio .observatorio-hero.v84-44-observatory-hero #obsLocationCurrent small,
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .obs-location-current small{
  display:block!important;
  position:relative!important;
  z-index:5!important;
  margin:.32rem 0 .82rem!important;
  color:#DCEFFF!important;
  -webkit-text-fill-color:#DCEFFF!important;
  font-size:clamp(.82rem,.9vw,.92rem)!important;
  font-weight:760!important;
  line-height:1.42!important;
  letter-spacing:0!important;
  white-space:normal!important;
  overflow:visible!important;
  max-width:100%!important;
  text-shadow:0 8px 20px rgba(0,0,0,.45)!important;
}

/* Texto auxiliar permanente, situado exactamente entre el lugar activo
   y el segundo bloque de controles. */
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .obs-location-helper{
  position:relative!important;
  z-index:5!important;
  display:block!important;
  width:100%!important;
  margin:.42rem 0 clamp(.82rem,1vw,1.05rem)!important;
  padding:.55rem .72rem!important;
  border-radius:14px!important;
  border:1px solid rgba(139,212,255,.28)!important;
  background:linear-gradient(135deg,rgba(139,212,255,.12),rgba(7,31,59,.26))!important;
  color:#DCEFFF!important;
  -webkit-text-fill-color:#DCEFFF!important;
  font-size:clamp(.82rem,.9vw,.92rem)!important;
  font-weight:760!important;
  line-height:1.42!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
  text-shadow:0 8px 20px rgba(0,0,0,.42)!important;
}

html body.page-observatorio .observatorio-hero.v84-44-observatory-hero #obsLocationPanel .obs-location-custom{
  position:relative!important;
  z-index:4!important;
  margin-top:0!important;
  padding-top:0!important;
  align-items:center!important;
  overflow:visible!important;
}

/* En pantallas medianas, evitar que la fila inferior invada el texto auxiliar. */
@media (max-width:1280px){
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero #obsLocationPanel .obs-location-custom{
    grid-template-columns:minmax(180px,1fr) minmax(140px,.75fr) minmax(150px,.85fr)!important;
  }
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero #obsLatitude,
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero #obsLongitude,
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero [data-geo-custom-apply]{
    grid-row:2!important;
  }
}

/* En móvil o columnas estrechas, todo baja en una sola columna sin superposición. */
@media (max-width:760px){
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero #obsLocationPanel .obs-location-custom{
    grid-template-columns:1fr!important;
    gap:.65rem!important;
  }
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero #obsLatitude,
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero #obsLongitude,
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero [data-geo-custom-apply]{
    grid-row:auto!important;
  }
  html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .obs-location-helper{
    margin-bottom:.85rem!important;
  }
}


/* -------------------------------------------------------------------------
   V84.56 — Visor global de ubicación activa del Observatorio.
   Cada sección del Observatorio muestra con claridad la ubicación geográfica
   activa para que el usuario sepa inmediatamente a qué lugar corresponden
   los datos, gráficas, paneles e interpretaciones.
------------------------------------------------------------------------- */

html body.page-observatorio{
  --obs-location-viewer-silver-1:#FFFFFF;
  --obs-location-viewer-silver-2:#EAF4FF;
  --obs-location-viewer-silver-3:#CFE7F7;
  --obs-location-viewer-ink:#06152A;
  --obs-location-viewer-cyan:#22D8FF;
  --obs-location-viewer-gold:#FFD966;
  --obs-location-viewer-border:rgba(139,212,255,.72);
}

/* Convierte la ubicación activa del selector principal en visor visible. */
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero,
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero #obsLocationCurrent.ingsoft-location-visor--hero{
  display:block!important;
  position:relative!important;
  z-index:8!important;
  margin:clamp(.54rem,.8vw,.75rem) 0 clamp(.68rem,.9vw,.9rem)!important;
  padding:.72rem .95rem .78rem!important;
  border-radius:18px!important;
  border:1px solid var(--obs-location-viewer-border)!important;
  background:
    linear-gradient(90deg,var(--obs-location-viewer-gold) 0 8px,transparent 8px),
    linear-gradient(135deg,var(--obs-location-viewer-silver-1) 0%,var(--obs-location-viewer-silver-2) 46%,var(--obs-location-viewer-silver-3) 100%)!important;
  color:var(--obs-location-viewer-ink)!important;
  -webkit-text-fill-color:var(--obs-location-viewer-ink)!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.28),
    0 0 32px rgba(34,216,255,.18),
    inset 0 1px 0 rgba(255,255,255,.92)!important;
  overflow:visible!important;
}

html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-kicker{
  display:block!important;
  margin:0 0 .2rem!important;
  color:#0B416B!important;
  -webkit-text-fill-color:#0B416B!important;
  font-size:.72rem!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
}

html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-main{
  display:block!important;
  color:#06152A!important;
  -webkit-text-fill-color:#06152A!important;
  font-size:clamp(1.02rem,1.18vw,1.24rem)!important;
  line-height:1.08!important;
  font-weight:1000!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  white-space:normal!important;
}

html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-detail{
  display:block!important;
  margin:.3rem 0 0!important;
  color:#0A3758!important;
  -webkit-text-fill-color:#0A3758!important;
  font-size:.82rem!important;
  line-height:1.32!important;
  font-weight:780!important;
}

/* El helper inferior queda subordinado, sin competir con el visor. */
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero .obs-location-helper{
  background:linear-gradient(135deg,rgba(5,20,42,.58),rgba(7,31,59,.42))!important;
  border-color:rgba(139,212,255,.24)!important;
  color:#DCEFFF!important;
  -webkit-text-fill-color:#DCEFFF!important;
}

/* Visor de ubicación para las secciones internas. */
html body.page-observatorio .ingsoft-location-visor{
  position:relative!important;
  z-index:6!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:clamp(.7rem,1.1vw,1.1rem)!important;
  width:100%!important;
  margin:clamp(.75rem,1.15vw,1.05rem) 0 clamp(1.05rem,1.35vw,1.35rem)!important;
  padding:.82rem clamp(.9rem,1.2vw,1.18rem)!important;
  border-radius:20px!important;
  border:1px solid rgba(139,212,255,.72)!important;
  background:
    linear-gradient(90deg,var(--obs-location-viewer-gold) 0 9px,transparent 9px),
    linear-gradient(135deg,#FFFFFF 0%,#EDF7FF 42%,#CFE7F7 100%)!important;
  color:#06152A!important;
  -webkit-text-fill-color:#06152A!important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.22),
    0 0 34px rgba(34,216,255,.16),
    inset 0 1px 0 rgba(255,255,255,.88)!important;
  overflow:hidden!important;
}

html body.page-observatorio .ingsoft-location-visor::after{
  content:"";
  position:absolute!important;
  inset:-40% -8% auto auto!important;
  width:32%!important;
  height:180%!important;
  transform:rotate(18deg)!important;
  background:linear-gradient(90deg,transparent,rgba(34,216,255,.18),transparent)!important;
  pointer-events:none!important;
}

html body.page-observatorio .ingsoft-location-visor__text{
  display:grid!important;
  gap:.18rem!important;
  min-width:0!important;
}

html body.page-observatorio .ingsoft-location-visor__kicker{
  color:#0B416B!important;
  -webkit-text-fill-color:#0B416B!important;
  font-size:.72rem!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}

html body.page-observatorio .ingsoft-location-visor__name{
  color:#06152A!important;
  -webkit-text-fill-color:#06152A!important;
  font-size:clamp(1.02rem,1.25vw,1.38rem)!important;
  line-height:1.05!important;
  font-weight:1000!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  overflow:visible!important;
}

html body.page-observatorio .ingsoft-location-visor__detail{
  color:#0A3758!important;
  -webkit-text-fill-color:#0A3758!important;
  font-size:.82rem!important;
  line-height:1.3!important;
  font-weight:780!important;
}

html body.page-observatorio .ingsoft-location-visor__signal{
  flex:0 0 auto!important;
  display:inline-grid!important;
  place-items:center!important;
  min-width:clamp(96px,8vw,128px)!important;
  padding:.54rem .7rem!important;
  border-radius:999px!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  font-size:.72rem!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  background:linear-gradient(135deg,#0B73D9,#22D8FF)!important;
  border:1px solid rgba(6,21,42,.12)!important;
  box-shadow:0 10px 24px rgba(11,115,217,.28)!important;
}

/* Variantes sobre fondos oscuros: se mantiene el visor plateado porque destaca y es legible. */
html body.page-observatorio .section-dark .ingsoft-location-visor,
html body.page-observatorio .surface-dark .ingsoft-location-visor,
html body.page-observatorio .v83-repro-section .ingsoft-location-visor{
  box-shadow:
    0 22px 52px rgba(0,0,0,.38),
    0 0 40px rgba(34,216,255,.20),
    inset 0 1px 0 rgba(255,255,255,.90)!important;
}

/* Mantener respiración visual en secciones donde el visor se inserta al inicio. */
html body.page-observatorio section[data-location-visor-ready="true"] > .wide > .ingsoft-location-visor,
html body.page-observatorio section[data-location-visor-ready="true"] .section-head + .ingsoft-location-visor{
  margin-top:.85rem!important;
}

@media (max-width:760px){
  html body.page-observatorio .ingsoft-location-visor{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.65rem!important;
    padding:.84rem .92rem!important;
  }
  html body.page-observatorio .ingsoft-location-visor__signal{
    justify-self:start!important;
    min-width:0!important;
  }
  html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-main,
  html body.page-observatorio .ingsoft-location-visor__name{
    font-size:1.02rem!important;
    letter-spacing:.035em!important;
  }
}


/* -------------------------------------------------------------------------
   V84.56 — Corrección final del visor: contraste total + reloj vivo.
   La línea de detalle ya no usa blanco sobre fondo plateado. Todo texto del
   visor usa azul marino técnico de alto contraste. El reloj local queda visible
   y se actualiza cada segundo.
------------------------------------------------------------------------- */

html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero,
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero #obsLocationCurrent.ingsoft-location-visor--hero,
html body.page-observatorio .ingsoft-location-visor{
  background:
    linear-gradient(90deg,#FFD966 0 9px,transparent 9px),
    linear-gradient(135deg,#FFFFFF 0%,#EEF8FF 42%,#C7E3F4 100%)!important;
  color:#06152A!important;
  -webkit-text-fill-color:#06152A!important;
  text-shadow:none!important;
}

/* Fuerza de contraste para absolutamente todos los hijos del visor. */
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero *,
html body.page-observatorio .ingsoft-location-visor *{
  text-shadow:none!important;
}

html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-kicker,
html body.page-observatorio .ingsoft-location-visor__kicker{
  color:#083B63!important;
  -webkit-text-fill-color:#083B63!important;
}

html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-main,
html body.page-observatorio .ingsoft-location-visor__name{
  color:#021225!important;
  -webkit-text-fill-color:#021225!important;
  text-shadow:0 2px 0 rgba(255,255,255,.92), 0 8px 18px rgba(6,21,42,.18)!important;
}

html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-detail,
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-clock,
html body.page-observatorio .ingsoft-location-visor__detail,
html body.page-observatorio .ingsoft-location-visor__clock{
  display:block!important;
  color:#052944!important;
  -webkit-text-fill-color:#052944!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
  font-weight:850!important;
}

html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-detail,
html body.page-observatorio .ingsoft-location-visor__detail{
  margin:.34rem 0 0!important;
  font-size:clamp(.86rem,.95vw,.98rem)!important;
  line-height:1.42!important;
}

html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-clock,
html body.page-observatorio .ingsoft-location-visor__clock{
  margin:.28rem 0 0!important;
  font-size:clamp(.86rem,.92vw,.96rem)!important;
  line-height:1.35!important;
  letter-spacing:.02em!important;
}

/* Sello del visor con hora viva. */
html body.page-observatorio .ingsoft-location-visor__signal{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  text-shadow:0 1px 10px rgba(0,0,0,.25)!important;
  min-width:clamp(126px,10vw,160px)!important;
  text-align:center!important;
}

/* Refuerzo del visor principal del selector para evitar que algún CSS heredado
   vuelva a pintar la línea inferior en blanco. */
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero small,
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-detail,
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-clock{
  color:#052944!important;
  -webkit-text-fill-color:#052944!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}

@media (max-width:760px){
  html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-detail,
  html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-clock,
  html body.page-observatorio .ingsoft-location-visor__detail,
  html body.page-observatorio .ingsoft-location-visor__clock{
    font-size:.85rem!important;
  }
}


/* -------------------------------------------------------------------------
   V84.56 — Visor geográfico final: amarillo patito, contraste definitivo,
   hora diferenciada y botón real de selección geográfica.
------------------------------------------------------------------------- */

html body.page-observatorio{
  --obs-duck-yellow:#FFC400;
  --obs-duck-yellow-2:#FFD21A;
  --obs-viewer-ink:#020E21;
  --obs-viewer-blue:#0057B8;
  --obs-viewer-navy:#052944;
  --obs-viewer-cyan:#20D8FF;
}

/* Fondo del visor: más blanco/plateado, con amarillo patito real y no pálido. */
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero,
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero #obsLocationCurrent.ingsoft-location-visor--hero,
html body.page-observatorio .ingsoft-location-visor{
  background:
    linear-gradient(90deg,var(--obs-duck-yellow) 0 14px,transparent 14px),
    radial-gradient(circle at 94% 16%,rgba(32,216,255,.32),transparent 30%),
    linear-gradient(135deg,#FFFFFF 0%,#F0F9FF 44%,#D5EFFF 100%)!important;
  border:2px solid rgba(32,216,255,.62)!important;
  color:var(--obs-viewer-ink)!important;
  -webkit-text-fill-color:var(--obs-viewer-ink)!important;
  text-shadow:none!important;
}

/* Anular definitivamente herencias que pintaban las líneas en blanco. */
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero,
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero *,
html body.page-observatorio .ingsoft-location-visor,
html body.page-observatorio .ingsoft-location-visor *{
  mix-blend-mode:normal!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}

html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-kicker,
html body.page-observatorio .ingsoft-location-visor .ingsoft-location-visor__kicker{
  color:#073A63!important;
  -webkit-text-fill-color:#073A63!important;
  text-shadow:none!important;
}

html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-main,
html body.page-observatorio .ingsoft-location-visor .ingsoft-location-visor__name{
  color:#020E21!important;
  -webkit-text-fill-color:#020E21!important;
  text-shadow:0 2px 0 rgba(255,255,255,.96),0 8px 18px rgba(2,14,33,.20)!important;
}

html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-detail,
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero small.visor-detail,
html body.page-observatorio .ingsoft-location-visor .ingsoft-location-visor__detail,
html body.page-observatorio .ingsoft-location-visor small.ingsoft-location-visor__detail,
html body.page-observatorio [data-location-detail]{
  color:#052944!important;
  -webkit-text-fill-color:#052944!important;
  text-shadow:none!important;
  font-weight:950!important;
  letter-spacing:.005em!important;
}

/* La hora se distingue en azul real intenso, no en blanco. */
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-clock,
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero small.visor-clock,
html body.page-observatorio .ingsoft-location-visor .ingsoft-location-visor__clock,
html body.page-observatorio .ingsoft-location-visor small.ingsoft-location-visor__clock,
html body.page-observatorio [data-location-clock],
html body.page-observatorio [data-location-clock-hero]{
  color:#0057B8!important;
  -webkit-text-fill-color:#0057B8!important;
  text-shadow:none!important;
  font-weight:1000!important;
  letter-spacing:.015em!important;
}

/* Botón verdadero de selector geográfico, no simulación textual. */
html body.page-observatorio .ingsoft-location-selector-button{
  appearance:none!important;
  -webkit-appearance:none!important;
  cursor:pointer!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.45rem!important;
  min-width:clamp(174px,13vw,220px)!important;
  padding:.72rem 1.05rem!important;
  border-radius:999px!important;
  border:2px solid rgba(2,14,33,.16)!important;
  background:linear-gradient(135deg,#0B73D9 0%,#20D8FF 100%)!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  font-size:.74rem!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:0 14px 30px rgba(11,115,217,.33), inset 0 1px 0 rgba(255,255,255,.35)!important;
  text-shadow:0 1px 8px rgba(0,0,0,.28)!important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease!important;
}

html body.page-observatorio .ingsoft-location-selector-button:hover,
html body.page-observatorio .ingsoft-location-selector-button:focus-visible{
  transform:translateY(-1px)!important;
  filter:saturate(1.08) brightness(1.03)!important;
  outline:3px solid rgba(255,196,0,.72)!important;
  outline-offset:3px!important;
  box-shadow:0 18px 38px rgba(11,115,217,.42),0 0 0 5px rgba(255,196,0,.12)!important;
}

/* Si alguna versión anterior dejó el span 'Reloj vivo', no debe verse. */
html body.page-observatorio .ingsoft-location-visor__signal{
  display:none!important;
}

/* Énfasis del amarillo patito en cintillos del visor. */
html body.page-observatorio .ingsoft-location-visor::before{
  content:"";
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:14px!important;
  background:var(--obs-duck-yellow)!important;
  box-shadow:0 0 24px rgba(255,196,0,.42)!important;
  pointer-events:none!important;
}

/* El visor debe tener espacio suficiente para el botón selector real. */
html body.page-observatorio .ingsoft-location-visor{
  grid-template-columns:minmax(0,1fr) auto!important;
}

@media (max-width:760px){
  html body.page-observatorio .ingsoft-location-visor{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  html body.page-observatorio .ingsoft-location-selector-button{
    justify-self:start!important;
    min-width:0!important;
    width:auto!important;
  }
}


html body.page-observatorio #obsLocationPanel.ingsoft-location-panel-highlight{
  outline:4px solid rgba(255,196,0,.88)!important;
  outline-offset:5px!important;
  box-shadow:0 0 0 8px rgba(255,196,0,.16),0 34px 88px rgba(0,0,0,.48),0 0 52px rgba(34,216,255,.18)!important;
}


/* -------------------------------------------------------------------------
   V84.56 — Última línea del visor: zona primero + reloj digital.
   La línea final queda ordenada como:
   Zona: America/Guayaquil · Hora local: 09:17:29
   con HH:MM:SS en tamaño mayor y estilo de reloj digital.
------------------------------------------------------------------------- */

html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-clock,
html body.page-observatorio .ingsoft-location-visor .ingsoft-location-visor__clock,
html body.page-observatorio [data-location-clock],
html body.page-observatorio [data-location-clock-hero]{
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:.36rem .55rem!important;
  margin:.42rem 0 0!important;
  color:#052944!important;
  -webkit-text-fill-color:#052944!important;
  font-size:clamp(.84rem,.9vw,.96rem)!important;
  line-height:1.15!important;
  font-weight:900!important;
  text-shadow:none!important;
}

html body.page-observatorio .location-clock-zone{
  color:#052944!important;
  -webkit-text-fill-color:#052944!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  text-shadow:none!important;
}

html body.page-observatorio .location-clock-label{
  color:#0057B8!important;
  -webkit-text-fill-color:#0057B8!important;
  font-weight:1000!important;
  letter-spacing:.01em!important;
  text-shadow:none!important;
}

html body.page-observatorio .location-clock-digital{
  display:inline-block!important;
  color:#0057B8!important;
  -webkit-text-fill-color:#0057B8!important;
  font-family:"SFMono-Regular","Consolas","Cascadia Mono","Roboto Mono","Courier New",monospace!important;
  font-size:clamp(1.28rem,1.75vw,2.05rem)!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.075em!important;
  padding:.16rem .45rem .18rem!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,rgba(0,87,184,.10),rgba(34,216,255,.14))!important;
  border:1px solid rgba(0,87,184,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 8px 18px rgba(0,87,184,.12)!important;
  text-shadow:0 0 10px rgba(34,216,255,.22)!important;
}

html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .location-clock-digital{
  font-size:clamp(1.18rem,1.55vw,1.75rem)!important;
}

@media (max-width:760px){
  html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-clock,
  html body.page-observatorio .ingsoft-location-visor .ingsoft-location-visor__clock,
  html body.page-observatorio [data-location-clock],
  html body.page-observatorio [data-location-clock-hero]{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.25rem!important;
  }
  html body.page-observatorio .location-clock-digital{
    font-size:1.35rem!important;
    justify-self:start!important;
  }
}


/* -------------------------------------------------------------------------
   V84.56 — Ajuste fino del reloj digital y contraste definitivo en hero.
   Corrección solicitada:
   1) HH:MM:SS ligeramente más pequeño.
   2) La línea "Zona + Hora local" debe verse con contraste total en la
      primera pantalla y dentro del selector geográfico del hero.
------------------------------------------------------------------------- */

/* Capa de reloj: bloque propio con fondo claro translúcido para evitar que
   herencias, sombras o gradientes del panel lo vuelvan ilegible. */
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-clock,
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero #obsLocationCurrent.ingsoft-location-visor--hero .visor-clock,
html body.page-observatorio .ingsoft-location-visor .ingsoft-location-visor__clock,
html body.page-observatorio [data-location-clock],
html body.page-observatorio [data-location-clock-hero]{
  position:relative!important;
  z-index:12!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:.32rem .46rem!important;
  width:fit-content!important;
  max-width:100%!important;
  margin:.46rem 0 0!important;
  padding:.18rem .36rem .2rem!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(0,87,184,.18)!important;
  color:#031A2D!important;
  -webkit-text-fill-color:#031A2D!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
  mix-blend-mode:normal!important;
  filter:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 8px 18px rgba(2,14,33,.08)!important;
}

/* Anulación absoluta de texto blanco en la última línea del visor. */
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-clock *,
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero #obsLocationCurrent.ingsoft-location-visor--hero .visor-clock *,
html body.page-observatorio .ingsoft-location-visor .ingsoft-location-visor__clock *,
html body.page-observatorio [data-location-clock] *,
html body.page-observatorio [data-location-clock-hero] *{
  opacity:1!important;
  visibility:visible!important;
  mix-blend-mode:normal!important;
  filter:none!important;
  text-shadow:none!important;
}

/* Zona primero: azul marino oscuro, no blanco. */
html body.page-observatorio .location-clock-zone,
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .location-clock-zone,
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero #obsLocationCurrent.ingsoft-location-visor--hero .location-clock-zone{
  color:#031A2D!important;
  -webkit-text-fill-color:#031A2D!important;
  font-weight:1000!important;
  font-size:clamp(.82rem,.86vw,.94rem)!important;
  letter-spacing:.005em!important;
  text-shadow:none!important;
}

/* Etiqueta de hora en azul real controlado. */
html body.page-observatorio .location-clock-label,
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .location-clock-label,
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero #obsLocationCurrent.ingsoft-location-visor--hero .location-clock-label{
  color:#0057B8!important;
  -webkit-text-fill-color:#0057B8!important;
  font-weight:1000!important;
  font-size:clamp(.82rem,.86vw,.94rem)!important;
  text-shadow:none!important;
}

/* Reloj digital un poco más pequeño que en V84.52, pero todavía protagonista. */
html body.page-observatorio .location-clock-digital,
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .location-clock-digital,
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero #obsLocationCurrent.ingsoft-location-visor--hero .location-clock-digital{
  color:#0057B8!important;
  -webkit-text-fill-color:#0057B8!important;
  font-family:"SFMono-Regular","Consolas","Cascadia Mono","Roboto Mono","Courier New",monospace!important;
  font-size:clamp(1.02rem,1.30vw,1.52rem)!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.065em!important;
  padding:.13rem .38rem .15rem!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,rgba(0,87,184,.12),rgba(34,216,255,.16))!important;
  border:1px solid rgba(0,87,184,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 7px 14px rgba(0,87,184,.10)!important;
  text-shadow:0 0 8px rgba(34,216,255,.16)!important;
}

/* En el visor principal del selector, todavía más contenido para que no compita
   con el botón Seleccionar ubicación. */
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .location-clock-digital{
  font-size:clamp(1rem,1.18vw,1.34rem)!important;
}

@media (max-width:760px){
  html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-clock,
  html body.page-observatorio .ingsoft-location-visor .ingsoft-location-visor__clock,
  html body.page-observatorio [data-location-clock],
  html body.page-observatorio [data-location-clock-hero]{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.24rem!important;
    width:100%!important;
  }
  html body.page-observatorio .location-clock-digital,
  html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .location-clock-digital{
    font-size:1.12rem!important;
    justify-self:start!important;
  }
}


/* -------------------------------------------------------------------------
   V84.56 — Fecha restaurada antes de la hora.
   Orden final:
   Zona: America/Guayaquil · Fecha: dom 31/05/2026 · Hora local: 10:03:25
   La fecha va en letra pequeña; HH:MM:SS mantiene estilo de reloj digital.
------------------------------------------------------------------------- */

html body.page-observatorio .location-clock-date,
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .location-clock-date,
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero #obsLocationCurrent.ingsoft-location-visor--hero .location-clock-date,
html body.page-observatorio [data-location-clock] .location-clock-date,
html body.page-observatorio [data-location-clock-hero] .location-clock-date{
  display:inline-block!important;
  color:#052944!important;
  -webkit-text-fill-color:#052944!important;
  font-size:clamp(.74rem,.78vw,.86rem)!important;
  line-height:1.12!important;
  font-weight:950!important;
  letter-spacing:.006em!important;
  text-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
  mix-blend-mode:normal!important;
}

html body.page-observatorio .location-clock-date strong{
  color:#031A2D!important;
  -webkit-text-fill-color:#031A2D!important;
  font-weight:1000!important;
}

/* Separadores discretos entre zona, fecha y hora. */
html body.page-observatorio .location-clock-sep{
  color:#0A5D9C!important;
  -webkit-text-fill-color:#0A5D9C!important;
  font-size:.88em!important;
  font-weight:1000!important;
  opacity:.9!important;
}

/* Ajuste fino para que fecha pequeña + reloj digital respiren bien. */
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-clock,
html body.page-observatorio .ingsoft-location-visor .ingsoft-location-visor__clock,
html body.page-observatorio [data-location-clock],
html body.page-observatorio [data-location-clock-hero]{
  gap:.28rem .42rem!important;
}

/* El reloj queda un poco más compacto para convivir con la fecha restaurada. */
html body.page-observatorio .location-clock-digital,
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .location-clock-digital,
html body.page-observatorio .observatorio-hero.v84-44-observatory-hero #obsLocationCurrent.ingsoft-location-visor--hero .location-clock-digital{
  font-size:clamp(.98rem,1.22vw,1.42rem)!important;
  padding:.12rem .34rem .14rem!important;
}

@media (max-width:760px){
  html body.page-observatorio .location-clock-date{
    font-size:.78rem!important;
  }
  html body.page-observatorio .location-clock-sep{
    display:none!important;
  }
}


/* -------------------------------------------------------------------------
   V84.56 — Hero visor afinado + mapa orbital de ubicación activa.
   - En el recuadro pequeño del hero: fecha visible, detalle compacto y sin
     salto molesto de “Datos científicos…”.
   - Mayor espacio entre el texto del kicker y la línea roja.
   - Nuevo panel oscuro con mapa satelital/orbital de la ubicación activa,
     colocado debajo de la primera sección en la zona izquierda.
------------------------------------------------------------------------- */

/* HERO — estructura compacta y legible solo para este recuadro */
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero{
  display:grid!important;
  grid-template-columns:1fr!important;
  row-gap:.18rem!important;
  align-items:start!important;
}

html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:.55rem!important;
  width:fit-content!important;
  padding:.5rem 1rem .5rem 1.6rem!important; /* más espacio antes del texto */
  margin-bottom:.06rem!important;
}

html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-main{
  margin-top:.02rem!important;
}

html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-detail{
  display:block!important;
  width:100%!important;
  color:#052944!important;
  -webkit-text-fill-color:#052944!important;
  font-size:clamp(.78rem,.83vw,.9rem)!important;
  line-height:1.28!important;
  font-weight:950!important;
  letter-spacing:.003em!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  margin:.05rem 0 0!important;
}

html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-clock{
  grid-column:1/-1!important;
  margin-top:.18rem!important;
  width:max-content!important;
  max-width:100%!important;
}

/* Fecha restaurada visible con total contraste también en el hero pequeño */
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .location-clock-date,
html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .location-clock-date strong{
  color:#052944!important;
  -webkit-text-fill-color:#052944!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
}

/* MAPA ORBITAL — nueva sección bajo el hero, ocupando la zona oscura izquierda */
html body.page-observatorio .obs-orbital-map-section{
  position:relative!important;
  padding:1.25rem 0 0!important;
  background:transparent!important;
}

html body.page-observatorio .obs-orbital-map-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr)!important;
  gap:1rem!important;
  align-items:stretch!important;
}

html body.page-observatorio .obs-orbital-map-card,
html body.page-observatorio .obs-orbital-map-brief{
  position:relative!important;
  border-radius:28px!important;
  border:1px solid rgba(78,205,255,.24)!important;
  background:
    radial-gradient(circle at 12% 12%,rgba(37,177,255,.18),transparent 28%),
    linear-gradient(180deg,rgba(5,26,54,.98) 0%,rgba(4,21,45,.98) 100%)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.04)!important;
}

html body.page-observatorio .obs-orbital-map-card{
  padding:1rem!important;
  min-height:420px!important;
}

html body.page-observatorio .obs-orbital-map-brief{
  padding:1rem 1.05rem!important;
  overflow:hidden!important;
}

html body.page-observatorio .obs-orbital-map-head{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.75rem!important;
  margin-bottom:.9rem!important;
}

html body.page-observatorio .obs-orbital-map-pill{
  display:inline-flex!important;
  align-items:center!important;
  gap:.75rem!important;
  padding:.58rem 1rem .58rem 1.52rem!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.96)!important;
  border:2px solid rgba(54,185,244,.9)!important;
  color:#032042!important;
  font-size:.86rem!important;
  font-weight:1000!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  position:relative!important;
}

html body.page-observatorio .obs-orbital-map-pill::before{
  content:"";
  position:absolute!important;
  left:.62rem!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:34px!important;
  height:4px!important;
  border-radius:999px!important;
  background:#E12B2B!important;
  box-shadow:0 0 14px rgba(225,43,43,.24)!important;
}

html body.page-observatorio .obs-orbital-map-title{
  color:#FFFFFF!important;
  font-size:1.38rem!important;
  line-height:1.1!important;
  font-weight:1000!important;
  margin:.25rem 0 .25rem!important;
}

html body.page-observatorio .obs-orbital-map-sub{
  color:#B6DCF7!important;
  font-size:.98rem!important;
  line-height:1.45!important;
  font-weight:700!important;
}

html body.page-observatorio #obsSpaceMap{
  width:100%!important;
  height:300px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  border:1px solid rgba(78,205,255,.26)!important;
  background:linear-gradient(180deg,#051B37 0%,#07122A 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 12px 34px rgba(0,0,0,.26)!important;
}

html body.page-observatorio .obs-orbital-map-meta{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:.7rem!important;
  margin-top:.95rem!important;
}

html body.page-observatorio .obs-orbital-map-metric{
  border-radius:18px!important;
  padding:.8rem .88rem!important;
  border:1px solid rgba(78,205,255,.20)!important;
  background:rgba(10,35,68,.72)!important;
}

html body.page-observatorio .obs-orbital-map-metric span{
  display:block!important;
  color:#79DFFF!important;
  font-size:.74rem!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  margin-bottom:.38rem!important;
}

html body.page-observatorio .obs-orbital-map-metric b{
  display:block!important;
  color:#FFFFFF!important;
  font-size:1rem!important;
  line-height:1.25!important;
  font-weight:950!important;
}

html body.page-observatorio .obs-orbital-map-brief p{
  color:#CDEBFF!important;
  font-size:.98rem!important;
  line-height:1.6!important;
  font-weight:700!important;
  margin:.45rem 0 0!important;
}

html body.page-observatorio .obs-orbital-map-brief ul{
  margin:.85rem 0 0!important;
  padding-left:1.1rem!important;
  color:#DDF4FF!important;
}

html body.page-observatorio .obs-orbital-map-brief li{
  margin:.52rem 0!important;
  line-height:1.45!important;
  font-weight:700!important;
}

html body.page-observatorio .obs-orbital-map-status{
  display:inline-flex!important;
  align-items:center!important;
  gap:.5rem!important;
  margin-top:.95rem!important;
  padding:.6rem .86rem!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#0A75D8 0%,#1DD4FF 100%)!important;
  color:#FFFFFF!important;
  font-size:.78rem!important;
  font-weight:1000!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  box-shadow:0 14px 30px rgba(10,117,216,.28)!important;
}

html body.page-observatorio .obs-orbital-map-status::before{
  content:"";
  width:9px!important;
  height:9px!important;
  border-radius:50%!important;
  background:#FFFFFF!important;
  box-shadow:0 0 0 4px rgba(255,255,255,.16)!important;
}

/* Leaflet cleanup for dark premium look */
html body.page-observatorio .leaflet-control-attribution,
html body.page-observatorio .leaflet-control-scale{
  opacity:.92!important;
}
html body.page-observatorio .leaflet-popup-content-wrapper,
html body.page-observatorio .leaflet-popup-tip{
  background:#071D3A!important;
  color:#FFFFFF!important;
}
html body.page-observatorio .leaflet-popup-content{
  margin:10px 14px!important;
  font-weight:700!important;
  line-height:1.4!important;
}

@media (max-width:1100px){
  html body.page-observatorio .obs-orbital-map-grid{
    grid-template-columns:1fr!important;
  }
  html body.page-observatorio .obs-orbital-map-meta{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:760px){
  html body.page-observatorio #obsLocationCurrent.ingsoft-location-visor--hero .visor-detail{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  html body.page-observatorio #obsSpaceMap{
    height:260px!important;
  }
}

html body.page-observatorio #obsOrbitalMapSection{display:none!important;}
html body.page-observatorio .obs-hero-orbital-map-card{grid-column:1 / 2!important;align-self:start!important;margin-top:.95rem!important;padding:1rem!important;border-radius:30px!important;border:1px solid rgba(71,205,255,.24)!important;background:radial-gradient(circle at 15% 15%,rgba(20,152,255,.12),transparent 28%),linear-gradient(180deg,rgba(4,20,44,.98) 0%,rgba(3,17,36,.98) 100%)!important;box-shadow:0 28px 64px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.04)!important;overflow:hidden!important;min-height:350px!important;}
html body.page-observatorio .obs-hero-orbital-map-head{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:.8rem!important;margin-bottom:.9rem!important;}
html body.page-observatorio .obs-hero-orbital-map-caption{display:flex!important;flex-direction:column!important;gap:.26rem!important;}
html body.page-observatorio .obs-hero-orbital-map-caption strong{color:#FFFFFF!important;font-size:1.22rem!important;line-height:1.1!important;font-weight:1000!important;}
html body.page-observatorio .obs-hero-orbital-map-caption span{color:#B7E7FF!important;font-size:.92rem!important;line-height:1.35!important;font-weight:700!important;}
html body.page-observatorio .obs-hero-orbital-map-stage{position:relative!important;width:100%!important;min-height:250px!important;border-radius:24px!important;overflow:hidden!important;border:1px solid rgba(81,214,255,.22)!important;background:#05172F!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 36px rgba(0,0,0,.28)!important;}
html body.page-observatorio .obs-hero-orbital-map-stage img{width:100%!important;height:100%!important;min-height:250px!important;object-fit:cover!important;display:block!important;opacity:1!important;}
html body.page-observatorio .obs-hero-orbital-map-marker{position:absolute!important;width:22px!important;height:22px!important;margin-left:-11px!important;margin-top:-11px!important;border-radius:50%!important;background:#FFFFFF!important;border:3px solid #20D8FF!important;box-shadow:0 0 0 8px rgba(32,216,255,.18),0 0 24px rgba(32,216,255,.65)!important;z-index:4!important;}
html body.page-observatorio .obs-hero-orbital-map-marker::after{content:"";position:absolute!important;inset:-10px!important;border-radius:50%!important;border:2px solid rgba(32,216,255,.28)!important;animation:obsPulseMarker 2.1s ease-out infinite!important;}
@keyframes obsPulseMarker{0%{transform:scale(.55);opacity:.95;}75%{transform:scale(1.75);opacity:.08;}100%{transform:scale(1.9);opacity:0;}}
html body.page-observatorio .obs-hero-orbital-map-label{position:absolute!important;transform:translate(-50%,calc(-100% - 18px))!important;padding:.42rem .7rem!important;border-radius:14px!important;background:rgba(5,26,54,.94)!important;border:1px solid rgba(81,214,255,.28)!important;color:#FFFFFF!important;font-size:.82rem!important;line-height:1.25!important;font-weight:850!important;white-space:nowrap!important;z-index:5!important;box-shadow:0 12px 28px rgba(0,0,0,.32)!important;}
html body.page-observatorio .obs-hero-orbital-map-label small{display:block!important;color:#AEDDFF!important;font-size:.72rem!important;font-weight:700!important;margin-top:.14rem!important;}
html body.page-observatorio .obs-hero-orbital-map-footer{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:.7rem!important;margin-top:.82rem!important;}
html body.page-observatorio .obs-hero-orbital-map-status{display:inline-flex!important;align-items:center!important;gap:.5rem!important;padding:.54rem .85rem!important;border-radius:999px!important;background:linear-gradient(135deg,#0C74D7 0%,#1DD4FF 100%)!important;color:#FFFFFF!important;font-size:.76rem!important;font-weight:1000!important;letter-spacing:.12em!important;text-transform:uppercase!important;}
html body.page-observatorio .obs-hero-orbital-map-status::before{content:"";width:8px!important;height:8px!important;border-radius:50%!important;background:#FFFFFF!important;}
html body.page-observatorio .obs-hero-orbital-map-legend{color:#BFE7FF!important;font-size:.86rem!important;line-height:1.4!important;font-weight:700!important;}
html body.page-observatorio section[data-no-location-visor] .ingsoft-location-visor{display:none!important;}
@media (max-width:1100px){html body.page-observatorio .obs-hero-orbital-map-card{grid-column:1 / -1!important;}}