/* IngSoft V80.99.12 — Corrección modular de legibilidad científica del Observatorio
   Alcance estricto: panel científico por ubicación, resumen cuantitativo y bloque NASA POWER.
   Objetivo: etiquetas visibles, datos legibles, sin nota redundante y sin texto claro sobre fondo claro. */

:root{
  --v8099-12-ink:#061426;
  --v8099-12-ink-2:#12314f;
  --v8099-12-cyan:#24c8f2;
  --v8099-12-red:#e52533;
  --v8099-12-white:#ffffff;
  --v8099-12-soft:#f4fbff;
  --v8099-12-panel:#071c35;
  --v8099-12-panel-2:#0b2d52;
}

/* 1) Panel científico por ubicación: las tarjetas deben indicar con claridad qué mide cada dato. */
html body #v93LocationScience,
html body .v93-location-science#v93LocationScience{
  background:linear-gradient(145deg, rgba(5,20,40,.98), rgba(8,43,78,.96)) !important;
  border:1px solid rgba(126,207,250,.46) !important;
  border-radius:28px !important;
  box-shadow:0 28px 72px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.045) !important;
  color:var(--v8099-12-white) !important;
  -webkit-text-fill-color:initial !important;
}

html body #v93LocationScience h3{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  opacity:1 !important;
  text-shadow:none !important;
  margin-bottom:16px !important;
}

html body #v93LocationScience .v93-science-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(150px,1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}

html body #v93LocationScience .v93-science-card,
html body .v93-science-card{
  display:grid !important;
  grid-template-rows:auto 1fr auto !important;
  gap:8px !important;
  min-height:118px !important;
  padding:16px 17px !important;
  border-radius:18px !important;
  background:linear-gradient(145deg, rgba(244,251,255,.105), rgba(139,212,255,.065)) !important;
  border:1px solid rgba(151,213,247,.34) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:initial !important;
  overflow:visible !important;
  opacity:1 !important;
}

html body #v93LocationScience .v93-science-card span,
html body .v93-science-card span{
  display:block !important;
  color:#8fe2ff !important;
  -webkit-text-fill-color:#8fe2ff !important;
  opacity:1 !important;
  visibility:visible !important;
  font-size:.76rem !important;
  font-weight:950 !important;
  letter-spacing:.11em !important;
  line-height:1.2 !important;
  text-transform:uppercase !important;
  text-shadow:none !important;
  filter:none !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}

html body #v93LocationScience .v93-science-card b,
html body .v93-science-card b{
  display:block !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
  font-size:clamp(1.02rem,1.25vw,1.28rem) !important;
  font-weight:850 !important;
  line-height:1.28 !important;
  letter-spacing:0 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.34) !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}

html body #v93LocationScience .v93-science-card small,
html body .v93-science-card small{
  display:block !important;
  color:#d8f0ff !important;
  -webkit-text-fill-color:#d8f0ff !important;
  opacity:1 !important;
  visibility:visible !important;
  font-size:.78rem !important;
  font-weight:700 !important;
  line-height:1.25 !important;
  text-shadow:none !important;
}

/* El usuario pidió quitar esta frase bajo los recuadros. */
html body #v93LocationScience .v93-science-note,
html body .v93-science-note{
  display:none !important;
}

html body #v93LocationScience .v93-science-actions{
  margin-top:18px !important;
}
html body #v93LocationScience .v93-science-actions button{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background:linear-gradient(135deg,#168fe8,#25cef3) !important;
  border:1px solid rgba(150,231,255,.9) !important;
  opacity:1 !important;
  text-shadow:0 1px 2px rgba(0,18,42,.45) !important;
}

/* 2) Resumen cuantitativo: datos oscuros sobre tarjetas claras, sin valores invisibles. */
html body .observatory-side-panel .mini-panel,
html body .observatory-side-panel .panel.mini-panel{
  background:linear-gradient(145deg,#061a31,#0a2b50) !important;
  border:1px solid rgba(126,207,250,.42) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:initial !important;
}

html body #summaryGrid.summary-grid,
html body .summary-grid#summaryGrid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  width:100% !important;
}

html body #summaryGrid .summary-item,
html body .summary-grid .summary-item{
  min-height:118px !important;
  padding:18px 20px !important;
  border-radius:18px !important;
  background:#f8fcff !important;
  border:1px solid #b6d8ef !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 12px 28px rgba(7,24,50,.10) !important;
  color:var(--v8099-12-ink) !important;
  -webkit-text-fill-color:initial !important;
  opacity:1 !important;
  overflow:visible !important;
}

html body #summaryGrid .summary-item span,
html body .summary-grid .summary-item span{
  display:block !important;
  color:#16395b !important;
  -webkit-text-fill-color:#16395b !important;
  font-size:.86rem !important;
  font-weight:950 !important;
  letter-spacing:.015em !important;
  line-height:1.25 !important;
  opacity:1 !important;
  text-shadow:none !important;
}

