/* MEGA NOTICIAS - PLEBICITO 2020
UPDATE:11/01/2022
ivan.hermosilla@megamedia.cl

*/

/*0. ------ Header resultados ----------------------------------------------*/

.headerResultados {
    display: block;
    position: relative;
    width: 1290px;
    margin: 0 auto;
}
.headerResultados .box {
    display: inline-block;
    position: relative;
    width: 100%;
    background-color: #181a1e;
    margin-top: 70px;
    padding: 4px 20px;
    border-radius: 4px 4px 0 0;
}
.headerResultados .box .center {
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
}
.headerResultados .box .center h1 {
    color: #fff;
    font-weight: 700;
    font-size: 3.2em;
    margin: 14px 0;
}
nav.menuResultados {
    display: block;
    position: relative;
    width: 1290px;
    margin: 0 auto;
    background-color: #30323a;
    padding: 0;
    border-radius: 0 0 4px 4px;
    text-align: center;
    padding: 10px;
    margin-bottom: 30px;
}
nav.menuResultados ul li {
    display: inline;
    position: relative;
    padding: 0 20px 0 20px;
}
nav.menuResultados ul li a {
    font-weight: 500;
    color: #fff;
    font-size: 1.4em;
}
nav.menuResultados ul li a.senal {
    color: #FF355A;
}
nav.menuResultados ul li a:hover {
    opacity: 0.75;
}

/*1. ------ Especiales en home: Ló ultimo ----------------------------------------------*/

section.plebiscitoHomeNotas {
    display: block;
    position: relative;
    margin: 0 auto;
    height: auto;
    width: 1290px;
    margin-bottom: 30px;
    margin-top: 30px;
}
section.plebiscitoHomeNotas .box {
    display: inline-block;
    position: relative;
    width: 100%;
}
section.plebiscitoHomeNotas .box h3 {
    font-weight: 700;
    color: #151F2C;
    font-size: 3em;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
section.plebiscitoHomeNotas .box h3 span:before {
    margin: 0 6px 0 4px;
}
section.plebiscitoHomeNotas .box h3 img {
    width: 200px;
}

/* Modificacion de caja original*/
section.plebiscitoHomeNotas .notas article.box-generica-home {
    height: 280px;
}
section.plebiscitoHomeNotas .notas article.box-generica-home .top .box-top {
    display: none;
}
section.plebiscitoHomeNotas .notas article.box-generica-home .bottom figcaption {
    padding-top: 6px;
}

section.plebiscitoHomeNotas .box .btn {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: right;
    margin-top: 30px;
}
section.plebiscitoHomeNotas .box .btn a {
    border: 2px solid #162133;
    color: #162133;
    border-radius: 4px;
    font-weight: 700;
    font-size: 1.8em;
    padding: 10px 20px;
}
section.plebiscitoHomeNotas .box .btn a:hover {
    border: 2px solid #162133;
    background-color: #162133;
    color: #ffffff;
    border-radius: 4px;
    font-weight: 700;
    font-size: 1.8em;
    padding: 10px 20px;
}

/*2. ------ Especial: Plebiscito 2020: Notas destacadas ----------------------------------------------*/

/*notas destacadas*/
body.plebiscito2020 section.destacadosEspecial {
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0 auto;
    background-color: #f8f9fa;
    height: auto;
    padding: 20px;
    width: 1290px;
    margin-top: -50px;
    z-index: 999;
}
body.plebiscito2020 section.destacadosEspecial #destacado-home article.destacado {
    float: left !important;
    margin-right: 20px !important;
    width: 930px;
}
body.plebiscito2020 section.destacadosEspecial #destacado-home article {
    width: 300px;
    float: left !important;
    margin-right: 0px !important;
}
body.plebiscito2020 section.destacadosEspecial #destacado-home article.destacado figure a img {
    float: left !important;
}
body.plebiscito2020 section.destacadosEspecial #destacado-home article.destacado figure .titulares .box-texto {
    left: -62px;
}
body.plebiscito2020 section.destacadosEspecial #destacado-home article figure a img {
    float: inherit !important;
}
body.plebiscito2020 #destacado-home article figure .titulares {
    width: 300px;
}
body.plebiscito2020 #destacado-home article figure .titulares .box-texto {
    width: 350px;
}
body.plebiscito2020 #destacado-home article figure .titulares .top-nota ul {
    width: 100%;
}
body.plebiscito2020 section.destacadosEspecial #destacado-home article.box-generica-home .top .box-top {
    display: inline-block;
    width: 100%;
}
body.plebiscito2020 section.destacadosEspecial #destacado-home article.box-generica-home figure a {
    display: block;
    width: 300px;
    height: 170px;
    background-color: #eff0f1;
}
body.plebiscito2020 section.destacadosEspecial #destacado-home article.box-generica-home figure a img {
    width: 300px;
    height: 170px;
}
body.plebiscito2020 section.destacadosEspecial #destacado-home article.box-generica-home .bottom {
    display: inline-block;
    height: 156px;
    margin-top: -8px;
}
body.plebiscito2020 section.destacadosEspecial #destacado-home article.box-generica-home .bottom figcaption a {
    display: unset;
    width: unset;
    height: unset;
    background-color: transparent;
}
body.plebiscito2020 section.destacadosEspecial .notas {
    display: inline-block;
    position: relative;
    width: 100%;
}
body.plebiscito2020 section.destacadosEspecial .notas article {
    display: block;
    position: relative;
    float: left;
    margin-right: 16px;
    margin-top: 30px;
}
body.plebiscito2020 section.destacadosEspecial .notas article + article {
    display: block;
    position: relative;
    float: left;
    margin-right: 16px;
    margin-top: 30px;
}
body.plebiscito2020 section.destacadosEspecial .notas article + article + article {
    display: block;
    position: relative;
    float: left;
    margin-right: 16px;
    margin-top: 30px;
}
body.plebiscito2020 section.destacadosEspecial .notas article + article + article + article {
    display: block;
    position: relative;
    float: left;
    margin-right: 0px;
    margin-top: 30px;
}
body.plebiscito2020 section.destacadosEspecial .notas article .separador {
    display: block;
    position: relative;
    text-align: center;
}
body.plebiscito2020 section.destacadosEspecial .notas article .separador img {
    height: 2px;
    width: 100px;
}
/* video-player en vivo en caja de nota */
body.plebiscito2020 section.destacadosEspecial .notas article.video .bottom {
    height: 140px;
    padding: 12px 14px 10px 14px;
}
body.plebiscito2020 section.destacadosEspecial .notas article .top .box-player {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    height: 0;
    overflow: hidden;
}
body.plebiscito2020 section.destacadosEspecial .notas article .top .box-player iframe,
body.plebiscito2020 section.destacadosEspecial .notas article .top .box-player object,
body.plebiscito2020 section.destacadosEspecial .notas article .top .box-player embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
body.plebiscito2020 section.destacadosEspecial #destacado-home article .top .box-player {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    height: 0;
    overflow: hidden;
}
body.plebiscito2020 section.destacadosEspecial #destacado-home article .top .box-player iframe,
body.plebiscito2020 section.destacadosEspecial #destacado-home article .top .box-player object,
body.plebiscito2020 section.destacadosEspecial #destacado-home article .top .box-player embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*señal en vivo de especial*/
body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container {
    display: block;
    position: relative;
    width: 616px;
    height: auto;
    float: left;
    margin-right: 16px;
}
body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container #mdstrm-player-articulo {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    background-color: #fff;
}
body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container #mdstrm-player-articulo iframe {
    position: absolute!important;
    width: 0!important;
    height: 0!important;
    min-height: 100%!important;
    min-width: 100%!important;
}
body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container p.etiquetas span {
    background-color: #e62a42;
    padding: 5px 10px 5px 24px;
    color: #FFF;
    font-weight: 700;
    font-size: 1.2em;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 999;
}
body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container p.etiquetas span span.punto {
    display: inline;
    width: 10px;
    height: 10px;
    background-color: #FFF;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 8px;
    padding: 0;
    animation-name: live;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: alternate;
}
body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo article {
    margin-right: 30px !important;
}
body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo article + article {
    margin-right: 0px !important;
}

body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container + article {
    margin-right: 16px !important;
}
body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container + article + article {
    margin-right: 0px !important;
}
body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container + article .bottom,
body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container + article + article .bottom {
    height: 145px;
}

.botonVerMas {
    display: block;
    position: relative;
    margin: 0 auto;
    height: auto;
    width: 1290px;
    margin-bottom: 30px;
    margin-top: 50px;
    margin-bottom: 80px;
    text-align: center;
}
.botonVerMas a {
    color: #ffffff;
    background-color: #162133;
    border-radius: 4px;
    font-weight: 700;
    font-size: 2em;
    padding: 20px 40px;
}
.botonVerMas a:hover {
    opacity: 0.75;
}

/*3. ------ Especial: Header ----------------------------------------------*/

section.topHeaderPlebiscito {
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 2;
    background-color: #1b1e24;
    padding: 70px 0;
    margin-top: -50px;
}
section.topHeaderPlebiscito .box {
    display: block;
    position: relative;
    margin: 0 auto;
    height: auto;
    padding: 0;
    width: 1290px;
}
section.topHeaderPlebiscito .box .item {
    width: 33.3%;
    float: left;
    position: relative;
    display: block;
}
section.topHeaderPlebiscito .box .item.logo {
    text-align: center;
}
section.topHeaderPlebiscito .box .item.logo img {
    width: 50%;
}
section.topHeaderPlebiscito .box .item.gif {
    height: 80px;
}
section.topHeaderPlebiscito .box .item.gif img {
    width: 190px;
    position: absolute;
    left: 0;
    bottom: -36px;
}

/*4. ------ Cuenta regresiva ----------------------------------------------*/

.cuentaRegresiva .countdown {
    display: block;
    position: relative;
    color:#fff;
    width: 200px;
    text-align: center;
    float: right;
}
.cuentaRegresiva .countdown h3 {
    font-size: 1.7em;
    letter-spacing: 3px;
}
.cuentaRegresiva .countdown .columna {
    width: 25%;
    float: left;
    font-size: 2.4em;
    position: relative;
}
.cuentaRegresiva .countdown .columna p {
    font-size: 0.4em;
    text-transform: uppercase;
}
.cuentaRegresiva .countdown .fecha p {
    font-size: 2em;
    letter-spacing: 8px;
    text-transform: uppercase;
    color: #005eac;
}
.cuentaRegresiva .countdown .fecha p span {
    font-weight: 700;
    color: #ef2030;
}
#hours::before {
    content: ":";
    position: absolute;
    left: -3px;
}
#minutes::before {
    content: ":";
    position: absolute;
    left: -3px;
}
#seconds::before {
    content: ":";
    position: absolute;
    left: -3px;
}

/* se oculta cuenta regresiva */

.cuentaRegresiva .countdown.off {  /* clase off: oculta cuenta regresiva*/
    display: none;
}
.cuentaRegresiva .countdown.sinFecha .fecha {  /* clase sinFecha: oculta fecha*/
    display: none;
}


/*5. ------ Resultados ----------------------------------------------*/

/* titulo principal */
body.resultados .tituloResultados {
    display: block;
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    height: auto;
    width: 1290px;
    margin-bottom: 0px;
    text-align: center;
    padding: 20px 150px 0px 150px;
    margin-top: 10px;
    z-index: 999;
}
body.resultados .tituloResultados h1 {
    font-weight: 400;
    font-size: 4em;
    line-height: 1.2em;
    color: #151F2C;
    text-transform: uppercase;
    letter-spacing: 6px;
}
body.resultados .tituloResultados h1 span {
    font-weight: 700;
    letter-spacing: 0px;
}

