html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:te,q:before,q:te{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}
body * { box-sizing: border-box; }


div[data-element-name="CivicScience"] {
    display: none !important;
}
  .infografia-container {
    width: 100%;
    max-width: 830px;
    margin: 0 auto;
    font-family: Roboto Slab,serif;
    text-align: left;
    margin-bottom: 20px;
    padding: 0 0px;
}

.respuesta b {
  font-weight: 500 !important;
}
h2 {
  font-size: 30px;
  font-weight: 700;
  margin:10px auto;
  text-align: center;;
  text-transform: capitalize;
}
  .infografia-container p.question {
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    font-family: 'Roboto Slab', serif;
    padding-top: 30px;
    border-top: 1px dotted #cfcfcf;
}

.infografia-container .ver {
  /* background-color: rgba(215, 215, 216, 0.2); */
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top:-10px;
  margin-bottom: 20px;
    /* margin-left: -3vh;
    margin-right: -3vh;
    padding-left: 42px;
    padding-right: 42px; */
}

.infografia-container .verMas {
  text-decoration: none;
  color: #ffffff;
  font-size: 16px;
  background-color: red;
  padding: 2px 8px;
  margin-left: 5px;
  cursor: pointer;
}
.infografia-container a.dotted_link, header a.dotted_link {
  text-decoration: none;
  border-bottom: 1px dotted #000;
  color: #000;
}


  .infografia-container .nover {
    display:none;
  }
  
  .infografia-container div.ver p {
      margin-bottom:0;
  }
  
  .infografia-container .grafico {
    margin: 0 auto;
    margin-bottom: 30px;
  }
  
  .infografia-container h3 {
    text-align: left;
    font-family: Roboto,sans-serif;
    font-size:23px;
    line-height:25px;
    margin-bottom: 10px;
  }
  
  .infografia-container h3.slab {
    font-family: Roboto Slab,serif;
  }
  
  .infografia-container p, .links {
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    font-family: Roboto slab,serif;
    font-weight: 300;
    /* font-style: italic; */
    font-size: 18px;
    /* line-height: 1.5;
    margin-bottom: 35px; */
  }
  

  .respuesta {
    height: 0;
    overflow: hidden;
    transition: height .4s;
  }
  .infografia-container p.intro-grafico {
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    font-weight: 400;
    text-align: left;
    margin-bottom:15px;
    font-family: Roboto,sans-serif;
    font-size:16px;
    line-height:20px;
    color: #585e64;
  }
  
  .infografia-container .infografia-imagen, .infografia-container .infografia-video {
    width:100%;
    max-width:645px;
    margin:0 auto;
    margin-bottom: 20px;
  }
  
  .infografia-container .infografia-imagen img {
    width:100%;
  }
  
  .infografia-container .infografia-video video {
    width:100%;
  }
  
  .infografia-container .pieDeFoto {
    margin-top: 10px;
    display: block;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    line-height: 16px;
    text-align:left;
  }
  
  .infografia-container .pieDeFoto .firma{
    color: #696969;
  }
  
  .infografia-container .infografia-fuente {
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    line-height: 19px;
    color: #85858A;
    margin-top:15px;
    margin-bottom:20px;
  }
  .infografia-container .infografia-fuente::before {
    content: " ";
    width: 80px;
    border-top: 1px solid #85858A;
    display: block;
    margin-bottom: 8px;
  }
  
  .infografia-container .infografia-fuente a:link, .infografia-container .infografia-fuente a:visited {
    color: #85858A;
    text-decoration: none;
  }
  
  .infografia-container .resaltado {
    padding: 1px 6px;
    color: #fff;
    background-color: red;
    font-weight: 500;
    line-height: 29px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

  .infografia-container img {
    width: 29px;
    vertical-align: middle;
    margin-right: 10px;
}
  
  .infografia-container img.icono {
    width: 32px;
  }
  
  .tema_view {
    text-align: center;
    padding: 10px;
    border-top: 1px solid #c3c3c3;
   
    max-width: 600px;
    margin: 0 auto;
  }

  .tema_view img {
    padding: 10px 0 0 0;
    margin-right: 0;
  }
  /*ESTILOS para la imagen sobre el titular*/
  
  .custom-header-image{
    text-align: center;
    width: 100%;
    max-width: 200px;
    margin: 0 auto 20px;
    text-align:center;
    text-align: center;
  }
  
  .custom-header-image img{
    text-align: center;
    width: 100%;
  }
  
  /*ESTILOS para gráficos de Illustrator en ARTÍCULOS*/
  
  .uvn-noticias-styles {
      font-family:Roboto, sans-serif;
  }
  
  .uvn-noticias-styles .uvn-graficos-top-line{
      display: block;
      height: 2px;
      background-color: #2358bf;
      width: 80px;
      margin-bottom: 10px;
  }
  
  .uvn-noticias-styles .uvn-graficos-bottom-line{
      display: block;
      height: 1px;
      background-color: #2358bf;
      width: 80px;
  }
  
  .uvn-noticias-styles  .uvn-graficos-title{
      text-align: left;
      font-size: 22px;
      color: #000;
      margin-bottom: 15px;
      font-weight: bold;
  }
  
  .uvn-noticias-styles .uvn-graficos-description{
      text-align: left;
      font-size: 16px;
      color: #585e64;
      margin-bottom: 20px;
  }
              
  .uvn-noticias-styles .uvn-graficos-source{
      text-align: left;
      font-size: 13px;
      color: #6f7073;
      margin-bottom: 10px;
  }
  
  .uvn-noticias-styles  .uvn-graficos-source span.source-name a{
      color: #2358bf;
      text-decoration: none;
  }

 
.univision_header {
    text-align: center;
    border-bottom: 1px solid #ececec;
    height: 56px;
    margin-bottom: 20px;
}

.univision_header img {
    max-width: 207px;
    height: auto;
    padding-top: 14px;
}

.article {
  margin-top: 20px;
}
.full_article {
    width: 100%;
    max-width: 833px;
    margin: auto;
    padding: 0 20px;
    font-family: Roboto Slab, sans-serif;
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 400;
}

.full_column {
    min-height: 1px;
    position: relative;
    width: 100%;
}

.full_column a.pre_section {
    font: bold 14px 'Roboto', sans-serif;
}

header {
    margin-top: 10px;
}



h1 {
    font-size: 1.75rem;
    line-height: 2rem;
    font-family: Roboto, sans-serif;
    margin-bottom: .5rem;
    margin-top: 0;
    font-weight: bold;
}

header .entradilla {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-family: Roboto, sans-serif;
}

a {
    color: #2358bf;
    background-color: #0000;
    text-decoration: none;
}

.header .metadata {
    margin: 1rem 0;
    width: 100%;
    font-family: Roboto, sans-serif;
}


.header .columnas {
     display: flex;
     justify-content: space-between;
}

.header .metadata .autores {
    font-size: .875rem;
    line-height: 1.0625rem;
    text-align: left;
    display: inline-block;
}


.header .metadata .timestamp {
    color: #a2a2a2;
    font-size: .6875rem;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    margin-top: 8px;
}

.header .metadata .autores .nombres {
    text-transform: uppercase;
    font-family: Roboto, sans-serif;
    display: inline;
    color: #000;
    font-weight: 700;
    padding-left: 4px;
}

.header .metadata .autores .nombres a {
    color: #000;
}

.preg {
  padding: 10px 0;
}

.preg_comp {
  max-width: 600px;
  margin: 0 auto;
}

.preg_comp a {
  vertical-align: middle;
}
.header .comparte {
  display: inline-block;
  /* align-items: end; */
  margin-top: 4px;
  /* text-align: right; */
  padding-left: 0;
}

.palabra {color: #808080;font-size: .6875rem;line-height: .8125rem;text-transform: uppercase;padding-right: 8px;padding-top: 15px;font-family: 'Roboto',sans-serif;}

.iconos_compartir {
    min-width: 230px;
}

.iconos_compartir.preg_comp {
  text-align: right;
}
.iconos_compartir a {
    width: 40px;
    height: 40px;
    text-indent: 300px;
    overflow: hidden;
    display: inline-block;
    background: #333;
    border-radius: 40px;
    white-space: nowrap;
    margin: 0 7px;
}

.iconos_compartir.preg_comp a {
  width: 25px;
  height: 25px;
  margin: 0;
}
.iconos_compartir .compartir_facebook {
    background: #3b5998 url(assets/fb.svg) no-repeat center center / 14px auto;
}

.iconos_compartir .compartir_twitter {
    background: #209fef url(assets/twitter.svg) no-repeat center center / 14px auto;
}

.iconos_compartir .compartir_whatsapp {
    background: #25d366 url(assets/whatsapp.svg) no-repeat center center / 14px auto;
}

.iconos_compartir .compartir_email {
    background: #a2a2a2 url(assets/email.svg) no-repeat center center / 14px auto;
}

footer {
    border-top: 2px solid rgb(35, 88, 191);
    ;
    padding: 40px 0;
    margin-top: 50px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-align: left;
    position: relative;
}

footer .logo {
    position: absolute;
    left: 50%;
    top: 40px;
    transform: translateX(-100%);
    width: 140px;
}

footer .logo img {
    width: 120px;
    height: auto;
}

footer ul,
footer h6 {
    margin: 0 auto;
    padding-left: 50%;
}

footer .copyright {
    padding-top: 20px;
    text-align: center;
}

footer h6 {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 13px;
    margin-top: 1px;
}

footer ul {
    margin: 10px auto;
}

footer ul li {
    margin-bottom: 6px;
}

footer ul li a {
    color: #333;
}

footer .copyright {
    color: #999;
    font-size: 12px;

}

@media screen and (min-width: 780px) {
    h1 {
        font-size: 2.375rem;
        line-height: 2.75rem;
    }


.header .comparte {
  padding-left: 50%;
}
}

@media screen and (min-width: 480px) {
    .logos {
        display: flex;
    }

    .movillogo {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    header {
        text-align: left;
    }

    .header .metadata {
        display: block;
    }
    .header .columnas {
        display: block;
        margin-bottom: 16px;
    }
}


.container_metodologia {
    max-width: 840px;
    margin: 0 auto;
}
.container_metodologia p {

    margin: 20px 16px 0 16px;
    padding: 26px 0 0 0;
    font: normal 14px/1.4 'Roboto', sans-serif;
    color: #85858A;
    position: relative;

}

ul {
  margin: 0 auto;
    width: 100%;
    max-width: 600px;
    font-weight: 300;
    padding-left: 20px;
}

li {
  list-style-type: disc;
}
.container_metodologia p:after {
    content: '';
    width: 200px;
    position: absolute;
    top: 0px;
    left: 0;
    border-top: 1px solid #85858A;
}
 
  @media (min-width:500px) {
  
    .infografia-container h3 {
      text-align: center;
    }
    .infografia-container p.intro-grafico {
      text-align: center;
    }
      .uvn-noticias-styles .uvn-graficos-top-line{
          margin: 0 auto;
          margin-bottom: 10px;
      }
      .uvn-noticias-styles .uvn-graficos-bottom-line{
          margin: 0 auto;
          margin-bottom: 20px;
      }
      .uvn-noticias-styles  .uvn-graficos-title{
      text-align: center;
      margin-bottom:15px;
      }
      .uvn-noticias-styles .uvn-graficos-description{
          text-align: center;
      }			
      .uvn-noticias-styles .uvn-graficos-source{
          text-align: center;
      }
  }
  
  @media screen and (min-width:780px) {
    .custom-header-image{
      max-width:440px;
    }

    .infografia-container .ver {
        margin-bottom: 30px;
    }

    .infografia-container {
      padding: 0;
    }
    
    .infografia-container div#ver-mas a.mas {
      text-decoration: none;
      color: #ffffff;
      font-size: 16px;
      background-color: orange;
      padding: 5px 12px;
      vertical-align: middle;
      margin-left: 10px;
  }

  .infografia-container p {
    margin-bottom: 20px;
  }
  
  
  .infografia-container p.question {
    font-size: 18px;
    line-height: 27px;
    font-family: 'Roboto Slab', serif;
}

.infografia-container .ver {
  display:block;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top:-10px;
  margin-left: -90vh;
  margin-right: -90vh;
  padding-left: 42px;
  padding-right: 42px;
}





}