html body #summaryGrid .summary-item strong,
html body .summary-grid .summary-item strong{
  display:block !important;
  color:#061426 !important;
  -webkit-text-fill-color:#061426 !important;
  font-size:clamp(1.45rem,2vw,2.1rem) !important;
  font-weight:950 !important;
  line-height:1.08 !important;
  margin:.55rem 0 .4rem !important;
  opacity:1 !important;
  text-shadow:none !important;
  overflow-wrap:anywhere !important;
}

html body #summaryGrid .summary-item small,
html body .summary-grid .summary-item small{
  display:block !important;
  color:#315d7f !important;
  -webkit-text-fill-color:#315d7f !important;
  font-size:.78rem !important;
  font-weight:700 !important;
  line-height:1.28 !important;
  opacity:1 !important;
  text-shadow:none !important;
}

/* 3) NASA POWER / encabezado del dashboard: información legible sobre fondo claro. */
html body .observatory-lab-section,
html body .section-light.observatory-lab-section{
  color:#061426 !important;
  -webkit-text-fill-color:initial !important;
}

html body .observatory-lab-section .section-head h2,
html body .observatory-lab-section .section-head p,
html body .observatory-lab-section .observatory-panel-head h3,
html body .observatory-lab-section #chartTitle{
  color:#061426 !important;
  -webkit-text-fill-color:#061426 !important;
  opacity:1 !important;
  text-shadow:none !important;
}

html body .observatory-lab-section .chart-description,
html body .observatory-lab-section #chartDescription{
  display:block !important;
  color:#183d5d !important;
  -webkit-text-fill-color:#183d5d !important;
  opacity:1 !important;
  visibility:visible !important;
  font-size:1rem !important;
  line-height:1.55 !important;
  font-weight:650 !important;
  text-shadow:none !important;
  margin:14px 0 18px !important;
  max-width:100% !important;
}

html body .observatory-lab-section .data-badge,
html body .observatory-lab-section .badge-row .data-badge,
html body #datasetPeriod,
html body #datasetFrequency,
html body #datasetUnit,
html body #liveStatusBadge{
  background:#eef8ff !important;
  border:1px solid #9ed3f2 !important;
  color:#061426 !important;
  -webkit-text-fill-color:#061426 !important;
  opacity:1 !important;
  text-shadow:none !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
}

html body .observatory-lab-section .dataset-tab{
  color:#061426 !important;
  -webkit-text-fill-color:#061426 !important;
  opacity:1 !important;
  text-shadow:none !important;
}
html body .observatory-lab-section .dataset-tab.is-active{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

/* Mantener la gráfica contenida, sin volver a alturas excesivas que no alcanzan en pantalla. */
html body .observatory-lab-section .plotly-shell,
html body .observatory-lab-section #observatoryChart{
  height:600px !important;
  min-height:600px !important;
  max-height:600px !important;
  overflow:hidden !important;
}

html body .observatory-lab-section #observatoryChart .modebar,
html body .observatory-lab-section .modebar-container{
  display:none !important;
}

/* Trazabilidad: enlace largo y texto con contraste estable. */
html body .source-live-panel,
html body .source-live-panel *{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  opacity:1 !important;
  text-shadow:none !important;
}
html body .source-live-panel a,
html body #sourceTrace a,
html body #sourceTrace{
  color:#8fe2ff !important;
  -webkit-text-fill-color:#8fe2ff !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  text-align:left !important;
}

@media(max-width:1180px){
  html body #v93LocationScience .v93-science-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  html body #summaryGrid.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:720px){
  html body #v93LocationScience .v93-science-grid,
  html body #summaryGrid.summary-grid{grid-template-columns:1fr !important;}
  html body .observatory-lab-section .plotly-shell,
  html body .observatory-lab-section #observatoryChart{height:520px !important;min-height:520px !important;max-height:520px !important;}
}


/* V81.2 — contraste estructural definitivo del bloque de trazabilidad bajo la gráfica. */
html body #chartFootnotes.chart-footnotes{
  background:linear-gradient(180deg,#FFFFFF 0%,#F6FBFF 100%) !important;
  border:1px solid #BFDDF2 !important;
  color:#071832 !important;
  -webkit-text-fill-color:initial !important;
}
html body #chartFootnotes.chart-footnotes,
html body #chartFootnotes.chart-footnotes *,
html body #chartFootnotes.chart-footnotes li{
  color:#071832 !important;
  -webkit-text-fill-color:#071832 !important;
  opacity:1 !important;
  text-shadow:none !important;
}
html body #chartFootnotes.chart-footnotes a{
  color:#075F98 !important;
  -webkit-text-fill-color:#075F98 !important;
  font-weight:950 !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}