/*--- GENERALES ---*/
.box {
  padding: 3rem;
}

.box.gris {
  background-color: #EFEFEF;
}

.banner_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 24.7rem;
  font-size: 4rem;
  background-color: #6E586F;
  position: relative;
  color: #F06278;
  background-image: url(../img/back-general.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  margin-top: 3rem;
  position: relative;
}

.banner_top2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 24.7rem;
  font-size: 4rem;
  background-color: #6E586F;
  position: relative;
  color: #F06278;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  margin-top: 3rem;
  position: relative;
}

.banner_top .img-header {
  display: block;
  width: auto;
  height: 10rem;
  position: relative;
  z-index: 3;
}

.banner_top::before {
  position: absolute;
  display: block;
  content: '';
  width: 40rem;
  height: 40rem;
  background-image: url(../img/back-general-front.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  right: 10rem;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  opacity: .4;
}

.banner_top.ficha {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
}

.banner_top.ficha .img-header {
  margin-left: 3rem;
  margin-bottom: 1rem;
}

.banner_top.ficha p {
  font-size: 1.5rem;
  margin-left: 3rem;
  color: #F06278;
  max-width: 40%;
  font-family: 'nexa-lightuploaded_file';
  text-align: justify;
}

.box_full {
  padding: 0;
}

h3 {
  color: #F06278;
  font-family: 'nexa-bolduploaded_file';
  font-size: 2.5rem;
  border-bottom: solid 2px #EFEFEF;
}

.box h3 {
  color: #F06278;
  font-family: 'nexa-bolduploaded_file';
  font-size: 2.5rem;
  margin: 3rem 0;
  border-bottom: solid 2px #EFEFEF;
}

h4 {
  font-family: 'nexa-bolduploaded_file';
  border-bottom: solid 1px #E8DDE4;
  color: #474D59;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

.subtitulo_h4 {
  margin: 3rem;
}

p {
  color: #474D59;
}

/*---  NAV REDES HEADER  ---*/
nav.redes_header {
  margin-left: auto;
}

nav.redes_header ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: 5rem;
}

nav.redes_header ul li {
  margin-right: .5rem;
}

nav.redes_header ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 5rem;
  height: 5rem;
  color: #ffffff;
  background-color: #876A7C;
  border-radius: 4rem;
}

nav.redes_header ul li a.icon:hover {
  opacity: 1;
}

/*---  HEADER  ---*/
header.template {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header.template .logos {
  font-size: 7rem;
  color: #556679;
  position: relative;
  z-index: 2;
  padding-right: 3rem;
  border-right: solid 1px #556679;
}

header.template .logos_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3rem;
  position: relative;
  z-index: 3;
}

header.template .logos_header .logo_proceso {
  padding-left: 3rem;
  height: 7rem;
  width: auto;
}

.menu {
  display: block;
  width: 100%;
  padding: 0 3rem;
  -webkit-transition: all .2s;
  transition: all .2s;
  width: 100%;
}

.menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.menu ul li {
  width: auto;
}

.menu ul li a {
  display: block;
  padding: 2rem;
  font-family: 'allerbold';
  color: #70757E;
  font-weight: 200;
  font-size: 1.6rem;
}

main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

main .contenedor_box {
  margin: 5rem auto;
}

main .regresar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 3rem 5rem 0 0;
}

main .regresar a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  font-size: 1.3rem;
  background-image: url(../img/regresar.svg);
  background-position: left center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  padding-left: 3rem;
  color: #556679;
}

main .regresar.top {
  margin: 0 5rem 0 0;
}

main .descargar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 3rem 3rem 0 0;
}

main .descargar a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  font-size: 1.3rem;
  background-image: url(../img/descargar-01.svg);
  background-position: left center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  padding-left: 3rem;
  color: #556679;
}

main section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
}

main section h4 {
  font-family: 'poppinsbold';
  color: #A01B6C;
  border-bottom: none;
  font-size: 1.8rem;
}

main section.actor-politico h3 {
  margin: 0 3rem;
}

