@charset "UTF-8";
@import url("https://css2.rtve.es/css/rtve.2026.noticias/elecciones-eeuu-TE_SELLE22/root.css");

 /***************** uno al lado del otro **************************************/
.infoBox .graphBox {display:inline-block;width: 100%;}
.infoBox .cell {width: 50%;float: left;padding: 1rem;box-sizing: border-box;}
.infoBox .fuente,.infoBox .actualizado {font-size: 1.3rem;line-height: 2rem;    display: inline-block;color: #737373;padding: 0 1rem;}

 /***************** Barras **************************************/

/* fonts colors */
.infoBox h3, .infoBox h4 {color:#333;}
.barGraph .partido span {font-size: 2rem;line-height:2;font-weight:700;margin-right: .1rem;}
.barGraph em {font-size: 1.4rem;font-weight:300;font-style:normal;display: block;line-height:2rem;text-transform: uppercase;color: #fff;}
.barGraph span.dif {color:#333;font-size: 1.4rem;top: 3.6rem;position: relative;line-height: 2rem;font-weight: 900;}
.barGraph .dif em {display: inline-block;margin-left: 0.4rem;font-weight: 300;font-size: 1.2rem;line-height: 2rem;vertical-align: baseline;}
.bar_congress .indep .partido span {color:#f0f0f0;}

/* Graficos Barras */
.barGraph {position:relative;width:100%;padding-top: 0rem;display:inline-block;margin-top: 4rem;/*margin-bottom: 2.5rem;*/height: 3rem;display: flex;flex-flow: row;background: #d7d7d7;justify-content: space-between;}

/* Barras */
.barGraph .bar {width:100%;position: relative;display:inline-block;}
/*.bar:last-of-type {text-align: right;}*/
.bar.repub {margin-left: auto;}
.barGraph .repub .partido {right: 0;text-align: right;}

/* Separador */
.barGraph .mayoria {position: absolute;left: 50%;top: -2.6rem;width: auto;font-size: 1.3rem;font-weight: 300;margin-left: -3.4rem;line-height: 2rem;color:#737373;}
.barGraph:after {content:"";position: absolute;top: 0;left: 50%;width: 0;height: 100%;border-right:0.1rem dashed #ffffff;margin-left:-0.1rem;}
.barGraph.bar_congress:after{left: 49.89%;}

/* Contenedor de informacion */
.barGraph div > span[class="bar"]:first-child > div {left:2rem;}
.barGraph div > span[class="bar"]:nth-child(2) > div {right:2rem;}
.barGraph .partido {position: absolute;top: -5.8rem;}
.barGraph .bar:nth-child(5) {text-align:right;}
.barGraph .bar:first-child > div  {left:0.8rem;}
.barGraph .bar:nth-child(5) > div  {right:0.8rem;}

.barGraph .partido {display: block;color:#fff;}
.barGraph .partido span {color:#fff;}
.barGraph div > span[class="bar"]:nth-child(2) {text-align:right;float:right;}
.barGraph .partido > span:first-child, .barGraph .partido > span:nth-child(2), .barGraph .candida > span:nth-child(2), .barGraph .num_vot > span:first-child  {display:inline-block;}
.bar_congress .repub .dif {text-align: right;display: block;}
.barGraph .bar .partido span {display:inline-block;} 
/*
.bar:last-of-type .partido {text-align: right;right: 0;}
.bar:last-of-type .renov {display: flex;flex-flow: row-reverse;left: auto;right: 1rem;}
.bar:last-of-type .renov em {margin-left: 0;margin-right: 0.4rem;left: -10.5rem;}
*/


/* titulos */
.infoBox h3,.infoBox h4 {text-align:center;color:#737373;}
.infoBox h3{font-size: 2rem;line-height: 2.4rem;color: #000;font-weight: 400;}
.infoBox h4{font-size: 1.3rem;line-height: 2rem;padding: 0 0 1.6rem 0;font-weight:300;}

/* Representantes colores*/
.bar.repub {background:var(--repub);}
.bar.indep {background:var(--otros-act);}
.bar.democ {background:var(--democ);}
.barGraph .repub .dif span , .barGraph .repub em {color:var(--repub);}
.barGraph .democ .dif span , .barGraph .democ em{color:var(--democ);}


/* ------------------------------------Senado ------------------------- */
/* fila independientes */
.bar_senate span[class="bar"]:nth-child(2) em {display: block;}
.bar_senate span[class="bar"]:nth-child(2) .partido {display: none;}
.barGraph .bar.indep .before , .barGraph .bar.indep .dif  , .barGraph .bar.indep .renov , .indep .tabindex {display: none;}

/* Senado */
.bar_senate .bar.repub.no-renov {background:var(--repub-act);margin-left: 0;}
.bar_senate .bar.repub {background:var(--repub);}
.bar_senate .bar.democ.no-renov {background:var(--democ-act);z-index: 1;}
.bar_senate .bar.democ {background:var(--democ);}

.bar_senate div >.bar.indep .dif:after {content: "";border: .1rem solid #212121;height: 3rem;width: 0;position: absolute;left: .4rem;top: 2.2rem;}
.barGraph .bar .partido span {color: #7c7a7b;font-size:3.2rem;line-height: 3.6rem;}
.barGraph .bar.repub .partido span {color:var(--repub);}
.barGraph.bar_senate .bar.democ:nth-child(5) .partido span {color:var(--democ);}
.barGraph.bar_senate .bar.repub:not(.no-renov) .partido span, .barGraph.bar_senate .bar.democ:not(.no-renov) .partido span {color: #fff;font-size: 1.4rem;line-height: 2.8rem;font-weight: 900;}
.barGraph .bar.democ .partido span, .barGraph.bar_senate .bar.democ.no-renov .partido span {color:var(--democ);}

.barGraph.bar_senate .bar.repub:not(.no-renov) .partido {top: 0.2rem;left: 1rem;}
.barGraph.bar_senate .bar.repub:not(.no-renov) .renov,.bar_senate .bar.repub:not(.no-renov) .dif, .barGraph.bar_senate .bar.repub:not(.no-renov) .partido em,.barGraph.bar_senate .bar.democ:not(.no-renov) .renov ,.barGraph.bar_senate .bar.democ:not(.no-renov) .dif , .barGraph.bar_senate .bar.democ:not(.no-renov) .partido em{display: none;}
.barGraph.bar_senate .bar.democ:nth-child(5) .renov ,.barGraph.bar_senate .bar.democ:nth-child(5) .dif , .barGraph.bar_senate .bar.democ:nth-child(5) .partido em{display: block;}
.barGraph.bar_senate .bar.democ:not(.no-renov) .partido {top: 0.2rem;right: 1rem;}
.barGraph.bar_senate .bar.democ:nth-child(5) .partido {top: -5.8rem;right: 0;}
.barGraph.bar_senate .renov {color: #fff;display: inline-block;font-weight:900;font-size: 1.2rem;line-height: 2rem;position: absolute;left: 1rem;top: 0.7rem;}
.barGraph.bar_senate .renov em {color: #fff;font-weight: 300;display: inline-block;margin-left: 0.4rem;font-size: 1.2rem;line-height: 2rem;top: 0rem;position: absolute;left: 2rem;width: 10rem;}
.barGraph.bar_senate .bar.repub.no-renov .renov {width:calc(100% - 1rem);left: auto;right: 1rem;}
.barGraph.bar_senate .bar.repub:not(.no-renov) .partido span {margin-right: 0.4rem;}
.barGraph.bar_senate .bar.repub.no-renov .dif {right: 0;position: absolute;}
.barGraph.bar_senate .bar.repub.no-renov .renov span {position: absolute;right: 0;}
.barGraph.bar_senate .renov span {color: #fff;font-weight: 900;font-size: 1.2rem;line-height: 2rem;}

/*article*/
.artBody .bar_senate .bar.democ:nth-child(5) div{padding-right: 1rem;}
.artBody .bar_senate .bar.repub:first-child div{padding-left: 1rem;}
.artBody .infoBox .cell {padding:2rem 0 0 0;width: 100%;}

.bar.indep .dif span,
.barGraph .bar.indep .partido span {display: none;}


/**titular **/
.infoBox .titBox {display:none}
.container .titBox{text-align:center;}
.titBox span.title:before {content: "";font-weight: 300;text-transform: none;background-image: url("/css/rtve.elecciones/i/iconos.svg/minMarca_eeuu_2022.svg");background-repeat: no-repeat;display: inline-block;margin-right: 0.8rem;width: 2.77rem;height: 1.86rem;}
.titBox span.title {font-size: 2rem;line-height: 2.6rem;font-weight:300;color:#333;padding-right: 1rem;display: block;}
.titBox span.title strong {font-weight: 900;}
.titBox span.subtitle {font-size: 1.6rem;line-height: 1.9rem;font-weight: 700;letter-spacing:-0.2pt;color: #626976;}
.container:not(.eleccEeuuBox) > .grid div#resultados-elec-eeuu-2022 + a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



/* sin flex porcentajes */
/*
.infoBox .cell{padding: 2rem;}
.barGraph {position:relative;width:100%;padding-top: 0rem;display:inline-block;margin-top: 4rem;margin-bottom: 2.5rem;height: 3rem;display: block;background: #e7e7e7;font-size: 0;}
.barGraph .bar{height: 100%;}
bar_congress .bar:nth-child(1) {z-index: 1;top: -1.45rem;}
bar_congress .bar:nth-child(3) {right: 0;position: absolute;}
bar_congress .bar:nth-child(2) .partido{right: 0;text-align:right;}
.bar_senate .bar:nth-child(1){z-index: 1;position: relative;top: -1.45rem;}
.bar_senate .bar:nth-child(2){z-index: 0;left: auto;position: relative;}
.bar_senate .bar:nth-child(4){z-index: 0;}
.bar_senate .bar:nth-child(5){position: absolute;right:0;}
.bar_senate .bar:nth-child(5) .partido {right:0;text-align:right;}
.bar_senate .bar:nth-child(5) .renov {width: 100%;left: -1rem;}
.bar_senate .bar:nth-child(5) .renov em {left: auto;right: 4rem;}
*/


.p_final #elecciones-EEUU.infoBox {padding-top:0;padding-bottom:2rem;}
.p_final #elecciones-EEUU.infoBox .cell {width:70%;margin: 0 15%;display: block;}
.p_final #elecciones-EEUU.infoBox .fuente {width: 70%;margin: 1rem 15%;display: block;padding: 0;width: auto;
    margin: 0 0 0 15%;display: inline-block;}

@media (max-width: 1281px) {
    .bar_senate div > span[class="bar"]:nth-child(2) > div {left: 15%;width: 20rem;top: -174%;}
}

@media (min-width:1300px) and (max-width: 1400px) {    
    .barGraph .renov {left: 0.5rem;}
    .barGraph.bar_senate .bar.repub.no-renov .renov em {left: 0rem;}
}
@media (max-width: 1300px) {
    .barGraph .partido {top: -3.8rem;}
	.barGraph .partido em ,.bar_senate.barGraph .renov em,.barGraph.bar_senate .bar.democ:nth-child(5) .partido em{display:none;}
    .bar_senate.barGraph .renov:after{content:"no renov.";display: block;color: #fff;font-size: 1.2rem;text-transform: uppercase;top:0rem;position: absolute;left: 2rem;width: 7rem;font-weight: 300;}
    .bar_senate.barGraph .bar.democ.no-renov .partido:after {content: "Dem";display: block;color: #879cbb;font-size: 1.4rem;line-height: 2rem;text-transform: uppercase;position: absolute;top: 1.2rem;left: 3.8rem;}
    .bar_senate.barGraph .bar.repub.no-renov .partido:after {content: "Rep";display: inline-block;color: #d36767;font-size: 1.4rem;line-height: 2rem;text-transform: uppercase;position:relative;}
    .bar_senate.barGraph .bar.democ:nth-child(5) .partido:before {margin-right:0;}
    .bar_senate .bar.democ:nth-child(5) .partido {top: -3.8rem;right: 3rem;}
    .barGraph.bar_congress .partido em {display:inline-block;overflow:hidden;width:2.8rem;top: 0.2rem;position: relative;}
    .barGraph.bar_congress .bar.repub .partido em{width: 2.5rem;}
    .bar_senate .bar.repub.no-renov .renov:after {left: auto;right: 2rem;}

}

@media (max-width: 800px) {
    .container.eleccEeuuBox {background:white;}  
    div#elecciones-EEUU {margin: 1rem 0;overflow: hidden;}

    .infoBox .cell {width: 100%;padding: 0.5rem 1rem;background:white;}
    .infoBox .cell:after {height: 0.1rem;background: #717171;content: "";width: 100%;display: block;/*margin: 4rem auto 0;*/}
    .infoBox h3 {font-size: 1.7rem;line-height: 2.4rem;text-align: left;font-weight: 400;color: #000;}
    .infoBox h4 {font-size: 1.3rem;line-height: 2rem;text-align: left;font-weight: 300;padding: 0 0 0.4rem 0}

    .barGraph span.dif {top: 3.6rem;}
    .infoBox .fuente,.infoBox .actualizado{text-align: right;}

    .p_final #elecciones-EEUU.infoBox .cell {width:100%;margin:0;}
}