diff --git a/docs/css/styles.css b/docs/css/styles.css
index c613ce7..ac880c1 100644
--- a/docs/css/styles.css
+++ b/docs/css/styles.css
@@ -397,11 +397,25 @@ footer {
 	border-color: var(--green);
 }
 
-h3 > sup {
-	font-weight: normal;
-	font-size: 0.5em;
-	/* color: var(--gray); */
-	top: -1em;
+h3 > span {
+    font-weight: normal;
+    font-size: 0.75em;
+    margin-left: 0.5rem;
+    opacity: 0.8;
+}
+
+@media (max-width: 600px) {
+    h3 {
+        width: 100%;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-between;
+    }
+
+    h3 > span {
+        margin-left: 0;
+    }
 }
 
 h4 {
diff --git a/docs/index.html b/docs/index.html
index e50e591..1aef0f0 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -252,7 +252,7 @@ <h2>Búsqueda</h2>
 				</article>
 
 				<article id="ucursos">
-					<h3>U-Cursos <sup>26.37%</sup></h3>
+					<h3>U-Cursos <span>26.37%</span></h3>
 
 					<p>
 						U-Cursos es una excelente herramienta para encontrar trabajos. Más
@@ -290,7 +290,7 @@ <h3>U-Cursos <sup>26.37%</sup></h3>
 				</article>
 
 				<article id="bolsas">
-					<h3>Bolsas de trabajo <sup>24.18%</sup></h3>
+					<h3>Bolsas de trabajo <span>24.18%</span></h3>
 
 					<p>
 						Las bolsas de trabajo representan otra fuente importante de ofertas
@@ -336,7 +336,7 @@ <h3>Bolsas de trabajo <sup>24.18%</sup></h3>
 				</article>
 
 				<article id="redes-personales">
-					<h3>Redes personales <sup>17.58%</sup></h3>
+					<h3>Redes personales <span>17.58%</span></h3>
 
 					<p>
 						Las redes personales incluyen amigos, familiares, conocidos y
@@ -363,36 +363,8 @@ <h3>Redes personales <sup>17.58%</sup></h3>
 					</div>
 				</article>
 
-				<article id="redes-profesionales">
-					<h3>Redes profesionales <sup>7.69%</sup></h3>
-
-					<p>
-						Las redes profesionales incluyen colegas, ex-colegas, jefes, entre
-						otros. Aunque no son tan comunes como las redes personales,
-						representan una fuente importante de ofertas laborales. Mantener
-						buenas relaciones en tus redes es crucial, ya que nunca se sabe de
-						dónde puede surgir una oportunidad.
-					</p>
-
-					<div class="admonition">
-						<div><i data-feather="help-circle"></i></div>
-						<div>
-							Mantén tu <b>perfil de LinkedIn actualizado</b>, estés buscando
-							trabajo o no, y agrega a tus compañerxs, colegas y jefes.
-						</div>
-					</div>
-
-					<div class="admonition">
-						<div><i data-feather="info"></i></div>
-						<div>
-							La práctica 2 se puede realizar <b>en la misma empresa</b> que la
-							práctica 1, pero debe ser un <b>proyecto distinto</b>.
-						</div>
-					</div>
-				</article>
-
 				<article id="eventos">
-					<h3>Eventos <sup>9.89%</sup></h3>
+					<h3>Eventos <span>9.89%</span></h3>
 
 					<p>
 						Casi un 10% de las prácticas se encontraron a través de eventos
@@ -425,23 +397,36 @@ <h3>Eventos <sup>9.89%</sup></h3>
 					</div>
 				</article>
 
-				<article id="telegram">
-					<h3>Telegram <sup>5.49%</sup></h3>
+                <article id="redes-profesionales">
+					<h3>Redes profesionales <span>7.69%</span></h3>
 
 					<p>
-						Aunque no hay un canal oficial del DCC o CaDCC para ofertas
-						laborales, en la
-						<a href="https://t.me/+47tUSzh77hpiMzMx" target="_blank"
-							>comunidad del DCC</a
-						>
-						en Telegram sí se publican anuncios de prácticas y empleos. También
-						existe el canal <a href="https://t.me/DCCEmpleo">DCCEmpleo</a> (de
-						la PUC), donde se publican ofertas laborales de computación.
+						Las redes profesionales incluyen colegas, ex-colegas, jefes, entre
+						otros. Aunque no son tan comunes como las redes personales,
+						representan una fuente importante de ofertas laborales. Mantener
+						buenas relaciones en tus redes es crucial, ya que nunca se sabe de
+						dónde puede surgir una oportunidad.
 					</p>
+
+					<div class="admonition">
+						<div><i data-feather="help-circle"></i></div>
+						<div>
+							Mantén tu <b>perfil de LinkedIn actualizado</b>, estés buscando
+							trabajo o no, y agrega a tus compañerxs, colegas y jefes.
+						</div>
+					</div>
+
+					<div class="admonition">
+						<div><i data-feather="info"></i></div>
+						<div>
+							La práctica 2 se puede realizar <b>en la misma empresa</b> que la
+							práctica 1, pero debe ser un <b>proyecto distinto</b>.
+						</div>
+					</div>
 				</article>
 
 				<article id="directo">
-					<h3>Reclutamiento y postulación directa <sup>4.40% y 2.20%</sup></h3>
+					<h3>Reclutamiento y postulación directa <span>6.60%</span></h3>
 
 					<p>
 						Aunque no es muy común, en ocasiones pueden contactarte directamente
@@ -463,6 +448,21 @@ <h3>Reclutamiento y postulación directa <sup>4.40% y 2.20%</sup></h3>
 						</li>
 					</ul>
 				</article>
+
+				<article id="telegram">
+					<h3>Telegram <span>5.49%</span></h3>
+
+					<p>
+						Aunque no hay un canal oficial del DCC o CaDCC para ofertas
+						laborales, en la
+						<a href="https://t.me/+47tUSzh77hpiMzMx" target="_blank"
+							>comunidad del DCC</a
+						>
+						en Telegram sí se publican anuncios de prácticas y empleos. También
+						existe el canal <a href="https://t.me/DCCEmpleo">DCCEmpleo</a> (de
+						la PUC), donde se publican ofertas laborales de computación.
+					</p>
+				</article>
 			</section>
 
 			<section id="sueldos">
diff --git a/docs/js/index.js b/docs/js/index.js
index 5612281..78527d0 100644
--- a/docs/js/index.js
+++ b/docs/js/index.js
@@ -24,6 +24,11 @@ Chart.defaults.set("plugins.datalabels", {
 	color: colTextDark,
 });
 
+const defaultHover = {
+    hoverBorderWidth: 2,
+    hoverBorderColor: "#fafafa"
+}
+
 new Chart(document.getElementById("response-years"), {
 	type: "bar",
 	data: {
@@ -38,6 +43,7 @@ new Chart(document.getElementById("response-years"), {
 					colPatternLight
 				),
 				borderWidth: 0,
+                ...defaultHover,
 			},
 			{
 				label: "Práctica 2",
@@ -48,6 +54,7 @@ new Chart(document.getElementById("response-years"), {
 					colPatternLight
 				),
 				borderWidth: 0,
+                ...defaultHover,
 			},
 		],
 	},
@@ -131,7 +138,7 @@ new Chart(document.getElementById("wfh"), {
 					pattern.draw(wfh.patterns[3], wfh.colors[3], colPattern),
 				],
 				borderWidth: 0,
-				hoverOffset: 16,
+				...defaultHover
 			},
 		],
 	},
@@ -150,7 +157,6 @@ new Chart(document.getElementById("wfh-years"), {
 		labels: yearsVsWFH.labels,
 		datasets: yearsVsWFH.sets.map((set, index) => ({
 			label: set,
-			// borderColor: yearsVsWFH.colors[index],
 			backgroundColor: pattern.draw(
 				wfh.patterns[index],
 				yearsVsWFH.colors[index],
@@ -158,7 +164,6 @@ new Chart(document.getElementById("wfh-years"), {
 			),
 			fill: true,
 			data: yearsVsWFH.values[index],
-			// hidden: index !== 0,
 			...defaultLineOptions,
 		})),
 	},
@@ -208,7 +213,7 @@ new Chart(document.getElementById("schedule"), {
 					pattern.draw(schedule.patterns[2], schedule.colors[2], colPattern),
 				],
 				borderWidth: 0,
-				hoverOffset: 16,
+                ...defaultHover
 			},
 		],
 	},
@@ -230,6 +235,7 @@ new Chart(document.getElementById("duration"), {
 					colPattern
 				),
 				borderWidth: 2,
+                ...defaultHover
 			},
 			{
 				label: "Prácticas Full-time",
@@ -240,6 +246,7 @@ new Chart(document.getElementById("duration"), {
 					colPattern
 				),
 				borderWidth: 2,
+                ...defaultHover
 			},
 		],
 	},
@@ -274,14 +281,6 @@ new Chart(document.getElementById("density"), {
 	data: {
 		labels: kdeData.labels,
 		datasets: [
-			{
-				label: "General",
-				data: kdeData.values[0],
-				borderColor: kdeData.colors[0],
-				backgroundColor: kdeData.colors[0] + '55',
-				fill: true,
-				hidden: true,
-			},
 			{
 				label: "Solo práctica 1",
 				data: kdeData.values[1],
@@ -303,7 +302,7 @@ new Chart(document.getElementById("density"), {
 					colPatternLight
 				),
 				fill: true,
-			},
+			}
 		],
 	},
 	options: {
@@ -395,6 +394,7 @@ new Chart(document.getElementById("confidence"), {
     },
     options: {
         responsive: true,
+        maintainAspectRatio: false,
         plugins: {
             legend: {
                 display: true,