main section article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 3rem;
  border-radius: 1rem;
  -webkit-box-shadow: 0.8rem 0.8rem 0.8rem rgba(0, 0, 0, 0.1);
          box-shadow: 0.8rem 0.8rem 0.8rem rgba(0, 0, 0, 0.1);
  padding: 2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

main section article.candidatos {
  margin: 3rem 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

main section article.candidatos h3 {
  margin: 0 3rem;
}

main section article.candidatos p {
  margin: 0;
  padding: 0;
  text-align: center;
}

main section article.candidatos p.nombre {
  font-size: 1.4rem;
  margin-bottom: 1.5rem;
  min-height: 3rem;
}

main section article.candidatos p.nombre .apellidos {
  display: block;
}

main section article.candidatos p.tipo-cand {
  display: block;
  font-size: 1.1rem;
  min-height: 8rem;
}

main section article.candidatos p.tipo-cand.vacio {
  display: block;
}

main section article.candidatos p.tipo-cand span {
  display: block;
}

main section article.candidatos ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  justify-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
}

main section article.candidatos ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 1rem;
  background-color: #6E586F;
  padding: 2rem;
  margin: 0 0 3rem 0;
  width: 40rem;
  min-height: 45rem;
  -webkit-box-shadow: 0.8rem 0.8rem 0.8rem rgba(0, 0, 0, 0.1);
          box-shadow: 0.8rem 0.8rem 0.8rem rgba(0, 0, 0, 0.1);
}

main section article.candidatos ul li .foto {
  display: block;
  width: 20rem;
  height: 20rem;
  border-radius: 20rem;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  margin-bottom: 2rem;
}

main section article.candidatos ul li .foto img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 80%;
  height: 100%;
}

main section article.candidatos ul li .partidos {
  margin: 2rem auto 3rem auto;
  width: 16.6rem;
  height: 36rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main section article.candidatos ul li .partidos img {
  display: block;
  margin: 0 auto;
  width: auto;
  height: 15rem;
  padding: .5rem;
  border: solid 1px #556679;
}

main section article.candidatos ul li .partidos a {
  -webkit-transition: all .32s;
  transition: all .32s;
}

main section article.candidatos ul li .partidos a:hover {
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-transform: scale(110%);
          transform: scale(110%);
}

main section article.candidatos ul li .partidos.coalicion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  margin: 2rem auto 3rem auto;
  height: auto;
  width: 9.5rem;
}

main section article.candidatos ul li .partidos.coalicion:hover a img {
  opacity: .3;
}

main section article.candidatos ul li .partidos.coalicion img {
  display: block;
  width: auto;
  height: 8.5rem;
  margin-bottom: .5rem;
}

main section article.candidatos ul li .partidos.coalicion img:nth-child(4) {
  margin-bottom: 0;
}

main section article.candidatos ul li .partidos.coalicion a:nth-child(1):hover img {
  opacity: 1;
}

main section article.candidatos ul li .partidos.coalicion a:nth-child(2):hover img {
  opacity: 1;
}

main section article.candidatos ul li .partidos.coalicion a:nth-child(3):hover img {
  opacity: 1;
}

main section article.candidatos ul li .partidos.coalicion a:nth-child(4):hover img {
  opacity: 1;
}

main section.estadisticas {
  margin: 0 3rem;
}

main section.estadisticas h3 {
  width: 100%;
}

main .ficha {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

main .ficha ul {
  list-style: disc;
  list-style-position: inside;
}

main .ficha footer.template article {
  margin: 0;
  border: none;
  -webkit-box-shadow: inherit;
          box-shadow: inherit;
  padding: 0;
}

main .ficha footer.template p {
  border: none;
  margin: 0;
  padding: 0;
}

main .ficha section {
  margin: 0;
}

main .ficha .candidato {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}

main .ficha .candidato article {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  border-radius: 0;
  margin: 0;
  -ms-flex-wrap: inherit;
      flex-wrap: inherit;
}

main .ficha .candidato article.foto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30%;
  position: relative;
}

main .ficha .candidato article.foto::after {
  display: block;
  content: '';
  width: 100%;
  height: 5rem;
  position: absolute;
  bottom: 0;
  z-index: 1;
  background-color: #F06278;
}