/* Resultados total general */
.resultadosTotalGeneral {
    display: block;
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    height: auto;
    padding: 20px 150px;
    width: 1290px;
    margin-top: 0px;
    margin-bottom: 40px;
}
.resultadosTotalGeneral img.gif {
    width: 90px;
    position: absolute;
    top: -26px;
    right: 0;
}
.resultadosTotalGeneral .titulo {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 0px;
    text-align: center;
}
.resultadosTotalGeneral .titulo h2 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 3em;
    color: #151F2C;
}
.resultadosTotalGeneral .box {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 20px;
}
.resultadosTotalGeneral .box .item {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}
.resultadosTotalGeneral .box .item h3 {
    font-weight: 700;
    text-align: center;
    font-size: 2em;
    /*text-transform: uppercase;*/
    color: #151F2C;
}
.resultadosTotalGeneral .box .item ul {
    display: inline;
}
.resultadosTotalGeneral .box .item ul li {
    display: inline;
    font-weight: 500;
    font-size: 1.4em;
    color: #778591;
    padding: 0;
}
.resultadosTotalGeneral .box .item ul li + li + li {
    padding: 0;
}
.resultadosTotalGeneral .box .item ul li span {
    display: inline;
    font-weight: 500;
    font-weight: 400;
}
.resultadosTotalGeneral .box .item .resultados {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 4px 0 0 0;
}
.resultadosTotalGeneral .box .item .resultados .left {
    display: block;
    position: relative;
    width: 15%;
    float: left;
    text-align: center;
}
.resultadosTotalGeneral .box .item .resultados .center {
    display: block;
    position: relative;
    width: 70%;
    height: 40px;
    float: left;
    text-align: center;
}
.resultadosTotalGeneral .box .item .resultados .right {
    display: block;
    position: relative;
    width: 15%;
    float: left;
    text-align: center;
}
.resultadosTotalGeneral .box .item .resultados .center .barras {
    display: block;
    position: relative;
    width: 100%;
}
.resultadosTotalGeneral .box .item .resultados .center .barras .bgBarras {
    display: block;
    position: absolute;
    width: 100%;
    height: 30px;
}
/* acepto */
.resultadosTotalGeneral .box .item .resultados .left p {
    margin-top: -5px;
}
.resultadosTotalGeneral .box .item .resultados .left p span {
    font-weight: 700;
    font-size: 3em;
    color: #007ddf;
}
.resultadosTotalGeneral .box .item .resultados .left p span + span {
    font-weight: 500;
    font-size: 2em;
}
.resultadosTotalGeneral .box .item .resultados .left p + p {
    font-weight: 700;
    font-size: 1.6em;
    /*text-transform: uppercase;*/
    line-height: 1em;
}
.resultadosTotalGeneral .box .item .resultados .center .barras .barraLeft {
    display: inline-block;
    position: relative;
    width: 100%;
    background-color: #007ddf;
    height: 30px;
    z-index: 2;
    float: left;
}
.resultadosTotalGeneral .box .item .resultados .center .barras .bgBarras span {
    display: inline-block;
    position: relative;
    width: 50%;
    background-color: #007ddf;
    height: 30px;
    z-index: 1;
    float: left;
}
/*rechazo*/
.resultadosTotalGeneral .box .item .resultados .right p {
    margin-top: -5px;
}
.resultadosTotalGeneral .box .item .resultados .right p span {
    font-weight: 700;
    font-size: 3em;
    color: #004785;
}
.resultadosTotalGeneral .box .item .resultados .right p span + span {
    font-weight: 500;
    font-size: 2em;
}
.resultadosTotalGeneral .box .item .resultados .right p + p {
    font-weight: 700;
    font-size: 1.6em;
    /*text-transform: uppercase;*/
    line-height: 1em;
}
.resultadosTotalGeneral .box .item .resultados .center .barras .barraRight {
    display: inline-block;
    position: relative;
    width: 100%;
    background-color: #004785;
    height: 30px;
    z-index: 2;
    float: left;
}
.resultadosTotalGeneral .box .item .resultados .center .barras .bgBarras span + span {
    display: inline-block;
    position: relative;
    width: 50%;
    background-color: #004785;
    height: 30px;
    z-index: 1;
    float: left;
}
/* mecanismo */
.resultadosTotalGeneral .box .item.mecanismo .resultados .center .barras .bgBarras span {
    background-color: #ff3345;
}
.resultadosTotalGeneral .box .item.mecanismo .resultados .center .barras .bgBarras span + span {
    background-color: #d2121c;
}
.resultadosTotalGeneral .box .item.mecanismo .resultados .center .barras .barraLeft {
    background-color: #ff3345;
}
.resultadosTotalGeneral .box .item.mecanismo .resultados .center .barras .barraRight {
    background-color: #d2121c;
}
.resultadosTotalGeneral .box .item.mecanismo .resultados .left p span {
    color: #ff3345;
}
.resultadosTotalGeneral .box .item.mecanismo .resultados .right p span {
    color: #d2121c;
}
/*datos*/
.resultadosTotalGeneral .box .item .datos {
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0;
    margin-top: 0px;
}
.resultadosTotalGeneral .box .item .datos ul {
    display: inline;
}
.resultadosTotalGeneral .box .item .datos ul li {
    display: inline;
    font-weight: 500;
    font-size: 1.4em;
    color: #778591;
    padding: 0;
}
.resultadosTotalGeneral .box .item .datos ul li + li + li {
    padding: 0;
}
.resultadosTotalGeneral .box .item .datos ul li span {
    display: inline;
    font-weight: 500;
    font-weight: 400;
}
.resultadosTotalGeneral .btn {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: right;
    margin: 20px 0;
}
.resultadosTotalGeneral .btn a {
    border: 2px solid #007ddf;
    color: #007ddf;
    border-radius: 4px;
    font-weight: 700;
    font-size: 1.8em;
    padding: 10px 20px;
}
.resultadosTotalGeneral .btn a:hover {
    border: 2px solid #007ddf;
    background-color: #007ddf;
    color: #fff;
}

/* Buscador y resultados gráficos */
.resultadosBuscadorGraficos {
    display: block;
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    height: auto;
    padding: 20px 60px;
    width: 1290px;
    margin-bottom: 40px;
}
.resultadosBuscadorGraficos img.gif {
    width: 90px;
    position: absolute;
    top: -26px;
    right: 0;
}
.resultadosBuscadorGraficos .titulo {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 0px;
    text-align: left;
}
.resultadosBuscadorGraficos .titulo h2 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 3em;
    color: #151F2C;
    text-align: center;
}
.resultadosBuscadorGraficos .boxBuscador {
    display: block;
    position: relative;
    width: 50%;
    margin: 0 auto;
    margin-top: 20px;
}
.resultadosBuscadorGraficos .boxBuscador .box {
    display: block;
    position: relative;
    width: 100%;
}
.resultadosBuscadorGraficos .boxBuscador .box p {
    font-weight: 500;
    color: #151F2C;
    font-size: 1.4em;
    padding-top: 8px;
}

/* select */
.resultadosBuscadorGraficos .boxBuscador .selectize-input {
    border: 2px solid #ff3b28;
    border-radius: 20px;
    color: #ff3b28;
    min-height: 40px;
    max-height: 40px;
}
.resultadosBuscadorGraficos .boxBuscador .selectize-input>* {
    color: #ff3b28;
    font-size: 1.6em;
    padding-top: 2px;
}
.resultadosBuscadorGraficos .boxBuscador .selectize-control.single .selectize-input input {
    font-size: 1.6em;
    padding-top: 2px !important;
}
.resultadosBuscadorGraficos .boxBuscador .selectize-control.single .selectize-input input ::placeholder {
    color: #ff3b28;
    padding-top: 2px;;
}
.resultadosBuscadorGraficos .boxBuscador .selectize-control.single .selectize-input:after {
    color: #ff3b28;
    font-size: 1.6em;
    border-width: 0px;
    top: 29%;
    right: 26px;
}
.resultadosBuscadorGraficos .boxBuscador .selectize-dropdown [data-selectable].option {
    font-size: 1.6em;
    color: #151F2C;
}

/* resultados region metropolitana */
.resultadosBuscadorGraficos .boxResultados {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 30px 0 0 0;
}
.resultadosBuscadorGraficos .boxResultados .item {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}
.resultadosBuscadorGraficos .boxResultados .item + .item {
    margin-bottom: 30px;
}
.resultadosBuscadorGraficos .boxResultados .item .top {
    display: inline-block;
    width: 100%;
    position: relative;
    text-align: center;
}
.resultadosBuscadorGraficos .boxResultados .item .top h2 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 2.2em;
    color: #151F2C;
}
.resultadosBuscadorGraficos.participacionHistorica .resultadosBuscadorGraficos .boxResultados {
    margin: 0;
}

