.color-signo{
 color:#b1b1b1
}
.calculo-participacion{
 max-width:900px;
 margin:0 auto
}
.card-img-top.variacion{
 width:225px!important;
 margin-top:15%
}
.card.variacion{
 display:inline-block
}
.hr-enlace{
 border:1px dashed;
 width:150%;
 margin-left:-77px;
 top:35px;
 margin-top:43px;
 -webkit-transform:translate(-31px,27px);
 transform:translate(-31px,27px);
 position:absolute;
 z-index:-15
}
.votaron{
 width:110px;
 left:0;
 border:1.5px dashed #6b6b6b;
 -webkit-transform:translate(20px,-146px) rotate(90deg)!important;
 transform:translate(20px,-146px) rotate(90deg)!important
}
.esperadas{
 width:367px;
 left:0;
 border:1.5px dashed #6b6b6b;
 -webkit-transform:translate(43px,-168px) rotate(154deg)!important;
 transform:translate(43px,-168px) rotate(154deg)!important
}
.niveles-line,
.niveles-line-2{
 border:.5px solid #ccc
}
.niveles-line{
 transform:translate(134px,-156px) rotate(90deg)!important;
 -webkit-transform:translate(134px,-156px) rotate(90deg)!important;
 width:150px
}
.niveles-line-2{
 -webkit-transform:translate(134px,-109px) rotate(90deg)!important;
 transform:translate(134px,-109px) rotate(90deg)!important;
 width:150px
}
.line-vertical-espacio-si{
 padding-bottom:44.8px;
 border:none
}
.line-vertical-espacio-no{
 padding-bottom:98.8px;
 border:none
}
.dropdown-divider.line-vertical-si{
 height:40px;
 overflow:hidden;
 background:#333;
 width:1px;
 content:"";
 display:block;
 position:absolute;
 bottom:0;
 right:89%;
 min-height:30px;
 z-index:-15
}
.dropdown-divider.line-vertical-no{
 height:93px;
 overflow:hidden;
 background:#d4007e;
 width:1px;
 content:"";
 display:block;
 position:absolute;
 bottom:0;
 right:65%;
 min-height:30px;
 z-index:-15
}
.timeline-icon-inicio-si{
 width:10px;
 height:10px;
 border-radius:50%;
 background:#333;
 border:1px solid #333;
 margin-left:1px;
 bottom:0;
 position:absolute
}
.timeline-icon-inicio-no{
 width:10px;
 height:10px;
 border-radius:50%;
 background:#d4007e;
 border:1px solid #d4007e;
 margin-left:4rem;
 bottom:0;
 position:absolute
}
.hr-vertical{
 width:0;
 height:390px;
 border:1px dashed #666;
 position:absolute;
 left:24px;
 top:20px
}
.border-line-visible-12{
 border-top:2px solid #333;
 margin-top:30px;
 width:85%
}
.formular-hr{
 border:1px solid #333;
 width:80%
}
.espacio-img{
 margin-bottom:30px!important
}
.signo-parentesis-i{
 position:absolute;
 height:115px;
 -webkit-transform:translate(12px,-3px);
 transform:translate(12px,-3px)
}
.signo-parentesis-d{
 position:absolute;
 height:115px;
 -webkit-transform:translate(-9px,9px);
 transform:translate(-9px,9px)
}
.card-img-top.titulo{
 padding-top:0!important
}
.pl5-pr-0{
 padding-left:3rem;
 padding-right:0
}
@media only screen and (min-width:320px) and (max-width:359px) {
 .color-negro{
  color:#333
 }
 .card-img-top.variacion{
  margin-top:0
 }
 .texto-movil{
  text-align:left!important;
  padding-left:1.5rem
 }
 .texto-movil-2{
  text-align:left!important;
  padding-left:2.5rem
 }
 .linea-hr{
  width:100%;
  border-color:#b1b1b1;
  margin-left:-20%
 }
 .card-img-top.variacion.tv{
  width:50%!important;
  margin-top:30px
 }
 .top{
  margin-top:30px
 }
 .icon-cir{
  font-size:13px;
  margin-left:-39px;
  display:inline-block;
  padding-right:22px
 }
 .linea-hr.lista{
  margin-left:0
 }
 .bold{
  font-weight:700!important
 }
 .margen-porcentaje{
  margin-left:-1.7rem
 }
 .texto-left{
  text-align:left!important
 }
 .pl5-pr-0{
  padding-left:1rem;
  padding-right:0
 }
}
@media only screen and (min-width:360px) and (max-width:413px) {
 .color-negro{
  color:#333
 }
 .card-img-top.variacion{
  margin-top:0
 }
 .texto-movil{
  text-align:left!important;
  padding-left:1.5rem
 }
 .texto-movil-2{
  text-align:left!important;
  padding-left:2.5rem
 }
 .linea-hr{
  width:100%;
  border-color:#b1b1b1;
  margin-left:-20%
 }
 .card-img-top.variacion.tv{
  width:50%!important;
  margin-top:30px
 }
 .top{
  margin-top:30px
 }
 .icon-cir{
  font-size:13px;
  margin-left:-41.5px;
  display:inline-block;
  padding-right:22px
 }
 .linea-hr.lista{
  margin-left:0
 }
 .left{
  margin-left:15px
 }
 .hr-vertical{
  height:410px
 }
 .titulo-card.left{
  text-align:left
 }
 .margen-porcentaje{
  margin-left:-1.7rem
 }
 .texto-left{
  text-align:left!important
 }
 .pl5-pr-0{
  padding-left:1rem;
  padding-right:0
 }
}
@media only screen and (min-width:414px) and (max-width:479px) {
 .color-negro{
  color:#333
 }
 .card-img-top.variacion{
  margin-top:0;
  margin-left:30px
 }
 .texto-movil{
  text-align:left!important;
  padding-left:1.5rem
 }
 .texto-movil-2{
  text-align:left!important;
  padding-left:2.5rem
 }
 .linea-hr{
  width:100%;
  border:solid #b1b1b1;
  margin-left:-20%
 }
 .card-img-top.variacion.tv{
  width:50%!important;
  margin-top:30px;
  margin-left:4px
 }
 .top{
  margin-top:30px
 }
 .icon-cir{
  font-size:13px;
  margin-left:-55px;
  display:inline-block;
  padding-right:25px
 }
 .linea-hr.lista{
  margin-left:0
 }
 .left{
  margin-left:22px
 }
 .left-cortes{
  margin-left:-18px
 }
 .ml-nominal{
  margin-left:3rem
 }
 .ml-15{
  margin-left:15px
 }
 .hr-vertical{
  left:18px
 }
 .margen-porcentaje{
  margin-left:-2.5rem
 }
 .texto-left{
  text-align:left!important
 }
 .pl5-pr-0{
  padding-left:1rem;
  padding-right:0
 }
}
@media only screen and (min-width:480px) and (max-width:767px) {
 .texto-contenido{
  text-align:left
 }
 .color-negro{
  color:#333
 }
 .margen-movil{
  margin-left:9.5%
 }
 .texto-movil{
  text-align:left!important;
  -webkit-transform:translateX(1rem);
  transform:translateX(1rem)
 }
 .texto-movil-2{
  -webkit-transform:translateX(2.5rem);
  transform:translateX(2.5rem);
  text-align:left!important
 }
 .linea-hr{
  width:100%;
  border-color:#b1b1b1;
  margin-left:-20%
 }
 .icon-cir{
  font-size:13px;
  margin-left:-32px;
  display:inline-block;
  padding-right:9px
 }
 .top{
  margin-top:30px
 }
 .linea-hr.lista{
  margin-left:0
 }
 .margin-top-movil{
  margin-top:2rem
 }
 .card-body{
  padding:0
 }
 .subtitulo{
  margin-bottom:0
 }
 .left-top{
  margin:12px -30px
 }
 .hr-vertical{
  height:400px
 }
 .pl5-pr-0{
  padding-left:1.2rem;
  padding-right:0;
  text-align:left!important
 }
 .texto-left{
  text-align:left!important
 }
}
@media only screen and (min-width:768px) and (max-width:991px) {
 .flecha{
  font-size:30px
 }
 .card.variacion{
  margin-left:12%;
  margin-right:-13%
 }
 .img-icono{
  width:25px
 }
 .subtitulo.expresion.espacio-num{
  margin-bottom:5px!important
 }
 .card-img-top.variacion{
  width:140px!important;
  margin-top:47%
 }
 .votaron{
  width:60px;
  left:0;
  border:1.5px dashed #6b6b6b;
  -webkit-transform:translate(17px,-120px) rotate(90deg)!important;
  transform:translate(17px,-120px) rotate(90deg)!important
 }
 .esperadas{
  width:270px;
  left:0;
  border:1.5px dashed #6b6b6b;
  -webkit-transform:translate(45px,-154px) rotate(153deg)!important;
  transform:translate(45px,-154px) rotate(153deg)!important
 }
 .niveles-line,
 .niveles-line-2{
  border:.5px solid #ccc
 }
 .niveles-line{
  transform:translate(134px,-128px) rotate(90deg)!important;
  -webkit-transform:translate(134px,-128px) rotate(90deg)!important;
  width:150px
 }
 .niveles-line-2{
  -webkit-transform:translate(134px,-78px) rotate(90deg)!important;
  transform:translate(134px,-78px) rotate(90deg)!important;
  width:150px
 }
 .line-vertical-espacio-si{
  padding-bottom:44.8px;
  border:none
 }
 .line-vertical-espacio-no{
  padding-bottom:82.8px;
  border:none
 }
 .dropdown-divider.line-vertical-si{
  height:33px;
  overflow:hidden;
  background:#333;
  width:1px;
  content:"";
  display:block;
  position:absolute;
  bottom:0;
  right:80.5%;
  min-height:30px;
  z-index:-15
 }
 .dropdown-divider.line-vertical-no{
  height:73px;
  overflow:hidden;
  background:#d4007e;
  width:1px;
  content:"";
  display:block;
  position:absolute;
  bottom:0;
  right:81%;
  min-height:30px;
  z-index:-15
 }
 .timeline-icon-inicio-si{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#333;
  border:1px solid #333;
  margin-left:1px;
  bottom:-4px;
  position:absolute
 }
 .timeline-icon-inicio-no{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#d4007e;
  border:1px solid #d4007e;
  margin-left:1px;
  bottom:-3px;
  position:absolute
 }
 .hr-enlace{
  border:1px dashed;
  width:150%;
  margin-left:-77px;
  top:15px;
  margin-top:62px;
  -webkit-transform:translate(-31px,27px);
  transform:translate(-31px,27px);
  position:absolute;
  z-index:-15
 }
 .plr-0{
  padding-left:0!important;
  padding-right:0!important
 }
 .signo-parentesis-i{
  -webkit-transform:translate(-80px,-1px);
  transform:translate(-80px,-1px);
  height:110px
 }
 .signo-parentesis-d{
  height:110px;
  -webkit-transform:translate(53px,-118px);
  transform:translate(53px,-118px)
 }
 .texto-contenido.expresion{
  font-size:14px!important
 }
}
@media only screen and (min-width:992px) and (max-width:1024px) {
 .img-icono{
  width:30px
 }
 .titulo-card{
  margin-top:30px
 }
 .calculo-participacion{
  max-width:900px;
  margin:0 auto;
  width:694px
 }
 .variacion-porcentaje{
  max-width:850px;
  width:850px
 }
 .card.variacion{
  display:inline-block;
  padding-left:0;
  padding-right:0
 }
 .card-img-top{
  padding-top:0!important
 }
 .votaron{
  width:70px;
  -webkit-transform:translate(25px,-122px) rotate(90deg)!important;
  transform:translate(25px,-122px) rotate(90deg)!important
 }
 .esperadas{
  width:280px;
  -webkit-transform:translate(58px,-151px) rotate(154deg)!important;
  transform:translate(58px,-151px) rotate(154deg)!important
 }
 .subtitulo.expresion.espacio-num{
  margin-bottom:5px!important
 }
 .line-vertical-espacio-no{
  padding-bottom:83.8px;
  border:none
 }
 .dropdown-divider.line-vertical-no{
  right:68%;
  height:77px;
  width:1px
 }
 .dropdown-divider.line-vertical-si{
  right:85.6%
 }
 .hr-enlace{
  top:33px;
  -webkit-transform:translate(-31px,19px);
  transform:translate(-31px,19px)
 }
 .niveles-line-2{
  -webkit-transform:translate(134px,-85px) rotate(90deg)!important;
  transform:translate(134px,-85px) rotate(90deg)!important
 }
 .niveles-line{
  -webkit-transform:translate(134px,-135px) rotate(90deg)!important;
  transform:translate(134px,-135px) rotate(90deg)!important
 }
 .card-img-top.variacion{
  width:200px!important;
  margin-top:22%
 }
 .timeline-icon-inicio-no{
  margin-left:2rem
 }
 .margen-porcentaje{
  margin-left:-2.5rem
 }
 .padding{
  padding-left:0!important;
  padding-right:0!important
 }
 .signo-parentesis-i{
  -webkit-transform:translate(-90px,-2px);
  transform:translate(-90px,-2px);
  height:125px
 }
 .signo-parentesis-d{
  -webkit-transform:translate(59px,-132px);
  transform:translate(59px,-132px);
  height:125px
 }
}
@media only screen and (min-width:1025px) and (max-width:1199px) {
 .padding{
  padding-left:0!important;
  padding-right:0!important
 }
 .niveles-line{
  -webkit-transform:translate(134px,-125px) rotate(90deg)!important;
  transform:translate(134px,-125px) rotate(90deg)!important
 }
 .niveles-line-2{
  -webkit-transform:translate(134px,-81px) rotate(90deg)!important;
  transform:translate(134px,-81px) rotate(90deg)!important
 }
 .votaron{
  width:70px;
  -webkit-transform:translate(32px,-124px) rotate(90deg)!important;
  transform:translate(32px,-124px) rotate(90deg)!important
 }
 .esperadas{
  width:310px;
  -webkit-transform:translate(106px,-140px) rotate(160deg)!important;
  transform:translate(106px,-140px) rotate(160deg)!important
 }
 .subtitulo.expresion.espacio-num{
  margin-bottom:5px!important
 }
 .dropdown-divider.line-vertical-no{
  right:54.7%;
  width:1px
 }
 .timeline-icon-inicio-si{
  margin-left:-3.5px
 }
 .timeline-icon-inicio-no{
  margin-left:4.1rem
 }
 .signo-parentesis-i{
  -webkit-transform:translate(-93px,-4px);
  transform:translate(-93px,-4px);
  height:135px
 }
 .signo-parentesis-d{
  -webkit-transform:translate(60px,-137px);
  transform:translate(60px,-137px);
  height:135px
 }
 .texto-contenido.formula{
  font-size:17px!important
 }
 .card-img-top.variacion{
  width:170px!important;
  margin-top:15%
 }
}
@media only screen and (min-width:1200px) and (max-width:1366px) {
 .signo-parentesis-i{
  height:135px;
  -webkit-transform:translate(-100px,-1px);
  transform:translate(-100px,-1px)
 }
 .signo-parentesis-d{
  height:135px;
  -webkit-transform:translate(70px,-143px);
  transform:translate(70px,-143px)
 }
 .padding{
  padding-left:0!important;
  padding-right:0!important
 }
 .niveles-line{
  -webkit-transform:translate(134px,-125px) rotate(90deg)!important;
  transform:translate(134px,-125px) rotate(90deg)!important
 }
 .niveles-line-2{
  -webkit-transform:translate(134px,-81px) rotate(90deg)!important;
  transform:translate(134px,-81px) rotate(90deg)!important
 }
 .votaron{
  width:70px;
  -webkit-transform:translate(32px,-124px) rotate(90deg)!important;
  transform:translate(32px,-124px) rotate(90deg)!important
 }
 .esperadas{
  width:310px;
  -webkit-transform:translate(106px,-140px) rotate(160deg)!important;
  transform:translate(106px,-140px) rotate(160deg)!important
 }
 .subtitulo.expresion.espacio-num{
  margin-bottom:5px!important
 }
 .dropdown-divider.line-vertical-no{
  right:62.7%;
  width:1px
 }
}
@media only screen and (min-width:1367px) {
 .card{
  margin-bottom:0!important
 }
 .calculo-participacion{
  min-width:900px;
  margin:0 auto;
  width:900px
 }
 .variacion-porcentaje{
  min-width:850px;
  width:1153px
 }
 .subtitulo.expresion.espacio-num{
  margin-bottom:5px!important
 }
 .titulo-card{
  margin-top:30px
 }
 .dropdown-divider.line-vertical-si{
  right:90%
 }
 .esperadas{
  width:286px;
  -webkit-transform:translate(85px,-164px) rotate(162deg)!important;
  transform:translate(85px,-164px) rotate(162deg)!important
 }
 .votaron{
  width:64px;
  left:0;
  border:1.5px dashed #6b6b6b;
  -webkit-transform:translate(20px,-146px) rotate(90deg)!important;
  transform:translate(20px,-125px) rotate(90deg)!important
 }
 .signo-parentesis-i{
  -webkit-transform:translate(-100px,-1px);
  transform:translate(-100px,-1px);
  height:135px
 }
 .signo-parentesis-d{
  -webkit-transform:translate(68px,-142px);
  transform:translate(68px,-142px);
  height:135px
 }
 .niveles-line{
  -webkit-transform:translate(134px,-120px) rotate(90deg)!important;
  transform:translate(134px,-120px) rotate(90deg)!important
 }
 .niveles-line-2{
  -webkit-transform:translate(134px,-72px) rotate(90deg)!important;
  transform:translate(134px,-72px) rotate(90deg)!important
 }
}