main .ficha .candidato article.foto div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 28rem;
  height: 28rem;
  border-radius: calc(30rem + 4rem);
  position: relative;
  -webkit-box-shadow: 0 3rem 2rem rgba(0, 0, 0, 0.3);
          box-shadow: 0 3rem 2rem rgba(0, 0, 0, 0.3);
  overflow: hidden;
  border: solid 2rem #fff;
  z-index: 2;
}

main .ficha .candidato article.foto div img {
  margin: 0 auto;
  width: auto;
  height: 25rem;
  position: relative;
}

main .ficha .candidato article.foto div::before {
  display: block;
  position: absolute;
  content: '';
  width: 22rem;
  height: 23.5rem;
  bottom: 0;
  border-radius: calc(22rem + 4rem);
  /*background-color: #F06278;*/
  left: 0;
  right: 0;
  margin: auto;
  bottom: -1.5rem;
}

main .ficha .candidato article.nombre-partido {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 68%;
  padding: 0 0 0 2%;
  -webkit-box-pack: top;
      -ms-flex-pack: top;
          justify-content: top;
  line-height: normal;
  position: relative;
  padding-top: 1rem;
  font-family: 'nexaregularuploaded_file';
}

main .ficha .candidato article.nombre-partido::after {
  display: block;
  content: '';
  width: 96%;
  height: 5rem;
  position: absolute;
  bottom: 0;
  z-index: 1;
  border-top: solid 0.35rem #556679;
}

main .ficha .candidato article.nombre-partido p {
  font-size: 3rem;
  margin: 0;
  line-height: normal;
}

main .ficha .candidato article.nombre-partido p span {
  display: block;
  line-height: normal;
  margin: 0;
}

main .ficha .candidato article.nombre-partido .partido {
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 10rem;
}

main .ficha .candidato article.nombre-partido .partido p {
  font-size: 1.4rem;
}

main .ficha .candidato article.nombre-partido .partido img {
  width: auto;
  height: 10rem;
  margin-right: 1rem;
  margin-top: 2rem;
}

main .ficha .candidato article.nombre-partido .partido .coalicion-ficha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 10.5rem;
  height: 10rem;
  margin-right: 1rem;
}

main .ficha .candidato article.nombre-partido .partido .coalicion-ficha img {
  width: auto;
  height: 4.7rem;
  margin-right: .5rem;
}