.resultadosBuscadorGraficos.participacionHistorica .boxResultados .item .top h2 {
    font-size: 3em;
}
.resultadosBuscadorGraficos.participacionHistorica .boxResultados .item #participacion-total-bar-8.boxGrafico .top h2 {
    font-size: 2em;
    text-transform: initial;
}
.resultadosBuscadorGraficos .boxResultados .item .top ul {
    display: inline;
}
.resultadosBuscadorGraficos .boxResultados .item .top ul li {
    display: inline;
    font-weight: 500;
    font-size: 1.2em;
    color: #778591;
    padding: 0;
}
.resultadosBuscadorGraficos .boxResultados .item .top ul li + li + li {
    padding: 0;
}
.resultadosBuscadorGraficos .boxResultados .item .top ul li span {
    display: inline;
    font-weight: 500;
    font-weight: 400;
}
/* graficos */
.resultadosBuscadorGraficos .boxResultados .item .graficos {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 40px 0;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico {
    display: block;
    position: relative;
    float: left;
    width: 48%;
    margin-right: 4%;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico + .boxGrafico {
    display: block;
    position: relative;
    float: left;
    width: 48%;
    margin-right: 0;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico h3 {
    font-weight: 700;
    text-align: center;
    font-size: 2em;
    /*text-transform: uppercase;*/
    color: #151F2C;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados {
    display: inline-block;
    position: relative;
    width: 100%;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-top: 0px;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .left {
    display: block;
    position: relative;
    width: 50%;
    float: left;
    margin-right: 0px;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .right {
    display: block;
    position: relative;
    width: 50%;
    float: left;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .left .grafico {
    display: block;
    position: relative;
    float: right;
    width: 250px;
    text-align: center;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .right .grafico {
    display: block;
    position: relative;
    float: left;
    width: 250px;
    text-align: center;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .grafico .datos {
    border-top: 2px solid #d0d0d0;
    padding-top: 0px;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .grafico .datos p.porcentaje {
    font-weight: 700;
    font-size: 2.6em;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .left .grafico .datos p.porcentaje span {
    font-size: 0.9em;
    font-weight: 700;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .left .grafico .datos p.porcentaje span + span {
    font-size: 0.6em;
    font-weight: 500;
    padding-left: 2px;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .right .grafico .datos p.porcentaje span {
    font-size: 0.9em;
    font-weight: 700;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .right .grafico .datos p.porcentaje span + span {
    font-size: 0.6em;
    font-weight: 500;
    padding-left: 4px;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .grafico .datos p + p {
    font-weight: 700;
    font-size: 1.8em;
    color: #151F2C;
    /*text-transform: uppercase;*/
    margin-top: -6px;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .grafico .barra {
    display: block;
    position: relative;
    width: 100%;
    height: 100px;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .left .grafico .barra span.barra {
    display: block;
    position: absolute;
    width: 60%;
    height: auto;
    bottom: 0;
    text-align: center;
    left: 20%;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .right .grafico .barra span.barra {
    display: block;
    position: absolute;
    width: 60%;
    height: auto;
    bottom: 0;
    text-align: center;
    right: 22%;
}
/* colores */
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .left .grafico.apruebo .barra span.barra {
    background-color: #007ddf;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .right .grafico.rechazo .barra span.barra {
    background-color: #004785;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .left .grafico.cc .barra span.barra {
    background-color: #ff3345;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .left .grafico.cc .barra #pleb-com-reg-pais-8-porcentaje-comparativa-bar.barra {
    background-color: #3CAFD1;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .grafico.cc .datos #pleb-com-reg-pais-8-porcentaje-comparativa.porcentaje {
    color: #007ddf;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .right .grafico.cmc .barra #pleb-com-reg-pais-111-porcentaje-comparativa-bar.barra {
    background-color: #1abeb1;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .grafico.cmc .datos #pleb-com-reg-pais-111-porcentaje-comparativa.porcentaje {
    color: #004785;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .left .grafico.cc .barra #pleb-8-porcentaje-comparativa-bar.barra {
    background-color: #3db0d1;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .grafico.cc .datos #pleb-8-porcentaje-comparativa.porcentaje {
    color: #007ddf;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .right .grafico.cmc .barra #pleb-111-porcentaje-comparativa-bar.barra {
    background-color: #1abeb1;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .grafico.cmc .datos p.porcentaje {
    color: #004785;
}

.resultadosBuscadorGraficos .boxResultados .item .graficos #comparativioPaises-8.boxGrafico .resultados .box .left .grafico.cc .barra span.barra {
    background-color: #3cafd1;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos #comparativioPaises-8.boxGrafico .resultados .box .grafico.cc .datos #pleb-111-porcentaje-comparativa.porcentaje {
    color: #007ddf;
}

.resultadosBuscadorGraficos .boxResultados .item .graficos #comparativioPaises-8.boxGrafico .resultados .box .right .grafico.cmc .barra span.barra {
    background-color: #1abeb1;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .right .grafico.cmc .barra span.barra {
    background-color: #d2121c;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .grafico.apruebo .datos p.porcentaje {
    color: #007ddf;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .grafico.rechazo .datos p.porcentaje {
    color: #004785;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .grafico.cc .datos p.porcentaje {
    color: #ff3345;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .grafico.cmc .datos p.porcentaje {
    color: #d2121c;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .grafico.cmc .datos #pleb-pais-111-porcentaje-comparativa.porcentaje {
    color: #004785;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .item.constitucion .resultados .box .left .grafico.cc .barra span.barra {
    background-color: #007ddf;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .item.constitucion .resultados .box .right .grafico.cmc .barra span.barra {
    background-color: #004785;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .grafico.cmc .datos #pleb-111-porcentaje-comparativa.porcentaje {
    color: #004785;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .grafico.cc .datos #pleb-pais-8-porcentaje-comparativa.porcentaje {
    color: #007ddf;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .item.constitucion .resultados .box .grafico.cc .datos p.porcentaje {
    color: #007ddf;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .item.constitucion .resultados .box .grafico.cmc .datos p.porcentaje {
    color: #004785;
}

.resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .grafico.cc .datos p.porcentaje {
    color: #ff3345;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos #comparativioRegionComuna-8.boxGrafico .resultados .box .grafico.cc .datos p.porcentaje {
    color: #3cafd1;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos #comparativioRegionComuna-8.boxGrafico .resultados .box .grafico.cmc .datos p.porcentaje {
    color: #1abeb1;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos #comparativioPaises-8.boxGrafico .resultados .box .grafico.cc .datos p.porcentaje {
    color: #3cafd1;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos #comparativioPaises-8.boxGrafico .resultados .box .grafico.cmc .datos p.porcentaje {
    color: #1abeb1;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos #participacion-total-bar-8.boxGrafico .resultados .box .grafico.cc .datos p.porcentaje {
    color: #3db0d1;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos #participacion-total-bar-8.boxGrafico .resultados .box .grafico.cmc .datos p.porcentaje {
    color: #1abeb1;
}


.resultadosBuscadorGraficos .boxResultados ul {
    display: block;
    width: 100%;
    text-align: center;
    margin: 10px 0 0 0;
}
.resultadosBuscadorGraficos .boxResultados ul li {
    display: inline;
    font-weight: 500;
    font-size: 1.2em;
    color: #778591;
    padding: 0;
}
.resultadosBuscadorGraficos .boxResultados ul li span {
    display: inline;
    font-weight: 500;
    font-weight: 400;
}
.resultadosBuscadorGraficos.participacionHistorica .boxResultados {
    margin: 0;
}

/*grafico donut*/
.resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .participacion {
    font-size: 0.85em;
    position: absolute;
    bottom: 80px;
    left: 20px;
    width: 150px;
    text-align: right;
    top: unset;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .abstencion {
    font-size: 0.85em;
    position: absolute;
    top: 30px;
    right: 20px;
    width: 150px;
    text-align: left;

}
.resultadosBuscadorGraficos .boxResultados .item .graficos .grafico-donut {
    width: 120px;
    height: 120px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    position: relative;
    background: #3CAFD1 linear-gradient(to right, #3CAFD1 50%, #006896 50%);
    color: #006896;
    border-radius: 50%;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico.mecanismo .grafico-donut  {
    background: #ff3345 linear-gradient(to right, #ff3345 50%, #d2121c 50%);
    color: #d2121c;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico.mecanismo .participacion .porcentaje {
    color: #ff3345;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico.mecanismo .abstencion .porcentaje {
    color: #d2131c;
}
@keyframes spin {
  to {
    transform: rotate(180deg);
  }
}
@keyframes background {
  50% {
    background-color: currentColor;
  }
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .grafico-donut::before {
    content: '';
    position: absolute;
    display: block;
    background-color: inherit;
    height: 100%;
    width: 50%;
    bottom: 0;
    right: 0;
    border-radius: 0 100% 100% 0 / 50%;
    transform: rotate(0);
    transform-origin: 0 50%;
    animation: 50s spin infinite linear, 100s background infinite step-end;
    animation-play-state: paused;
    animation-delay: inherit;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .participacion .porcentaje {
    font-weight: 700;
    font-size: 3.4em;
    color: #3cafd1;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .participacion .porcentaje span {
    font-weight: 700;
    font-size: 0.9em;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .participacion .porcentaje span + span {
    font-weight: 500;
    font-size: 0.6em;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .abstencion .porcentaje {
    font-weight: 700;
    font-size: 3.4em;
    color: #016896;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .abstencion .porcentaje span {
    font-weight: 700;
    font-size: 0.9em;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .abstencion .porcentaje span + span {
    font-weight: 500;
    font-size: 0.6em;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico p.genero {
    font-weight: 700;
    font-size: 2.1em;
    color: #151F2C;
    margin-top: -6px;
    /*text-transform: uppercase;*/
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .abstencion .lineas {
    display: none;
    position: absolute;
    width: 60px;
    height: 40px;
    border-left: 2px solid #141f2c;
    border-top: unset;
    border-bottom: 2px solid #141f2c;
    bottom: unset;
    top: 4px;
    left: -70px;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .participacion .lineas {
    display: none;
    position: absolute;
    width: 60px;
    height: 29px;
    border-right: 0px solid #141f2c;
    border-top: 2px solid #141f2c;
    bottom: -8px;
    right: -70px;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .datosTotales {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 60px;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .datosTotales p {
    font-weight: 500;
    color: #151F2C;
    font-size: 1.4em;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .datosTotales p span {
    font-weight: 700;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .datosTotales p.mujeres:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    margin-right: 6px;
    background-color: #37bfa0;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .datosTotales p.hombres:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    margin-right: 6px;
    background-color: #0023cc;
}
.resultadosBuscadorGraficos .boxResultados .item .graficos .datosTotales p.universo:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    margin-right: 6px;
    background-color: #ff3b27;
}
.resultadosBuscadorGraficos .btn {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: right;
    margin: 20px 0;
}
.resultadosBuscadorGraficos .btn a {
    border: 2px solid #007ddf;
    color: #007ddf;
    border-radius: 4px;
    font-weight: 700;
    font-size: 1.8em;
    padding: 10px 20px;
}
.resultadosBuscadorGraficos .btn a:hover {
    border: 2px solid #007ddf;
    background-color: #007ddf;
    color: #fff;
}

/* participación histórica: gráfico lineal */

.graficoLinealHistorico {
    display: block;
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    height: auto;
    padding: 20px 60px;
    width: 1290px;
    margin-bottom: 20px;
}
.graficoLinealHistorico .box {
    display: inline-block;
    position: relative;
    width: 100%;
}
.graficoLinealHistorico .box .top {
    display: inline-block;
    width: 100%;
    position: relative;
    text-align: center;
}
.graficoLinealHistorico .box .top h2 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 3.2em;
    color: #151F2C;
}
.graficoLinealHistorico .box .grafico {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 0 50px;
    margin: 20px 0;
}


/*6. ------ Home: Título destacado ----------------------------------------------*/

.tituloDestacadoHome {
    display: block;
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    height: auto;
    padding: 0;
    width: 1290px;
    margin-top: 0px;
    margin-bottom: 20px;
}
.tituloDestacadoHome .titulo  {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 0px;
    text-align: center;
    padding: 20px 150px;
}
.tituloDestacadoHome .titulo a {
    font-weight: 700;
    font-size: 3em;
    line-height: 1;
    color: #151F2C;
}
.tituloDestacadoHome .titulo a:hover {
    opacity: 0.75;
}
.tituloDestacadoHome p {
    display: block;
    width: 100%;
    height: 4px;
}
.tituloDestacadoHome p span {
    display: block;
    position: relative;
    float: left;
    width: 25%;
    height: 4px;
    background-color: #007ddf;
}
.tituloDestacadoHome p span + span {
    display: block;
    position: relative;
    float: left;
    width: 25%;
    height: 4px;
    background-color: #004785;
}
.tituloDestacadoHome p span + span + span {
    display: block;
    position: relative;
    float: left;
    width: 25%;
    height: 4px;
    background-color: #ff3345;
}
.tituloDestacadoHome p span + span + span + span {
    display: block;
    position: relative;
    float: left;
    width: 25%;
    height: 4px;
    background-color: #d2121c;
}

/*7. ------ Home: Header logo + cuenta regresiva  ----------------------------------------------*/

section.headerPlebicito2020Home {
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 2;
    background-color: #e8e8e8;
    margin-top: -50px;
    padding: 50px 0 0 0;
}
section.headerPlebicito2020Home .box {
    display: flex;
    position: relative;
    margin: 0 auto;
    height: auto;
    padding: 10px;
    width: 1290px;
    background-color: #ffffff;
    margin-top: 50px;
}
section.headerPlebicito2020Home .box .item {
    width: 33.3%;
    float: left;
    position: relative;
    display: block;
}
section.headerPlebicito2020Home .box .item.logo {
    text-align: center;
}
section.headerPlebicito2020Home .box .item.logo img {
    width: 50%;
}
section.headerPlebicito2020Home .box .item.gif {
    height: 80px;
}
section.headerPlebicito2020Home .box .item.gif img {
    width: 190px;
    position: absolute;
    left: 0;
    bottom: -36px;
}
section.headerPlebicito2020Home .box .item.gif img {
    width: 190px;
    position: absolute;
    left: 0;
    top: -36px;
}
section.headerPlebicito2020Home .box .item.logo img {
    padding-top: 20px;
}
/* cuenta regresiva */
section.headerPlebicito2020Home .cuentaRegresiva .countdown {
    color: #151f2c;
}
section.headerPlebicito2020Home .cuentaRegresiva .countdown h3 {
    letter-spacing: 3px;
    color: #151f2c;
}
section.headerPlebicito2020Home .cuentaRegresiva .countdown {
    color: #007ddf;
}
section.headerPlebicito2020Home .cuentaRegresiva .countdown {
    color: #007ddf;
}
section.headerPlebicito2020Home .cuentaRegresiva .countdown .columna p {
    color: #151f2c;
}
section.headerPlebicito2020Home .cuentaRegresiva .countdown #seconds::before,
section.headerPlebicito2020Home .cuentaRegresiva .countdown #minutes::before,
section.headerPlebicito2020Home .cuentaRegresiva .countdown #hours::before {
    color: #ff3345;
}

/*8. ------ Momentos css  ----------------------------------------------*/

.plebiscito2020 .topHeaderPlebiscito + script + .resultadosTotalGeneral.votoExtranjero,
.plebiscito2020 .topHeaderPlebiscito + script + .resultadosTotalGeneral,
.plebiscito2020 .topHeaderPlebiscito + .resultadosTotalGeneral.votoExtranjero,
.plebiscito2020 .topHeaderPlebiscito + .resultadosTotalGeneral,
.plebiscito2020 .topHeaderPlebiscito + .noticias {
    margin-top: -50px !important;
    z-index: 9999 !important;
}
.plebiscito2020 .topHeaderPlebiscito + .noticias {
    padding: 10px !important;
}
.plebiscito2020 .topHeaderPlebiscito + .noticias .lo-ultimo.home {
    margin-left: 10px !important;
}

/*9. ------ Modal  ----------------------------------------------*/
.modaal-inner-wrapper{
    overflow: hidden;
    display: block;
    margin-top: 40px;
}
.modaal-container {
    width: 70%;
    height: auto;
    box-shadow: none;
    border-radius: 4px;
    transform: scale(1.4);
}
.modaal-content-container {
    padding: 40px 10px 10px 10px;
}
.modaal-content-container .modalPlebiscito2020 .box {
    display: block;
    position: relative;
}
.modaal-content-container .modalPlebiscito2020 .box .datosHeader {
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
}
.modaal-content-container .modalPlebiscito2020 .box .datosHeader img {
    width: 120px;
}
.modaal-content-container .modalPlebiscito2020 .box .datosHeader .resultadoGenerales {
    display: block;
    position: relative;
} 
.modaal-content-container .modalPlebiscito2020 .box .datosHeader .resultadoGenerales h2 {
    font-weight: 700;
    text-align: center;
    font-size: 2.4em;
    line-height: 1em;
    text-transform: uppercase;
    color: #151F2C;
    padding: 6px 0px 6px 0px;
    border-bottom: 1px solid #dce3e8;
    margin-bottom: 10px;
    margin-top: -40px;
}
.modaal-content-container .modalPlebiscito2020 .box .datosHeader .resultadoGenerales h3 {
    margin-bottom: 8px;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: -8px;
}
.modaal-content-container .modalPlebiscito2020 .box .datosHeader .resultadoGenerales h3 a {
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1em;
    color: #151F2C;
}
.modaal-content-container .modalPlebiscito2020 .box .datosHeader .resultadoGenerales ul {
    display: inline;
}
.modaal-content-container .modalPlebiscito2020 .box .datosHeader .resultadoGenerales ul li {
    display: inline;
    font-weight: 700;
    font-size: 1.2em;
    color: #778591;
    padding: 0 10px 0 0;
}
.modaal-content-container .modalPlebiscito2020 .box .datosHeader .resultadoGenerales ul li span {
    font-weight: 500;
    font-weight: 400;
}
.modaal-content-container .modalPlebiscito2020 .box .datosHeader .resultadoGenerales ul li + li + li {
    padding: 0;
}
.modaal-content-container .modalPlebiscito2020 .box .datosHeader .resultadoGenerales p {
    font-weight: 500;
    font-size: 1.2em;
    line-height: 1em;
    color: #151F2C;
    padding-bottom: 2px;
}
.modaal-content-container .modalPlebiscito2020 .box .datosHeader .resultadoGenerales p span {
    font-weight: 700;
    line-height: 1em;
    color: #151F2C;
}
body.resultados .modaal-container #modaal-close {
    display: none;
}
.modaal-content-container .modalPlebiscito2020 .btnesModal {
    display: block;
    position: absolute;
    top: 20px;
    width: 96%;
    z-index: 9999;
}
.modaal-content-container .modalPlebiscito2020 .btnesModal button {
    background-color: #dce3e8;
    padding: 4px 10px 4px 28px;
    height: 24px;
    position: relative;
    border-radius: 10px;
    float: left;
    border: 0;
    line-height: 2px;
    cursor: pointer;
}
.modaal-content-container .modalPlebiscito2020 .btnesModal button span {
    display: block;
    position: absolute;
    background-color: #111;
    color: #FFF;
    width: 24px;
    height: 24px;
    border-radius: 20px;
    top: 0;
    left: 0px;
    padding-top: 6px;
}
.modaal-content-container .modalPlebiscito2020 .btnesModal button + button {
    background-color: #dce3e8;
    padding: 4px 20px 4px 10px;
    height: 24px;
    position: relative;
    border-radius: 10px;
    float: right;
    line-height: 2px;
    cursor: pointer;
}
.modaal-content-container .modalPlebiscito2020 .btnesModal button + button span {
    display: block;
    position: absolute;
    background-color: #111;
    color: #FFF;
    width: 24px;
    height: 24px;
    border-radius: 20px;
    top: 0;
    right: -8px;
    left:unset;
    padding-top: 6px;
}
.modaal-content-container .modalPlebiscito2020 .btnesModal button:hover {
    opacity: 0.75;
}
.modaal-content-container .modalPlebiscito2020 .compartirRRSS {
    position: absolute;
    z-index: 999;
    left: 7px;
    top: 55px;
    display: none;
}
.modaal-content-container .modalPlebiscito2020 .compartirRRSS.activo {
    display: block;
}
.modaal-content-container .modalPlebiscito2020 .compartirRRSS ul {
    display: inline-block;
    position: relative;
    background-color: #dce3e8;
    padding: 4px;
    border-radius: 4px;
}
.modaal-content-container .modalPlebiscito2020 .compartirRRSS ul li {
    display: inline;
}
.modaal-content-container .modalPlebiscito2020 .compartirRRSS ul li a {
    color: #1778F2;
    font-size: 3em;
}
.modaal-content-container .modalPlebiscito2020 .compartirRRSS ul li + li a {
    color: #17AFF2;
}
.modaal-content-container .modalPlebiscito2020 .compartirRRSS ul li + li + li a {
    color: #4CAF50;
}
.modaal-content-container .modalPlebiscito2020 .compartirRRSS span.flecha {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 14px 14px 14px;
    border-color: #0000 #0000 #dce3e8 #0000;
    position: absolute;
    top: -14px;
    left: 10px;
}
.modaal-content-container .modalPlebiscito2020 .compartirRRSS ul li a:hover {
    opacity: 0.75;
}
.modaal-noscroll {
    overflow: hidden;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box {
    display: block;
    position: relative;
    width: 50%;
    margin-top: 4px;
    float: left;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 4px;
    text-align: center;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item h3 {
    font-weight: 700;
    text-align: center;
    font-size: 2.4em;
    /*text-transform: uppercase;*/
    color: #151F2C;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item ul {
    display: block;
    margin-top: -6px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item ul li {
    display: inline;
    font-weight: 500;
    font-size: 1.2em;
    color: #778591;
    padding: 0;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item ul li + li + li {
    padding: 0;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item ul li span {
    display: inline;
    font-weight: 500;
    font-weight: 400;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 6px 0 0 0;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .left {
    display: block;
    position: relative;
    width: 25%;
    float: left;
    text-align: center;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .center {
    display: block;
    position: relative;
    width: 50%;
    height: 32px;
    float: left;
    text-align: center;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .right {
    display: block;
    position: relative;
    width: 25%;
    float: left;
    text-align: center;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .center .barras {
    display: block;
    position: relative;
    width: 100%;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .center .barras .bgBarras {
    display: block;
    position: absolute;
    width: 100%;
    height: 20px;
}
/* acepto */
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .left p {
    margin-top: -8px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .left p span {
    font-weight: 700;
    font-size: 1.6em;
    color: #007ddf;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .left p span + span {
    font-weight: 500;
    font-size: 1.2em;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .left p + p {
    font-weight: 700;
    font-size: 2.4em;
    /*text-transform: uppercase;*/
    line-height: 1em;
    margin-top: -4px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .center .barras .barraLeft {
    display: inline-block;
    position: relative;
    width: 100%;
    background-color: #007ddf;
    height: 20px;
    z-index: 2;
    float: left;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .center .barras .bgBarras span {
    display: inline-block;
    position: relative;
    width: 50%;
    background-color: #007ddf;
    height: 20px;
    z-index: 1;
}
/*rechazo*/
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .right p {
    margin-top: -8px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .right p span {
    font-weight: 700;
    font-size: 1.6em;
    color: #004785;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .right p span + span {
    font-weight: 500;
    font-size: 1.2em;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .right p + p {
    font-weight: 700;
    font-size: 2.4em;
    /*text-transform: uppercase;*/
    line-height: 1em;
    margin-top: -4px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item.mecanismo .resultados .right p + p,
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item.mecanismo .resultados .left p + p {
    font-size: 1.8em;
    margin-top: -3px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .center .barras .barraRight {
    display: inline-block;
    position: relative;
    width: 100%;
    background-color: #004785;
    height: 20px;
    z-index: 2;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .center .barras .bgBarras span + span {
    display: inline-block;
    position: relative;
    width: 50%;
    background-color: #004785;
    height: 20px;
    z-index: 1;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item.mecanismo .resultados .right p span {
    color: #d2121c;
    font-size: 2.6em;
}
/* mecanismo */
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item.mecanismo .resultados .center .barras .bgBarras span {
    background-color: #ff3345;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item.mecanismo .resultados .center .barras .bgBarras span + span {
    background-color: #d2121c;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item.mecanismo .resultados .center .barras .barraLeft {
    background-color: #ff3345;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item.mecanismo .resultados .center .barras .barraRight {
    background-color: #d2121c;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item.mecanismo .resultados .left p span {
    color: #ff3345;
    font-size: 2.6em;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box.item.mecanismo .resultados .right p span {
    color: #d2121c;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item.mecanismo .resultados .left p span + span {
    font-size: 1.8em;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item.mecanismo .resultados .right p span + span {
    font-size: 1.8em;
}

/*datos*/
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .datos {
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0;
    margin-top: -2px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .datos ul {
    display: inline;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .datos ul li {
    display: inline;
    font-weight: 500;
    font-size: 1.2em;
    color: #778591;
    padding: 0;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .datos ul li + li + li {
    padding: 0;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .datos ul li span {
    display: inline;
    font-weight: 500;
    font-weight: 400;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item + .item {
    margin-top: 20px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos {
    display: inline-block;
    position: relative;
    width:50%;
    margin: 20px 0 0 0;
    float: left;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .top {
    display: inline-block;
    width: 100%;
    position: relative;
    text-align: center;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .top h2 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 2.2em;
    line-height: 1em;
    color: #151F2C;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .top ul {
    display: inline;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .top ul li {
    display: inline;
    font-weight: 500;
    font-size: 1.1em;
    color: #778591;
    padding: 0;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .top ul li span {
    display: inline;
    font-weight: 500;
    font-weight: 400;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .top ul li + li + li {
    padding: 0;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico {
    display: block;
    position: relative;
    width: 100%;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 10px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .grafico-donut {
    width: 80px;
    height: 80px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    position: relative;
    background: #007ddf linear-gradient(to right, #007ddf 50%, #004785 50%);
    color: #004785;
    border-radius: 50%;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .grafico-donut::before {
    content: '';
    position: absolute;
    display: block;
    background-color: inherit;
    height: 100%;
    width: 50%;
    bottom: 0;
    right: 0;
    border-radius: 0 100% 100% 0 / 50%;
    transform: rotate(0);
    transform-origin: 0 50%;
    animation: 50s spin infinite linear, 100s background infinite step-end;
    animation-play-state: paused;
    animation-delay: inherit;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .participacion {
    font-size: 0.85em;
    position: absolute;
    bottom: 40px;
    left: 26px;
    width: 90px;
    text-align: right;
    top: unset;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .participacion .porcentaje {
    font-weight: 700;
    font-size: 2.4em;
    color: #007ddf;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .participacion .porcentaje span {
    font-weight: 700;
    font-size: 1em;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .participacion .porcentaje span + span {
    font-weight: 500;
    font-size: 0.9em;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .participacion p.genero {
    font-weight: 700;
    font-size: 1.5em;
    color: #151F2C;
    margin-top: -7px;
    text-transform: uppercase;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .participacion .lineas {
    display: none;
    position: absolute;
    width: 30px;
    height: 29px;
    border-right: 0px solid #141f2c;
    border-top: 2px solid #141f2c;
    bottom: -4px;
    right: -34px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .abstencion {
    font-size: 0.85em;
    position: absolute;
    top: 20px;
    right: 30px;
    width: 90px;
    text-align: left;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .abstencion .porcentaje {
    font-weight: 700;
    font-size: 2.4em;
    color: #004685;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .abstencion .porcentaje span {
    font-weight: 700;
    font-size: 1em;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .abstencion .porcentaje span + span {
    font-weight: 500;
    font-size: 0.9em;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .abstencion  p.genero {
    font-weight: 700;
    font-size: 1.5em;
    color: #151F2C;
    margin-top: -6px;
    text-transform: uppercase;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .abstencion  .lineas {
    display: none;
    position: absolute;
    width: 30px;
    height: 20px;
    border-left: 2px solid #141f2c;
    border-top: 0;
    border-bottom: 2px solid #141f2c;
    bottom: unset;
    top: -5px;
    left: -34px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras {
    display: block;
    position: relative;
    width: 100%;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados {
    display: inline-block;
    position: relative;
    width: 100%;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-top: 0px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .left {
    display: block;
    position: relative;
    width: 50%;
    float: left;
    margin-right: 0px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .right {
    display: block;
    position: relative;
    width: 50%;
    float: left;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .left .grafico {
    display: block;
    position: relative;
    float: right;
    width: 100%;
    text-align: center;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .right .grafico {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .grafico .datos {
    border-top: 2px solid #d0d0d0;
    padding-top: 0px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .grafico .datos p.porcentaje {
    font-weight: 700;
    font-size: 2.6em;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .left .grafico .datos p.porcentaje span {
    font-size: 1em;
    font-weight: 700;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .right .grafico .datos p.porcentaje span {
    font-size: 1em;
    font-weight: 700;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .left .grafico .datos p.porcentaje span + span {
    font-size: 0.9em;
    font-weight: 500;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .right .grafico .datos p.porcentaje span + span {
    font-size: 0.9em;
    font-weight: 500;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .grafico .datos p + p {
    font-weight: 700;
    font-size: 1.9em;
    color: #151F2C;
    /*text-transform: uppercase;*/
    margin-top: -6px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .grafico .barra {
    display: block;
    position: relative;
    width: 100%;
    height: 100px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .left .grafico .barra span.barra {
    display: block;
    position: absolute;
    width: 60%;
    height: auto;
    bottom: 0;
    text-align: center;
    left: 20%;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .right .grafico .barra span.barra {
    display: block;
    position: absolute;
    width: 60%;
    height: auto;
    bottom: 0;
    text-align: center;
    right: 22%;
}
/* colores */
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .left .grafico.apruebo .barra span.barra {
    background-color: #007ddf;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .right .grafico.rechazo .barra span.barra {
    background-color: #004785;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .left .grafico.cc .barra span.barra {
    background-color: #3cafd1;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .right .grafico.cmc .barra span.barra {
    background-color: #1abeb1;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .grafico.apruebo .datos p.porcentaje {
    color: #007ddf;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .grafico.rechazo .datos p.porcentaje {
    color: #004785;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .grafico.cc .datos p.porcentaje {
    color: #3cafd1;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .grafico.cmc .datos p.porcentaje {
    color: #1abeb1;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item.constitucion .resultados .box .left .grafico.cc .barra span.barra {
    background-color: #007ddf;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item.constitucion .resultados .box .right .grafico.cmc .barra span.barra {
    background-color: #004785;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item.constitucion .resultados .box .grafico.cc .datos p.porcentaje {
    color: #007ddf;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item.constitucion .resultados .box .grafico.cmc .datos p.porcentaje {
    color: #004785;
}
.modaal-content-container .modalPlebiscito2020 .box .bottom {
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 10px;
}
.modaal-content-container .modalPlebiscito2020 .box .bottom .left {
    display: block;
    position: relative;
    width: 33.3%;
    float: left;
}
.modaal-content-container .modalPlebiscito2020 .box .bottom .center {
    display: block;
    position: relative;
    width: 33.3%;
    float: left;
    text-align: center;
}
.modaal-content-container .modalPlebiscito2020 .box .bottom .right {
    display: block;
    position: relative;
    width: 33.3%;
    float: left;
}
.modaal-content-container .modalPlebiscito2020 .box .bottom .center img {
    text-align: center;
    margin: 0 auto;
    width: 32px;
}
.modaal-content-container .modalPlebiscito2020 .box .bottom .right button {
    float: right;
    padding: 4px 20px 4px 10px;
    margin-right: 14px;
    display: none;
}
.modaal-content-container .modalPlebiscito2020 .box .bottom .right button span {
    display: block;
    position: absolute;
    background-color: #111;
    color: #FFF;
    width: 24px;
    height: 24px;
    border-radius: 20px;
    top: 0;
    right: -8px;
    left: unset;
    padding-top: 6px;
}
.modaal-content-container .modalPlebiscito2020 .box .bottom .left p {
    font-weight: 500;
    font-size: 1.2em;
    color: #778591;
    padding: 14px 0 0 0;
}


/*10. ------ Participación histórica  ----------------------------------------------*/
.resultadosParticipacionHistorica {
    display: block;
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    height: auto;
    padding: 20px 60px;
    width: 1290px;
    margin-bottom: 40px;
}
.resultadosParticipacionHistorica img.gif {
    width: 90px;
    position: absolute;
    top: -26px;
    right: 0;
}
.resultadosParticipacionHistorica .boxResultados {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 20px 0 0 0;
}
.resultadosParticipacionHistorica .boxResultados .item {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}
.resultadosParticipacionHistorica .boxResultados .item .top {
    display: inline-block;
    width: 100%;
    position: relative;
    text-align: center;
}
.resultadosParticipacionHistorica .boxResultados .item .top h2 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 3.2em;
    color: #151F2C;
}
.resultadosParticipacionHistorica .boxResultados .item .graficos {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 20px 0;
}
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    margin-right: 0;
}
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico + .boxGrafico {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    margin-right: 0;
    margin-top: 40px;
}
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico + .boxGrafico p {
    display: block;
    font-weight: 500;
    font-size: 1.4em;
    color: #778591;
    width: 100%;
    text-align: center;
}
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico + .boxGrafico p.servel {
    padding: 10px 0 0 0;
}
/* gráfico de donuts */
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico.donnuts .box-piesite {
    text-align: center;
    font-size: 22px;
}
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico.donnuts p {
    display: block;
    font-weight: 500;
    font-size: 1.4em;
    color: #778591;
    width: 100%;
    text-align: center;
}
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico.donnuts .piesite {
    position: relative;
    width: 1em;
    height: 1em;
    font-size: 6em;
    cursor: default;
}
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico.donnuts .piesite .percent {
    position: absolute;
    top: 1.5em;
    left: 0.1em;
    width: 100%;
    font-size: 0.24em;
    text-align: center;
    z-index: 2;
    color: #151f2c;
}
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico.donnuts .piesite .percent .symbol {
    font-size: 0.5em;
    vertical-align: middle;
    opacity: 1;
}
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico.donnuts .piesite > #slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0px, 1em, 1em, 0.5em);
}
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico.donnuts .piesite > #slice.gt50 {
    clip: rect(auto, auto, auto, auto);
}
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico.donnuts .piesite > #slice > .pie {
    position: absolute;
    border: 0.1em solid #444;
    width: 1em;
    height: 1em;
    clip: rect(0em, 0.5em, 1em, 0em);
    border-radius: 0.5em;
}
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico.donnuts li.design .piesite > #slice > .pie {
    border-color: #FF374B;
}
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico.donnuts li.usability .piesite > #slice > .pie {
    border-color: #FFA500;
}
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico.donnuts li.creativity .piesite > #slice > .pie {
    border-color: #6B8E23;
}
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico.donnuts .piesite > #slice > .pie.fill {
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico.donnuts .piesite.fill > .percent {
    display: none;
}
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico.donnuts .piesite:after {
    content: '';
    display: block;
    position: absolute;
    top: 0.1em;
    left: 0.1em;
    width: 0.8em;
    height: 0.8em;
    background: #e4e6ec;
    border-radius: 100%;
    z-index: 1;
}
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico.donnuts .piesite:before {
    content: '';
    display: block;
    position: absolute;
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    opacity: 0.5;
    z-index: 0;
}
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico.donnuts .piesite:before {
    background: rgba(255, 255, 255, 0.1);
}
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico.donnuts .box-piesite ul {
    padding: 0;
}
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico.donnuts .box-piesite ul li {
    display: inline-block;
    margin: 10px 20px;
}
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico.donnuts .box-piesite ul li h4 {
    font-weight: 700;
    text-align: center;
    font-size: 1.1em;
    text-transform: uppercase;
    color: #151F2C;
    margin-top: 10px;
}

/* gráfico de barras horizontal */
.resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico.barras h4 {
    font-weight: 700;
    text-align: center;
    font-size: 3.2em;
    text-transform: uppercase;
    color: #151F2C;
    margin: 10px 0 0 0;
    text-align: center;
}
.chartBarsWrap {
    padding-left: 40px;
    margin: 0 10px 0 5px;
  }
  .chartBars {
    position: relative;
    max-width: 100%;
    height: 300px;
    margin: 20px 0 0 0;
  }
  .chartBars .bars {
    display: flex;
    justify-content: space-around;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    width: 100%;
    height: 100%;
    padding: 0;
    padding: 0 1%;
    margin: 0;
  }
  .chartBars .bars li {
    display: inline-block;
    flex: 0 1 6%;
    height: 100%;
    margin: 0;
    text-align: center;
    position: relative;
    font-size: 13px;
  }
  .chartBars .bars li .bar {
    width: 100%;
    background: #49E;
    position: absolute;
    font-size: 1.5em;
    color: #fff;
    padding-top: 18px;
    bottom: 0;
    height: 0;
    overflow: hidden;
    font-weight: bold;
    outline: 2px solid transparent;
    -webkit-transition: 1.5s height cubic-bezier(0.6, 0.4, 0.4, 1.1);
    transition: 1.5s height cubic-bezier(0.6, 0.4, 0.4, 1.1);
  }
  .chartBars .bars li .bar:after {
    content: '%';
    font-size: 22px !important;
    vertical-align: top;
    color: rgba(255, 255, 255, 0.8);
    margin-right: -8px;
  }
  .chartBars .bars li b {
    color: #eee;
    width: 100%;
    position: absolute;
    bottom: -2em;
    left: 0;
    text-align: center;
  }
  .chartBars .numbers {
    width: 50px;
    height: 100%;
    margin: 0;
    padding: 0;
    display: inline-block;
    position: absolute;
    left: -50px;
  }
  .chartBars .numbers li {
    text-align: right;
    padding-right: 1em;
    list-style: none;
    height: 59px;
    position: relative;
    font-size: 13px;
    bottom: 11px;
    right: -9px;
    color: #eee;
  }
  .chartBars .numbers li:after {
    content: "\00af";
    position: relative;
    right: -5px;
    font-size: 20px;
    top: 7px;
    color: rgba(255, 255, 255, 0.34);
  }
  .chartBars .numbers li:first-of-type {
    height: 63px;
    margin-top: -1px;
  }
  .chartBars1 .bar {
    border-top-right-radius: 30px;
  }
  .chartBars2 {
    max-width: 350px;
  }
  .chartBars2 .bars {
    padding: 0;
  }
  .chartBars2 .bars li {
    flex: 0 1 25%;
  }
  .chartBars2 .bars li .bar {
    box-shadow: 0 0 20px #222;
  }
  .chartBars3 {
    background: rgba(255, 255, 255, 0.1);
    border-top: 1px solid #666;
    border-right: 1px solid #666;
  }
  .chartBars3 .bars {
    border-color: #666;
    padding: 0;
  }
  .chartBars3 .bars li .bar {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    font-size: 22px !important;
  }
  .chartBars3 .bars li .bar:after {
    font-size: 0.6em !important;
  }
  .chartBarsWrap.chartBarsHorizontal {
    flex-direction: column;
    padding-left: 180px;
    margin-bottom: 20px;
  }
  .chartBarsWrap.chartBarsHorizontal .bars b {
    color: #1f1f21;
    width: 100%;
    position: absolute;
    bottom: initial;
    top: 0.1em;
    left: -102%;
    text-align: right;
    font-weight: 500;
    font-size: 1em;
    font-weight: 400;
    color: #151F2C;
    /*text-transform: uppercase;*/
    margin-top: 2px;
  }
  .chartBarsWrap.chartBarsHorizontal .chartBars {
    height: 400px;
  }
  .chartBarsWrap.chartBarsHorizontal .chartBars .bars {
    border: 1px;
  }
  .chartBarsWrap.chartBarsHorizontal .chartBars .bars .bar {
    width: 0;
    padding-top: 5px;
    height: 100% !important;
    text-align: right;
    font-size: 1em;
    -webkit-transition: 2s width cubic-bezier(0.6, 0.4, 0.4, 1.1);
    transition: 2s width cubic-bezier(0.6, 0.4, 0.4, 1.1);
  }
  .chartBarsWrap.chartBarsHorizontal .chartBars .bars .bar:after {
    font-size: 1em !important;
    margin-right: 20px;
  }
  .bars li .bar.greenBar {
    background-color: #6B8E23;
    background: radial-gradient(#99cb32, #6B8E23);
  }
  .bars li .bar.greenBarFlat {
    background-color: #6B8E23;
  }
  .bars li .bar.blueBar {
    background-color: #49E;
    background: radial-gradient(#8abff4, #49E);
  }
  .bars li .bar.blueBarFlat {
    background-color: #007ddf;
  }
  .bars li .bar.orangeBar {
    background-color: orange;
    background: radial-gradient(#ffc04d, #FFA500);
  }
  .bars li .bar.orangeBarFlat {
    background-color: #004785;
  }
  .bars li .bar.redFlat {
    background-color: #ff374b;
  }
  .bars li .bar.purpleBar {
    background-color: #6e46af;
    background: radial-gradient(#9778c9, #6e46af);
  }
  .bars li .bar.purpleBarFlat {
    background-color: #6e46af;
  }
  
  .bars li .bar.purpleBar {
    background-color: #6e46af;
    background: radial-gradient(#9778c9, #6e46af);
  }
  .bars li .bar.purpleBarFlat {
    background-color: #6e46af;
  }
  .chartBarsHorizontal .chartBars .bars {
    flex-direction: column;
  }
  @media screen and (min-width: 600px) {
    .bar:before {
      font-size: 2em !important;
    }
    .chartBars3 .bar:before {
      font-size: 1.5em !important;
    }
  }
  .tooltip > .tooltipContent {
    display: block;
    position: absolute;
    background: none repeat scroll 0 0 #222;
    color: #F0B015;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.5em;
    padding: 16px 15px;
    min-width: 200px;
    max-width: 500px;
    top: 0;
    left: 50%;
    transform: translate(-50%, -110%);
    margin-left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    text-align: center;
    z-index: 2;
    text-transform: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease-in-out;
  }
  .tooltip:hover > .tooltipContent {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 99;
    transform: translate(-50%, -130%);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .tooltip .tooltipContent:after {
    border-color: #222 rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 15px 15px 0;
    bottom: -15px;
    content: "";
    display: block;
    left: 50%;
    transform: translate(-50%, 0);
    position: absolute;
    width: 0;
  }

/*11. ------Especiale en home: dato útil ----------------------------------------------*/

section.plebiscitoDatoUtil {
    display: block;
    position: relative;
    margin: 0 auto;
    height: auto;
    width: 1290px;
    margin-bottom: 30px;
    margin-top: 30px;
}
section.plebiscitoDatoUtil .box {
    display: inline-block;
    position: relative;
}
section.plebiscitoDatoUtil .box h3 {
    font-weight: 700;
    color: #151F2C;
    font-size: 3em;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
section.plebiscitoDatoUtil .box h3 span:before {

    content: '\e800';
    margin: 0 6px 0 4px;
}
section.plebiscitoDatoUtil .box h3 img {
    width: 200px;
}
section.plebiscitoDatoUtil .box .notas {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 0px !important;
}
section.plebiscitoDatoUtil .box .notas a {
    display: block;
    position: relative;
    width: 30%;
    margin-right: 5%;
    float: left;
    margin-bottom: 20px;
}
section.plebiscitoDatoUtil .box .notas a:hover {
    opacity: 0.75;
}
section.plebiscitoDatoUtil .box .notas a + a {
    display: block;
    position: relative;
    width: 30%;
    margin-right: 5%;
}
section.plebiscitoDatoUtil .box .notas a + a + a {
    display: block;
    position: relative;
    width: 30%;
    margin-right: 0%;
}
section.plebiscitoDatoUtil .box .notas a + a + a + a {
    display: block;
    position: relative;
    width: 30%;
    margin-right: 5%;
}
section.plebiscitoDatoUtil .box .notas a + a + a + a + a {
    display: block;
    position: relative;
    width: 30%;
    margin-right: 5%;
}
section.plebiscitoDatoUtil .box .notas a + a + a + a + a + a {
    display: block;
    position: relative;
    width: 30%;
    margin-right: 0%;
}
section.plebiscitoDatoUtil .box .notas a + a + a + a + a + a + a {
    display: block;
    position: relative;
    width: 30%;
    margin-right: 5%;
}
section.plebiscitoDatoUtil .box .notas a + a + a + a + a + a + a + a {
    display: block;
    position: relative;
    width: 30%;
    margin-right: 5%;
}
section.plebiscitoDatoUtil .box .notas a + a + a + a + a + a + a + a + a {
    display: block;
    position: relative;
    width: 30%;
    margin-right: 0%;
}
section.plebiscitoDatoUtil .box .notas a + a + a + a + a + a + a + a + a + a {
    display: block;
    position: relative;
    width: 30%;
    margin-right: 5%;
}
section.plebiscitoDatoUtil .box .notas a + a + a + a + a + a + a + a + a + a + a {
    display: block;
    position: relative;
    width: 30%;
    margin-right: 5%;
}
section.plebiscitoDatoUtil .box .notas a + a + a + a + a + a + a + a + a + a + a + a {
    display: block;
    position: relative;
    width: 30%;
    margin-right: 0%;
}
section.plebiscitoDatoUtil .box .notas a .item {
    display: inline-block;
    position: relative;
    width: 100%;
}
section.plebiscitoDatoUtil .box .notas a .item .left {
    display: flex;
    width: 15%;
    background-color: #fff;
    height: 60px;
    align-items: center;
    position: relative;
    float: left;
    text-align: center;
    margin-right: 0px !important;
    margin-bottom: 0px;
}
section.plebiscitoDatoUtil .box .notas a .item .left img {
    width: 60px;
}
section.plebiscitoDatoUtil .box .notas a .item .right {
    display: flex;
    width: 80%;
    background-color: #fff;
    height: 60px;
    justify-content: left;
    align-items: center;
    position: relative;
    float: left;
    margin-left: 0px !important;
}
section.plebiscitoDatoUtil .box .notas a .item .triangle {
    display: flex;
    width: 5%;
}
section.plebiscitoDatoUtil .box .notas a .item .triangle span {
    width: 0;
    height: 0;
    border-left: 20px solid #ffffff;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
}
section.plebiscitoDatoUtil .box .notas a .item .right h3 {
    font-weight: 500;
    font-size: 1.8em;
    color: #151F2C;
    padding: 0px 10px;
    line-height: 1.2em;
    margin: 0;
    font-weight: 400;
}
section.plebiscitoDatoUtil .box .btn {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: right;
}
section.plebiscitoDatoUtil .box .btn a {
    border: 2px solid #162133;
    color: #162133;
    border-radius: 4px;
    font-weight: 700;
    font-size: 1.8em;
    padding: 10px 20px;
}
section.plebiscitoDatoUtil .box .btn a:hover {
    border: 2px solid #162133;
    background-color: #162133;
    color: #ffffff;
    border-radius: 4px;
    font-weight: 700;
    font-size: 1.8em;
    padding: 10px 20px;
}

/*12. ------Artículo ----------------------------------------------*/
body#articulo.plebiscito2020 section.topHeaderPlebiscito {
    padding: 70px 0 24px 0;
    height: 186px;
}

/*14. ------Cartón previo resultados ----------------------------------------------*/
.previewResultados {
    display: block;
    position: relative;
    margin: 0 auto;
    background: url('../img/bgPreview.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    width: 1260px;
    margin-bottom: 0px;
    text-align: center;
    padding: 100px 20px;
    z-index: 999;
    margin-top: -52px;
}
.previewResultados .box { 
    display: inline-block;
    width: 70%;
    margin: 0 auto;
}
.previewResultados .box .left { 
    display: block;
    width: 25%;
    float: left;
} 
.previewResultados .box .left img {
    width: 40%;
}
.previewResultados .box .right { 
    display: block;
    width: 75%;
    float: left;
}
.previewResultados .box .btn {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 60px 0 0 0;
}
.previewResultados .box .right p { 
    color: #fff;
    font-size: 1.8em;
    text-align: left;
    padding: 20px 0 0 0;
}
.previewResultados .box .btn a {
    border: 2px solid #fff;
    color: #fff;
    border-radius: 4px;
    font-weight: 700;
    font-size: 1.8em;
    padding: 10px 20px;
}
.previewResultados .box .btn a:hover {
    border: 2px solid #fff;
    background-color: #fff;
    color: #162133;
    border-radius: 4px;
    font-weight: 700;
    font-size: 1.8em;
    padding: 10px 20px;
}
.modaal-wrapper .modaal-close span {
    display: none;
}


/*NN. ------RESPONSIVE ---------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/

@media (min-width: 320px) and (max-width: 374px) {

    .modaal-content-container .modalPlebiscito2020 .box .resultados .box .item.mecanismo .resultados .right p + p, .modaal-content-container .modalPlebiscito2020 .box .resultados .box .item.mecanismo .resultados .left p + p {
        font-size: 1.2em !important;
    }
    .resultadosTotalGeneral .box .item .resultados .right p + p, .resultadosTotalGeneral .box .item .resultados .left p + p {
        font-size: 1.2em !important;
    }
    .modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .abstencion {
        right: 5px !important;
    }
    .modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .participacion {
        left: 5px !important;
    }
    .resultadosTotalGeneral .box .item .resultados .left p span, .resultadosTotalGeneral .box .item .resultados .right p span {
        font-size: 2em !important;
    }
    .resultadosTotalGeneral .box .item.constitucion #pleb-global.resultados .right p + p, .resultadosTotalGeneral .box .item.constitucion #pleb-global.resultados .left p + p {
        font-size: 1.6em !important;
    }
    .resultadosTotalGeneral .box .item.constitucion #pleb-ext.resultados .right p + p, .resultadosTotalGeneral .box .item.constitucion #pleb-ext.resultados .left p + p {
        font-size: 1.6em !important;
    }
    .resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .abstencion {
        right: 5px !important;
    }
    .resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .participacion {
        left: 0px !important;
    }
    .resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico.donnuts .piesite {
        font-size: 4em !important;
    }
    .modaal-content-container .modalPlebiscito2020 .box .resultados .box .item + .item,
    .modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos {
        margin-top: 10px !important;
    }
    .modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .datos ul li,
    .modaal-content-container .modalPlebiscito2020 .box .resultados .box .item ul li {
        font-size: 1.1em;
    }

}

@media (min-width: 320px) and (max-width: 767px) {

    /*header*/

    .headerResultados {
        width: 100%;
    }
    .headerResultados .box {
        border-radius: 0;
    }
    nav.menuResultados {
        display: block;
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        position: sticky;
        height: 30px;
        top: 0px;
        z-index: 9999;
        padding: 4px 10px 8px 10px;
        width: 100%;
        border-radius: 0;
        margin: -2px 0 10px 0;
    }
    .headerResultados .box {
        margin-top: 0;
        padding: 4px 10px;
    }
    nav.menuResultados ul li {
        padding: 0 20px 0 0;
    }
    nav.menuResultados ul li a {
        font-size: 1.4em;
    }
    nav.menuResultados ul {
        width: 100%;
        white-space: nowrap;
        overflow-x:auto;
    }
    .headerResultados .box .center h1 {
        font-size: 2.4em;
        margin: 10px 0;
    }

    /*1 y 2. ------Especiale en home: ló ultimo + dato útil ----------*/
    section.plebiscitoDatoUtil,
    section.plebiscitoHomeNotas {
        width: 100%;
    }
    section.plebiscitoDatoUtil .box h3,
    section.plebiscitoHomeNotas .box h3 {
        font-size: 2.2em;
    }
    section.plebiscitoDatoUtil .box h3 img,
    section.plebiscitoHomeNotas .box h3 img {
        width: 150px;
    }
    section.plebiscitoDatoUtil .box .notas a,
    section.plebiscitoDatoUtil .box .notas a + a,
    section.plebiscitoDatoUtil .box .notas a + a + a,
    section.plebiscitoDatoUtil .box .notas a + a + a + a,
    section.plebiscitoDatoUtil .box .notas a + a + a + a + a,
    section.plebiscitoDatoUtil .box .notas a + a + a + a + a + a,
    section.plebiscitoDatoUtil .box .notas a + a + a + a + a + a + a,
    section.plebiscitoDatoUtil .box .notas a + a + a + a + a + a + a + a,
    section.plebiscitoDatoUtil .box .notas a + a + a + a + a + a + a + a + a,
    section.plebiscitoDatoUtil .box .notas a + a + a + a + a + a + a + a + a + a,
    section.plebiscitoDatoUtil .box .notas a + a + a + a + a + a + a + a + a + a + a,
    section.plebiscitoDatoUtil .box .notas a + a + a + a + a + a + a + a + a + a + a + a {
        padding: 0 10px;
        width: 100%;
        margin-right: 0%;
        margin-bottom: 10px;
    }
    section.plebiscitoDatoUtil .box .btn,
    section.plebiscitoHomeNotas .box .btn {
        padding: 0 10px;
    }
    body#portada section.cobertura-especial.plebiscitoHomeNotas .notas article.box-generica-home {
        height: auto;
    }
    body#portada section.cobertura-especial.plebiscitoHomeNotas .notas article.box-generica-home .bottom .linea {
        display: none;
    }
    .resultadosBuscadorGraficos .boxResultados ul {
        display: block;
        width: 100%;
        text-align: center;
        margin: -4px 0 0 0;
    }
    .plebiscito2020 .topHeaderPlebiscito + .noticias {
        margin-top: 0px !important;
        padding: 0px !important;
    }

    /*4. Especial: Header ----------*/
    body.plebiscito2020 main {
        margin-top: 0px;
    }
    section.topHeaderPlebiscito {
        padding: 10px 0;
        margin-top: 0px;
        overflow: hidden;
        height: 100px;
    }
    section.topHeaderPlebiscito .box,
    section.headerPlebicito2020Home .box {
        width: 100%;
        margin-top: 0px;
        padding: 10px 0;
    }
    section.headerPlebicito2020Home { 
        margin-top: -10px;
        padding: 20px 0 0 0;
    }
    section.topHeaderPlebiscito .box .item {
        width: 100%;
    }
    section.topHeaderPlebiscito .box .item.logo {
        margin-top: 0px;
        text-align: left;
        padding-left: 10px;
    }
    .cuentaRegresiva .countdown {
        width: 150px;
        margin: 0 auto;
        padding-right: 10px;
        padding-top: 6px;
    }
    .cuentaRegresiva .countdown h3 {
        letter-spacing: 4px;
        font-size: 1.2em;
    }
    .cuentaRegresiva .countdown .fecha p {
        letter-spacing: 6px;
        font-size: 1.4em;
    }
    body.plebiscito2020 section.destacadosEspecial {
        margin-top: 14px;
        padding: 0;
    }
    section.topHeaderPlebiscito .box .item.gif img {
        bottom: -110px;
        width: 120px;
    }
    .cuentaRegresiva .countdown .columna {
        font-size: 2em;
    }
    section.topHeaderPlebiscito .box .item {
        width: 100%;
    }
    section.topHeaderPlebiscito .box .item + .item {
        width: 50%;
    }
    section.topHeaderPlebiscito .box .item + .item + .item {
        width: 50%;
    }
    section.topHeaderPlebiscito .box .item.gif {
        height: 0px;
    }
    section.topHeaderPlebiscito .box .item.logo img {
        width: 80%;
    }

    /*3. Especial: Plebiscito 2020: Notas destacadas ----------*/
    body.plebiscito2020 section.destacadosEspecial {
        width: 100%;
    }
    body.plebiscito2020 #destacado-home article figure .titulares {
        width: 100%;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.destacado figure .titulares .box-texto {
        left: unset;
        width: 100%;
    }
    section.plebiscitoHomeNotas .notas article.box-generica-home {
        height: auto;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.destacado figure a img {
        margin-top: -4px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.destacado figure .titulares .top-nota {
        margin-top: -60px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.box-generica-home .bottom {
        height: auto;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.box-generica-home .bottom a {
        width: unset !important;
        height: unset !important;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.destacado figure .titulares .top-nota ul li.categoria a {
        width: unset !important;
        height: unset !important;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.destacado figure .titulares .box-texto a {
        width: unset !important;
        height: unset !important;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.box-generica-home .top .box-top .top-nota .box ul li.categoria a {
        width: unset !important;
        height: unset !important;
    }
    body.plebiscito2020 section.destacadosEspecial .notas article.video .bottom {
        height: auto;
    }
    .botonVerMas {
        width: 100%;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.destacado {
        margin-right: 0px !important;
        width: 100%;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article + article {
        margin-right: 0px !important;
        width: 100%;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article + article img {
        margin-top: 0;
    }
    body.plebiscito2020 section.destacadosEspecial .notas article {
        margin-right: 0px;
        margin-top: 0px;
    }
    body.plebiscito2020 section.destacadosEspecial .notas article + article {
        margin-right: 0px;
        margin-top: 0px;
    }
    body.plebiscito2020 section.destacadosEspecial .notas article + article + article {
        margin-right: 0px;
        margin-top: 0px;
    }
    body.plebiscito2020 section.destacadosEspecial .notas article + article + article + article {
        margin-right: 0px;
        margin-top: 0px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container {
        width: 100%;
        margin-bottom: 20px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container + article {
        width: 100%;
        margin-right: 0% !important;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container + article + article {
        width: 100%;
        margin-right: 0% !important;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container + article .bottom, 
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container + article + article .bottom {
        height: auto !important;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container + article img {
        margin-top: 0;
    }

    /* 5. Resultados */
    body.resultados .tituloResultados h1 {
        font-size: 3.4em;
        letter-spacing: 4px;
    }
    body.resultados .tituloResultados h1 b {
        display: none;
    }
    body.resultados .tituloResultados {
        width: 100%;
    }
    .resultadosBuscadorGraficos,
    .resultadosTotalGeneral {
        width: 100%;
        padding: 20px 10px;
        margin: 50px 0 20px 0;
    }
    .resultadosTotalGeneral {
        margin-top: 0px !important;
    }
    .plebiscito2020 .topHeaderPlebiscito + script + .resultadosTotalGeneral.votoExtranjero,
    .plebiscito2020 .topHeaderPlebiscito + script + .resultadosTotalGeneral,
    .plebiscito2020 .topHeaderPlebiscito + .resultadosTotalGeneral.votoExtranjero, .plebiscito2020 .topHeaderPlebiscito + .resultadosTotalGeneral, .plebiscito2020 .topHeaderPlebiscito + .noticias {
        margin-top: -10px !important;
    }
    .resultadosBuscadorGraficos .titulo h2 {
        font-size: 2.6em;
        line-height: 1em;
        margin: 0 0 10px 0;
        text-align: center;
    }
    .resultadosBuscadorGraficos .boxBuscador {
        margin-top: 4px;
        width: 100%;
    }
    .resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .participacion {
        left: 10px;
        width: 80px;
    }
    .resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .abstencion {
        right: 10px;
        width: 80px;
    }
    body.resultados .tituloResultados {
        padding: 20px 10px 0px 10px;
        margin-top: 0;
    }
    .resultadosBuscadorGraficos .boxResultados .item.participacion .graficos .boxGrafico {
        width: 100%;
        margin-right: 0%;
        display: none;
    }
    .resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico {
        width: 100%;
        margin-right: 0;
        margin-top: 20px;
    }
    .resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .top {
        margin-top: 6px;
    }
    .resultadosBuscadorGraficos .boxResultados .item.participacion .graficos .boxGrafico + .boxGrafico {
        display: block;
    }
    .resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico + .boxGrafico {
        width: 100%;
        margin-right: 0%;
        margin-top: 20px;
    }
    .resultadosBuscadorGraficos .boxResultados .item.participacion .graficos .boxGrafico h3 {
        display: none;
    }
    .resultadosBuscadorGraficos .boxResultados .item .top h2,
    .resultadosTotalGeneral .titulo h2 {
        font-size: 2.6em;
        line-height: 1.2em;
        text-align: center;
    }
    .resultadosTotalGeneral .box .item .datos ul li {
        padding: 0;
    }
    .resultadosBuscadorGraficos .boxResultados .item .graficos {
        margin: 10px 0;
    }
    .resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .right .grafico,
    .resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .left .grafico {
        width: 100%;
    }
    .resultadosBuscadorGraficos .boxResultados .item + .item {
        margin-bottom: 0px;
    }
    .resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .abstencion .lineas {
        left: -50px;
        width: 40px;
    }
    .resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .participacion .lineas {
        right: -50px;
        width: 40px;
    }
    .resultadosTotalGeneral .box .item .resultados .center {
        width: 50%;
    }
    .resultadosTotalGeneral .box .item .resultados .left,
    .resultadosTotalGeneral .box .item .resultados .right {
        width: 25%;
    }
    .resultadosTotalGeneral .box .item .resultados .right p + p,
    .resultadosTotalGeneral .box .item .resultados .left p + p {
        font-size: 1.2em;
    }
    .resultadosTotalGeneral .box .item .datos {
        margin-top: -2px;
    }
    .resultadosTotalGeneral .box .item ul li {
        font-size: 1.2em;
    }
    .resultadosTotalGeneral .box .item .datos ul li {
        font-size: 1.2em;
        padding:  0;
    }
    .resultadosTotalGeneral .box .item .resultados .left p span,
    .resultadosTotalGeneral .box .item .resultados .right p span {
        font-size: 2.4em;
    }
    .resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico .resultados .box .grafico .datos p.porcentaje {
        font-size: 2.4em;
    }
    .resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .abstencion .porcentaje,
    .resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .participacion .porcentaje {
        font-size: 3em;
    }


    /*6. Home: Título destacado*/
    .tituloDestacadoHome {
        width: 100%;
        padding: 0;
    }
    .tituloDestacadoHome .titulo {
        text-align: left;
        padding: 20px 10px;
    }
    .tituloDestacadoHome .titulo a {
        font-size: 2.2em;
    }
    section.headerPlebicito2020Home .box .item.gif img {
        width: 130px;
        top: -28px;
    }
    section.headerPlebicito2020Home .box .item.logo img {
        width: 100%;
        padding-top: 4px;
        padding-left: 10px;
    }
    section.headerPlebicito2020Home .box .item.gif {
        width: 100%; 
        height: 0;
        position: absolute;
    }
    section.headerPlebicito2020Home .box .item.logo {
        text-align: left;
        width: 50%; 
        padding-top: 10px;
    }
    section.headerPlebicito2020Home .box .item.cuentaRegresiva {
        width: 50%; 
    }
    section.headerPlebicito2020Home .cuentaRegresiva .countdown h3 {
        letter-spacing: 1px;
    }

    #boxResultadosRegionComuna.resultadosBuscadorGraficos .top h2,
    #boxResultadosPorSelectPais.boxResultados .top h2 {
        font-size: 2.2em;
        line-height: 1.2em;
        text-align: center;
    }
    .resultadosBuscadorGraficos.participacionHistorica .boxResultados {
        margin: 0px 0 0 0;
    }
    .resultadosBuscadorGraficos.participacionHistorica .boxResultados .graficos .top h2 {
        font-size: 2.2em;
    }

    /*10. ------ Participación histórica  ----------------------------------------------*/
    .resultadosParticipacionHistorica {
        width: 100%;
        padding: 10px;
    }
    .resultadosParticipacionHistorica .boxResultados .item .top h2 {
        font-size: 2.6em;
        line-height: 1em;
    }
    .resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico.donnuts p,
    .resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico + .boxGrafico p {
        font-size: 1.2em;
        text-align: left;
    }
    .resultadosParticipacionHistorica .boxResultados .item .graficos .boxGrafico.barras h4 {
        font-size: 2.6em;
    }
    .chartBarsWrap.chartBarsHorizontal .bars b {
        font-size: 0.9em;
        margin-top: 2px;
    }
    .chartBarsWrap.chartBarsHorizontal .chartBars {
        height: 300px;
    }
    .chartBarsWrap.chartBarsHorizontal .chartBars .bars .bar {
        padding-top: 0px;
    }
    .chartBarsWrap.chartBarsHorizontal .chartBars .bars .bar:after {
        margin-right: 10px;
    }
    .chartBarsWrap.chartBarsHorizontal {
        padding-left: 150px;
    }

    /*12. ------Artículo ----------------------------------------------*/
    body#articulo.plebiscito2020 section.topHeaderPlebiscito {
        padding: 10px 0;
        margin-top: 0px;
        overflow: hidden;
        height: 100px;
    }

    /*14. ------Cartón previo resultados ----------------------------------------------*/
    .previewResultados {
        width: 100%;
        padding: 60px 20px;
    }
    .previewResultados .box .right p {
        padding: 0;
    }
    .previewResultados .box {
        width: 90%;
    }
    .previewResultados .box .right p {
        font-size: 1.6em;
        margin: 20px 0 0 0;
    }
    .previewResultados .box .left img {
        width: 30%;
    }
    .previewResultados .box .left {
        display: block;
        width: 100%;
        float: left;
    }
    .previewResultados .box .right {
        display: block;
        width: 100%;
        float: left;
    }

    .resultadosTotalGeneral .box .item.constitucion #pleb-global.resultados .right p + p, 
    .resultadosTotalGeneral .box .item.constitucion #pleb-global.resultados .left p + p {
        font-size: 1.8em;
    }
    .resultadosTotalGeneral .box .item.constitucion #pleb-ext.resultados .right p + p, 
    .resultadosTotalGeneral .box .item.constitucion #pleb-ext.resultados .left p + p {
        font-size: 1.8em;
    }


/*9. ------ Modal  ----------------------------------------------*/
.modaal-inner-wrapper{
    overflow: hidden;
    display: table;
    margin-top: 20px;
}
.modaal-inner-wrapper {
    padding: 0 !important;
    margin-top: unset;
}
.modaal-container {
    width: 95vw;
    height: auto;
    transform: scale(1);
    box-shadow: none;
    border-radius: 4px;
    display: table;
    margin-top: 3vw;
}
.modaal-wrapper .modaal-close span {
    display: none;
}
.modaal-content-container .modalPlebiscito2020 .btnesModal {
    display: block;
    position: relative;
    width: 100%;
}
.modaal-content-container {
    padding: 10px;
}
.modaal-content-container .modalPlebiscito2020 .box {
    display: block;
    position: relative;
}
.modaal-content-container .modalPlebiscito2020 .box .datosHeader {
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
}
.modaal-content-container .modalPlebiscito2020 .box .datosHeader img {
    width: 120px;
}
.modaal-content-container .modalPlebiscito2020 .box .datosHeader .resultadoGenerales {
    display: block;
    position: relative;
} 
.modaal-content-container .modalPlebiscito2020 .box .datosHeader .resultadoGenerales h2 {
    font-weight: 700;
    text-align: center;
    font-size: 2.4em;
    line-height: 1em;
    text-transform: uppercase;
    color: #151F2C;
    padding: 6px 0px 6px 0px;
    border-bottom: 1px solid #dce3e8;
    margin-bottom: 10px;
    margin-top: 0;
}
.modaal-content-container .modalPlebiscito2020 .box .datosHeader .resultadoGenerales h3 {
    margin-bottom: 8px;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: -8px;
}
.modaal-content-container .modalPlebiscito2020 .box .datosHeader .resultadoGenerales h3 a {
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1em;
    color: #151F2C;
}
.modaal-content-container .modalPlebiscito2020 .box .datosHeader .resultadoGenerales ul {
    display: inline;
}
.modaal-content-container .modalPlebiscito2020 .box .datosHeader .resultadoGenerales ul li {
    display: inline;
    font-weight: 700;
    font-size: 1.2em;
    color: #778591;
    padding: 0 10px 0 0;
}
.modaal-content-container .modalPlebiscito2020 .box .datosHeader .resultadoGenerales ul li span {
    font-weight: 500;
    font-weight: 400;
}
.modaal-content-container .modalPlebiscito2020 .box .datosHeader .resultadoGenerales ul li + li + li {
    padding: 0;
}
.modaal-content-container .modalPlebiscito2020 .box .datosHeader .resultadoGenerales p {
    font-weight: 500;
    font-size: 1.2em;
    line-height: 1em;
    color: #151F2C;
    padding-bottom: 2px;
}
.modaal-content-container .modalPlebiscito2020 .box .datosHeader .resultadoGenerales p span {
    font-weight: 700;
    line-height: 1em;
    color: #151F2C;
}
body.resultados .modaal-container #modaal-close {
    display: none;
}
.modaal-content-container .modalPlebiscito2020 .btnesModal {
    display: inline-block;
    position: relative;
    top: 0;
    width: 100%;
}
.modaal-content-container .modalPlebiscito2020 .btnesModal button {
    background-color: #dce3e8;
    padding: 4px 10px 4px 28px;
    height: 24px;
    position: relative;
    border-radius: 10px;
    float: left;
    border: 0;
    line-height: 2px;
    cursor: pointer;
}
.modaal-content-container .modalPlebiscito2020 .btnesModal button span {
    display: block;
    position: absolute;
    background-color: #111;
    color: #FFF;
    width: 24px;
    height: 24px;
    border-radius: 20px;
    top: 0;
    left: 0px;
    padding-top: 6px;
}
.modaal-content-container .modalPlebiscito2020 .btnesModal button + button {
    background-color: #dce3e8;
    padding: 4px 20px 4px 10px;
    height: 24px;
    position: relative;
    border-radius: 10px;
    float: right;
    line-height: 2px;
    cursor: pointer;
    display: block;
    z-index: 999;
    margin-right: 10px;
}
.modaal-content-container .modalPlebiscito2020 .btnesModal button + button span {
    display: block;
    position: absolute;
    background-color: #111;
    color: #FFF;
    width: 24px;
    height: 24px;
    border-radius: 20px;
    top: 0;
    right: -8px;
    left:unset;
    padding-top: 6px;
}
.modaal-content-container .modalPlebiscito2020 .btnesModal button:hover {
    opacity: 0.75;
}
.modaal-content-container .modalPlebiscito2020 .compartirRRSS {
    position: absolute;
    z-index: 999;
    left: 7px;
    top: 55px;
    display: none;
}
.modaal-content-container .modalPlebiscito2020 .compartirRRSS.activo {
    display: block;
}
.modaal-content-container .modalPlebiscito2020 .compartirRRSS ul {
    display: inline-block;
    position: relative;
    background-color: #dce3e8;
    padding: 4px;
    border-radius: 4px;
}
.modaal-content-container .modalPlebiscito2020 .compartirRRSS ul li {
    display: inline;
}
.modaal-content-container .modalPlebiscito2020 .compartirRRSS ul li a {
    color: #1778F2;
    font-size: 3em;
}
.modaal-content-container .modalPlebiscito2020 .compartirRRSS ul li + li a {
    color: #17AFF2;
}
.modaal-content-container .modalPlebiscito2020 .compartirRRSS ul li + li + li a {
    color: #4CAF50;
}
.modaal-content-container .modalPlebiscito2020 .compartirRRSS span.flecha {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 14px 14px 14px;
    border-color: #0000 #0000 #dce3e8 #0000;
    position: absolute;
    top: -14px;
    left: 10px;
}
.modaal-content-container .modalPlebiscito2020 .compartirRRSS ul li a:hover {
    opacity: 0.75;
}
.modaal-noscroll {
    overflow: hidden;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 4px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 4px;
    text-align: center;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item h3 {
    font-weight: 700;
    text-align: center;
    font-size: 2em;
    /*text-transform: uppercase;*/
    color: #151F2C;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item ul {
    display: block;
    margin-top: -6px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item ul li {
    display: inline;
    font-weight: 500;
    font-size: 1.2em;
    color: #778591;
    padding: 0;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item ul li + li + li {
    padding: 0;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item ul li span {
    display: inline;
    font-weight: 500;
    font-weight: 400;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 6px 0 0 0;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .left {
    display: block;
    position: relative;
    width: 25%;
    float: left;
    text-align: center;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .center {
    display: block;
    position: relative;
    width: 50%;
    height: 32px;
    float: left;
    text-align: center;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .right {
    display: block;
    position: relative;
    width: 25%;
    float: left;
    text-align: center;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .center .barras {
    display: block;
    position: relative;
    width: 100%;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .center .barras .bgBarras {
    display: block;
    position: absolute;
    width: 100%;
    height: 20px;
}
/* acepto */
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .left p {
    margin-top: -8px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .left p span {
    font-weight: 700;
    font-size: 1.4em;
    color: #007ddf;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .left p span + span {
    font-weight: 500;
    font-size: 1.2em;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .left p + p {
    font-weight: 700;
    font-size: 1.8em;
    /*text-transform: uppercase;*/
    line-height: 1em;
    margin-top: -4px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .center .barras .barraLeft {
    display: inline-block;
    position: relative;
    width: 100%;
    background-color: #007ddf;
    height: 20px;
    z-index: 2;
    float: left;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .center .barras .bgBarras span {
    display: inline-block;
    position: relative;
    width: 50%;
    background-color: #007ddf;
    height: 20px;
    z-index: 1;
}
/*rechazo*/
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .right p {
    margin-top: -8px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .right p span {
    font-weight: 700;
    font-size: 1.4em;
    color: #004785;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .right p span + span {
    font-weight: 500;
    font-size: 1.2em;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .right p + p {
    font-weight: 700;
    font-size: 1.8em;
    /*text-transform: uppercase;*/
    line-height: 1em;
    margin-top: -4px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item.mecanismo .resultados .right p + p,
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item.mecanismo .resultados .left p + p {
    font-size: 1.4em;
    margin-top: -3px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .center .barras .barraRight {
    display: inline-block;
    position: relative;
    width: 100%;
    background-color: #004785;
    height: 20px;
    z-index: 2;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .resultados .center .barras .bgBarras span + span {
    display: inline-block;
    position: relative;
    width: 50%;
    background-color: #004785;
    height: 20px;
    z-index: 1;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item.mecanismo .resultados .right p span {
    color: #d2121c;
    font-size: 2em;
}
/* mecanismo */
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item.mecanismo .resultados .center .barras .bgBarras span {
    background-color: #ff3345;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item.mecanismo .resultados .center .barras .bgBarras span + span {
    background-color: #d2121c;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item.mecanismo .resultados .center .barras .barraLeft {
    background-color: #ff3345;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item.mecanismo .resultados .center .barras .barraRight {
    background-color: #d2121c;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item.mecanismo .resultados .left p span {
    color: #ff3345;
    font-size: 2em;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box.item.mecanismo .resultados .right p span {
    color: #d2121c;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item.mecanismo .resultados .left p span + span {
    font-size: 1.8em;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item.mecanismo .resultados .right p span + span {
    font-size: 1.8em;
}

/*datos*/
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .datos {
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0;
    margin-top: -2px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .datos ul {
    display: inline;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .datos ul li {
    display: inline;
    font-weight: 500;
    font-size: 1.2em;
    color: #778591;
    padding: 0;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .datos ul li + li + li {
    padding: 0;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item .datos ul li span {
    display: inline;
    font-weight: 500;
    font-weight: 400;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .box .item + .item {
    margin-top: 20px;
}

.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 20px 0 0 0;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .top {
    display: inline-block;
    width: 100%;
    position: relative;
    text-align: center;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .top h2 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 2.2em;
    line-height: 1em;
    color: #151F2C;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .top ul {
    display: inline;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .top ul li {
    display: inline;
    font-weight: 500;
    font-size: 1.1em;
    color: #778591;
    padding: 0;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .top ul li span {
    display: inline;
    font-weight: 500;
    font-weight: 400;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .top ul li + li + li {
    padding: 0;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico {
    display: block;
    position: relative;
    width: 100%;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 10px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .grafico-donut {
    width: 80px;
    height: 80px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    position: relative;
    background: #007ddf linear-gradient(to right, #007ddf 50%, #004785 50%);
    color: #004785;
    border-radius: 50%;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .grafico-donut::before {
    content: '';
    position: absolute;
    display: block;
    background-color: inherit;
    height: 100%;
    width: 50%;
    bottom: 0;
    right: 0;
    border-radius: 0 100% 100% 0 / 50%;
    transform: rotate(0);
    transform-origin: 0 50%;
    animation: 50s spin infinite linear, 100s background infinite step-end;
    animation-play-state: paused;
    animation-delay: inherit;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .participacion {
    font-family: 'Raleway', sans-serif;
    font-size: 0.85em;
    position: absolute;
    bottom: 40px;
    left: 26px;
    width: 90px;
    text-align: right;
    top: unset;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .participacion .porcentaje {
    font-weight: 700;
    font-size: 2.4em;
    color: #007ddf;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .participacion .porcentaje span {
    font-weight: 700;
    font-size: 1em;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .participacion .porcentaje span + span {
    font-weight: 500;
    font-size: 0.9em;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .participacion p.genero {
    font-weight: 700;
    font-size: 1.5em;
    color: #151F2C;
    margin-top: -7px;
    text-transform: uppercase;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .participacion .lineas {
    display: none;
    position: absolute;
    width: 30px;
    height: 29px;
    border-right: 0px solid #141f2c;
    border-top: 2px solid #141f2c;
    bottom: -4px;
    right: -34px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .abstencion {
    font-family: 'Raleway', sans-serif;
    font-size: 0.85em;
    position: absolute;
    top: 20px;
    right: 30px;
    width: 90px;
    text-align: left;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .abstencion .porcentaje {
    font-weight: 700;
    font-size: 2.4em;
    color: #004685;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .abstencion .porcentaje span {
    font-weight: 700;
    font-size: 1em;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .abstencion .porcentaje span + span {
    font-weight: 500;
    font-size: 0.9em;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .abstencion  p.genero {
    font-weight: 700;
    font-size: 1.5em;
    color: #151F2C;
    margin-top: -6px;
    text-transform: uppercase;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxGrafico .box-grafico .abstencion  .lineas {
    display: none;
    position: absolute;
    width: 30px;
    height: 20px;
    border-left: 2px solid #141f2c;
    border-top: 0;
    border-bottom: 2px solid #141f2c;
    bottom: unset;
    top: -5px;
    left: -34px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras {
    display: block;
    position: relative;
    width: 100%;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados {
    display: inline-block;
    position: relative;
    width: 100%;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-top: 0px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .left {
    display: block;
    position: relative;
    width: 50%;
    float: left;
    margin-right: 0px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .right {
    display: block;
    position: relative;
    width: 50%;
    float: left;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .left .grafico {
    display: block;
    position: relative;
    float: right;
    width: 100%;
    text-align: center;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .right .grafico {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .grafico .datos {
    border-top: 2px solid #d0d0d0;
    padding-top: 0px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .grafico .datos p.porcentaje {
    font-weight: 700;
    font-size: 2em;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .left .grafico .datos p.porcentaje span {
    font-size: 1em;
    font-weight: 700;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .right .grafico .datos p.porcentaje span {
    font-size: 1em;
    font-weight: 700;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .left .grafico .datos p.porcentaje span + span {
    font-size: 0.9em;
    font-weight: 500;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .right .grafico .datos p.porcentaje span + span {
    font-size: 0.9em;
    font-weight: 500;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .grafico .datos p + p {
    font-weight: 700;
    font-size: 1.5em;
    color: #151F2C;
    /*text-transform: uppercase;*/
    margin-top: -6px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .grafico .barra {
    display: block;
    position: relative;
    width: 100%;
    height: 100px;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .left .grafico .barra span.barra {
    display: block;
    position: absolute;
    width: 60%;
    height: auto;
    bottom: 0;
    text-align: center;
    left: 20%;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .right .grafico .barra span.barra {
    display: block;
    position: absolute;
    width: 60%;
    height: auto;
    bottom: 0;
    text-align: center;
    right: 22%;
}
/* colores */
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .left .grafico.apruebo .barra span.barra {
    background-color: #007ddf;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .right .grafico.rechazo .barra span.barra {
    background-color: #004785;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .left .grafico.cc .barra span.barra {
    background-color: #3cafd1;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .right .grafico.cmc .barra span.barra {
    background-color: #1abeb1;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .grafico.apruebo .datos p.porcentaje {
    color: #007ddf;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .grafico.rechazo .datos p.porcentaje {
    color: #004785;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .grafico.cc .datos p.porcentaje {
    color: #3cafd1;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item .resultados .box .grafico.cmc .datos p.porcentaje {
    color: #1abeb1;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item.constitucion .resultados .box .left .grafico.cc .barra span.barra {
    background-color: #007ddf;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item.constitucion .resultados .box .right .grafico.cmc .barra span.barra {
    background-color: #004785;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item.constitucion .resultados .box .grafico.cc .datos p.porcentaje {
    color: #007ddf;
}
.modaal-content-container .modalPlebiscito2020 .box .resultados .boxGraficos .graficos .boxBarras .item.constitucion .resultados .box .grafico.cmc .datos p.porcentaje {
    color: #004785;
}
.modaal-content-container .modalPlebiscito2020 .box .bottom {
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 10px;
}
.modaal-content-container .modalPlebiscito2020 .box .bottom .left {
    display: block;
    position: relative;
    width: 33.3%;
    float: left;
}
.modaal-content-container .modalPlebiscito2020 .box .bottom .center {
    display: block;
    position: relative;
    width: 33.3%;
    float: left;
    text-align: center;
}
.modaal-content-container .modalPlebiscito2020 .box .bottom .right {
    display: block;
    position: relative;
    width: 33.3%;
    float: left;
}
.modaal-content-container .modalPlebiscito2020 .box .bottom .center img {
    text-align: center;
    margin: 0 auto;
    width: 32px;
}
.modaal-content-container .modalPlebiscito2020 .box .bottom .right button {
    float: right;
    padding: 4px 20px 4px 10px;
    margin-right: 10px;
    display: inline;
    top: 10px;
}
.modaal-content-container .modalPlebiscito2020 .box .bottom .right button span {
    display: block;
    position: absolute;
    background-color: #111;
    color: #FFF;
    width: 24px;
    height: 24px;
    border-radius: 20px;
    top: 0;
    right: -8px;
    left: unset;
    padding-top: 6px;
}
.modaal-content-container .modalPlebiscito2020 .box .bottom .left p {
    font-weight: 500;
    font-size: 1.2em;
    color: #778591;
    padding: 14px 0 0 0;
}
body#portada.plebiscito2020 section.noticias .lo-ultimo.home {
    display: none;
}


    

}

@media (min-width: 768px) and (max-width: 1023px) {


    /*header*/

    .headerResultados,
    nav.menuResultados {
        width: 720px;
    }

    /*1 y 2. ------Especiale en home: ló ultimo + dato útil ----------*/
    section.plebiscitoDatoUtil,
    section.plebiscitoHomeNotas {
        width: 720px;
    }
    section.plebiscitoDatoUtil .box .notas a .item .right h3 {
        font-size: 1.4em;
    }

    /*3. Especial: Plebiscito 2020: Notas destacadas ----------*/
    body.plebiscito2020 section.destacadosEspecial {
        width: 720px;
    }
    body.plebiscito2020 #destacado-home article figure .titulares {
        width: 210px;
    } 
    body.plebiscito2020 #destacado-home article figure .titulares .box-texto {
        width: 270px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.destacado {
        margin-right: 0px !important;
        width: 680px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article {
        width: 100%;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.destacado + article {
        width: 100%;
        float: left !important;
        margin-right: 0px !important;
        margin-top: 20px;
        height: 480px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.destacado + article figure a {
        width: 680px !important;
        height: 383px !important;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.destacado + article figure a img {
        width: 680px !important;
        height: 383px !important;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.destacado + article figure a.categoria {
        width: unset !important;
        height: unset !important;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article + article .bottom figcaption a {
        width: unset !important;
        height: unset !important;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.box-generica-home + article .bottom,
    body.plebiscito2020 section.destacadosEspecial #destacado-home article + article .bottom {
        height: 70px !important;
    }

    body.plebiscito2020 section.destacadosEspecial .notas article {
        width: 46%;
        margin-right: 8%;
    }
    body.plebiscito2020 section.destacadosEspecial .notas article + article {
        width: 46%;
        margin-right: 0%;
    }
    body.plebiscito2020 section.destacadosEspecial .notas article + article + article {
        width: 46%;
        margin-right: 8%;
    }
    body.plebiscito2020 section.destacadosEspecial .notas article + article + article + article {
        width: 46%;
        margin-right: 0%;
    }
    body.plebiscito2020 section.destacadosEspecial .notas article .top a, 
    body.plebiscito2020 section.destacadosEspecial .notas article.box-generica-home .top img {
        width: 312px !important;
        height: 176px !important;
    }

    body.plebiscito2020 #destacado-home article figure .titulares {
        width: 238px;
    } 
    body.plebiscito2020 #destacado-home article figure .titulares .box-texto {
        width: 286px;
    }

    /*4. Especial: Header ----------*/
    section.topHeaderPlebiscito {
        padding: 60px 0;
        margin-top: -80px;
    }
    section.topHeaderPlebiscito .box .item.logo img {
        width: 75%;
    }
    section.topHeaderPlebiscito .box,
    section.headerPlebicito2020Home .box {
        width: 720px;
    }

    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container {
        width: 100%;
        margin-bottom: 20px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container + article {
        width: 46%;
        margin-right: 8% !important;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container + article + article {
        width: 46%;
        margin-right: 0% !important;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container + article .bottom, 
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container + article + article .bottom {
        height: 100px !important;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container + article img {
        width: 312px !important;
        height: 176px !important;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container + article + article img {
        width: 312px !important;
        height: 176px !important;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.box-generica-home .bottom figcaption a {
        display: unset !important;
        width: unset !important;
        height: unset !important;
        background-color: transparent !important;
    }

    .botonVerMas {
        width: 720px;
    }

    /* 5. Resultados */
    body.resultados .tituloResultados {
        width: 720px;
    }
    .resultadosBuscadorGraficos,
    .resultadosTotalGeneral {
        width: 720px;
        padding: 20px 30px;
    }
    .resultadosBuscadorGraficos .boxBuscador {
        width: 100%;
    }
    .resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .participacion {
        left: 70px;
    }
    .resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .abstencion {
        right: 70px;
    }
    body.resultados .tituloResultados {
        padding: 20px 30px 0px 30px;
    }
    .resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico {
        width: 100%;
        margin-right: 0%;
    }
    .resultadosBuscadorGraficos .boxResultados .item .graficos .boxGrafico + .boxGrafico {
        width: 100%;
        margin-right: 0%;
        margin-top: 30px;
    }
    .resultadosBuscadorGraficos .boxResultados .item .top h2,
    .resultadosTotalGeneral .titulo h2 {
        font-size: 2.8em;
    }
    .resultadosTotalGeneral .box .item .datos ul li {
        padding: 0;
    }

    /*6. Home: Título destacado*/
    .tituloDestacadoHome {
        width: 720px;
    }
    section.headerPlebicito2020Home { 
        margin-top: 0;
        padding: 0;
    }

    /*10. ------ Participación histórica  ----------------------------------------------*/
    .resultadosParticipacionHistorica {
        width: 720px;
    }

    /*12. ------Artículo ----------------------------------------------*/
    body#articulo.plebiscito2020 section.topHeaderPlebiscito {
        margin-top: 0px;
        padding: 20px 0 24px 0;
        height: 136px;
    }

    /*14. ------Cartón previo resultados ----------------------------------------------*/
    .previewResultados {
        width: 690px;
    }
    .previewResultados .box .right p {
        padding: 0;
    }
    .previewResultados .box {
        width: 90%;
    }
    .previewResultados .box .right p {
        font-size: 1.6em;
    }
    .previewResultados .box .left img {
        width: 46%;
    }

}

@media (min-width: 1024px) and (max-width: 1160px) {

    /*header*/

    .headerResultados,
    nav.menuResultados {
        width: 1000px;
    }


    /*1 y 2. ------Especiale en home: ló ultimo + dato útil ----------*/
    section.plebiscitoDatoUtil,
    section.plebiscitoHomeNotas {
        width: 1000px;
    }
    section.plebiscitoDatoUtil .box .notas a .item .right h3 {
        font-size: 1.6em;
    }

    /*4. Especial: Header ----------*/
    section.topHeaderPlebiscito .box,
    section.headerPlebicito2020Home .box {
        width: 1000px;
    }

    body.plebiscito2020 .topHeaderPlebiscito + .noticias .articulos  {
        margin-right: 0% !important;
    }
    body.plebiscito2020 .topHeaderPlebiscito + .noticias .articulos article figure .titulares {
        width: 38% !important;
    }

    /*3. Especial: Plebiscito 2020: Notas destacadas ----------*/
    body.plebiscito2020 section.destacadosEspecial {
        width: 1000px;
    }
    body.plebiscito2020 section.destacadosEspecial .notas article {
        width: 23%;
        margin-right: 1.5%;
    }
    body.plebiscito2020 section.destacadosEspecial .notas article + article + article + article {
        width: 23%;
        margin-right: 0%;
    }
    body.plebiscito2020 section.destacadosEspecial article.box-generica-home .top .box-top {
        left: 0px;
    }
    body.plebiscito2020 section.destacadosEspecial article.box-generica-home .top .box-top .top-nota .box {
        width: 100%;
    }
    body.plebiscito2020 section.destacadosEspecial article.box-generica-home .bottom {
        padding: 10px;
    }
    body.plebiscito2020 section.destacadosEspecial article.box-generica-home .bottom figcaption {
        height: 100px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article {
        width: 230px;
        margin-left: 0;
        height: auto;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.destacado {
        width: 700px;
        margin-right: 10px !important;
    }
    body.plebiscito2020 section.destacadosEspecial article figure .titulares {
        position: absolute !important;
        right: 0px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article figure .titulares .box-texto {
        width: 360px;
        height: 160px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article figure .titulares .box-texto figcaption h1 {
        font-size: 2.6em;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article .relacionados {
        display: none;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.destacado figure a img {
        width: 100%;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article figure .titulares {
        width: 300px;
        height: 230px;
    }
    /*señal en vivo*/
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container {
        width: 474px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container #mdstrm-player {
        width: 100%!important;
        height: 0!important;
        padding-bottom: 56.25%!important;
        position: relative!important;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container #mdstrm-player iframe {
        position: absolute!important;
        width: 0!important;
        height: 0!important;
        min-height: 100%!important;
        min-width: 100%!important;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo article {
        margin-left: 0px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.box-generica-home figure a img,
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.box-generica-home figure a {
        width: unset !important;
        height: unset !important;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.box-generica-home .bottom {
        height:80px;
    }
    body.plebiscito2020 section.destacadosEspecial article.box-generica-home .bottom figcaption a {
        font-size: 1em;
    }
    body.plebiscito2020 article.box-generica-home .top .box-top .top-nota {
        width: 230px;
    }
    body.plebiscito2020 article.box-generica-home .bottom {
        width: 230px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.box-generica-home .bottom {
        width: 230px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.box-generica-home .top .box-top {
        width: 230px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.box-generica-home figure a img, body.plebiscito2020 section.destacadosEspecial #destacado-home article.box-generica-home figure a {
        width: 230px !important;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article + article {
        width: 230px;
    }
    body.plebiscito2020 section.destacadosEspecial .notas article .top {
        width: 230px;
    }

    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container {
        width: 464px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container + article {
        width: 230px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container + article + article {
        width: 230px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container + article .bottom, 
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container + article + article .bottom {
        height: 100px;
    }

    .botonVerMas {
        width: 1000px;
    }

    /* 5. Resultados */
    body.resultados .tituloResultados {
        width: 1000px;
    }
    .resultadosBuscadorGraficos,
    .resultadosTotalGeneral {
        width: 1000px;
    }
    .resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .participacion {
        left: -50px;
    }
    .resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .abstencion {
        right: -50px;
    }

    /*6. Home: Título destacado*/
    .tituloDestacadoHome {
        width: 1000px;
    }

    /*10. ------ Participación histórica  ----------------------------------------------*/
    .resultadosParticipacionHistorica {
        width: 1000px;
    }

    /*14. ------Cartón previo resultados ----------------------------------------------*/
    .previewResultados {
        width: 970px;
    }
    .previewResultados .box .right p {
        padding: 0;
    }

}

@media (min-width: 1161px) and (max-width: 1289px) {

    /*header*/

    .headerResultados,
    nav.menuResultados {
        width: 1160px;
    }


    /*1 y 2. ------Especiale en home: ló ultimo + dato útil ----------*/
    section.plebiscitoDatoUtil,
    section.plebiscitoHomeNotas {
        width: 1160px;
    }

    /*4. Especial: Header ----------*/
    section.topHeaderPlebiscito .box,
    section.headerPlebicito2020Home .box {
        width: 1160px;
    }

    /*3. Especial: Plebiscito 2020: Notas destacadas ----------*/
    body.plebiscito2020 section.destacadosEspecial {
        width: 1160px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.box-generica-home figure a img,
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.box-generica-home figure a {
        width: 267px;
        height: 150px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.box-generica-home .bottom {
        height: 127px;
        width: 267px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article.box-generica-home .top .box-top {
        width: 267px;
    }
    body.plebiscito2020 #destacado-home article figure .titulares {
        width: 350px;
    }
    body.plebiscito2020 #destacado-home article figure .titulares .box-texto {
        width: 380px;
    }
    body.plebiscito2020 article.box-generica-home .top .box-top .top-nota {
        width: 267px;
    }
    body.plebiscito2020 article.box-generica-home .bottom {
        width: 267px;
    }
    .botonVerMas {
        width: 1160px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home article + article {
        width: 267px;
    }
    body.plebiscito2020 section.destacadosEspecial .notas article .top {
        width: 267px;
    }
    body.plebiscito2020 section.destacadosEspecial .notas article {
        width: 267px;
    }

    body.plebiscito2020 #destacado-home article figure .titulares {
        width: 280px; 
    }
    body.plebiscito2020 #destacado-home article figure .titulares .box-texto {
        width: 325px;
    }


    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container {
        width: 550px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container + article {
        width: 267px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container + article + article {
        width: 267px;
    }
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container + article .bottom, 
    body.plebiscito2020 section.destacadosEspecial #destacado-home.senal-vivo .media-container + article + article .bottom {
        height: 128px;
    }

    /* 5. Resultados */
    body.resultados .tituloResultados {
        width: 1160px;
    }
    .resultadosBuscadorGraficos,
    .resultadosTotalGeneral {
        width: 1160px;
    }
    .resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .participacion {
        left: -10px;
    }
    .resultadosBuscadorGraficos .boxResultados .item .graficos .box-grafico .abstencion {
        right: -10px;
    }

    /*6. Home: Título destacado*/
    .tituloDestacadoHome {
        width: 1160px;
    }

    /*10. ------ Participación histórica  ----------------------------------------------*/
    .resultadosParticipacionHistorica {
        width: 1160px;
    }

    /*14. ------Cartón previo resultados ----------------------------------------------*/
    .previewResultados {
        width: 1130px;
    }
    .previewResultados .box .right p {
        padding: 0;
    }


}

@media (min-width: 320px) and (max-width: 767px) {

    section.topHeaderPlebiscito.logoCentrado .box .item + .item + .item {
        display: none;
    }
    section.topHeaderPlebiscito.logoCentrado .box .item + .item {
        text-align: center;
        width: 100%;
    }
    section.topHeaderPlebiscito.logoCentrado .box .item.logo img {
        width: 35%;
    }

}