@import url("https://css2.rtve.es/css/rtve.2022.noticias/elecciones-italia-TE_SELEIT2/root.css");
[id*=bloques-balance] {position:relative;overflow:hidden;    z-index: 1;}
[id*=bloques-balance] .legend {text-align:center;}
[id*=bloques-balance] .legend > .maintitle {font-size:2.4rem;line-height:2.8rem;}


.escanosBox {width:100%;display:inline-block;height:auto;background:transparent;/*padding:1.2rem 0 0;*/padding:0.2rem 0 2rem 0;position:relative;    overflow: hidden;}
.escanosBox .letrero * {display:inline-block;clear:both;width:auto;font-size:1.8rem;line-height:3.4rem;font-weight:400;color:#333;}
.escanosBox .letrero span {font-weight:300}

.escanosBox:before {content: "";width: 100%;display: block;position: absolute;height: 3.4rem;top: auto;bottom: 2rem;background: #ccc;}
/* barras */
[id*=bloques-balance] [class*='Box'] > span {position:relative;display:inline-block;float:left;height:100%;height: 3.4rem;}
[id*=bloques-balance] [class*='Box'] > span > strong {left:1rem;position:absolute;font-size: 2rem;line-height: 3.4rem;color:#fff;font-weight:500;text-align:center;}
.g2.grid [id*=bloques-balance] [class*='Box'] > span > strong {font-size:1.6rem;letter-spacing:-1pt;left: 0.2rem;}

/* colores */
.escanosBox > span.centro-izq, [id*=bloques-balance] .legendBox .legend li.centro-izq > span {background:var(--centro_izquierda);}
.escanosBox > span.centro-der, [id*=bloques-balance] .legendBox .legend li.centro-der  > span {background:var(--centro_derecha);}
.escanosBox > span.movimiento, [id*=bloques-balance] .legendBox .legend li.movimiento  > span {background:var(--cinco_estrellas);}
.escanosBox > span.tercer-polo, [id*=bloques-balance] .legendBox .legend li.tercer-polo > span {background:var(--tercer_polo);}
.escanosBox > span[class*=otros], [id*=bloques-balance] .legendBox .legend li[class*=otros] > span  {background:var(--otros);}

[id*=bloques-balance] [class*='Box'] > span.otros > strong {display: none;}
[id*=bloques-balance] [class*='Box'] > span:nth-of-type(2), [id*=bloques-balance] [class*='Box'] > span:nth-of-type(3) {float: right;}


/* mayoria absoluta */
.mayoria {position:relative;z-index:-1;}
.mayoria span, .mayoria:after {position:absolute;left:50%;bottom: 0;}
.mayoria span {font-size:1.3rem;line-height:1;color:#777;padding-left: 1rem;}
.mayoria strong {font-weight:400}
.mayoria:after {content:"";width:auto;height: 7rem;border-left:0.2rem dotted #777;}
[data-cat="TE_SELEIT2"] .g1 .mayoria span { bottom: 7rem;}
[data-cat="TE_SELEIT2"] .g1 .mayoria:after {bottom:1rem;height:6rem}

/* leyenda */
.legendBox .legend {display: flex;justify-content: space-evenly;padding: 1rem 0;}
[id*=bloques-balance] .legendBox .legend * {font-size:1.5rem;font-style:normal;line-height:2.4rem;}
[id*=bloques-balance] .legendBox .legend li {position: relative;padding-left: 2rem;text-align: left;}
[id*=bloques-balance] .legendBox .legend li > span {position:absolute;top:0;left:0;display:inline-block;text-align:left;width:1.2rem;height:1.2rem;margin: 0.6rem 0.4rem;}
[id*=bloques-balance] .legendBox .legend li:nth-of-type(2) {order: 2;}
[id*=bloques-balance] .legendBox .legend li:nth-of-type(3) {order: 1;}

.g2.grid [id*=bloques-balance] .legendBox .legend li:nth-of-type(2) {order: 2;}
.g2.grid [id*=bloques-balance] .legendBox .legend li:nth-of-type(3) {order: 1;}

.p_final .artBody [id*=bloques-balance] {padding:0 2rem;display: block;}
.p_final .artBody [id*=bloques-balance]:after {line-height: 5.4rem;padding: 8.4rem 0 0 0.6rem;height: 3.4rem;bottom: 5.8rem;}