main .ficha .datos-generales {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  min-height: 50rem;
  background: #F2705A;
  background: -webkit-gradient(linear, left bottom, left top, from(#4f1d76), to(#d60078));
  background: linear-gradient(0deg, #F2705A 0%, #F06278 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4f1d76",endColorstr="#d60078",GradientType=1);
}

main .ficha .datos-generales article {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  margin: 0 2rem;
}

main .ficha .datos-generales article h3 {
  border: none;
  background-color: #E82A85;
  padding: 2rem 3rem;
  border-radius: 3rem;
  -webkit-box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.3);
          box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.3);
  font-size: 1.8rem;
  color: #fff;
  margin-bottom: 2rem;
  letter-spacing: .1rem;
}

main .ficha .datos-generales article h3.sabias span {
  display: block;
  font-size: 1.4rem;
}

main .ficha .datos-generales article p {
  display: block;
  width: 100%;
  color: #fff;
  padding: 0;
  margin: 0;
  margin-bottom: 1.5rem;
}

main .ficha .datos-generales article p strong {
  margin-right: 1rem;
}

main .ficha .datos-generales article p.direccion {
  background-image: url(../img/direccion.svg);
  background-repeat: no-repeat;
  background-position: left .5rem;
  background-size: 1.5rem auto;
  padding-left: 2.5rem;
  line-height: normal;
  margin-bottom: 1.5rem;
}

main .ficha .datos-generales article p.telefono {
  background-image: url(../img/telefono.svg);
  background-repeat: no-repeat;
  background-position: left .5rem;
  background-size: 1.5rem auto;
  padding-left: 2.5rem;
}

main .ficha .datos-generales article p.web {
  background-image: url(../img/web-page.svg);
  background-repeat: no-repeat;
  background-position: left .5rem;
  background-size: 1.5rem auto;
  padding-left: 2.5rem;
}

main .ficha .datos-generales article p.mail {
  background-image: url(../img/mail.svg);
  background-repeat: no-repeat;
  background-position: left .5rem;
  background-size: 1.5rem auto;
  padding-left: 2.5rem;
}

main .ficha .datos-generales article p.redes_candidato a {
  color: #fff;
  margin-right: 1rem;
}

main .ficha .datos-generales article p.redes_candidato a:first-child {
  margin-left: 2rem;
}

main .ficha .datos-generales article.tipo-candidatura p {
  background-image: url(../img/tipo-candidatura.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 2rem auto;
  padding: 0 0 0 3rem;
}

main .ficha .datos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  margin: 0 auto;
  text-align: justify;
}

main .ficha .datos .grado-estudios {
  margin-top: 0;
}

main .ficha .datos .grado-estudios p span {
  color: #F06278;
}

main .ficha .datos article { /*hi*/
  -webkit-box-shadow: inherit;
          box-shadow: inherit;
}

main .ficha .datos h4 {
  border: none;
  display: block;
  width: 100%;
}

main .ficha .datos p {
  margin-left: 2rem;
  border-left: solid 5px #521170;
  padding: 1rem;
}

main .ficha .datos ul {
  margin-left: 2rem;
  border-left: solid 5px #521170;
  padding: 1rem;
}

main .ficha .datos .column-2 {
  padding: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 5rem;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 5rem 0;
}

main .ficha .datos .column-2 h4 {
  display: block;
  width: 100%;
}

main .ficha .datos .column-2 article {
  width: 49%;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .ficha .datos .column-2 article h4 {
  color: #556679;
}

/*---- FOOTER ----*/
footer.template {
  margin-top: 10rem;
}

footer.template a {
  color: #556679;
}

footer.template section {
  background-color: #EFEFEF;
  padding: 3rem;
}

footer.template > section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

footer.template > section > .icon {
  font-size: 8rem;
  margin-bottom: 2rem;
}

footer.template > section .generales_ieem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

footer.template > section .generales_ieem p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.2rem;
  margin-right: 2.5rem;
}

footer.template > section .generales_ieem p .icon {
  font-size: 2rem;
  margin-right: .5rem;
  margin-bottom: 1rem;
}

footer.template > section .generales_ieem p .icon:hover {
  color: #A01B6C;
}

footer.template > section .generales_ieem p.direccion {
  display: block;
  text-align: center;
  width: 100%;
  margin-bottom: 1rem;
}

@media all and (min-width: 300px) and (max-width: 960px) {
  /*---  HEADER  ---*/
  header.template .imagen_principal_header .fondo_header_voto-extranjero {
    opacity: .2;
    background-position: 160% center;
  }
  main section .column-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  main section .column-2 article {
    width: auto;
  }
  main section article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  main section article.actores_poli ul {
    list-style: none;
  }
  main section article ul {
    list-style: disc;
    list-style-position: inside;
  }
  main section article h4 {
    display: block;
    width: 100%;
    font-family: 'poppinsbold';
    color: #A01B6C;
    border-bottom: none;
    font-size: 1.8rem;
  }
  main section article .generales {
    width: 100%;
  }
  main section article.estudios span {
    font-weight: bold;
    margin-right: 1rem;
  }
  main section article .datos-gene {
    width: 100%;
  }
  main section article .datos-gene .datos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 1.4rem;
    margin-bottom: 2rem;
  } /**Hola*/
  main section article .datos-gene .datos p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  main section article .datos-gene .datos span {
    font-weight: bold;
    margin-right: 1rem;
  }
  main section article .datos-gene .datos.full {
    width: 100%;
    margin-bottom: 0;
  }
}

@media all and (min-width: 200px) and (max-width: 1280px) {
  main article.candidatos ul li {
    -webkit-transform: scale(80%);
            transform: scale(80%);
  }
}

