@charset "utf-8";
@import url("https://use.typekit.net/hph2bqu.css?20241810c%22");

/* CSS Document */

#panel-resultados  {  color: #001E61;font-family: greycliff-cf, sans-serif; }
#panel-resultados .js-loading img { width: 50px }
#panel-resultados .js-onload { display: none }
.porcentaje, .porcentaje2 { color: #EC5441;  font-weight: 700; line-height: 1 }
#panel-resultados .detalles { font-weight: 400}
#panel-resultados .detalles2 { font-style: italic}

.datosenvivo {background-color: #ccecff; font-size: 1.5em; font-weight: 700; padding: 5px 10px; margin-top: 10px }
.tabla_resultados tr td{width:100%}
.paddingcero{padding:0}
.mas_resultados {padding-top:20px; text-align: center}

li .enc_valor{font-weight: bold;}
	
#panel-resultados .js-loading.procesando:before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: -1px;
    top: 50%;
    margin-top: -10px;
    border: 3px solid rgba(75, 158, 249, 0.3);
    border-top-color: #4b9ef9;
    border-radius: 50%;
    -webkit-animation: loading 700ms linear infinite;
    -o-animation: loading 700ms linear infinite;
    animation: loading 700ms linear infinite;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

	#panel-resultados .nombre_candidato {
     font-weight:800;
    text-transform: uppercase; line-height: 1.1em;font-family: 'Montserrat', 'Noto Sans', sans-serif;
		
}
	   
	   #panel-resultados .formula_candidato {display: none }

/* nota cms */


.table_resultados{
    width: 100%; 
	background-color: #fff;
    border-radius: 5px;
    box-shadow:
        0px 0px 0px 1px #efefef,
        0px 12px 18px -2px rgba(33, 33, 33, 0.15);
	margin-top: 20px
}

.table_resultados thead th{
    font-size: 1.6em;
}
.table_resultados th:not([class*="text-"]){
    text-align: left;
}
.table_resultados tr > *{
    padding: 10px 15px; 
 position: relative
}



.table_resultados tbody tr > * {
    vertical-align: middle;
}

.table_resultados thead tr > *.porcentaje_depto,
.table_resultados tbody tr > *.porcentaje_depto{
    padding-right: 5px;
}


.table_resultados tbody tr{
    border-top: 1px solid #efefef;
}
.table_resultados tbody tr:first-child{
    border-top: none;
}
.table_resultados tbody tr > *{
    vertical-align: middle;
}

.table_resultados tbody .text{
 }
.table_resultados tbody .text .caption{
    display: block;
     font-style: italic;
    color: #878787;
}

.table_resultados tbody .fill-btn{
    margin-top: 0;
}

.table_resultados-elecciones19 {

    font-size: 1.8em;

}



@media (max-width: 980px)  {

	.table_resultados-elecciones19 { font-size: 1.8em }
}


@media only screen and (max-width: 42.09em) {
    tr td:first-child {
        color: inherit;
        background-color: #FFFFFF;
        font-weight: bold; font-size:inherit
    }
}


   .table_resultados-elecciones19 .table_resultados img {
    margin-top: 0 !important; 
}

.porcentaje_depto { color: #EC5441; font-weight: 700; text-align: right; font-size: 1.2em}
.votos_depto { font-weight: 700; text-align: right}
.resultadoDepto{  padding-bottom: 45px;text-align: left  }
 
 
.logo_partido_desktop {display: none !important}
.logo_partido_movil {display: inline-block !important;width: 150px; padding-top: 5px; padding-bottom: 2px }

.table_resultados a { text-decoration: underline}
.table_resultados a:hover { text-decoration: none }

.table_resultados a:after { 
	content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(../imagenes/arrow2.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    right: -5px;
    position: absolute;
    top: 16px;}

.text-uppercase { text-transform: uppercase}
.table_resultados .imgcandidato {
    border-radius: 50%;
    aspect-ratio: 1;
    width: 40px; margin:0 7px 0 0 }

	.table_resultados .bloque_candidato{ display: flex; align-items:center}


.table_resultados thead tr > *.porcentaje_depto,
.table_resultados tbody tr > *.porcentaje_depto { padding-right: 12px; position: relative}
#despliegue .contenido .resultadoDepto h3 { color: #EC5441; text-transform: uppercase; font-weight: 800}
table.cuadro {font-style:italic; font-size:1.6em}
table.cuadro td {padding:2px 6px}
table.cuadro td:first-child {font-weight:normal}
 


.fill-btn-azul {
    box-shadow: inset 0px 0px 0px 1px #EC5441;
}
.fill-btn-azul {
    padding: 7px 13px 7px;
     background-color: #EC5441;
}
.fill-btn-azul  a:hover {
  color: #EC5441 }


/* inicio media querys */		


@media (min-width: 980px){
.table_resultados .imgcandidato {
    width: 50px; margin:0 10px 0 0 }


 
	.resultadoDepto{  padding-bottom: 80px }

	.votos_depto {   font-weight: 700; text-align: right}
	
	table.cuadro td {padding:2px 10px}

	#panel-resultados .formula_candidato { font-weight:200; padding-bottom: 1px; text-transform: uppercase; opacity: .8; display: inline-block }
	
}
.partido_depto {  font-weight: 700}

@media (min-width: 768px){
		.partido_depto {  
    display: inline-block; margin-top: 10px;
}
	

#despliegue .contenido img, #despliegue .contenido iframe { margin-top: 0 !important }


.logo_partido_movil {display: none !important}
	.logo_partido_desktop {display: inline-block !important; width: 35px}
	

}


	@media (max-width: 360px){
    .table_resultados-elecciones19 .table_resultados tr{
        padding-right: 90px;
    }
    .table_resultados tbody .main{
     }
    .table_resultados-elecciones19 .table_resultados tbody .text,
    .table_resultados-elecciones19 .table_resultados tr > *[data-th]:before{
     }
    .table_resultados-elecciones19 .table_resultados tbody .price-component .price{
     }
    .table_resultados-elecciones19 .table_resultados tbody .fill-btn{
        display: block;
        width: auto;
        margin-left: 0;
        margin-right: -70px;
        text-align: center;
    }
}
	

	
@media (max-width: 600px) {
	.img_candidato{ text-align:center} 
	.paddingcero{padding:4px} 
	.paddingcero{padding:0; width:48%; float: left;
    padding-bottom: 30px;}
    .padd15{margin-left: -15px; margin-right: -15px }
	#panel-resultados .nombre_candidato, #panel-resultados .formula_candidato, #panel-resultados .porcentaje { text-align: center; width: 100%}
	.porcentaje { padding-bottom: 20px }   
 	.tabla_resultados td, .tabla_resultados tr { text-align: center; width: 100%}
	}

@media (max-width: 680px){
	img.js-candidato { width: 80px; padding-right:10px  }
	.plebiscito_miedo { display: block; padding-bottom: 15px; border-bottom: 1px solid #CCCCCC; margin-bottom: 15px; clear: both}
 }
@media (max-width: 767px){
	.logo-partido { display: none}
 }


	
@media (max-width: 767px) {
    .table_resultados tbody tr > * {
        
     }
 .table_resultados tr > *{
    padding: 12px; 
	
}
	.table_resultados a:after { background-image: none }

	
	 .table_resultados .votos_depto	{  padding:0; display: none}

	
	.resultadoDepto { 
     font-weight: 400;  padding-top: 20px      
     }
	
	.table_resultados .logo_partido {display: none }
	
	
}




.st0 {fill:#aaa;stroke:#FFFFFF;stroke-width:2.3366;stroke-linecap:round;stroke-linejoin:round;}
.stFA { fill: #487dbf }
.stPC { fill: #e94344 }
.stPN { fill: #64bfed }

.cls-1,.cls-2,.cls-3{fill:#477dbe;}
.cls-2{letter-spacing:-.02em;}
.cls-2,.cls-3,.cls-4,.cls-5,.cls-6,.cls-7,.cls-8,.cls-9,.cls-10,.cls-11,.cls-12,.cls-13,.cls-14{font-family:greycliff-cf, sans-serif;font-weight:700;}
.cls-2,.cls-3,.cls-5,.cls-6,.cls-7,.cls-9,.cls-10,.cls-13,.cls-14{font-size:13px;}
.cls-15{letter-spacing:0em;}
.cls-16{letter-spacing:2.76em;}
.cls-16,.cls-17,.cls-4,.cls-18,.cls-19,.cls-20,.cls-21,.cls-22,.cls-23,.cls-24,.cls-25,.cls-26,.cls-8,.cls-27,.cls-28,.cls-29,.cls-30,.cls-31,.cls-11,.cls-32,.cls-12,.cls-33,.cls-34,.cls-35{font-size:10px;}
.cls-16,.cls-17,.cls-4,.cls-18,.cls-36,.cls-21,.cls-22,.cls-23,.cls-37,.cls-24,.cls-7,.cls-25,.cls-27,.cls-29,.cls-30,.cls-11,.cls-33,.cls-34,.cls-35{fill:#333;}
.cls-16,.cls-17,.cls-18,.cls-19,.cls-20,.cls-21,.cls-22,.cls-23,.cls-24,.cls-25,.cls-26,.cls-27,.cls-28,.cls-29,.cls-30,.cls-31,.cls-32,.cls-33,.cls-34,.cls-35{font-family:greycliff-cf, sans-serif;font-weight:500;}
.cls-38{letter-spacing:-.03em;}
.cls-17{letter-spacing:3.2em;}
.cls-39{fill:#e34b33;}
.cls-40{letter-spacing:0em;}
.cls-4,.cls-23,.cls-12{letter-spacing:-.02em;}
.cls-18{letter-spacing:2.96em;}
.cls-19,.cls-41,.cls-10{fill:#e94345;}
.cls-42,.cls-6{fill:#64bfed;}
.cls-36{font-family:greycliff-cf, sans-serif;font-size:20px;font-weight:800;}
.cls-43{letter-spacing:0em;}
.cls-44{fill:#666;font-family:greycliff-cf, sans-serif;font-size:12px;}
.cls-20,.cls-33{letter-spacing:-.03em;}
.cls-5,.cls-45{fill:#edc107;}
.cls-46,.cls-9{fill:#3f3fa5;}
.cls-21{letter-spacing:-.02em;}
.cls-47{fill:#f2f2f2; padding-right: 20px}
.cls-22{letter-spacing:0em;}
.cls-25{letter-spacing:.72em;}
.cls-48{letter-spacing:-.11em;}
.cls-49{letter-spacing:0em;}
.cls-26,.cls-30{letter-spacing:0em;}
.cls-27{letter-spacing:2.56em;}
.cls-28{letter-spacing:-.01em;}
.cls-50{letter-spacing:-.02em;}
.cls-51{letter-spacing:0em;}
.cls-29{letter-spacing:.19em;}
.cls-52{letter-spacing:-.01em;}
.cls-31{letter-spacing:2.35em;}
.cls-53,.cls-13{fill:#4bc975;}
.cls-54{letter-spacing:0em;}
.cls-55{letter-spacing:-.02em;}
.cls-34{letter-spacing:.86em;}
.cls-35{letter-spacing:-.02em;}
.st7 {
  isolation: isolate;
}
.st12 {
  font-family: greycliff-cf, sans-serif;
  font-size: 20.2px;
  font-weight: 800;
}

.st4 {
  fill: #666;
  font-family: greycliff-cf, sans-serif;
  font-size: 12px;
  font-weight: 300;
}
.st15 {
        font-family: greycliff-cf, sans-serif;
        font-size: 9px;
        font-style: oblique; font-weight: 400
      }

    .st0 {
  fill: #aaa;
  stroke: #FFFFFF;
  stroke-width: 2.3366;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.st-mapa-4,
.st-mapa-7 {
  isolation: isolate;
}

.st-mapa-7 {
  fill: #333;
}

.st-mapa-4,
.st-mapa-7 {
  font-size: 38.7px;
  font-family: greycliff-cf, sans-serif;
  font-weight: 700;
}

.st-mapa-4 {
  fill: #fff;
}

.st-mapa-3 {
  font-size: 60px;
  font-family: greycliff-cf, sans-serif;
  ;
  font-weight: 700;
}

.st-mapa-3,
.st-mapa-6 {
  isolation: isolate;
}

.st-mapa-3,
.st-mapa-8 {
  fill: #333;
}

.st-mapa-10 {
  fill: #f2f2f2;
}

.st-mapa-6 {
  fill: #666;
  font-family: greycliff-cf, sans-serif;
  font-size: 35.7px;
  font-weight: 300;
}