@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');
body {
  margin: 0;
  font-family: Roboto, Arial, sans-serif;
}

/**
 * Mapa
 */
#map {
  width: 100vw;
  height: 100vh;
}
#map .ol-attribution {
  font-size: 0.8rem;
  bottom: 0.5em;
  right: 0.5em;
}

/**
 * OL overrrides
 */
.ol-zoom {
  right: 0.5rem !important;
  left: inherit !important;
}
.ol-scale-line {
  position: absolute;
  background: rgba(0,60,136,.3);
  border-radius: 4px;
  bottom: 6px;
  right: 13em;
  padding: 2px;
  left: inherit;
}
.ol-attribution:not(.ol-collapsed) {
  background: rgba(255,255,255,0.2);
}

/**
 * Cargando
 */
#cargando {
  position: absolute;
  background: url(/img/app/cargando.gif);
  background-repeat: no-repeat;
  background-size: 1.3em;
  background-position: calc(100% - 1em) center;
  background-color: rgba(255, 255, 255, 0.7);
  line-height: 2em;
  font-size: 0.85rem;
  color: #333;
  padding: 0 3em 0 1em;
  border-radius: 0.2em;
  font-weight: bold;
  top: 0.3em;
  left: 49.5em;
}


/**
 * Menú
 */
#menu {
  min-width: 19.1rem;
  width: 19.1rem;
  max-width: 30rem;
  height: calc(100vh - 1.1rem);
  background: #FFF;
  position: fixed;
  top: 0.25rem;
  left: 0.25rem;
  cursor: default;
  padding: 0.3em 0.5em;
}
#header {
  background: #FFF;
  padding: 0.7em 0.5em 0.8em 0.5em;
  margin-bottom: 0.3rem;
}
#header .logo,
#header .nombre {
  display: inline-block;
}
#header .logo {
  vertical-align: top;
  padding: 0 1em 0 0;
}
#header .logo img {
  height: 4.4em;
}
#menu header .nombre .titulo,
#menu header .nombre .subtitulo {
  font-family: "Roboto Condensed", Arial, sans-serif;
}
#menu header .nombre .titulo {
  font-size: 2em;
}
#menu header .nombre .subtitulo {
  font-size: 0.9em;
  color: grey;
}

/**
 * Herramientas
 */
#herramientas {
  background: #FFF;
  display: flex;
  margin-bottom: 1em;
}
#herramientas .item.disabled:hover {
  background: #FFF;
  cursor: default;
}
#herramientas .item.disabled {
  color: #AAA;
}
#herramientas .item {
  text-align: center;
  padding: 0.3em 0.5em;
  cursor: pointer;
  margin: 0 0.1em;
  border: 1px solid #CFD8DC;
  background: #ECEFF1;
  border-radius: 0.3em;
  color: #546E7A;
}
#herramientas .item:hover {
  background: #EEE;
}
#herramientas .item.activo {
  background: #CFD8DC;
  border: 1px solid #B0BEC5;
  color: #000;
}
#herramientas .item.activo .descripcion {
  text-shadow: 0.5px 0px 0px #000;
}
#herramientas .item .icono {
  color: #333;
}
#herramientas .item .icono i.mdi {
  font-size: 2rem;
}
#herramientas .item .descripcion {
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-size: 0.9em;
}

/**
 * Paneles
 */
#paneles {
  margin-bottom: 0.3em;
  background: #FFF;
  height: calc(100% - 12.8em);
}
#paneles .panel {
  display: none;
}
#paneles .panel.activo {
  display: block;
  height: calc(100% - 1em);
  overflow-y: auto;
}
#paneles .panel header {
  padding: 0.3em 0;
  position: relative;
}
#paneles .panel header .titulo {
  font-family: "Roboto Condensed", Arial, sans-serif;
  display: flex;
  justify-content: space-between;
}
#paneles .panel header .titulo .nombre {
  font-weight: bold;
  padding: 0.5em 0;
}
#paneles .panel header .descripcion {
  font-size: 0.9em;
  color: grey;
}
#paneles .panel .contenido {
  font-size: 0.9em;
  padding:  0 0.3em;
}
#paneles .panel .contenido p {
  margin: 0 0 1em 0;
  padding: 0 0.7em;
}

