@import url("/css/rtve.2022.noticias/elecciones-eeuu-TE_SELLE22/root.css");

.infoBox[id*="mapa-resultados-elec-eeuu"] {display:inline-block;position:relative;width: 100%;padding-top: 10rem;}

/**titular **/
[id*="mapa-resultados-elec-eeuu"] .titBox{display: inline-block;width: 100%;z-index: 1;position: absolute;top: 0;text-align: left;display:none}
[id*="mapa-resultados-elec-eeuu"] .titBox span.title:before {content: "";font-weight: 300;text-transform: none;background-image: url("https://css2.rtve.es/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;}
[id*="mapa-resultados-elec-eeuu"] .titBox span.title {font-size: 2rem;line-height: 2.6rem;font-weight:300;color:#333;padding-right: 1rem;display: block;}
[id*="mapa-resultados-elec-eeuu"] .titBox span.title strong {font-weight: 900;}
[id*="mapa-resultados-elec-eeuu"] .titBox span.subtitle {font-size: 1.6rem;line-height: 1.9rem;font-weight: 700;letter-spacing:-0.2pt;color: #626976;padding-left: 3.7rem;}
.tabBox [id*="mapa-resultados-elec-eeuu"] .titBox + .map_results {margin-top: -10rem;}

/* boton selector */
.tabBox {padding: 0;z-index:1;width: 100%;}
.tabBox .tab {position: relative;z-index: 2;position: absolute;top: 7rem;}
.tabBox button {display: inline-block;border: .1rem solid #666;color:#666;box-shadow: .2rem .2rem .3rem #666;padding: 1rem;background-color: #fff;font-size: 1.6rem;margin: 0;cursor: pointer;width: auto;outline: none;white-space: nowrap;margin-right: -0.3rem;}
.tabBox button.active {cursor: default;background-color: #666;color: #fff;}
.tabBox button:not(.active) {opacity: .5;}
/* ocultar contenido */
.tabcontent:not(.active)  {visibility: hidden;position: absolute;top: -100%; left: -100%;display:none}

/* boton on off 
.tabBox button:not(.active) {overflow: hidden;opacity: .3;transition:all 0.5s ease-in-out;}
.tabBox button.active{z-index:1;position:relative;border-radius:2rem;padding:1rem 1.5rem}
.tabBox button:first-child {border-top-left-radius: 2rem;border-bottom-left-radius: 2rem;}
.tabBox button:last-child {border-top-right-radius: 2rem;border-bottom-right-radius: 2rem;}
.tabBox button:first-child.active {margin-right:-2rem;}
.tabBox button:last-child.active {margin-left:-2rem;}*/


/* MAPA */
.map_results {display:flex;}
.map_results .graphBox {order:2;}
.map_results .legend {order:1;}
.map_results > .maintitle {font-size: 2.2rem;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;}
.map_results .mapGraph {width: 100%;padding-top: 56.25%;position:relative;display: block;}

/* zoom */
.map_results .mapGraph [id^="Zoom"] {display:none}

/* svg */
.map_results svg{width:100%;height:100%;position:absolute;top:0;left:0;opacity: 1;background: #fff;}
.map_results svg>g {position: relative;z-index: 1;}
.map_results svg>g#formas-bg, svg>g#capaTextos {pointer-events: none;}


.map_results .st0{opacity:1;fill: #fff;stroke-width: 0.4;stroke: #333333;}
.map_results .st1{fill:transparent;}
.senado .st1{stroke:#333333;stroke-miterlimit:10;stroke-width:1;stroke-opacity: 0.5;}
.senado .st3, .senado .st4{opacity:0.5;fill: #fff;stroke: #7F7F7F;stroke-width: .5;}
.map_results .st5{fill:none;stroke:#7F7F7F;stroke-miterlimit:10;}
.map_results .st6{fill:none;stroke:#7F7F7F;stroke-miterlimit:10;stroke-dasharray:0.9721,5.8325;}
.map_results .st7{fill:none;}
.map_results .st8{stroke: none;fill: #000;fill-opacity: .85;}
.map_results .st10{font-size:1.6rem;font-weight: 600;/* fill: #ccc;fill-opacity: 1;*/filter: drop-shadow(0.1rem 0.1rem 0 #FFF);}
.map_results svg g > text, .map_results svg g > text * {font-size: 1.6rem;font-weight: 600;}
.map_results svg .rep text .st8, .map_results svg .dem text .st8{fill:#fff}

.map_results svg .rep rect {fill: var(--repub);opacity:1;}
.map_results svg .dem rect {fill: var(--democ);opacity:1;}
.map_results svg .ind rect {fill: var(--indep);opacity:1;}
.map_results svg .repite_dem rect {fill: #9fbfde;opacity:1;}
.map_results svg .repite_rep rect {fill: #f58d8b;opacity:1;}


/* arrebata */
pattern#diagonalHatch-rep > line, pattern#diagonalHatch-Srep > line {stroke: var(--repub);}
pattern#diagonalHatch-dem > line, pattern#diagonalHatch-Sdem > line {stroke: var(--democ);}
pattern#diagonalHatch-ind > line, pattern#diagonalHatch-Sind > line {stroke: var(--indep);}
.map_results [class*="_w"] > rect {opacity:1;transform: none;}
.map_results.camara .rep_w > rect {fill: url("#diagonalHatch-rep");}
.map_results.camara .dem_w > rect {fill: url("#diagonalHatch-dem");}
.map_results.camara .ind_w > rect {fill: url("#diagonalHatch-ind");}
.map_results.senado .rep_w > rect {fill: url("#diagonalHatch-Srep");fill-opacity: .7;}
.map_results.senado .dem_w > rect {fill: url("#diagonalHatch-Sdem");fill-opacity: .8;}
.map_results.senado .ind_w > rect {fill: url("#diagonalHatch-Sind");fill-opacity: .7;}

/* no se vota */
.map_results.senado .no-se-vota > rect {fill: #e9e8e8;opacity: 1;stroke-opacity: 0.16;}
.completo .map_results.senado .no-se-vota > rect {fill: transparent;}

/*hover*/
.map_results svg>g:hover > * {stroke-width: 2;stroke: #000;}
.map_results.senado .ind_w:hover > rect {stroke: none;outline: .19rem solid #000;}


/* PANEL */
.map_results .list-states .panel {margin-top: 1rem;margin-left: 1rem;}
	.map_results .list-states .panel {position:absolute;width:80%;max-width: 25rem;visibility: hidden;box-shadow: 0.2rem 0.2rem 0.4rem #888;}
	.map_results .list-states .active .panel{clip:auto;z-index: 1;visibility: visible;}
	.map_results .list-states .panel > div {background: #fff;}
	.map_results .list-states .panel header {padding: 1rem 2rem;}
	.map_results .list-states .panel header h4, .map_results .list-states .panel header h4 * {font-size: 1.8rem;line-height: 2rem;font-weight: 700;color: #494847;padding: 1rem 0 0 0;    text-align: left;}
	.map_results .list-states .panel header .distrito {font-size: 1.4rem;line-height: 1;}
	.map_results .list-states .panel header .escrutado {font-size:1.4rem;font-weight:300;display:block;font-style: italic;}
    .map_results .list-states .panel header .estado + .distrito {padding-left: 1rem;font-size: 1.8rem;font-weight:400;}
	.map_results .list-states .panel header .ico.closed {display:none}

	.map_results .list-states .panel section {padding: 0 2rem 1rem 2rem;}
	.map_results .list-states .panel li {position: relative;display: inline-block;width: 100%;}
	.map_results .list-states .panel li > * {display:inline-block;vertical-align:middle;}
	.map_results .list-states .panel section .name {font-size:1.8rem;line-height: 2.4rem;font-weight:500;font-family: 'Roboto',arial,sans-serif;display: inline-block;    margin: 0;padding: 0;}
    .map_results .list-states .panel .perVotos {font-size: 1.8rem;line-height: 2.4rem;font-weight: 700;float: right;}
	.map_results .list-states .panel .numVotos {font-size:1.6rem;line-height: 2.2rem;font-weight: 300;color: #494847;padding: 0 0 1rem 0;}

	.map_results .list-states .panel .rep .name,.map_results .list-states .panel .rep .perVotos  {color:var(--repub);}
	.map_results .list-states .panel .dem .name, .map_results .list-states .panel .dem .perVotos {color:var(--democ);}
    .map_results .list-states .panel .ind .name, .map_results .list-states .panel .ind .perVotos {color:var(--indep);}


/* LEYENDA */
.map_results .legend {display: inline-block;width: 100%;font-size:0;overflow:hidden}
.map_results .legend span.maintitle {font-size: 1.6rem;line-height: 1; font-weight: 500;width: 100%;}
.map_results .legend > div {display: inline-block;width: 100%;padding: 1rem 0;}
/* .map_results .legend > div + div {padding-top: 2rem;} */
.map_results .legend > div > span {font-size: 2rem;font-weight: 700;color: #404947;line-height: 1.4;}
.map_results .legend li {padding: 0.5rem 0;}
	.map_results .legend .rep_l > span {color: var(--repub);}
	.map_results .legend .dem_l > span {color: var(--democ);}
    .map_results .legend .ind_l > span {color: var(--indep);}
.map_results .legend .ico {width: 2rem;height: 2rem;vertical-align: middle;position: relative;}
.map_results .legend .ico + span {font-size: 1.4rem;display: inline-block;vertical-align: middle;position: relative;line-height: 1.4;padding-left: 1rem;}
    .map_results .legend .rep_l .win_ img {background:var(--repub); }
    .map_results .legend .dem_l .win_ img {background:var(--democ); }
    .map_results .legend .ind_l .win_ img {background:var(--indep); }
	.map_results .legend .rep_l .gain {background-image: url(https://css2.rtve.es/css/rtve.2022.noticias/elecciones-eeuu-TE_SELLE22/mapa/i/rep_w.jpg);background-repeat: no-repeat;background-size: 95% auto;background-position: center center;}
	.map_results .legend .dem_l .gain {background-image: url(https://css2.rtve.es/css/rtve.2022.noticias/elecciones-eeuu-TE_SELLE22/mapa/i/dem_w.jpg);background-repeat: no-repeat;background-size: 95% auto;background-position: center center;}
	.map_results .legend .ind_l .gain {background-image: url(https://css2.rtve.es/css/rtve.2022.noticias/elecciones-eeuu-TE_SELLE22/mapa/i/ind_w.jpg);background-repeat: no-repeat;background-size: 95% auto;background-position: center center;}
	.map_results .legend li:first-child:not(:last-child) .no_re {background-color:#e9e8e8}
    .map_results .legend li:last-child .no_re,
    .map_results .legend .ico.sin_re {background-color:#fff;border: .1rem solid #ccc;}
.map_results .legend .ico.leg img {width:100%;height:100%;background-size: 100%;}
.map_results .legend .son_l > span {display: none;}

/** notis 
.article .summary .infoBox li {border: 0;padding: 0;text-indent: unset;font-weight: normal;font-size: initial;line-height: initial;}
.article .summary .infoBox li:before {content: none;}

.p_final .artBody .map_results .graphBox {padding-bottom: 8rem;}
.p_final .map_results .graphBox {position:relative;}
.p_final .map_results .mapGraph {float: none;}
.p_final .map_results .legend {width:55%}
.p_final .map_results .legend > div > span {font-size: 1.8rem;line-height: 1;}
.p_final .map_results .legend .ico.gain + span {line-height: 1}
.size_75 .map_results .legend> div > span {font-size: 1.8rem;}**/

.p_final  .infoBox[id*="mapa-resultados-elec-eeuu"] { padding: 2rem;}
.p_final [id*="mapa-resultados-elec-eeuu"] .titBox { position: static;}


@media only screen and (max-width:1000px){
	/* .map_results .graphBox {padding-bottom: 5rem;} */
	.infoBox .map_results .legend > div {vertical-align:bottom}
	.map_results .legend > div > span {font-size: 1.6rem;line-height: 1.2;}

}