@media all and (min-width: 200px) and (max-width: 1000px) {
  main .ficha .candidato article.foto div {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}

@media all and (min-width: 200px) and (max-width: 800px) {
  .banner_top {
    background-color: #F06278;
    background-size: cover;
  }
  .banner_top .img-header {
    display: block;
    width: auto;
    height: 10rem;
    position: relative;
    z-index: 3;
  }
  .banner_top.ficha .img-header {
    margin: 2rem auto 1rem;
    width: 60%;
    position: relative;
    z-index: 3;
  }
  .banner_top .img-header {
    display: block;
    width: auto;
    height: 10rem;
    position: relative;
    z-index: 3;
  }
  .banner_top::before {
    opacity: .4;
    left: 0;
    margin: auto;
    z-index: 2;
    padding: 0;
  }
  /*---  NAV REDES HEADER  ---*/
  nav.redes_header {
    margin-left: auto;
  }
  nav.redes_header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: 0;
    margin-top: 1rem;
  }
  nav.redes_header ul li a {
    width: 4rem;
    height: 4rem;
    color: #fff;
    border-radius: 4rem;
  }
  header.template {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  main .banner_top.ficha {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    justify-items: center;
  }
  main .banner_top.ficha .img-header {
    margin: 2rem auto;
    width: 60%;
  }
  main .banner_top.ficha p {
    font-size: 1.5rem;
    margin: 0 auto;
    color: #F06278;
    max-width: 90%;
    font-family: 'nexa-lightuploaded_file';
  }
  main .ficha footer.template article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  main .ficha .candidato article.foto {
    width: 40%;
  }
  main .ficha .candidato article.nombre-partido {
    width: 60%;
    padding: 0;
    line-height: normal;
    position: relative;
    padding-top: 3rem;
  }
  main .ficha .candidato article.nombre-partido::after {
    width: 100%;
    height: 5rem;
    border-top: none;
    background-color: #d60078;
  }
  main .ficha .candidato article.nombre-partido p {
    font-size: 3rem;
  }
  main .ficha .datos-generales {
    width: 100%;
  }
  main .ficha .datos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 auto;
  }
}

