Votos electorales por estado 2024: Así va el mapa electoral de Estados Unidos

• Nov 11,2024
• 35

Los resultados de las elecciones se darán a conocer poco a poco, pues el país tiene cuatro husos horarios distintos, en los que las elecciones terminarán más tarde.

Estados Unidos elige este martes 5 de noviembre entre la demócrata Kamala Harris y el republicano Donald Trump a su presidente para los próximos cuatro años. Esta misma noche, después del cierre de urnas conoceremos los resultados, estado por estado.

A diferencia de otros países, en Estados Unidos hay un sistema de elección indirecta. Los estadounidenses votan para elegir a los 538 miembros de un Colegio Electoral, repartidos en cada estado de manera proporcional a su población. A excepción de Maine y Nebraska, que tienen un sistema distinto de repartición, en la mayoría de los estados quien gana en el estado, sin importar la diferencia, se lleva todos los votos electorales.

Lee: ¿Cómo van las elecciones en Estados Unidos?

Mapa electoral de Estados Unidos

body {
font-family: “Inter”, sans-serif;
}
path {
stroke-width: 2;
stroke: white;
}

#map-container {
position: relative;
width: 900px;
display: flex;
flex-direction: column;
transform: scale(0.6) translate(-450px, -300px);
}

#regions_div {
width: 100%;
height: 100%;
}

#charts-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

#charts-container {
display: flex;
flex-direction: row;
zoom: 0.6;
transform: scale(.7) translateY(-50px);
}
div#votos {
transform: scale(.56) translate(-200px, -58px);
}
div#leyenda-votos {
max-width: 940px;
padding: 24px;
border: 1px solid #d3d3d3;
border-radius: 12px;
margin-bottom: 24px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 4px 0px;
}

div#leyenda-votos2 {
max-width: 940px;
padding: 14px;
margin-bottom: 8px;
text-align: left;}

div#leyenda-votos h3 {
font-size: 24px;
margin: 0;
}
div#pie-container {
display: flex;
}
div#refresh {
padding: 12px 24px;
background-color: #fefefe;
display: block;
max-width: 120px;
text-align: center;
color: #ed1c25;
margin: 0 auto 40px;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
border-radius: 4px;
border: 1px solid #ccc;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 4px 0px;
cursor: pointer;
transition: all 0.5s ease-out;
}

div#refresh:hover {
border: 1px solid #666;
box-shadow: rgba(99, 99, 99, 0.2) 0px 0px 0px 0px;
color: #222;
}

.state-label {
position: absolute;
font-size: 18px;
font-weight: bold;
color: white;
pointer-events: none;
}

.state-label2 {
position: absolute;
font-size: 18px;
font-weight: bold;
color: gray;
pointer-events: none;
}

/* Approximate positions for each state */
#label-AK {
top: 570px;
left: 210px;
}

#label-AL {
top: 480px;
left: 780px;
}

#label-AR {
top: 440px;
left: 670px;
}

#label-AZ {
top: 450px;
left: 330px;
}

#label-CA {
top: 350px;
left: 150px;
}

#label-CO {
top: 340px;
left: 440px;
}

#label-FL {
top: 580px;
left: 885px;
}

#label-GA {
top: 480px;
left: 840px;
}

#label-HI {
top: 580px;
left: 450px;
}

#label-IA {
top: 270px;
left: 660px;
}

#label-ID {
top: 230px;
left: 290px;
}

#label-IL {
top: 330px;
left: 740px;
}

#label-IN {
top: 330px;
left: 800px;
}

#label-KS {
top: 360px;
left: 560px;
}

#label-KY {
top: 373px;
left: 830px;
}

#label-LA {
top: 510px;
left: 680px;
}

#label-ME {
top: 180px;
left: 1110px;
}

#label-MI {
top: 240px;
left: 815px;
}

#label-MN {
top: 180px;
left: 640px;
}

#label-MO {
top: 365px;
left: 670px;
}

#label-MS {
top: 490px;
left: 730px;
}

#label-MT {
top: 150px;
left: 350px;
}

#label-NC {
top: 425px;
left: 920px;
}

#label-ND {
top: 150px;
left: 530px;
}

#label-NE {
top: 290px;
left: 540px;
}

