es-ES: Start reviewing the translation and making it fit in the given space. Tricky stuff.

es.html

@@ -489,9 +489,9 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
 <words id="simple_simple">
 	<i>Pero dejemos de lado todo ese tema de «porcentajes».</i>
 	En la parte de abajo tenemos una personita <icon name="red"></icon> con ganas de contarnos algo chuli.
-	¿Información? No, <i>des</i>información, o «noticias falsas», como lo llaman ahora los del telediario.
+	¿Información? No, <i>des</i>información, o «noticias falsas».
 	Cada día esa personita lanza el rumor a sus amigos como si de una infección vírica se tratase.
-    Y estos lo pasan a su vez a sus propios amigos y a los amigos de sus amigos, hasta que todo el mundo se entera.
+    Y estos lo pasan a su vez a sus propios amigos, hasta que todo el mundo se entera.
 	<br>
 	<b>
 	¡Dale a simular! <div class="darr"></div>
@@ -517,7 +517,7 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
 	Conecta a las personitas y empieza la simulación,
 	intentando que <i>todo el mundo</i> se «contagie», informativamente hablando.
 	<br>
-	(ah, nueva regla: no puedes borrar las relaciones con rayas <i>gruesas</i>)
+	(ah, nueva regla: no puedes borrar las relaciones de las rayas <i>gruesas</i>)
 </words>
 
 <words id="simple_cascade_end">
@@ -529,7 +529,7 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
 	El señor Newton cayó en una de estas en 1720.
 	Las instituciones financieras cayeron en una cascada parecida en 2008.<ref id="subprime"></ref>
 	<br><br>
-	Y aún así: <i>esta simulación no está bien hecha.</i>
+	Y aún así <i>esta simulación no está bien hecha.</i>
 	La mayor parte de las ideas <i>no</i> se extienden como un virus.
 	Para cambiar muchas creencias y comportamientos hay que estar «expuesto» al contagio varias veces.
 	Así que los sociólogos han acuñado otro término que se ajusta más al concepto...
@@ -574,7 +574,7 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
 
 		<div style="height:0.75em"></div>
 
-		Pero, aún así los contagios no son malos por naturaleza&mdash;
+		Pero, aún así los contagios no son malos por naturaleza,
 		así que pasemos de todo este rollo de la <i>irracionalidad</i>, y que tal si abordamos el tema de...
 		<next>...la ¿sabiduría? de masas</next>
 
@@ -586,22 +586,22 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
 	Bueno, he aquí una personita <icon name="blue"></icon> que dedica su tiempo a... yo qué sé,
 	rescatar a gente de huracanes, dar clases de apoyo a niños sin recursos de la zona, o algo por el estilo.
 	De lo que se trata es que éste es un «contagio» de los buenos.
-	Aunque pongamos que esta vez el límite mínimo está al 25% &mdash;
+	Aunque pongamos que esta vez el límite mínimo está al 25%:
 	la gente quiere hacer de voluntario, pero sólo si 25% o más de sus amigos también lo hace.
 	Pero bueno, ya sabemos que las cosas buenas llevan su tiempo.
 
 	<br><br>
 
-	<b>&larr; ¡Infecta a todo quisqui de buen rollo!</b>
+	<b>&larr; ¡Haz que todos se contagien del buen rollo!</b>
 
 </words>
 
 <words id="complex_complex_3_end">
 	<span style="line-height:1.3em; display:block;">
 
-		<b>NOTA:</b> Ser un voluntario es sólo una forma de influir en los demás!
+		<b>NOTA:</b> Hacerse voluntario de algo es sólo una forma más de influir en los demás.
 		Otras formas pueden ser hacer que más gente vote, cambiar los hábitos de vida o las creencias de uno, 
-		dedicarle tiempo a intentar entender un tema complejo. Cualquier otra cosa que requiera más de una exposición.
+		dedicarle tiempo a intentar entender un tema complejo. O cualquier otra cosa que requiera algo con sustancia.
 		Los contagios complejos no son necesariamente buenos, pero sí al revés.
 
 		<div style="height:0.75em"></div>
@@ -613,32 +613,32 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
 
 		Y ahora para que veas lo raros y potentes que son los contagios simples volvamos a ver...
 
-		<next>...uno de los primeros puzles <div class="rarr"></div> </next>
+		<next>uno de los primeros puzles <div class="rarr"></div> </next>
 
 	</span>
 </words>
 
 <words id="complex_cascade">