@media all and (min-width: 200px) and (max-width: 600px) {
  .banner_top {
    background-color: #F06278;
  }
  .banner_top.ficha .img-header {
    margin: 2rem auto 1rem;
    width: 60%;
    position: relative;
    z-index: 3;
  }
  .banner_top .img-header {
    display: block;
    width: auto;
    height: 10rem;
    position: relative;
    z-index: 3;
  }
  .banner_top::before {
    opacity: .4;
    left: 0;
    margin: auto;
    z-index: 2;
    padding: 0;
  }
  .banner_top p {
    position: relative;
    z-index: 3;
  }
  .banner_top {
    background-position: center;
  }
  .banner_top .img-header {
    margin: 0 auto;
    width: 90%;
    height: auto;
  }
  header.template .logos {
    font-size: 5rem;
  }
  header.template .logos_header {
    margin: 0 auto 0rem auto;
  }
  header.template .logos_header .logo_proceso {
    height: 5rem;
  }
  label.navy-left-label {
    display: block;
    cursor: pointer;
    position: absolute;
    right: -15px;
    top: 0px;
    width: 40px;
    height: 40px;
    margin: 10px 20px;
    z-index: 26;
  }
  .navy-left-label div {
    width: 30px;
    height: 3px;
    background-color: #A01B6C;
    margin: 5px auto;
  }
  .menu {
    position: absolute;
    z-index: 3;
    padding: 6rem 0 0 0;
    top: -35rem;
    left: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    width: 100%;
    height: 5rem;
    z-index: 40;
    font-size: 1.4rem;
    background-color: #F06278;
  }
  .menu ul {
    background-color: #F06278;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .menu ul li a {
    color: #fff;
  }
  #btn-menu:checked ~ .menu {
    top: 0;
    -webkit-transition: all .1s;
    transition: all .1s;
    z-index: 2;
  }
  main article.candidatos ul li {
    -webkit-transform: scale(100%);
            transform: scale(100%);
  }
  main .ficha footer.template article {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  main .ficha .candidato {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  main .ficha .candidato article.foto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  main .ficha .candidato article.foto::after {
    display: none;
  }
  main .ficha .candidato article.nombre-partido {
    width: 100%;
    padding: 0 3rem;
    margin-bottom: 2rem;
  }
  main .ficha .candidato article.nombre-partido::after {
    display: none;
  }
  main .ficha .datos-generales {
    width: 100%;
  }
  main .ficha .datos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 auto;
  }
  main .ficha .datos article {
    padding: 0;
  }
  main .ficha .datos .column-2 {
    padding: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 4rem;
    margin: 5rem 0;
  }
  main .ficha .datos .column-2 h4 {
    display: block;
    width: 100%;
  }
  main .ficha .datos .column-2 article {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  main .ficha .datos .column-2 article h4 {
    color: #556679;
  }
  main section article.actores_poli ul li {
    width: 100%;
  }
  main section.estadisticas {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  main section.estadisticas .tabs-grafics {
    width: 100%;
  }
  main section.estadisticas .tabs-grafics .flex-tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  main section.estadisticas .tabs-grafics .flex-tabs .contenet-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  main section.estadisticas .tabs-grafics .flex-tabs .panel {
    width: 100%;
  }
}

.tabs-grafics {
  width: 100%;
  min-height: 60rem;
  margin-top: 3rem;
}

.tabs-grafics .state {
  position: absolute;
  left: -10000px;
}

.tabs-grafics .flex-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.tabs-grafics .flex-tabs .tab {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.tabs-grafics .flex-tabs .tab::before {
  font-family: 'icon-interface';
  content: "\e910";
}

.tabs-grafics .flex-tabs .panel {
  background-color: #fff;
  padding: 2rem;
  min-height: 30rem;
  display: none;
  width: 65%;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  position: absolute;
  right: 3rem;
  border: solid 1px #556679;
}

.tabs-grafics .flex-tabs .panel h4 {
  border-bottom: none;
  text-align: center;
  width: 80%;
  display: block;
  margin: 0 auto 3rem auto;
  font-family: 'nexaregularuploaded_file';
  color: #474D59;
  font-size: 1.8rem;
}

.tabs-grafics .flex-tabs .panel .nota {
  font-size: 1.6rem;
  font-style: italic;
  text-align: left;
  text-align: justify;
}

.tabs-grafics .flex-tabs .panel p {
  text-align: center;
}

.tabs-grafics .flex-tabs .panel img {
  display: block;
  width: 100%;
  max-width: 40rem;
  margin: 0 auto;
}

.tabs-grafics .flex-tabs .panel img.medium {
  max-width: 80rem;
}

.tabs-grafics .flex-tabs .panel img.medium2 {
  max-width: 60rem;
}

.tabs-grafics .tab {
  display: inline-block;
  vertical-align: top;
  padding: 1rem;
  vertical-align: top;
  background-color: #eee;
  cursor: hand;
  cursor: pointer;
}

.tabs-grafics .tab:hover {
  background-color: #fff;
}

#tab-1:checked ~ .tabs #tab-1-label,
#tab-2:checked ~ .tabs #tab-2-label,
#tab-3:checked ~ .tabs #tab-3-label,
#tab-4:checked ~ .tabs #tab-4-label,
#tab-5:checked ~ .tabs #tab-5-label,
#tab-6:checked ~ .tabs #tab-6-label,
#tab-7:checked ~ .tabs #tab-7-label,
#tab-8:checked ~ .tabs #tab-8-label,
#tab-9:checked ~ .tabs #tab-9-label,
#tab-10:checked ~ .tabs #tab-10-label,
#tab-11:checked ~ .tabs #tab-11-label,
#tab-12:checked ~ .tabs #tab-12-label,
#tab-13:checked ~ .tabs #tab-13-label {
  background-color: #F58731;
  color: #fff;
  cursor: default;
}

#tab-1:checked ~ .tabs #tab-1-panel,
#tab-2:checked ~ .tabs #tab-2-panel,
#tab-3:checked ~ .tabs #tab-3-panel,
#tab-4:checked ~ .tabs #tab-4-panel,
#tab-5:checked ~ .tabs #tab-5-panel,
#tab-6:checked ~ .tabs #tab-6-panel,
#tab-7:checked ~ .tabs #tab-7-panel,
#tab-8:checked ~ .tabs #tab-8-panel,
#tab-9:checked ~ .tabs #tab-9-panel,
#tab-10:checked ~ .tabs #tab-10-panel,
#tab-11:checked ~ .tabs #tab-11-panel,
#tab-12:checked ~ .tabs #tab-12-panel,
#tab-13:checked ~ .tabs #tab-13-panel {
  display: block;
}

@media (max-width: 600px) {
  .tabs-grafics .flex-tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tabs-grafics .flex-tabs .tab {
    background: #fff;
    border-bottom: 1px solid #ccc;
    width: 100%;
  }
  .tabs-grafics .flex-tabs .tab:last-of-type {
    border-bottom: none;
  }
  .tabs-grafics .flex-tabs .panel {
    background-color: #fff;
    padding: 20px;
    min-height: 300px;
    display: none;
    width: 100%;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    position: relative;
    right: 0;
  }
  .tabs-grafics #tab-1-label {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .tabs-grafics #tab-2-label {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .tabs-grafics #tab-3-label {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .tabs-grafics #tab-4-label {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .tabs-grafics #tab-5-label {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .tabs-grafics #tab-6-label {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .tabs-grafics #tab-7-label {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .tabs-grafics #tab-8-label {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .tabs-grafics #tab-9-label {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .tabs-grafics #tab-10-label {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .tabs-grafics #tab-11-label {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .tabs-grafics #tab-12-label {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .tabs-grafics #tab-13-label {
    -webkit-box-ordinal-group: 26;
        -ms-flex-order: 25;
            order: 25;
  }
  .tabs-grafics #tab-1-panel {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .tabs-grafics #tab-2-panel {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .tabs-grafics #tab-3-panel {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .tabs-grafics #tab-4-panel {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .tabs-grafics #tab-5-panel {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .tabs-grafics #tab-6-panel {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .tabs-grafics #tab-7-panel {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .tabs-grafics #tab-8-panel {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .tabs-grafics #tab-9-panel {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .tabs-grafics #tab-10-panel {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .tabs-grafics #tab-11-panel {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .tabs-grafics #tab-12-panel {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .tabs-grafics #tab-13-panel {
    -webkit-box-ordinal-group: 27;
        -ms-flex-order: 26;
            order: 26;
  }
  #tab-1:checked ~ .tabs #tab-1-label,
  #tab-2:checked ~ .tabs #tab-2-label,
  #tab-3:checked ~ .tabs #tab-3-label,
  #tab-4:checked ~ .tabs #tab-4-label,
  #tab-5:checked ~ .tabs #tab-5-label,
  #tab-6:checked ~ .tabs #tab-6-label,
  #tab-7:checked ~ .tabs #tab-7-label,
  #tab-8:checked ~ .tabs #tab-8-label,
  #tab-9:checked ~ .tabs #tab-9-label,
  #tab-10:checked ~ .tabs #tab-10-label,
  #tab-11:checked ~ .tabs #tab-11-label,
  #tab-12:checked ~ .tabs #tab-12-label,
  #tab-13:checked ~ .tabs #tab-13-label {
    border-bottom: none;
  }
  #tab-1:checked ~ .tabs #tab-1-panel,
  #tab-2:checked ~ .tabs #tab-2-panel,
  #tab-3:checked ~ .tabs #tab-3-panel,
  #tab-4:checked ~ .tabs #tab-4-panel,
  #tab-5:checked ~ .tabs #tab-5-panel,
  #tab-6:checked ~ .tabs #tab-6-panel,
  #tab-7:checked ~ .tabs #tab-7-panel,
  #tab-8:checked ~ .tabs #tab-8-panel,
  #tab-9:checked ~ .tabs #tab-9-panel,
  #tab-10:checked ~ .tabs #tab-10-panel,
  #tab-11:checked ~ .tabs #tab-11-panel,
  #tab-12:checked ~ .tabs #tab-12-panel,
  #tab-13:checked ~ .tabs #tab-13-panel {
    border-bottom: 1px solid #ccc;
  }
}