/**
 * Panel / Capas
 */
#capas {
}
#capas .seccion {
  background: #ECEFF1;
  padding: 0.4em 0.6em;
  margin-bottom: 0.5rem;
  border-radius: 0.3em;
}
#capas .seccion .titulo .info {
  white-space: nowrap;
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-weight: bold;
  display: flex;
  height: 1.5em;
  color: #263238;
  border: 1px solid #90A4AE;
  border-radius: 0.2em;
  background: #E0E0E0;
  position: relative;
}
#capas .seccion .titulo .info:hover {
  cursor: pointer;
  background: #f7f7f7;
  border: 1px solid #80949E;
}
#capas .seccion .titulo .info .d {
  display: none;
  position: absolute;
  padding: 0.8em 1.2em;
  background-color: #efefef;
  border: 1px solid #90A4AE;
  top: -1.8em;
  width: 13em;
  right: 3.8em;
  white-space: normal;
  text-align: left;
  font-size: 0.85rem;
  font-family: 'Roboto';
  font-weight: 500;
  border-radius: 0.3em;
  box-shadow: 0 0.1em 0.6em -0.3em #000, 0 0.1em 1em -0.5em #000, 0 1em 3em -1em #000;
  color: #000;
}
#capas .seccion .titulo .info:hover .d {
  display: block;
}
#capas .seccion .titulo {
  display: flex;
  justify-content: space-between;
/*  align-items: center;*/
}
#capas .seccion .titulo {
  font-weight: bold;
  padding: 0.3em 0.3em 0.4em 0.3em;
}
#capas .seccion ul.capas {
  margin: 0;
  padding: 0;
}
#capas .seccion ul.capas li {
  margin: 0;
  padding: 0em 0.4em 0em 0em;
  list-style: none;
  user-select: none;
  border: 2px solid transparent;
  border-radius: 0.2em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#capas .seccion ul.capas li > div {
  display: flex;
  align-items: center;
}
#capas .seccion ul.capas li .color {
  display: none;
  margin: 0em 0.5em 0 0;
  width: 0.6em;
  height: 0.6em;
  border-radius: 1em;
}
#capas .seccion ul.capas li.visible .color {
  display: block;
}
#capas .seccion ul.capas li:hover {
  background: #00000011;
  cursor: pointer;
}
#capas .seccion ul.capas li.visible {
  background: #CFD8DC;
}
#capas .seccion ul.capas li.activo {
  background: #becad0;
  border: 2px solid #90A4AE;
}
#capas .seccion ul.capas li:hover i.mdi {
  background-color: #B0BEC577;
}
#capas .seccion ul.capas li i.mdi:hover {
  background-color: #B0BEC5;
}
#capas .seccion ul.capas li i.mdi {
  margin-right: 0.2em;
  font-size: 1.4rem;
  line-height: 1em;
  padding: 0.1rem 0.2rem;
}
/**
 * Panel / Capas base
 */
#panel-base ul {
  margin: 0;
  padding: 0;
}
#panel-base ul li {
  list-style: none;
  margin: 0.5em 0.1em;
  border-radius: 0.2em;
  overflow: hidden;
  cursor: pointer;
  user-select: none;
  border: 1px solid #DDD;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#panel-base ul li:hover {
  background: #ECEFF1;
  border: 1px solid #CCC;
}
#panel-base ul li.activo {
  background: #ECEFF1;
  border: 1px solid #9E9E9E;
}
#panel-base ul li.activo .nombre {
  color: #000;
}
#panel-base ul li .nombre,
#panel-base ul li .imagen {
  display: inline-block;
  vertical-align: middle;
}
#panel-base ul li .nombre {
  width: calc(29% - 1em);
  padding: 0 0 0 1em;
  color: #555;
}
#panel-base ul li .imagen {
  width: 70%;
  height: 4em;
  overflow: hidden;
}
#panel-base ul li .imagen img {
  width: 100%;
}


