body {
      margin: 0;
      padding: 0;
    }

    .infografia_container {
      max-width: 833px;
      margin: 0 auto;
    }

    .ev {
      width:100%;text-align: center;margin-bottom:-8px;
    }
    .envivo {
      display: inline-flex;
      padding: 6px 12px;
      justify-content: center;
      align-items: center;
      gap: 4px;
      margin: 24px auto 0;
      color: #fff;
      border-radius: 4px;
      margin-bottom: -16px;
      background: var(--labels-breaking-live, linear-gradient(229deg, #BC0D0D 10.1%, #F31C1C 96.26%));
      color: var(--colors-palette-grayscale-100, #FFF);
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
/* Overlines, Buttons, Links & Nav Roboto Cond/10px Bold */
font-family: Roboto Condensed;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 12px; /* 120% */
letter-spacing: 0.75px;
text-transform: uppercase;
    }
    .nota {
      max-width: 622px;
      margin: 0 auto;
      margin-bottom: 20px;
    }

    .initial {
      margin-top: 40px;
      margin-bottom: 5px;
    }

    .description {
      padding: 0 15px;
      font-size: 14px;
      line-height: 21px;
      color: #808080;
      margin-bottom: 32px;
    }

    p {
      font-family: 'Roboto', sans-serif;
      font-size: 18px;
      line-height: 26px;
    }

    p.nota img {
      width: 23px;
      vertical-align: text-bottom;
    }

    div.live {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 14px;
    }

    div.live img {
      width: 17px;
      vertical-align: bottom;
    }

    div.live span {
      padding-left: 5px;
    }

    div.primary_polls {
    max-width: 1048px;
    margin: -5px auto 0 auto;
    padding: 0 15px;
}
    a.plain_link {
      text-decoration: none;
      color: #2358be;
      font-weight: 400;
    }

    .grey_title {
      font-family: 'Roboto', sans-serif;
      font-size: 12px;
      text-transform: uppercase;
      color: #85858a;
      margin-top: 25px;
      margin-bottom: 10px;
    }

    .graphic_source1 {
      font-family: 'Roboto', serif;
      font-size: 14px;
      line-height: 21px;
      color: #808080;
      margin-top: 8px;
      margin-bottom: 32px;
      padding: 0 15px;
    }

    .graphic_source2 {
      font-family: 'Roboto', serif;
      font-size: 14px;
      line-height: 21px;
      color: #808080;
      margin-top: 24px;
      margin-bottom: 32px;
    }

    a {
      text-decoration: none;
      color: #2358BF;
      border-bottom: none;
      font-weight: 600;
    }

    .comp_name a {
      text-decoration: none;
      color: #2358BF;
      border-bottom: none;
      font-weight: 600;
    }

    h2 {
      max-width: 622px;
      margin: 48px auto 24px auto;
      font-family: 'Montserrat', sans-serif;
      font-size: 22px;
      line-height: 26px;
      font-weight: 600;
      padding: 0 15px;
    }

    .infografia_container {
      font-family: Roboto, serif;
      padding: 0 20px;
    }

    .primary_table {
      margin: 40px auto 0 auto;
      margin-bottom: 70px;
      border-spacing: 0;
      max-width: 833px;
    }

      /* TOP THREE */
      .topthree {
        max-width: 622px;
        margin: 40px auto;
        padding: 0 15px;
      }
      .topthree .blurb {
        margin: 24px auto 16px auto;
        font-family: 'Roboto Slab', sans serif;
        font-size:18px;
        line-height: 26px;
      }

      .blurb {
        max-width: 352px;
        text-align: center;
      }

      .candids {
      text-align: center;
      }
  
      .firstcand {
        max-width: 80px;
        vertical-align: top;
        font-family: 'Roboto', sans-serif;
        text-align: center;
        display: inline-block;
      }
  
      .topthree .perc {
        width: 75px;
        height: 75px;
        border-radius: 15px;
        font-size: 22px;
        line-height: 75px;
        color: #fff;
        margin: 0 auto;
        font-family: 'Montserrat', serif;
        font-weight: 600;
      }
  
      .topthree .foto {
        max-width: 100px;
      }
  
      .topthree .nombre {
        max-width: 75px;
        font-weight: 400;
        margin: 10px auto;
        font-size:16px;
        line-height: 22px;
      }

      .topthree .foto img {
        width: 100%;
      }
      .topthree .perc.primero {
        background: #d43d51;
      }
      .topthree .perc.segundo {
        background: #ef8e90;
      }
      .topthree .perc.tercero {
        background: #ffd6d5;
        color: #000;
      }

       /*TABLA ENCUESTAS*/

    .legend {
      width: 100%;
      padding-right: 20px;
      max-width: 190px;
    }
    .metodologia {
      max-width: 622px;
      color: #808080;
      font-family: 'Roboto',serif;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px;
      text-align: center;
    }

    .first_row, .last_row {
      display: flex;
    }

    .new_poll {
      display: flex;
      border-bottom: 1px solid #D2D2DF;
      margin-bottom: 10px;
      padding-bottom: 7px;
    }
    .cand_bola {
      width: 50px;
      height: 70px;
      margin: 0 4px;
      position: relative;
    }

    .cands_bolas {
      opacity: 1;
      transition: opacity .8s;
    }

    .cands_bolas.inactive {
      opacity: 0;
    }
    .candidato {
      width: 105px;
    }

    .candidato .bola {
      width: 48px;
      display: inline-block;
    }

    .candidato .nombre {
      display: inline-block;
      transform: translate(0, -20px)rotate(-45deg);
      width: 55px;
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 12px;
    }

    .candidato .bola img {
      width: 48px;
      display: inline-block;
    }

    .cand_bola:after {
      content: '';
      height: 45px;
      border-right: 1px dotted #000;
      ;
      position: absolute;
      top: 30px;
      right: 24px;
      z-index: -1;
    }

    .cand_bola_imagen {
      width: 48px;
    }

    .leg_lab {
      font-family: 'Roboto', sans-serif;
      text-transform: uppercase;
      font-size: 13px;
      margin-bottom: 5px;
      color: #62626A;
    }

    .leg {
      display: inline-block;
      text-align: center;
      font-family: 'Roboto Slab', serif;
      font-weight: 300;
      font-size: 16px;
      padding: 5px 7px;
      margin: .1em;
      border-radius: 5px;
      color: #000;
    }

    .leg_1 {
      color: #fff;
      background: #d43d51;
      ;
    }

    .leg_2 {
      color: #fff;
      background: #ef8e90;
    }

    .leg_3 {
      background: #ffd6d5;
    }

    .percent {
      text-align: center;
      background: #F2F2F4;
      font-family: 'Roboto Slab', serif;
      width: 50px;
      height: 50px;
      margin: 0 4px;
      border-radius: 15px;
      border-left: 1px solid #fff;
      border-bottom: 1px solid #fff;
      color: #000;
      font-size: 17px;
      font-style: normal;
      font-weight: 400;
      line-height: 26px; /* 152.941% */
      display: flex;
      justify-content: center;
      /* align-self: center;    <---- REMOVE */
      align-items: center;  
    }

    /*ARTICULOS RELACIONADOS*/
    .relacionado {
      max-width: 833px;
      margin: 48px auto;
      padding: 0 15px;
    }

    .relacionado .rel_tit_image {
      display: flex;
      flex-wrap: wrap;
      padding-bottom: 28px;
      border-bottom: 1px solid #d2d2d2;
    }
    .relacionado .rel_tit {
      text-transform: uppercase;
      margin: 10px 0;
      padding: 0 0 10px;
      font-family: 'Roboto', 'sans-serif';
      font-size: .875rem;
      line-height: 1.3125rem;
    }

    .relacionado .rel_titulo {
      width: 100%;
      font-size: 1.25rem;
      line-height: 1.5rem;
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 2;
      -webkit-order: 2;
      order: 2;
    }
    .relacionado .rel_tit:after {
      content: '';
      width: 30px;
      padding-top: 10px;
      display: block;
      border-bottom: 1px solid #000;
    }

    .relacionado .rel_link {
      color: #000;
      display: flex;
    }

    .relacionado .rel_image {
      max-width: 100%;
      width: 100%;
      display: flex;
      padding-bottom: 10px;
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
      -webkit-order: 1;
      order: 1;

    }

    .relacionado .rel_image img {
      width: 100%;
    }

    .company, .first_last_td {
      font-size: 14px;
      padding-right: 20px;
      width: 190px;
      font-family: 'Roboto', sans-serif;
    }

    .comp_name {
      font-weight: 700;
      line-height: 25px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-family: 'Roboto', sans-serif;
    }

    div.drops span {
      vertical-align: top;
      padding-right: 5px;
    }

    div.d_fechs {
      vertical-align: top;
    }

    span.comp_nom {
    display: inline-block;
    white-space: nowrap;
    max-width: 145px;
    overflow: hidden;
    text-overflow: ellipsis;
    }

    .fechs,
    .comp_nom {
      pointer-events: none;
    }

    .geo {
      padding-right: 4px;
    }

    .geo,
    .fechs,
    .d_fechs {
      display: inline-block;
      font-weight: 300;
    }

    .name_td {
      transform: translate(3px, 9px)rotate(45deg);
      font-weight: 700;
      font-family: 'Roboto', sans-serif;
      max-width: 50px;
      width: 50px;
      height: 50px;
      color: #888894;
      margin: 0 4px;
      font-size: 15px;
    }

    .drop_down {
      width: 350px;
      height: 40px;
      overflow: hidden;
      position: relative;
    }

    .options {
      position: absolute;
      top: 0;
      left: 0;
    }

    .drops {
      height: 40px;
      width: 120%;
    margin-left: -2px;
    background:#fff;
    color: #A1A1A6;
font-family: Roboto Condensed;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.4px;
    }

    /* DROP DOWN */

    .drop_down,
    .fec_drop_down {
      position: absolute;
      border: 1px solid #62626A;
      border-radius: 10px;
      min-width: 320px;
      top:0;
      height: 40px;
      background: #F2F2F4;
      overflow: hidden;
    }

    .options,
    .fec_options {
      position: absolute;
      top: 40px;
    }

    .drops,
    .boton,
    .fec_drops,
    .fec_boton {
      height: 25px;
      cursor: pointer;
      text-align: left;
      padding-top: 13px;
      padding-bottom:2px;
      padding-bottom: 7px;
      box-sizing: content-box;
      min-width: 300px;
      padding-left: 18px;
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 14px;
      margin-bottom: 3px;
      border-bottom: 1px solid #81A4BC;
    }

    .boton {
      padding-top: 10px;
      padding-left: 16px;
      color: var(--colors-palette-grayscale-900, #000);
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      box-sizing: content-box;
      line-height: normal;
      letter-spacing: 1.6px;
    }
    .fec_drops span {
      text-transform: capitalize;
    }

    .comp_nom {
      font-weight: 700;
    }

    .arrow,
    .fec_arrow {
      content: '';
      position: absolute;
      right: 15px;
      top: 10px;
      width: 0;
      height: 0;
      border: solid black;
      border-width: 0 1px 1px 0;
      display: inline-block;
      padding: 6px;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transition: transform .3s;
    }

    .dd,
    .fec_dd {
      position: relative;
      margin-top: 20px;
      padding-bottom: 25px;
      padding: 0 15px;
    }

    /* FIN DE DROP DOWN */


    /* POLL TABLE */

    .poll_table {
      height: 0;
      margin: 0 auto;
      overflow: hidden;
      transition: height .5s;
      margin-top: 130px;
      padding:0 15px;
    }

    .left_table,
    .right_table {
      display: inline-block;
      vertical-align: top;
      width: 290px;
      vertical-align: top;
      width: 290px;

    }

    .left_table {
      padding-right: 30px;
    }

    .table_res {
      border-top: 1px solid #D2D2DF;
      width: 250px;
      margin: 0 10px;
      display: flex;
    }

    .poll_table .t_perc {
      font-family: 'Roboto Slab', serif;
      width: 49px;
      height: 49px;
      margin: 0 4px;
      border-radius: 15px;
      border-left: 1px solid #fff;
      border-bottom: 1px solid #fff;
      color: #000;
      font-size: 17px;
      font-style: normal;
      font-weight: 400;
      line-height: 26px;
      display: flex;
      background: #F2F2F4;
      justify-content: center;
      align-items: center;
      margin-top: 5px;
    }

    .poll_table .t_name {
      width: calc(100% - 65px);
      max-width: 100%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      display: inline-block;
      /* padding-bottom: 10px; */
      font-family: 'Roboto', sans-serif;
      font-size: 14px;
      padding-top: 7px;
      font-weight: 700;
      padding-top: 23px;
      box-sizing: content-box;
      padding-bottom: 2px;
      height: 33px;
    }

    .muestra {
      font-size: 14px;
      font-family: Roboto,sans-serif;
      padding-top: 10px;
    }
    /* SCATTER PLOT */

    .xaxis {
      color: #62626A;
      display: flex;
      font-size: 14px;
      max-width:622px;
    }

    .xaxis .vacio {
      width: 180px;
    }

    .xaxis .lleno {
      width: calc(100% - 180px);
    }
    .numeros {
      display: flex;
      text-align: center;
      position: relative;
    }

    .numeros .num::after {
      content:'';
      position: absolute;
      left: 50%;
      bottom: -10px;  
      border-left: 1px solid #62626A;
      height: 10px;
    }

    .xaxis .anot {
      margin-left: 32px;
      margin-bottom:8px;
    }
    .numeros .num {
      width: 20%;
      position: relative;
    }
    .fec, .endorsements {
      padding: 0 15px;
      width: 100%;
      max-width: 622px;
      position: relative;
      margin: 0 auto;
      margin-bottom: 50px;
      margin-top: 20px;
    }

    .fec_cand {
      display: flex;
      margin: 15px 0;
    }

    .fec_bubble {
      width: 40px;
      display: flex;
      align-content: center;
      flex-wrap: wrap;
      justify-content: center;
    }

    .fec_bubble img {
      width: 100%;
    }

    .fec_linea {
      width: calc(100% - 245px);
      position: relative;
      display: flex;
      align-content: center;
      flex-wrap: wrap;
      margin-left: 30px;
      margin-top: 20px;
      border-top: 1px solid #D2D2DF;
      justify-content: center;
    }

    .fec_name {
      width: 140px;
      display: flex;
      font-weight: 700;
      padding-left: 5px;
      align-content: center;
      flex-wrap: wrap;
      font-size: 16px;
      text-align: left;
    }
    .fec_value {
      position: absolute;
      left: 0;
      top: -22px;
      width: 44px;
      height: 44px;
      background: #d43d51;
      border-radius: 15px;
      color: #fff;
      margin-left: -30px;
      text-align: center;
      justify-content: center;
      align-content: center;
      display: flex;
      flex-wrap: wrap;
      font-family: 'Roboto Slab', serif;
    }
    div.cand_name {
      font-family: 'Roboto', sans-serif;
      font-size: 14px;
      text-transform: lowercase;
      text-transform: capitalize;
      font-weight: 600;
      margin-bottom: 15px;
    }

    div.rec,
    div.sd {
      font-family: 'Roboto', sans-serif;
      font-size: 12px;
      color: #85858a;
    }

    div.rec {
      border-bottom: 1px solid #85858a;
      padding-bottom: 7px;
    }

    div.sd {
      padding-top: 7px;
    }

    div.rec span,
    div.sd span {
      font-size: 14px;
      font-weight: 600;
      color: #000;
    }

    .xLabel,
    .yLabel {
      position: absolute;
      font-size: 14px;
      line-height: 18px;
      font-family: 'Roboto', sans-serif;
    }

    .xLabel {
      bottom: -13px;
      max-width: 450px;
      left: 90px;
    }

    .xLabel span {
      font-weight: 700;
    }

    .yLabel {
      text-align: right;
      max-width: 68px;
      top: 32px;

    }

    .yLabel img {
      width: 7px;
    }

    .xLabel img {
      height: 7px;
    }

    .yLabel span {
      font-weight: 700;
    }


    .leyenda {
      max-width: 670px;
      margin: 0 auto;
      padding: 5px 0 40px 0;
    }

    /* ENDORSEMENTS */
    /* .endorsements {
      width: 100%;
      max-width: 700px;
      margin: 0 auto;
      position: relative;
    } */

    .e_noms {
      font-weight: 700;
      font-size: 15px;
    }

    .e_bolas {
      width: 40px;
    }

    .e_vals {
      font-size: 15px;
      font-family: 'Roboto Slab', serif;
      font-weight: 300;
    }

    .tick text {
      font-size: 13px;
      fill: #85858A;
    }

    .e_squares {
      stroke: #fff;
      stroke-width: 1px;
    }

    .container_metodologia {
      padding: 0 15px;
      /* padding: 6px 0px 6px 0px; */
      font-family: 'Roboto', serif;
      color: #808080;
      position: relative;
      max-width: 622px;
      margin: 24px auto 40px auto;
      font-size: 14px;
      line-height: 21px;
    }

    .container_metodologia:after {
      content: '';
      position: absolute;
      top: -14px;
      padding: 0 15px;
      width: 90%;
      left: 14px;
      border-top: 1px solid #85858A;
    }


    .source_block {
      margin-bottom: 24px;
    }

    .puntos {
      position: absolute;
      top: -18px;
      font-size: 13px;
      max-width: 700;
      font-family: 'Roboto', sans-serif;
      left: 17px;
      color: #85858A;
    }

  .desk {
    visibility: visible;
  }

  .share .email a {
    background-image: url(../assets/email.png);

}

.share .twitter a {
    background-image: url(../assets/twitter.png);
}

.share .facebook a {
    background-image: url(../assets/facebook.png);
}


.footer .share .instagram a {
  background-image: url(../assets/instagram_footer.png);
}

.footer .share .twitter a {
  background-image: url(../assets/twitter_footer.png);
}

.footer .share .facebook a {
  background-image: url(../assets/facebook_footer.png);
}

    @media screen and (max-width: 720px) {

      .desk {
        visibility: hidden;
      }
      div.live {
        margin-left: 0;
      }

      div.live img {
        width: 18px;
      }

      div.primary_polls {
        margin-top: 15px;
    }

    .candidato .nombre {
      transform: none;
      vertical-align: top;
      padding-top: 15px;
    }
    
    .legend {
      width: 125px;
    }
      .candidato .bola {
        padding-left: 20px;
      }

      .dd {
        margin-top: 25px;
      }

      .percent {
        width: 50px;
        padding: 1px 1px;
      }

      .drop_down {
        width: 320px;
      }

      .company, .first_last_td {
        width: 125px;
        vertical-align: top;
      }

      .geo,
      .fechs {
        font-size: 12px;
        display: block;
      }

      .d_fechs {
        font-size: 12px;
        display: inline-block;
      }

      .comp_name {
        font-size: 12px;
        line-height: 15px;
        overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
        max-width: 75px;
      }

      .left_table,
      .right_table {
        width: 145px;
      }

      .left_table {
        padding-right: 15px;
      }


    .xaxis .anot {
      margin-left: 5px;
    }
      /* SCATTER PLOT */
      .yLabel {
        max-width: 140px;
        text-align: left;
        top: 10px;
        left: 10px;
      }

      .yLabel img {
        display: none;
      }

      .xLabel {
        max-width: 290px;
        left: 25px;
      }

      .xLabel img {
        display: none;
      }


      .puntos {
        left: 152px;
        top: -26px;
      }

      .e_noms {

        font-size: 13px;
      }

      .drops,
      .boton,
      .fec_drops,
      .fec_boton {
        font-size: 14px;
      }



    .fec_linea {
      margin-left: 5px;
      width: calc(100% - 200px);
    }

    .fec_value {
      margin-left: -15px;
      width: 40px;
      height: 40px;
      font-size: 16px;
    }

    }

    @media screen and (max-width: 380px) {

      .poll_table {
        padding: 0 15px;
      }

      .candidato .nombre {
        width: 45px;
      }

      .left_table,
      .right_table {
        width: 145px;
      }

      .primary_table {
        margin: initial;
        margin-bottom: 40px;
      }

      .percent {
        width: 50px;
        height: 50px;
      }

      .candidato {
        width: 175px;
      }

      .candidato .nombre {
        font-size: 13px;
      }

      .company {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
      }

    }

    @media screen and (max-width: 326px) {

      .fec_button {
        padding: 12px 10px;
        font-size: 13px;
    }

    .candidato .nombre {
      transform: none;
    }
  

    .candidato .bola {
        padding-left: 5px;
      }

      .drop_down {
        width: 300px;
      }

      .drop_down, .fec_drop_down {
        min-width: 300px;
      }
      
      .left_table,
      .right_table {
        width: 130px;
      }

      .left_table {
        padding-right: 5px;
      }
    }

    @media screen and (max-width: 320px) {
      .candidato {
        width: 160px;
      }

  
      .percent {
        width: 57px;
      }
    }

    @media screen and (max-width: 300px) {


      span.comp_nom {
        max-width: 115px;
      }

    .candidato .nombre {
      transform: none;
    }

      .drop_down {
        width: 270px;
      }

      .left_table,
      .right_table {
        width: 120px;
      }

      .drop_down, .fec_drop_down {
        min-width: 270px;
      }
      
    }

    @media screen and (min-width: 720px) {
      h2 {
        padding: 0;
      }

      .relacionado {
        padding: 0 15px;
      }
      .relacionado .rel_tit_image {
        display: flex;
      }

      .relacionado .rel_titulo {
        width: calc(100% - 200px);
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
      }
  
      .relacionado .rel_image {
        max-width: 200px;
        width: 100%;
        display: flex;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
      }
  


      .blurb {
        max-width: 450px;
      }

      .topthree, .dd,
      .fec_dd  {
        padding: 0;
      }
      .container_metodologia {
        padding: 0;
      }
    .description {
      padding: 0;
    }
      .fec, .endorsements {
        padding: 0;
      }
      .graphic_source1 {
        padding: 0;
      }
      div.primary_polls {
        padding: 0;
      }

      .poll_table {
        margin-top: 140px;
      }

      .left_table,
    .right_table {
      display: inline-block;
      vertical-align: top;
      width: 290px;
      vertical-align: top;
      width: 290px;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      max-height: 480px;
    }

    .container_metodologia:after {
      width: 100%;
      left: 0;
    }

    /*ESTO ES UNA PRUEBA OCT 24 2023: 2:50pm */
    }