main .ficha .datos-generales article a.tiktok {
  background-image: url(../imagenes/layout/tiktok.svg);
  background-repeat: no-repeat;
  background-position: left;
  background-size: 1.5rem auto;
  padding-left: 2.5rem;
  color: #FFFFFF;
}
main .ficha .datos-generales article a.link_redsocial {
  background-image: url(../imagenes/layout/link.svg);
  background-repeat: no-repeat;
  background-position: left;
  background-size: 1.5rem auto;
  padding-left: 2.5rem;
  color: #FFFFFF;
}
main .ficha .candidato article a.printer {
  background-image: url(../imagenes/layout/printer.svg);
  background-repeat: no-repeat;
  background-position: left;
  background-size: 1.5rem auto;
  padding-left: 2.5rem;
}
main section article.candidatos2 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  justify-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
}

main section article.candidatos2 ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 1rem;
  background-color: #EFEFEF;
  padding: 2rem;
  margin: 0 0 3rem 0;
  width: 40rem;
  min-height: 45rem;
  -webkit-box-shadow: 0.8rem 0.8rem 0.8rem rgba(0, 0, 0, 0.1);
          box-shadow: 0.8rem 0.8rem 0.8rem rgba(0, 0, 0, 0.1);
}

main section article.candidatos2 ul li .foto {
  display: block;
  width: 20rem;
  height: 20rem;
  border-radius: 20rem;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  margin-bottom: 2rem;
}