/**
 * Regla
 */
.tooltip {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: white;
  padding: 0.1em 0.5em 0.2em;
  opacity: 0.7;
  white-space: nowrap;
}
.tooltip-measure {
  opacity: 1;
  font-weight: bold;
}
.tooltip-static {
  background-color: #ffcc33;
  color: black;
  border: 1px solid white;
}
.tooltip-measure:before,
.tooltip-static:before {
  border-top: 6px solid rgba(0, 0, 0, 0.5);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: "";
  position: absolute;
  bottom: -6px;
  margin-left: -7px;
  left: 50%;
}
.tooltip-static:before {
  border-top-color: #ffcc33;
}
#panel-regla ul {
  margin: 0;
  padding: 0;
}
#panel-regla ul li i {
  margin: 0.5rem;
  font-size: 1.2rem;
  vertical-align: middle;
}
#panel-regla ul li {
  list-style: none;
  margin: 0.5em;
  border-radius: 0.2em;
  overflow: hidden;
  cursor: pointer;
  user-select: none;
  border: 1px solid #CCC;
  padding: 1em;
  background: #ECEFF1;
}
#panel-regla ul li:hover {
  background: #DDD;
  border: 1px solid #BBB;
}
#panel-regla ul li.activo {
  border: 1px solid #9E9E9E;
  background: #DDD;
}
#panel-regla .contenido .nota {
  color: #555;
  margin: 1em 2em;
}

/**
 * Por
 */
#por {
  background: #FFF;
  padding: 0.3em 0.1em;
  font-size: 0.8em;
  color: #777;
  position: absolute;
  bottom: 0;
  min-width: 18.1rem;
  width: 18.1rem;
}
#por a {
  text-decoration: none;
  color: #555;
}
#por a:hover {
  text-decoration: underline;
}



.ficha .fila {
  margin-bottom: 0.5em;
  display: flex;
}
.ficha .fila .campo {
  margin-right: 1em;
}
.ficha .fila .campo .label {
  font-size: 0.9em;
  font-weight: bold;
}
.ficha .fila .campo .value {
}

/**
 * Columna info
 */
#info {
  position: absolute;
  height: calc(100vh - 0.5em);
  top: 0.25em;
  width: 20em;
  background: #FFF;
  left: 20.6em;
  padding: 0 0.6em;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#info.sin-tabs #pestanas {
  display: none;
}
#pestanas {
}
.pestana {
  display: none;
  margin-top: 0.5em;
}
.pestana.activo {
  display: block;
}
#pestanas {
  display: flex;
  justify-content: space-between;
}
#pestanas .item.deshabilitado.activo {
}
#pestanas .item.deshabilitado {
  background: #EEE;
  border: 1px solid #DDD;
}
#pestanas .item.activo.deshabilitado .nombre {
  text-shadow: none;
}
#pestanas .item.deshabilitado .nombre {
  color: #CCC;
}
#pestanas .item.deshabilitado .icono .mdi {
  color: #CCC;
}
#pestanas .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(100% / 3 - 1.25em);
  cursor: pointer;
  padding: 0.5em;
  border: 1px solid #CFD8DC;
  background: #ECEFF1;
  border-radius: 0.3em;
}
#pestanas .item.activo {
  background: #CFD8DC;
  border: 1px solid #B0BEC5;
}
#pestanas .item .icono {
}
#pestanas .item .icono .mdi {
  font-size: 1.5em;
}
#pestanas .item.activo .nombre {
  text-shadow: 0.5px 0px 0px #000;
}
#pestanas .item .nombre {
  font-family: 'Roboto Condensed', Tahoma, sans-serif;
  font-size: 0.95em;
}


