@charset "UTF-8";
/***********************************************************************************/
 /***************** Barras **********************************************************/
/* CSS Graficos Barras */
.barras .cell .infoBox >  .maintitle,#barras-mapa-resultados-elec-eeuu-2020.infoBox > .maintitle,
#barras-resultados-elec-eeuu-2020.infoBox > .maintitle {font-size: 2.6rem;line-height: 1.2;font-weight: 400;color: #37363c;font-family: 'Roboto Slab';width: 100%;padding: 1% 0 0 0;display:block;text-align: center;}
.barras .cell .infoBox >  .maintitle:empty,#barras-mapa-resultados-elec-eeuu-2020.infoBox > .maintitle:empty,
#barras-resultados-elec-eeuu-2020.infoBox > .maintitle:empty {display:none}
#barras-resultados-elec-eeuu-2020 .graphBox {position:relative;}
#barras-resultados-elec-eeuu-2020:after {content: "Fuente: NBC / National Election Pool";font-size: 1.3rem;line-height: 1;display: block;width: 100%;position: absolute;bottom: 1rem;top: auto;}

.barGraph {position:relative;width:100%;padding-top: 2.3rem;display:inline-block;margin-bottom: 12rem;margin-top:3rem;}
.barGraph > * {position:absolute;top:0;left: 3rem;width: calc( 100% - 6rem);height:100%;background: #4F4E4E;}
.barGraph > div {left: 7.6rem;width: calc(100% - 15.2rem);}

/* Barras */
.barGraph:before {content:"270";position:absolute;top: -2rem;font-size: 1.3rem;color: #4F4E4E;width: 100%;left: 0;font-weight: 700;text-align: center;}
.barGraph .bar {background: #e1c39c;display: block;float: left;height: 100%;width:100%;position: relative;overflow:visible !important;}
	.barGraph div > span[class*="bar"].dem_party{background:#5575A4;color:#fff;font-size: 1.8rem;color: #fff;line-height: 2.4rem;text-align: center;}
	.barGraph div > span[class*="bar"].rep_party{background:#C3283E;color:#fff;font-size: 1.8rem;color: #fff;line-height: 2.4rem;text-align: center;}
	.barGraph div > span[class*="bar"].dem_party .candida, .barGraph div > span[class*="bar"].dem_party .partido em{color:#5575A4;}
	.barGraph div > span[class*="bar"].rep_party .candida, .barGraph div > span[class*="bar"].rep_party .partido em {color:#C3283E;}

	/* Barras horizontales */
	.barGraph div > span[class*="bar"]:not(.estimados):after {content:"";width: 7.6rem;height: 7.6rem;display: block;position: absolute;bottom: 50%;margin-bottom: -3.8rem;border:.4rem solid #fff;border-radius: 100%}
	.barGraph div > span[class*="bar"].rep_party:after {left: -7.6rem;}
	.barGraph div > span[class*="bar"].dem_party:after {right: -7.6rem;}
		.barGraph div > span[class*="bar"].dem_party:after {background:url("/css/rtve.2020.noticias/elecciones-EEUU-TE_SELEE20/infografias/i/biden.png");background-color:#5575A4;background-size:100% auto}
		.barGraph div > span[class*="bar"].rep_party:after {background:url("/css/rtve.2020.noticias/elecciones-EEUU-TE_SELEE20/infografias/i/trump.png");background-color:#C3283E;background-size:100% auto}

	.barGraph div > span[class*="bar"]:before {content: "";width: 2.6rem;height: 2.6rem;position: absolute;top: -2.6rem;}
	.barGraph div > span[class*="bar"]:first-child:before {left:5.6rem;right:auto;}
	.barGraph div > span[class*="bar"]:nth-child(2):before {left:auto;right: 5.6rem;}
		/* .barGraph div > span[class*="bar"].dem_party:before {background:url("/css/rtve.2020.noticias/elecciones-EEUU-TE_SELEE20/infografias/i/democratas.png");}
		.barGraph div > span[class*="bar"].rep_party:before {background:url("/css/rtve.2020.noticias/elecciones-EEUU-TE_SELEE20/infografias/i/republicanos.png");} */

.barGraph .bar.estimados {font-size: 1.8rem;color: #fff;line-height: 2.4rem;}

/* LEYENDA */
#barras-resultados-elec-eeuu-2020.infoBox .legend {width: 100%;position: absolute;bottom: 0;left: 0;padding: 0px 20rem;margin-bottom: 1rem;}
#barras-resultados-elec-eeuu-2020.infoBox .legend > div > span {font-size: 2rem;font-weight: 700;color: #404947;line-height: 1.4;}
#barras-resultados-elec-eeuu-2020.infoBox .legend ul {display: flex;justify-content: center;}
#barras-resultados-elec-eeuu-2020.infoBox .legend li {padding: 0.5rem 0;display:inline-block}
#barras-resultados-elec-eeuu-2020.infoBox .legend .rep > span {color: #c3283e;}
#barras-resultados-elec-eeuu-2020.infoBox .legend .dem > span {color: #5575a4;}
#barras-resultados-elec-eeuu-2020.infoBox .legend .ico {width: 1.5rem;height: 1.5rem;vertical-align: middle;}
#barras-resultados-elec-eeuu-2020.infoBox .legend .ico + span {font-size: 1.4rem;display: inline-block;vertical-align: middle;position: relative;line-height: 1.4;padding: 0 1.5rem 0 0.4rem;}
#barras-resultados-elec-eeuu-2020.infoBox .legend .dem.lead  {background:rgba(85, 117, 164, 0.73);}
#barras-resultados-elec-eeuu-2020.infoBox .legend .dem.win_  {background:#5575A4;}
#barras-resultados-elec-eeuu-2020.infoBox .legend .rep.lead  {background:rgba(195, 40, 62, 0.60);}
#barras-resultados-elec-eeuu-2020.infoBox .legend .rep.win_  {background:#C3283E; }
#barras-resultados-elec-eeuu-2020.infoBox .legend .no_re  {background:#4f4e4e;}
#barras-resultados-elec-eeuu-2020.infoBox .legend .empate  {background:#7D2282;}


	/* Separador */
	.barGraph.hor > div:before {content:"Mayoría absoluta";position:absolute;bottom: -2rem;font-size: 1.3rem;color: #4F4E4E;width: 100%;left: 0;text-align: center;}
	.barGraph.hor > div:after {content:"";position: absolute;top: 0;left: 50%;width: 0;height: 100%;border: 1px dashed #000;}

	/* Contenedor de informacion */
	.barGraph div > span[class*="bar"].rep_party > div {left:-7.6rem;text-align:left}
	.barGraph div > span[class*="bar"].dem_party > div {right:-7.6rem;text-align:right}
	.barGraph .bar > div {position: absolute;top: 100%;width: 100%;padding: 2.6rem 0 1rem 0;min-width: 26rem;}
	.barGraph li .bar:hover {background:#d63337;transition:all ease 0.3s;}
	.barGraph li .bar > div {background: #fff;z-index: 1;border-radius: 0.3rem;top: 100%;position: absolute;}
	.barGraph.ver li .bar:hover > div {transform:scale(1,1)rotate(-180deg);}

	.barGraph .partido {font-size: 5rem;font-weight: 300;min-height: 5rem}
	.barGraph .candida {font-size: 2.5rem;font-weight: 700;line-height: 1.2;padding: 0 1%;}
	.barGraph .num_vot {font-size: 1.7rem;font-weight:300;color: #a5a5a5;line-height: 1.3;display: block;}
	.barGraph .partido, .barGraph .candida  {display: inline-block;}
	.barGraph em {font-style: normal;display:block;line-height: 1.2;}
	.barGraph div > span[class*="bar"]:last-child,
	.barGraph div > span[class*="bar"].dem_party div > .partido {float:right;}
	.barGraph div > span[class*="bar"].dem_party div > .num_vot {clear: both;}
	.barGraph div > span[class*="bar"].dem_party div > .candida{padding-top:2.4rem;}
	.barGraph .partido > span:first-child, .barGraph .partido > span:nth-child(2), .barGraph .candida > span:nth-child(2), .barGraph .num_vot > span:first-child  {display: none;}

	.barGraph .bar {display:none; }
	.barGraph .bar.rep_party, .barGraph .bar.dem_party {display:block; }
	.barGraph .bar .partido span, .barGraph .bar .candida span  {display: none;}

.bar.estimados.dem_party {background:#839ABD;}
.bar.estimados.rep_party {background:#DB7E8B;left:100%;}

/* notis */
.barras .cell .infoBox >  .maintitle,#barras-mapa-resultados-elec-eeuu-2020.infoBox > .maintitle,
#barras-resultados-elec-eeuu-2020.infoBox > .maintitle {display:none;}
.p_final .barras .cell .infoBox >  .maintitle, .p_final #barras-mapa-resultados-elec-eeuu-2020.infoBox > .maintitle,
.p_final  #barras-resultados-elec-eeuu-2020.infoBox > .maintitle {display:block;}
.p_final .artBody #barras-resultados-elec-eeuu-2020.infoBox .legend {position: relative;padding: 0;}
.p_final  #barras-resultados-elec-eeuu-2020{position:relative;}
.p_final  .summary #barras-resultados-elec-eeuu-2020::after {bottom:0}
.p_final  .artBody #barras-resultados-elec-eeuu-2020::after {position:relative;}

/* barras con estimado */
.barGraph div > span[class*="bar"].estimados::after {content:none}
.barGraph div > span[class*="bar"].rep_party {float:left;left:0;}
.barGraph div > span[class*="bar"].dem_party {float:right;}

.barGraph div > span[class*="bar"].estimados.rep_party {background: #DB7E8B;}
.barGraph div > span[class*="bar"].estimados.dem_party {background: #839ABD;}


/* dem-Left Barras horizontales */
.dem_left .barGraph div > span[class*="bar"].dem_party {float:left;}
.dem_left .barGraph div > span[class*="bar"].rep_party {float:right;}

.dem_left .barGraph div > span[class*="bar"]:not(.estimados):after {content:"";width: 7.6rem;height: 7.6rem;display: block;position: absolute;bottom: 50%;margin-bottom: -3.8rem;border:.4rem solid #fff;border-radius: 100%}
.dem_left .barGraph div > span[class*="bar"].rep_party:after {right: -7.6rem;left:auto;}
.dem_left .barGraph div > span[class*="bar"].dem_party:after {left: -7.6rem;right:auto;}
.dem_left	.barGraph div > span[class*="bar"].dem_party:after {background:url("/css/rtve.2020.noticias/elecciones-EEUU-TE_SELEE20/infografias/i/biden.png");background-color:#5575A4;background-size:100% auto}
.dem_left	.barGraph div > span[class*="bar"].rep_party:after {background:url("/css/rtve.2020.noticias/elecciones-EEUU-TE_SELEE20/infografias/i/trump.png");background-color:#C3283E;background-size:100% auto}

.dem_left .barGraph div > span[class*="bar"].rep_party > div {right:-7.6rem;text-align:right;left:auto;}
.dem_left .barGraph div > span[class*="bar"].dem_party > div {left:-7.6rem;text-align:left;right:auto;}

.dem_left .barGraph div > span[class*="bar"].rep_party > div {display: flex;justify-content: flex-end;flex-direction: row;flex-wrap: wrap;display: -webkit-box;display: -moz-flex; display: -ms-flexbox;display: -webkit-flex;-webkit-flex-flow:wrap;-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;}
.dem_left .barGraph div > span[class*="bar"].dem_party div > .partido {float: none;}
.dem_left .barGraph div > span[class*="bar"].dem_party div > .candida {padding-top:0}

.dem_left .barGraph .partido {order: 2;line-height: 1;-webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;}
.dem_left .barGraph .candida {order: 1;align-self: flex-end;-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1;-ms-flex-order: 1;-webkit-order: 1;-webkit-align-self: flex-end;-ms-flex-pack: end;}
.dem_left .barGraph .num_vot {width: 100%;order: 3;-webkit-box-ordinal-group: 3;-moz-box-ordinal-group: 3;-ms-flex-order: 3;-webkit-order: 3;}
.dem_left .barGraph em {line-height: 1;}