#label-NH {
top: 247px;
left: 1054px;
}

#label-NM {
top: 450px;
left: 420px;
}

#label-NV {
top: 350px;
left: 250px;
}

#label-NY {
top: 252px;
left: 995px;
}

#label-OH {
top: 320px;
left: 850px;
}

#label-OK {
top: 430px;
left: 590px;
}

#label-OR {
top: 240px;
left: 150px;
}

#label-PA {
top: 305px;
left: 950px;
}

#label-SC {
top: 468px;
left: 895px;
}

#label-SD {
top: 220px;
left: 530px;
}

#label-TN {
top: 424px;
left: 790px;
}

#label-TX {
top: 500px;
left: 550px;
}

#label-UT {
top: 350px;
left: 340px;
}

#label-VA {
top: 390px;
left: 930px;
}

#label-VT {
top: 222px;
left: 1037px;
}

#label-WA {
top: 130px;
left: 178px;
}

#label-WI {
top: 210px;
left: 730px;
}

#label-WV {
top: 370px;
left: 885px;
}

#label-WY {
top: 250px;
left: 400px;
}

/* Container to position the chart and image relative to each other */
#chart-container,
#chart-containerharris {
position: relative;
width: 400px;
height: 250px;
min-width: 400px;
}

/* Donut chart takes up the full container */
#donutchart,
#donutchartharr {
width: 100%;
height: 100%;
}

/* Image is centered inside the chart */
#chart-image,
#chart-imageharris {
position: absolute;
top: 50%;
left: 39%;
transform: translate(-50%, -50%);
/* Center the image */
width: 120px;
/* Adjust size as needed */
height: 120px;
/* Adjust size as needed */
border-radius: 50%;
/* Optional: Makes the image circular */
}

div[id*=”donutchart”] g {
margin-bottom: 12px !important;
line-height: 1.5 !important;
}

div[id*=”donutchart”] g text {
font-family: “Inter”, sans-serif;
font-size: 23px !important;
line-height: 1.5;
margin-bottom: 12px !important;
padding-bottom: 12px !important;
text-transform: uppercase;
}
div[id*=”donutchart”] g[column-id*=”202″] text,
div[id*=”donutchart”] g[column-id*=”226″] text,
#votos g[column-id*=”210″] text {
font-weight: bold;font-size: 22px !important;
}
g[column-id*=”faltan”] {
display:none;
}
/* ajuste de espacio entre candidatos y mapa */
svg defs + g > g {
transform: translateY(-100px);
}

.state-label {
font-size: 17px;
transform: translateY(-100px);
}

/* pastel */
div#votos svg g text {
font-size: 16px;
font-family: ‘Inter’, sans-serif;
}

div#votos svg g + g text {
font-weight: bold;
}

/* ajustando posición de tooltip */
g.google-visualization-tooltip {
transform: translateY(100px);
}

@media only screen and (max-width: 1023px) {

#charts-container {
zoom:1;}

.raw-html-code {
max-height: 1020px;
}

#charts-container {
transform: scale(.5) translateY(-100px);
}
div#votos {
transform: scale(0.85) translate(274px, -110px);
}
div#pie-container {
flex-direction: column;
}

div#refresh {
transform: translateY(-100px);
margin-bottom: 0;
}

#map-container {
transform: scale(0.35) translate(-930px, -780px);
}

}

@media only screen and (min-width: 1024px){
.raw-html-code #container {
height: 850px;
overflow-y: clip;
}
}

/* transition estados inactivos
#map-container path[fill=”#aaaaaa”] {
animation-name: backgroundColorPalette;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: linear;
}*/
@keyframes backgroundColorPalette {
0% {
fill: #aaaaaa;
}
25% {
fill: #868686;
}
50% {
fill: #aaaaaa;
}
75% {
fill: #868686;
}
100% {
fill: #aaaaaa;
}
}

¿Quién va ganando las elecciones en Estados Unidos?

Los votantes en este país eligen a su próximo presidente entre la demócrata Kamala Harris y el republicano Donald Trump. Para ganar, se necesitan por lo menos 270 de los 538 votos del Colegio Electoral. Sigue en tiempo real los resultados.

Refrescar