#info > header {
  display: flex;
  justify-content: space-between;
  padding: 0.5em 0em 0em 0em;
  align-items: center;
}
#ficha > header .titulo {
  display: flex;
      flex-direction: column;
}
#info > header .titulo {
  font-weight: bold;
  display: flex;
  align-items: center;
  line-height: 1em;
  padding: 0.5em 0em;
  min-height: 2em;
}
#info > header .opciones {
  display: flex;
}
#ficha > header .opciones .opcion:hover,
#info > header .opciones .opcion:hover {
  background: #ECEFF1;
  cursor: pointer;
  user-select: none;
}
#ficha > header .opciones .opcion,
#info > header .opciones .opcion {
  padding: 0.5em;
  height: 1.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2em;
  width: 1.5em;
  padding: 0.5em 0.5em 0.5em 0.5em;
}
#complementarias {
  padding: 0.4em 0.5em 0.3em;
  font-size: 0.85em;
  display: flex;
  flex-direction: column;
  background: #ECEFF1;
  margin: 0;
}
#complementarias li .visible .mdi-checkbox-outline {
  display: none;
}
#complementarias li.activo .visible .mdi-checkbox-outline {
  display: block;
}
#complementarias li.activo .visible .mdi-checkbox-blank-outline {
  display: none;
}
#complementarias li:hover {
  background: #EEE;
}
#complementarias li.activo {
  background: #CFD8DC;
  outline: 2px solid #B0BEC5;
}
#complementarias li {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.05em 0.5em;
  margin: 0.1em 0;
  border-radius: 0.3em;
  cursor: pointer;
  user-select: none;
  width: 100%;
  box-sizing: border-box;
}
#complementarias li:hover {
  background: #00000011;
  cursor: pointer;
}
#complementarias li .mdi {
  font-size: 1.4em;
  margin-right: 0.3em;
}
#complementarias li .icono {
  font-size: 1em;
  margin-left: 0.2em;
}

#listado {
  height: calc(100vh - 11.4em);
  min-height: calc(100vh - 11.4em);
  overflow-y: auto;
  margin: 1em 0 0em 0;
}
.filtro {
  background: #F7F7F7;
  padding: 0.5em;
  margin: 0.5em 0;
  border-radius: 0.5em;
}
.buscador {
  margin: 0.2em 0 0.5em 0;
  border-radius: 2em;
  width: calc(100% - 0em);
  box-sizing: border-box;
  padding: 0.5em 1em;
  display: block;
  font-size: 1rem;
  border: 2px solid #555;
  background: #FFFFFF77;
}
#dias {
  margin: 0;
  padding: 0;
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#dias li {
  list-style: none;
  border-radius: 1em;
  background: #EEE;
  width: 2em;
  height: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#dias li.activo {
  background: #4CAF50;
  color: #FFF;
}
#dias li:hover {
  background: #4CAF50;
}

.filtros-origen {
  margin: 0;
  padding: 0;
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  justify-content: space-around;
}
.filtros-origen li {
  list-style: none;
  border-radius: 1em;
  background: #EEE;
  height: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 0 1em;
  user-select: none;
}
.filtros-origen li:hover {
  background: #B0BEC5;
}
.filtros-origen li.activo {
  background: #4CAF50;
  color: #FFF;
}

.resultados {
  margin: 0;
  padding: 0.1em 0;
  height:     calc(100vh - 20.2em);
  min-height: calc(100vh - 20.2em);
  max-height: calc(100vh - 20.2em);
  overflow-y: auto;
  cursor: pointer;
}
.resultados > li:hover {
  background: #ECEFF1;
}
.resultados > li.activo {
  background: #ECEFF1;
  outline: 1px solid #B0BEC5;
}
.resultados > li {
  list-style: none;
  padding: 0.3em 0.6em;@author Mario Vial <mvial@ubiobio.cl> 2023/11/21 10:45
  cursor: pointer;
  border-radius: 0.2em;
  margin: 0 0.3em 0 0.1em;
}
.resultados > li .nombre {
  font-weight: 500;
  padding: 0.2em 0;
}
.resultados > li ul.dias {
  font-size: 0.7em;
  margin: 0 0 0.3em 0;
  padding: 0;
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.resultados > li ul.dias li.si {
  background: #4CAF50;
  background: #81C784;
  color: #FFF;
}
.resultados > li ul.dias li {
  list-style: none;
  padding: 0.3em;
  margin: 0 0.5em 0 0;
  background: #DDD;
  border-radius: 2em;
  width: 1em;
  height: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.titulo {
  font-weight: bold;
}

span.destacado {
  background: yellow;
}

#info-capa .opciones {
  display: flex;
  margin-bottom: 0.5em;
}

#info-capa .opciones .opcion {
  background: #EEE;
  padding: 0.3em 0.7em;
  border-radius: 0.3em;
  margin-right: 0.5em;
  box-shadow: 0 0 0.3em -0.1em #555;
  cursor: pointer;
}
#info-capa .opciones .opcion:hover {
  box-shadow: 0 0 0.3em -0.1em #000;
}
#info-capa .opciones .opcion:hover:active {
  box-shadow: 0 0 0.0em 0em #000;
}
#info-capa .opciones .opcion .mdi {
  font-size: 1.2em;
}

