<style>


:root {
  --democratas: #00BFFF;
  --republicanos: #FF4141;
  --democratas50: rgba(0,191,255,0.5);
  --republicanos50: rgba(255,65,65,0.5);
  --democratas05: rgba(0,191,255,0.05);
  --republicanos05: rgba(255,65,65,0.05);
  --independientes: #FFB841;
}

.resultados-estados{ padding: 50px 0; border-bottom: 1px dotted #E0E0E0; }
.resultados-estados h2{ text-align: left; float: left; line-height: 36px; margin-bottom: 0; }
.resultados-estados .caja_corta select { background: #FFF url(https://elpais.com/especiales/2020/elecciones-estados-unidos/img/flecha-combos.svg) right center no-repeat; margin: 0; color: #999; padding: 0 30px 0 8px; font-size: 14px;  -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; outline: none; border-radius: 5px; overflow: hidden; border: 1px solid #999; width: 160px; line-height: 36px; height: 36px; float: right; }

.resultado-estado{ border-top: 1px solid #333; border-bottom: 1px dotted #333; width: 100%; clear: both; margin: 30px 0 40px; display: inline-block; }
.cabecera-estado{ background: #FAFAFA; padding: 5px; border-bottom: 1px dotted #333;}
.cabecera-estado span{display: inline-block; line-height: 40px; vertical-align: top; font-size: 12px; font-family: 'MarcinAntB', sans-serif;}
.cabecera-estado span.mapa-estado{ width: 30px; height: 30px; text-align: center; margin-top: 5px; }
.cabecera-estado span.nombre-estado{ font-family: 'MarcinAntB', sans-serif; font-weight: 700; font-size: 14px; color: black;}
.cabecera-estado span.votos-electorales-estado{ position: relative;padding-left: 10px; margin-left: 10px; }
.cabecera-estado span.votos-electorales-estado:before{ position: absolute; content: ''; display: inline-block; width: 0; height: 15px; border-left: 1px solid #999; left: 0; top: 50%; transform: translateY(-50%);  }
.cabecera-estado span.votos-electorales-estado .votos-mobile{ display: none; }
.cabecera-estado span.escrutinio-estado{ float: right; }

.estado-cerrado .cabecera-estado,
.estado-cerrado .cabecera-estado span.nombre-estado{ color: #FFF; }
.estado-cerrado .cabecera-estado span.votos-electorales-estado:before{ border-color: #FFF; }

.estado-democrata span.mapa-estado svg path,
.estado-democrata span.mapa-estado svg polygon,
.estado-republicano span.mapa-estado svg path,
.estado-republicano span.mapa-estado svg polygon{ fill:#FFF;}

.estado-democrata .cabecera-estado{ background: var(--democratas);}
.estado-republicano .cabecera-estado{ background: var(--republicanos);}

.estado-republicano span.mapa-estado svg path, .estado-republicano span.mapa-estado svg polygon
.estado-democrata .datos-estado-candidato.democrata .candidato-estado:after{ content: ''; display: inline-block; font-weight: 700;  background-image: url(https://elpais.com/especiales/2020/elecciones-estados-unidos/img/check-democrata.svg); background-position: center; background-repeat: no-repeat; width: 14px; height: 11px; margin-left: 10px; }
.estado-republicano .datos-estado-candidato.republicano .candidato-estado:after{  content: ''; display: inline-block; font-weight: 700;  background-image: url(https://elpais.com/especiales/2020/elecciones-estados-unidos/img/check-republicano.svg); background-position: center; background-repeat: no-repeat; width: 14px; height: 11px; margin-left: 10px;}

.datos-estado{}
.datos-estado-candidato{  border-top: 1px dotted #E0E0E0; font-size: 12px; font-family: 'MarcinAntB', sans-serif;padding: 5px;}
.datos-estado-candidato span{line-height: 20px; display: inline-block; height: 20px; vertical-align: middle;}
.datos-estado-candidato:first-of-type, .datos-estado > .datos-estado-candidato:nth-child(1){ border-top:none;}  
.datos-estado-candidato .candidato-estado{ font-weight: 600; padding-left: 30px; width: 150px; background-position: 5px center; background-repeat: no-repeat;}
.datos-estado-candidato.democrata .candidato-estado{ background-image: url(https://elpais.com/especiales/2020/elecciones-estados-unidos/img/icono-democrata.svg);}
.datos-estado-candidato.republicano .candidato-estado{ background-image: url(https://elpais.com/especiales/2020/elecciones-estados-unidos/img/icono-republicano.svg);}
.datos-estado-candidato.independiente .candidato-estado{ background-image: url(https://elpais.com/especiales/2020/elecciones-estados-unidos/img/icono-independiente.svg);}

.datos-estado-candidato .barra-candidatos-estado{ width:calc(100% - 310px); display: inline-block; position: relative; background-color: #DDDDDD; height: 10px; margin: 0 ; padding: 0;}
.datos-estado-candidato .barra-candidatos-estado:before { content: ''; display: block; width: 0px; height: 100%; border-left: 1px dotted #FFF; position: absolute; top: 0; left: 50%; z-index: 2;}
.datos-estado-candidato .barra-candidatos-estado .barra-porcentaje{position: absolute; top: 0; left: 0; height: 10px;}
.datos-estado-candidato.democrata .barra-candidatos-estado .barra-porcentaje{background-color: var(--democratas);}
.datos-estado-candidato.republicano .barra-candidatos-estado .barra-porcentaje{background-color: var(--republicanos);}
.datos-estado-candidato.independiente .barra-candidatos-estado .barra-porcentaje{background-color: var(--independientes);}

.porcentaje-candidato-estado{ width: 50px; text-align: right; padding-right: 5px; }
.votos-candidato-estado{ width: 100px; text-align: right; }


.estados-clave{ position: relative; }
.estados-clave:after{content: ''; position: absolute; top: 50%; right: -10px; transform: translateY(-50%); width: 62px; height: 100%; background: url(https://elpais.com/especiales/2020/elecciones-estados-unidos/img/flecha-tabla2.png) center right no-repeat; background-size: cover; }
.estados-clave__interior{overflow-x: scroll; }
.tabla-estados-clave{ border-top: 1px solid #333; font-size: 13px; font-family: 'MarcinAntB', sans-serif; color: #000; width: 980px; margin-right: 40px; }
.tabla-estados-clave thead{}
.tabla-estados-clave thead tr{border-bottom: 1px dotted #CCC; }
.tabla-estados-clave thead tr td{ text-align: center; vertical-align: center; font-weight: 600; border-left: 1px dotted #CCC; background: #FAFAFA; padding: 5px 10px; font-size: 1.3rem;vertical-align: middle;}
.tabla-estados-clave thead tr td:first-child{ text-align: left; font-family: 'Marcin Ant B'; font-weight: 700; font-size: 20px; border-left: none; width: 180px; padding:15px 50px 10px 10px; box-sizing: border-box;}
.tabla-estados-clave thead tr td .mapa-estado svg{ width: 40px; height: 40px; display: block; margin: 5px auto; }
.tabla-estados-clave thead tr td.estado-winning.estado-republicano { background-color: var(--republicanos); color: #FFF;}
.tabla-estados-clave thead tr td.estado-republicano { background-color: var(--republicanos50); }
.tabla-estados-clave thead tr td.estado-winning.estado-republicano  .mapa-estado svg path,
.tabla-estados-clave thead tr td.estado-winning.estado-republicano  .mapa-estado svg polygon{ fill: #FFF; }
.tabla-estados-clave thead tr td.estado-democrata { background-color: var(--democratas50);}
.tabla-estados-clave thead tr td.estado-winning.estado-democrata { background-color: var(--democratas); color: #FFF; }
.tabla-estados-clave thead tr td.estado-winning.estado-democrata  .mapa-estado svg path,
.tabla-estados-clave thead tr td.estado-winning.estado-democrata  .mapa-estado svg polygon{ fill: #FFF; }
.tabla-estados-clave tbody{}
.tabla-estados-clave tbody tr td{ text-align: center; border-left: 1px dotted #CCC; padding: 5px 10px; vertical-align: middle;}
.tabla-estados-clave tbody tr td:first-child{ text-align: left; font-weight: 600; border-left: none; background-position: 10px center; background-repeat: no-repeat;  padding-left: 35px; }
.tabla-estados-clave tbody tr.candidato-democrata td{ color: var(--democratas); }
.tabla-estados-clave tbody tr.candidato-democrata td:first-child{ background-image: url(https://elpais.com/especiales/2020/elecciones-estados-unidos/img/icono-democrata.svg); color: #000;}
.tabla-estados-clave tbody tr.candidato-republicano td{ color: var(--republicanos); }
.tabla-estados-clave tbody tr.candidato-republicano td:first-child{ background-image: url(https://elpais.com/especiales/2020/elecciones-estados-unidos/img/icono-republicano.svg);color: #000;}
.tabla-estados-clave tbody tr.candidato-democrata td.estado-democrata{  font-weight: 700;}
.tabla-estados-clave tbody tr.candidato-republicano td.estado-republicano{ font-weight: 700;}

/** Include portada *****/
#include_USA{ max-width: 99.3rem; margin: 1rem auto; border-bottom: 0.3rem solid #F9F9F9; position: relative; padding:0; box-sizing: border-box;   }

#include_USA .estados-clave-USA{ border-bottom: 0.1rem solid #E6E6E6;}
#include_USA .estados-clave-USA .tabla-estados-clave{ border-top: none; margin: 0 }

#include_USA .tabla-estados-clave tr td strong{ display: block;}
#include_USA .tabla-estados-clave tr td span{  font-weight: 300; font-size: 1.1rem;}
#include_USA .tabla-estados-clave tbody tr td:first-child{ padding-left: 1rem } 
#include_USA .tabla-estados-clave thead tr td:first-child{ padding:0.6rem 1rem; width: auto;}
#include_USA .tabla-estados-clave thead tr td{ border-bottom: 0.1rem solid #FFF;}
#include_USA .tabla-estados-clave tr td{ border-left: 0.1rem solid #FFF;}
#include_USA .tabla-estados-clave tr td:first-child{ font-size: 1.3rem; font-family: 'MarcinAntB', sans-serif; width: 9.5rem; background: #F0F0F0; }
#include_USA .tabla-estados-clave tr td:first-child span{ font-size: 1.1rem; }
#include_USA .tabla-estados-clave tbody tr td{  border-top: 0.1rem dotted #E6E6E6; padding: 0.6rem; font-size: 1.2rem; }
#include_USA .tabla-estados-clave tbody tr td.estado-winning{ font-weight: 600; }
#include_USA .tabla-estados-clave tbody tr td.estado-democrata{ color: var(--democratas); }
#include_USA .tabla-estados-clave tbody tr td.estado-republicano{ color: var(--republicanos); }

@media (min-width:768px) {
  .cabecera-estado{ padding: 10px;}
  .cabecera-estado span.mapa-estado{ width:40px; height: 40px; margin-top: 0; } 
  .cabecera-estado span{line-height: 40px;}
  .cabecera-estado span.nombre-estado{ font-size: 18px; }
  .datos-estado-candidato{ padding: 5px 10px;}
  .datos-estado-candidato .candidato-estado{ background-position: 12px center; padding-left: 45px; width: 200px;}
  .datos-estado-candidato{ font-size: 13px;}
  .datos-estado-candidato .barra-candidatos-estado{ width:calc(100% - 375px);height: 16px;}
  .datos-estado-candidato .barra-candidatos-estado .barra-porcentaje{height: 16px;}
  .votos-candidato-estado{ width: 110px;}
  .porcentaje-candidato-estado{ width: 55px;}
  .cabecera-estado span{font-size: 12px;}
}

@media (min-width:1000px) {
  .estados-clave__interior{overflow-x: initial; }
  .tabla-estados-clave{ width: 100%; }
  .estados-clave:after{ display: none; pointer-events: none; }

}

@media (max-width:450px) {
  .cabecera-estado span.votos-electorales-estado .votos-mobile{ display: inline-block; }
  .cabecera-estado span.votos-electorales-estado .votos-desktop{ display: none; }
}

@media (max-width:375px) {
  .datos-estado-candidato .barra-candidatos-estado{ display: none; }
  .datos-estado-candidato .candidato-estado{ width: calc(100% - 156px); padding-left: 20px; }
  .cabecera-estado span.mapa-estado{ display: none; }
  .cabecera-estado span{ font-size: 11px; }
  .cabecera-estado span.votos-electorales-estado{ padding-left: 10px; margin-left: 5px; }
  .cabecera-estado span.escrutinio-estado{ padding-left:10px; margin-left: 5px; float: none; position: relative; }
  .cabecera-estado span.escrutinio-estado:before{ position: absolute; content: ''; display: inline-block; width: 0; height: 15px; border-left: 1px solid #999; left: 0; top: 50%; transform: translateY(-50%);}
  .datos-estado-candidato .candidato-estado{ background-position: 0 center; }
}
</style>