/* V80.99.27 — Observatorio: componente Lectura metodológica 10/10
   Alcance estricto: solo panel izquierdo de #metodologia en la página del Observatorio.
   Objetivo: eliminar bloques negros ilegibles y restituir lectura científica clara sin tocar JS, APIs,
   Plotly, selector geográfico, panel científico ni el resto de la plataforma. */

body.page-observatorio #metodologia .container.split > .panel:first-child{
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
  color:#07172c!important;
  -webkit-text-fill-color:initial!important;
  border:1px solid rgba(76,174,232,.34)!important;
  box-shadow:0 24px 55px rgba(7,23,44,.14)!important;
  overflow:hidden!important;
}

body.page-observatorio #metodologia .container.split > .panel:first-child h2{
  color:#07172c!important;
  -webkit-text-fill-color:#07172c!important;
  text-shadow:none!important;
}

body.page-observatorio #metodologia .container.split > .panel:first-child .fact-list.compact{
  display:grid!important;
  gap:.72rem!important;
  margin-top:1rem!important;
}

body.page-observatorio #metodologia .container.split > .panel:first-child .fact-list.compact .fact{
  display:grid!important;
  grid-template-columns:minmax(145px,.34fr) minmax(0,1fr)!important;
  align-items:start!important;
  gap:1rem!important;
  padding:.86rem 1rem!important;
  min-height:0!important;
  background:linear-gradient(180deg,#ffffff 0%,#eef7ff 100%)!important;
  border:1px solid rgba(96,181,235,.32)!important;
  border-radius:15px!important;
  box-shadow:0 12px 28px rgba(7,23,44,.075)!important;
  color:#07172c!important;
  -webkit-text-fill-color:initial!important;
  opacity:1!important;
}

body.page-observatorio #metodologia .container.split > .panel:first-child .fact-list.compact .fact b{
  color:#07172c!important;
  -webkit-text-fill-color:#07172c!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  text-shadow:none!important;
  opacity:1!important;
}

body.page-observatorio #metodologia .container.split > .panel:first-child .fact-list.compact .fact span{
  color:#193a5a!important;
  -webkit-text-fill-color:#193a5a!important;
  font-weight:650!important;
  line-height:1.34!important;
  overflow-wrap:anywhere!important;
  text-shadow:none!important;
  opacity:1!important;
}

body.page-observatorio #metodologia .container.split > .panel:first-child .fact-list.compact .fact:hover{
  border-color:rgba(32,174,235,.58)!important;
  box-shadow:0 16px 34px rgba(7,23,44,.12)!important;
}

@media(max-width:760px){
  body.page-observatorio #metodologia .container.split > .panel:first-child .fact-list.compact .fact{
    grid-template-columns:1fr!important;
    gap:.28rem!important;
    padding:.82rem .9rem!important;
  }
}