#descripcion-capa {
  font-size: 0.85em;
  padding: 0.8em 1em;
  border: 1px solid #DDD;
  margin: 0.5em 0 1em;
  background: #C8E6C9;
  border-radius: 1em;
  line-height: 1.3em;
  text-align: justify;
}

#color {
  height: 0.8em;
  min-width: 0.8em;
  border-radius: 0.8em;
  margin-right: 0.5em;
  margin-left: 0.2em;
  border: 1px solid #000;
  display: inline-block;
}
#texto-origen {
  font-size: 0.85em;
  padding: 0.8em 1em;
  border: 1px solid #DDD;
  margin: 0.5em 0 1em;
  background: #eceff1;
  border-radius: 1em;
  line-height: 1.3em;
  text-align: justify;
}
.filtros {
  display: flex;
  margin: 0;
  padding: 0;
}
.filtros li.si.activo {
  background: #66BB6A;
  color: #FFF;
}
.filtros li.si {
  background: #BDBDBD;
  color: #F7F7F7;
}
.filtros li:hover {
}
.filtros li {
  user-select: none;
  background: #DDD;
  border-radius: 2em;
  margin: 0 0.1em 0 0;
  padding: 0.2em 0.7em 0.1em 0.7em;
  line-height: 1em;
  display: block;
  text-align: left;
  text-wrap: nowrap;
  font-size: 0.85em;
  color: #FFF;
  font-family: "Roboto Condensed", Arial, sans-serif;
}

#origenes > li.escondido-i,
#origenes > li.escondido-v,
#origenes > li.escondido-fres,
#origenes > li.escondido-nfres {
  display: none;
}
#origenes > li:hover {
  cursor: pointer;
  background: #ECEFF1;
}
#origenes > li {
  padding: 0.2em 0.6em 0.4em 0.6em;
}

#origen > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1rem 0.5rem 0.5rem 0.5rem;
}
#origen > header > .titulo {
  font-size: 0.95rem;
  font-family: "Roboto Condensed", Arial, sans-serif;
}
#origen > header > .cantidad {
  color: #777;
}

/**
 * Ficha
 */