-	¿Te acuerdas? ahora lo haremos con un contagio <i>complejo</i> <icon name="blue"></icon>, y será un pelín más complicado...
+	¿Te acuerdas? Ahora lo haremos con un contagio <i>complejo</i> <icon name="blue"></icon>, y será un pelín más complicado...
 	<br>
 	<b>¡Intenta contagiar a todos en positivo! <div class="darr"></div></b>
 </words>
 
 <words id="complex_cascade_feel_free">
-	(puedes iniciar la simulación cuantas veces quieras e ir probando, no hay problema)
+	(puedes iniciar la simulación cuantas veces quieras e ir <i>probando</i>, no hay problema)
 </words>
 
 <words id="complex_cascade_end">
-	<next wiggle>VAYA<div class="rarr"></div> </next>
+	<next wiggle>VAYA VAYA<div class="rarr"></div> </next>
 </words>
 
 <words id="complex_post_cascade">
-	Puede que a estas alturas te crear que basta con añadir más y más relaciones para contagiar a todo el mundo,
+	Puede que a estas alturas te creas que basta con añadir más y más relaciones para contagiar a todo el mundo,
 	da igual si es «simple» o «complejo», bueno o malo, sabio o irracional.
-	¿Pero seguro que es así? Veamos...
+	Pero, ¿seguro que es así? Veamos otro puzle de...
 </words>
 <words id="complex_post_cascade_end">
-	<next wiggle>...otro puzle de una forma distinta <div class="rarr"></div> </next>
+	<next wiggle>...una forma distinta <div class="rarr"></div> </next>
 </words>
 
 <words id="complex_prevent">
@@ -651,8 +651,8 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
 <words id="complex_prevent_2">
 	¿Ves, te das cuenta?
 	Aunque añadiendo más líneas consigues que las ideas <i>simples</i> se extiendan,
-	<b>tener más relaciones puede ser negativo a la hora de extender ideas <i>complejas</i>!</b>
+	¡<b>tener más relaciones puede ser negativo a la hora de extender ideas <i>complejas</i>!</b>
-	(le hace a uno pensar sobre los efectos de Internet, ¿eh?)
+	(algo así pasa en Internet, ¿eh?)
 	Y ni siquiera estamos hablando de algo teórico, sino que tiene consecuencias reales, en cuestiones de vida...
 </words>
 
@@ -663,9 +663,9 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
 <words id="complex_groupthink">
 		
 	Los de la NASA son unos listillos.
-	A ver, utilizan las ecuaciones de Newton para llevarnos a la Luna.
+	Después de todo utilizan las ecuaciones de Newton para llevarnos a la Luna.
 	Pero bueno, resumiendo un poco, en 1986,
-	<i>incluso después de desoir las advertencias de los ingenieros</i>,
+	<i>incluso después de desoír las advertencias de los ingenieros</i>,
 	lanzaron el <i>Challenger</i>,
 	que explotó quitándole la vida a siete pasajeros.
 	La causa principal: 
@@ -673,7 +673,7 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
 
 	<div style="height:0.9em"></div>
 
-	Qué otras causas secundarias: los mandamases ignoraron el consejo de los ingenieros.
+	Otra causa a mayores: los mandamases ignoraron el consejo de los ingenieros.
 	¿Por qué? Por culpa del <b>pensamiento grupal</b><ref id="groupthink"></ref>.
 	Cuando un grupo está <i>demasiado</i> cerrado, (como suele pasar en la cúspide de las directivas institucionales)
 	se inmunizan frente a las ideas complejas que puedan ir en contra de sus creencias o egos.
@@ -684,55 +684,54 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
 	Pero, ¿como podemos «prepararnos» para crear <i>sociedades constructivas?</i>
 	Muy fácil, en dos palabras:
 
-	<next>Vínculos y puentes <div class="rarr"></div> </next>
+	<next>Creando vínculos y puentes <div class="rarr"></div> </next>
 
 </words>
 
 <!-- Bonding & Bridging -->
 
 <words id="bonding_1">
-	&larr; Muy pocas relaciones y la idea no se extiende.
+	&larr; Muy pocas relaciones y la idea no se extiende
 	<br>
-	demasiadas y terminas desarrollando pensamiento grupal. <div class="rarr"></div> 
+	Demasiadas y terminas con pensamiento grupal <div class="rarr"></div> 
 </words>
 
 <words id="bonding_2">
 	<b>
