@import url("/css/rtve.2022.noticias/elecciones-francia-TE_S225TU/TE_S225TU.root.colors.css");


/**titular resultados**/
.infoBox[id*="elecciones_francia"] .titBox span.title {font-size: 1.6rem;line-height: 1.8rem;font-weight:500;color:#2F3944;padding-right: 1rem;display: block;}
.infoBox[id*="elecciones_francia"] .titBox span.titaux {font-size:1.4rem;font-weight: 300;color: #7F7F81;}
.infoBox[id*="elecciones_francia"] .titBox span.titaux strong {font-size: 1.5rem;font-weight:500;color: #7F7F81;line-height: 1.8rem;padding-right: 0.4rem;}

/*caritas*/
.topBox {width: 100%;}
.tabla_box ol > li {position:relative;}

/* solo los primeros 5 */
.slideHor.resulShow .topBox .resul_:nth-of-type(n+6) {display:none}
.slideHor.resulShow .topBox .resul_:nth-of-type(-n+5) {width: calc((100% / 5) - 3%);margin-left: 3%;}

span.image.photo { padding-top: 100%; display: block;overflow: hidden;position: relative;background:none;}
/* ultimos 3 */
.slideHor.resulShow .topBox .resul_:nth-of-type(n+3) .lider span.image.photo img {filter:grayscale(70%)}

ol.topBox {display: inline-block;list-style-type: none;}
.tabla_box.lider_vis .resul_ .score {line-height:4rem;letter-spacing:-.5pt;border-top:.4rem solid transparent;white-space:nowrap;top: 0rem;display:block;width:100%;    padding-top: 1rem;}
.tabla_box.lider_vis .candida {font-size: 0;position: relative;margin-right: 3.2rem;}

.tabla_box.lider_vis .candida .party {border-top: 0.4rem solid transparent;}
.tabla_box.lider_vis .candida .lider .named {font-size: 1.2rem;line-height: 3rem;color: #707070;font-weight: 400;text-transform:uppercase;position: absolute;display:inline-block}
.tabla_box .resul_:nth-of-type(-n+2) .candida .lider .named {font-weight:700;}
.tabla_box .resul_:nth-of-type(-n+2) .score > .votos {font-weight:900;}
.tabla_box .resul_:nth-of-type(n+3) .score > .votos {font-weight:500}


.infoBox[id*="elecciones_francia"] .titBox span.subtitle {font-size: 2rem;line-height: 2.4rem;font-weight: 700;/*text-transform: uppercase;*/letter-spacing:-0.2pt}
.infoBox[id*="elecciones_francia"] .titBox span.subtitle:before {content: "Elecciones ";font-weight: 300;text-transform: none;padding-top:2.8rem;background-image: url("/css/rtve.elecciones/i/iconos.svg/minMarca_francia_2022.svg");background-repeat: no-repeat;background-size:4rem auto;display: inline-block;margin-right: 0.8rem;}

.container.eleccFranBox > .grid .infoBox[id*="elecciones_francia"] .titBox span.subtitle {display:none}
.container:not(.eleccFranBox) > .grid div[id*="elecciones_francia"] + a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:1}

/*foto*/
.tabla_box .photo img {width: 110%;position: absolute;top: 0;left: -5%;background:none;}

.lrem .icono  {background:var(--lrem);}
.tabla_box.lider_vis .lrem .party {border-color:var(--lrem);}
.tabla_box.lider_vis .lrem .score > .votos{color:var(--lrem);}

.rn .icono {background:var(--rn);}
.tabla_box.lider_vis .rn .party {border-color:var(--rn);}
.tabla_box.lider_vis .rn .score > .votos{color:var(--rn);}

.lr .icono {background:var(--lr);}
.tabla_box.lider_vis .lr .party {border-color:var(--lr);}
.tabla_box.lider_vis .lr .score > .votos{color:var(--lr);}

.rec .icono {background:var(--rec);}
.tabla_box.lider_vis .rec .party {border-color:var(--rec);}
.tabla_box.lider_vis .rec .score > .votos{color:var(--rec);}

.lfi .icono {background:var(--lfi);}
.tabla_box.lider_vis .lfi .party {border-color:var(--lfi);}
.tabla_box.lider_vis .lfi .score > .votos{color:var(--lfi);}

.eelv .icono  {background:var(--eelv);}
.tabla_box.lider_vis .eelv .party {border-color:var(--eelv);}
.tabla_box.lider_vis .eelv .score > .votos{color:var(--eelv);}

.npa .icono  {background:var(--npa);}
.tabla_box.lider_vis .npa .party {border-color:var(--npa);}
.tabla_box.lider_vis .npa .score > .votos{color:var(--npa);}

.ps .icono  {background:var(--ps);}
.tabla_box.lider_vis .ps .party {border-color:var(--ps);}
.tabla_box.lider_vis .ps .score > .votos{color:var(--ps);}

[class*=otros] .icono {background:var(--otros);}
.tabla_box.lider_vis [class*=otros] .party{border-color:var(--otros);}
[class*=otros] .dot:before,.tabla_box.lider_vis [class*=otros] .score > .votos{color:var(--otros);}


#elecciones_francia .named:before { content: none;}


/**2a vuelta**/
.infoBox.caritas.segunda.vuelta .titBox {text-align:center;margin-bottom: -3rem;}
.infoBox.segunda.vuelta .graphBox {position:relative;}
.infoBox.segunda.vuelta .graphBox:before {content: "";display: block;position: absolute;background: #ddd;width: 100%;height: 3.2rem;z-index: 0;left: 0;right: auto;top: calc(10rem - 3.2rem);bottom: auto;}
    /* primer candidato */
    .infoBox.segunda.vuelta .graphBox .rn.bar, .infoBox.segunda.vuelta .graphBox .barGraph .rn .num_vot strong:before,
    .infoBox.segunda.vuelta .graphBox .barGraph .rn .data .icono {background:var(--rn);}
    .infoBox.segunda.vuelta .graphBox .rn.bar .candida, .infoBox.segunda.vuelta .graphBox .rn.bar .num_vot strong, 
    .infoBox.segunda.vuelta .graphBox .barGraph .rn .candida span, .infoBox.segunda.vuelta .graphBox .rn.bar .data .porcentaje {color:var(--rn);}
    /* segundo candidato */
    .infoBox.segunda.vuelta .graphBox .lrem.bar,.infoBox.segunda.vuelta .graphBox .barGraph .lrem .num_vot strong:before,
    .infoBox.segunda.vuelta .graphBox .barGraph .lrem .data .icono {background:var(--lrem);}
    .infoBox.segunda.vuelta .graphBox .lrem.bar .candida, .infoBox.segunda.vuelta .graphBox .lrem.bar .num_vot strong, 
    .infoBox.segunda.vuelta .graphBox .barGraph .lrem .candida span, .infoBox.segunda.vuelta .graphBox .lrem.bar .data .porcentaje{color:var(--lrem);}


.infoBox.segunda.vuelta .graphBox .barGraph{position: relative;padding-left: 0;width: calc(100% - 12rem);margin-left: 6rem;    line-height: 1; padding-bottom: 1rem;}
.infoBox.segunda.vuelta .graphBox .barGraph:before{content:"";width:0;height:6rem;border-left:.2rem dotted #b2b2b2;position:absolute;top: calc(10rem - 3.2rem);left:50%;margin-left:-.1rem;;;margin-top: -1.6rem;}
.infoBox.segunda.vuelta .graphBox .barGraph:after{content:"Mayor\00ed a";font-size:1.4rem;text-align:center;color:#86888b;display:block;width:100%;position:absolute;top: calc(10rem - 3.2rem);left:0;font-weight: 300;margin-top: 6rem;}
.infoBox.segunda.vuelta .graphBox .barGraph .bar{height: 3.2rem;z-index:1;margin-top: calc(10rem - 3.2rem);}
.infoBox.segunda.vuelta .graphBox .barGraph .bar:last-child {float: right;text-align:right}

.infoBox.segunda.vuelta .graphBox .barGraph .candida > span {font-size:1.6rem;line-height:2rem;font-weight:400;display: block;padding: 0;top: 0rem;left: 0;position: relative;}
.infoBox.segunda.vuelta .graphBox .barGraph .candida .imaBox .ima{padding-top: 10rem;width: 10rem;border:none;border-radius: 0;}
.infoBox.segunda.vuelta .graphBox .barGraph .candida .imaBox .ima img{top:0;}

.infoBox.segunda.vuelta .graphBox .barGraph .num_vot {font-size: 1.6rem;line-height: 2rem;font-weight: 300;}

.infoBox.segunda.vuelta .graphBox .barGraph div .candida {text-align: left;margin-top: calc(-10rem + 3.2rem);}
.infoBox.segunda.vuelta .graphBox .barGraph .num_vot strong{font-size:5rem;line-height:5.6rem;font-weight:800;}
.infoBox.segunda.vuelta .graphBox .barGraph .bar:last-child .num_vot strong {right: 5rem;left:auto;}
.infoBox.segunda.vuelta .graphBox .barGraph div:first-child,.infoBox.segunda.vuelta .graphBox .barGraph div:nth-child(2) {display:inline-block;}
.infoBox.segunda.vuelta .graphBox .barGraph .bar .num_vot span.anteriores {display: block;}
.infoBox.segunda.vuelta .graphBox .barGraph .bar .num_vot span.anteriores:after {content: "(2017)";padding-left: 0.5rem;}


/* diseño nuevo */
.infoBox.segunda.vuelta .graphBox:before {width: calc(100% - 12rem);margin-left: 6rem;}
.infoBox.segunda.vuelta .graphBox .barGraph div.candida,
.infoBox.segunda.vuelta .graphBox .barGraph div.bar {position:relative}
/* .infoBox.segunda.vuelta .graphBox .barGraph div.bar:first-child {left: 6rem;}
.infoBox.segunda.vuelta .graphBox .barGraph div.bar:last-child {left:auto;right: 6rem;} */
.infoBox.segunda.vuelta .graphBox .barGraph div.bar:first-child > div {margin-left: -6rem;}
.infoBox.segunda.vuelta .graphBox .barGraph div.bar:last-child > div {margin-right: -6rem;}
.infoBox.segunda.vuelta .graphBox .barGraph div.bar:last-child .candida, 
.infoBox.segunda.vuelta .graphBox .barGraph div.bar:last-child .candida > span,
.infoBox.segunda.vuelta .graphBox .barGraph div.bar:last-child .data .icono {text-align:right;float: right;}

.infoBox.segunda.vuelta .graphBox .barGraph .data {display:block}
.infoBox.segunda.vuelta .graphBox .barGraph .data .icono {width:2.8rem;height:2.8rem;display:inline-block;top: 0.4rem;border: none;padding: 0;margin: 0;}
.infoBox.segunda.vuelta .graphBox .barGraph div.bar .votos {position: absolute;top: 0;line-height: 3.2rem;color:white}
.infoBox.segunda.vuelta .graphBox .barGraph div.bar:first-child .votos {left: 5rem;}
.infoBox.segunda.vuelta .graphBox .barGraph div.bar:last-child .votos {right: 5rem;}

.infoBox.segunda.vuelta .graphBox .barGraph .num_vot {clear: both;display: block;width: 100%;}
.infoBox.segunda.vuelta .graphBox .barGraph .data .porcentaje {font-size: 3.2rem;line-height: 3.6rem;padding: 0 1rem;}


.container .gridBox .infoBox.segunda.vuelta .graphBox {padding: 0 1rem}

.p_final div#elecciones_francia-2v {margin: 0 0 1rem 0;}