#ficha {
  position: absolute;
  height: calc(100vh - 0.5em);
  top: 0.25em;
  width: 20em;
  background: #FFF;
  left: 42.05em;
  padding: 0 0.9em;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  cursor: default;
}
#ficha > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.2rem 0em 0em 0em;
}
#ficha > header .opciones {
  display: flex;
}
#ficha > header .opciones .opcion {
  margin-left: 0.5em;
  white-space: nowrap;
  color: #555;
  border-radius: 2em;
}
#ficha > header .opciones .opcion:hover {
  background: #EEE;
  cursor: pointer;
}





  .fila.tipos .tipos li.titulo .temp.titulo {
    font-size: 0.85em;
    height: auto;
  }
  #info .fila.tipos .tipos li.titulo .temp.titulo .mdi {
    font-size: 1.6rem;
  }
  .fila.tipos .tipos li.titulo .temp.titulo.inv {
    color: #5967b9;
  }

  .fila.tipos .tipos li.titulo .temp.titulo.ver {
    color: #dfac12;
  }

  #pestana-info {
    overflow-y: auto;
    height: 100%;
    padding: 0em 0.5em 1em 0em;
  }

  .fila.tipos {
    margin: 1em 0;
  }

  .fila.tipos .tipos {
    font-weight: normal;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
  }
  .fila.tipos .tipos li .inv {
  }
  .fila.tipos .tipos li.fres {
  }
  .fila.tipos .tipos li.fres > .nombre {
    min-width: 9.9em;
  }
  .fila.tipos .tipos li.fres .temp {
    border-radius: 1em;
  }
  .fila.tipos .tipos li.fres .temp .estado {
    display: flex;
    width: 2em;
  }
  .fila.tipos .tipos li.fres .temp .estado .icono {
    font-size: 1.4em;
  }
  .fila.tipos .tipos li.titulo .temp {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 1em;
    height: auto;
  }
  .fila.tipos .tipos li.texto {
    font-size: 0.9rem;
    padding: 0em 0.4em 1em;
  }
  .fila.tipos .tipos li.categoria {
    margin-top: 0.3em;
    margin-bottom: 0.2em;
  }
  .fila.tipos .tipos li.titulo {
    background: #FFF;
    display: flex;
      align-items: baseline;
    margin-bottom: 0.3em;
  }
  .fila.tipos .tipos li {
    display: flex;
    align-items: center;
  }
  .fila.tipos .tipos li.titulo .nombre {
    font-size: 1em;
  }
  .fila.tipos .tipos li .nombre {
    font-size: 0.9em;
    font-weight: bold;
    min-width: 5em;
    white-space: nowrap;
    width: 100%;
  }
  .fila.tipos .tipos li .inv {
    margin-right: 0.5em;
  }
  .fila.tipos .tipos li .temp {
    width: 8rem;
    border-radius: 2em;
    background: #EEE;
    font-size: 0.9em;
    font-weight: bold;
    margin-bottom: 0.2em;
    padding: 0.2em 0.7em;
    height: 1.2em;

    display: flex;
    justify-content: center;
  }
  .fila.tipos .tipos li .nombre .mdi {
    font-size: 1.2em;
  }
  .fila.tipos .tipos li .cantidad {
    font-weight: bold;
  }

  #info .pestana > .subtitulo {
    padding-left: 1.8rem;
    margin-bottom: 0.5em;
  }

  #info .pestana > .titulo {
    margin: 0;
    display: flex;
    align-items: center;
  }
  #info .pestana .titulo .mdi {
    font-size: 1.4em;
    margin-right: 0.3rem;
  }
  .right {
    float: right;
    margin-right: 0.5em;
  }
  .titulo + .subtitulo {
    margin-top: -0.3rem;
    margin-bottom: 0.8rem;
    font-size: 0.9em;
  }
  .socieconomica {
    margin: 0;
    padding: 0;
  }
  .socieconomica li {
    font-weight: normal;
    display: flex;
    justify-content: space-between;
    background: #EEE;
    border-radius: 2em;
    margin-bottom: 0.2em;
    padding: 0.1em 0.7em;
  }
  .socieconomica li .nombre {
    font-size: 0.9em;
    font-weight: bold;
  }
  .socieconomica li .cantidad {
    font-weight: bold;
  }

.enlace {
  word-break: break-all;
}


#desiertos li {
  border: 1px solid #EEE;
  border-radius: 0.3em;
  background-color: #F5F5F5;
  margin-bottom: 0.2em;
  display: flex;
  justify-content: space-between;
}
#desiertos li:hover {
  border: 1px solid #CCC;
}
#desiertos li.activo {
  border: 1px solid #90CAF9;
}
#desiertos li .hogares {
  font-size: 0.95em;
}
.info-desierto {
  font-size: 0.9em;
  margin: 0 0.2em 0.7em;
  color: #222;
}
.info-desierto .mdi {
  font-size: 1em;
}


#panel-metodologia h4 {
  margin: 1em 0 1em 0.9em;
  text-indent: -0.8em;
}
#paneles #panel-metodologia p {
  margin: 0 0 0.5em 0;
  padding: 0 0em;
}
#paneles #panel-metodologia .contenido {
  padding-bottom: 2em;
}