-	Traza un grupo que tenga lo mejor de ambas cosas:
+	¡Traza un grupo que tenga lo mejor de ambas cosas y pueda difundir ideas complejas!
-	lo suficientemente conectado como para difundir ideas complejas!
 	<div class="darr"></div>
 	</b>
 </words>
 
 <words id="bonding_end">
-	¡Bastante simple! ¿no?
+	Simple, bonito y barato ¿no?
-	A la cantidad de conexiones que hay <i>dentro</i> de un grupo se le llama <b>capital social vinculante</b><ref id="social_capital"></ref>.
+	A la cantidad de relaciones que hay <i>dentro</i> de un grupo se le llama <b>capital social vinculante</b><ref id="social_capital"></ref>.
 	Pero, ¿y qué pasa con las relaciones...
-	<next wiggle>...<i>entre various</i> grupos?</next>
+	<next wiggle>...entre <i>varios</i> grupos?</next>
 </words>
 
 <words id="bridging_1">
 	Como te puedes imaginar, 
 	al número de relaciones <i>entre</i> grupos se le llama
 	<b>capital social puente</b>.
-	Esto es importante porque ayuda a los individuos y grupos a salir de líneas de pensamiento únicas y viciadas!
+	¡Esto es importante porque ayuda a los individuos y grupos a salir de líneas de pensamiento únicas y viciadas!
 	<br>
 	<b>Puentea grupos, para «infectar» a gente con pensamiento racional:</b>
 </words>
 
 <words id="bridging_end">
-	Como con los vínculos los puentes también tienen un número ideal de combinaciones.<ref id="bridge"></ref>
+	Al igual que con los vínculos los puentes también tienen un número ideal de combinaciones.<ref id="bridge"></ref>
 	(para más inri: intenta trazar un puente tan grueso que el contagio complejo 
-	<i>no pueda</i> ni cruzar a la otra orilla!)
+	<i>no pueda</i> ni cruzar a la otra orilla)
-	Ahora que sabemos «diseñar» relaciones «de» grupo y «entre» de grupos...
+	Ahora que ya sabemos diseñar relaciones <i>dentro</i> y <i>entre</i> grupos hagamos...
-	<next wiggle>...hagamos las DOS cosas a la vez!</next>
+	<next wiggle>...ambas cosas a la vez.</next>
 </words>
 
 <words id="bb_1">
 
 	<b style="font-size:2em">¡ÚLTIMO PUZLE!</b>
 	<br>
-	Traza relaciones internas para formar grupos (vínculo) y externas entre grupos (puentes)
+	Traza relaciones grupales (vínculos) y entre grupos (puentes)
 	para difundir ideas racionales a diestro y siniestro:
 
 </words>
@@ -740,27 +739,27 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
 
 	¡Muy bien, acabas de crear un tipo de relación muy especial!
 	Son conexiones con el punto ideal de vínculos y puentes
-	son tremendamente importantes, y se les llama...
+	y tremendamente importantes, se les llama...
-	<next wiggle>“redes de mundo pequeño” <div class="rarr"></div> </next>
+	<next wiggle>redes «de mundo pequeño» <div class="rarr"></div> </next>
 
 </words>
 <words id="bb_small_world_1">
 
-	<i>"Unidad sin uniformidad". "Diversidad sin división". "E Pluribus Unum: todos para uno".</i>
+	<i>«Unidad sin uniformidad». «Diversidad sin división». «E Pluribus Unum: todos para uno».</i>
 	<br>
 	No importa como lo llames,
-	todas las personas da igual su tiempo o lugar llegan a la misma conclusión:
+	todas las personas terminan llegando a la misma conclusión:
 	<b>
-	una sociedad saludable necesita un punto intermedio de <i>vínculos</i> en grupos
+	una sociedad saludable necesita un punto intermedio de <i>vínculos</i> internos
 	y puentes <i>entre</i> grupos.
 	</b>
-	Lo que significa:
+	Lo que se traduce en:
 
 </words>
 <words id="bb_small_world_2">
-	Y no esto...
+	No, eso no...
 	<br>
-	(porque las ideas no se pueden difundir)
+	(porque las ideas no se podrían difundir)
 </words>
 <words id="bb_small_world_3">
 	ni esto...
@@ -774,16 +773,16 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
 	
 	Los sociólogos ahora tienen una definición matemática para esta verdad atemportal:
 	la <b>red de mundo pequeño</b><ref id="small_world"></ref>.