main section article.candidatos2 ul li .foto img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 80%;
  height: 100%;
}

main section article.candidatos2 ul li .partidos {
  margin: 2rem auto 3rem auto;
  width: 16.6rem;
  height: 36rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main section article.candidatos2 ul li .partidos img {
  display: block;
  margin: 0 auto;
  width: auto;
  height: 15rem;
  padding: .5rem;
  border: solid 1px #556679;
}

main section article.candidatos2 ul li .partidos a {
  -webkit-transition: all .32s;
  transition: all .32s;
}

main section article.candidatos2 ul li .partidos a:hover {
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-transform: scale(110%);
          transform: scale(110%);
}

main section article.candidatos2 ul li .partidos.coalicion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  margin: 2rem auto 3rem auto;
  height: auto;
  width: 9.5rem;
}

main section article.candidatos2 ul li .partidos.coalicion:hover a img {
  opacity: .3;
}

main section article.candidatos2 ul li .partidos.coalicion img {
  display: block;
  width: auto;
  height: 8.5rem;
  margin-bottom: .5rem;
}

main section article.candidatos2 ul li .partidos.coalicion img:nth-child(4) {
  margin-bottom: 0;
}

main section article.candidatos2 ul li .partidos.coalicion a:nth-child(1):hover img {
  opacity: 1;
}

main section article.candidatos2 ul li .partidos.coalicion a:nth-child(2):hover img {
  opacity: 1;
}

main section article.candidatos2 ul li .partidos.coalicion a:nth-child(3):hover img {
  opacity: 1;
}

main section article.candidatos2 ul li .partidos.coalicion a:nth-child(4):hover img {
  opacity: 1;
}
.imagen-circular {
      width: 80px; /* Ajusta el tamaño de la imagen según tus necesidades */
      height: 80px;
      border-radius: 50%; /* Hace que los bordes de la imagen sean redondeados */
      overflow: hidden; /* Asegura que la imagen se ajuste al área circular */
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .imagen-circular img {
      width: 100%; /* Asegura que la imagen ocupe todo el espacio del contenedor */
      height: auto;
      border-radius: 50%; /* Mantiene los bordes redondeados */
    }

#footer .logo-footer{
  width:237px;
  height:auto;
}
#footer .footer-title-links{
  font-size:17px;
  font-weight:700
}
#footer .ul-class{
  list-style:none;
  padding:0
}#footer .ul-class li{
  line-height:17px
}
  #footer .ul-class li a{
    font-size:13px}
  #footer .copyright{
    display:block;
    width:100%;
    max-width:702px;
    border-top:1px solid #fff;
    padding-top:10px;
    font-size:16px;
    padding-bottom:15px
  }
  .single-article a.regresar{
    display:block;
    color:#0f4c42;
    font-size:14px;
    font-weight:700;
    margin-top:22px}