-	Esta mezcla ideal de vínculos y puentes formula como se conectan nuestras neuronas
+	Esta mezcla ideal de vínculos y puentes explica como se conectan nuestras neuronas
 	<ref id="swn_neurons"></ref>,
 	fomenta la creatividad colectiva<ref id="swn_creativity"></ref>
 	y la resolución de problemas<ref id="swn_social_physics"></ref>,
-	e incluso ayudó al presidente de los EE.UU. John F. Kennedy a evitar (por los pelos) la guerra nuclear!<ref id="swn_jfk"></ref>
+	e incluso ayudó al presidente de los EE.UU. John F. Kennedy a evitar (por los pelos) ¡la guerra nuclear!<ref id="swn_jfk"></ref>
-	Así que sí, los mundos pequeños son muy importantes.
+	Así que sí, los «mundos pequeños» son muy importantes.
 
 </words>
 <words id="bb_small_world_end">
-	<next>mola, terminemos pues... <div class="rarr"></div> </next>
+	<next>mola, ha estado bien <div class="rarr"></div> </next>
 </words>
 
 <!-- Sandbox -->
@@ -888,8 +887,8 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
 	    text-align: center;
 	    color: #999;
 	">
-		(quieres prepararte tus propias simulaciones?
+		(¿quieres prepararte tus propias simulaciones?
-		mira el apartado de juego libre, dándole al botón con la (★) en la parte de abajo!)
+		mira el apartado de juego libre, dándole al botón con la (★) en la parte de abajo)
 	</div>
 
 	<div style="
@@ -900,7 +899,7 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
 	    text-align: right;
 	">
 		Así que, volviendo a la primera pregunta,
-		Por <i>qué</i> a las sociedades a orientarse hacia...
+		¿Por <i>qué</i> las sociedades tienden a orientarse hacia...
 	</div>
 	<div style="
 	    width: 300px;
@@ -908,7 +907,7 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
 	    top: 460px;
 	    right: 0px;
 	">
-		<next>...lo racional o irracionalidad?</next>
+		<next>...lo racional o irracional?</next>
 	</div>
 
 </words>
@@ -952,7 +951,7 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
 
 <words id="conclusion_3">
 	<i>
-		“Los grandes bienes y males de la historia acontecen no porque la gente sea buena o mala, sino porque la gente es gente.”
+		«Los grandes bienes y males de la historia acontecen no porque la gente sea buena o mala, sino porque la gente es gente.»
 	</i>
 	<br>
 	<span style="position:relative; top:5px">~</span> Neil Gaiman y Terry Pratchett
@@ -1055,7 +1054,7 @@ Sorry, not done yet! These Bonus Boxes need you to TRANSLATE, too:
 	<a target="_blank" href="https://es.wikipedia.org/wiki/Sabidur%C3%ADa_de_los_grupos">
 	este libro.</a>
 	Está bastante bien, y Surowiecki intentaba explicar la misma cuestión que yo he abordado aquí:
-	<b>“¿qué es lo que lleva a un grupo a ser racional o irracional?”</b>
+	<b>«¿qué es lo que lleva a un grupo a ser racional o irracional?»</b>
 
 	<br><br>
 
@@ -1071,7 +1070,7 @@ Sorry, not done yet! These Bonus Boxes need you to TRANSLATE, too:
 	Pero yo no creo que «hay que hacer que todo el mundo tenga el mayor grado de independencia posible» sea la respuesta a todo.
 	Nos contaminamos con el pensamiento de los que nos rodea, y eso incluye a los genios, a los que se a menudo relacionamos con el tipo de pensamiento más independiente que existe.
     Como dijo Sir Isaac Newton,
-	<i>“Si veo más a ya es porque me alzo sobre los hombros de gigantes.”</i>
+	<i>«Si veo más allá es porque me alzo sobre los hombros de gigantes.»</i>
 
 	<br><br>
 
@@ -1082,8 +1081,8 @@ Sorry, not done yet! These Bonus Boxes need you to TRANSLATE, too:
 	<br><br>
 
 	Así que esto es lo que intento explicar en esta explicación interactiva:
-	cómo conseguir ese punto ideal de independencial e interdependencia &mdash;
+	cómo conseguir ese punto ideal de independencial e interdependencia,
-	o lo que es lo mismo, llegar a una sociedad más racional.
+	o lo que es lo mismo; llegar a una sociedad más racional.
 
 	</div>