corrige path de imgs de topics

DAT/02_exploratory/01_categorial_vars/activities/01_01_02_dat_viewanalisis_ES.md

@@ -53,7 +53,7 @@ Experimenta probando distintos tipos de gráficos para cada pregunta. Observa cu
 
 Aquí tienes un ejemplo de dos gráficos que pueden ser utilizados para responder la primera pregunta:
 
-![image](assets/350081003-52e29a00-8377-481a-9bfd-0a841e332a06.png)
+![image](../../../assets/350081003-52e29a00-8377-481a-9bfd-0a841e332a06.png)
 
 Estos gráficos pueden servirte de referencia para verificar que tus cálculos y análisis son correctos.
 

DAT/02_exploratory/02_central_tendency/activities/01_02_02_dat_distribuicion_ES.md

@@ -38,7 +38,7 @@ Comprender la distribución de las variables "compras en línea" y "compras en t
 
 Aquí tienes un ejemplo de histograma para la variable compras en linea:
 
-![image](assets/350083365-6d1a39a3-307b-4744-b95c-26afbf350f2d.png)
+![image](../../../assets/350083365-6d1a39a3-307b-4744-b95c-26afbf350f2d.png)
 
 - Como vimos en el reto anterior, el promedio está siendo influenciado por un valor alto que hace que el promedio sea mayor que la mediana, y que el histograma tenga una cola hacia la derecha.
 

DAT/02_exploratory/03_time/activities/01_03_01_dat_graficolinea_ES.md

@@ -37,7 +37,7 @@ Utiliza la variable "fecha_entrada" para comprender el patrón de registro de nu
 
 Prueba crear una columna con el año y el mes utilizando las fórmulas CONCATENATE, YEAR y MONTH para visualizar el gráfico de esta manera:
 
-![image](assets/350093985-a687c14e-72d3-42ef-8cf0-c92f28641394.png)
+![image](../../../assets/350093985-a687c14e-72d3-42ef-8cf0-c92f28641394.png)
 
 ¡Diviértete y disfruta del proceso de aprendizaje! Recuerda que sentirse aturdido y confundido es una parte natural del proceso.
 

DAT/02_exploratory/03_time/activities/01_03_02_dat_graficocombinado_ES.md

@@ -37,7 +37,7 @@ Utiliza la variable "fecha_entrada" para entender el patrón de registro de nuev
 
 Este es un ejemplo de gráfico combinado que muestra la suma de compras de vino según los clientes con fecha de entrada en el mismo mes y el total de clientes que se registraron en ese mes:
 
-![image](assets/350095241-65aec943-78f7-46ea-a122-329ee3aa82ee.png)
+![image](../../../assets/350095241-65aec943-78f7-46ea-a122-329ee3aa82ee.png)
 
 ¡Diviértete y disfruta del proceso de aprendizaje! Recuerda que sentirse aturdido y confundido es una parte natural del proceso.
 

DEV/00_topics/css_fundamentos_ES.md

@@ -8,7 +8,7 @@ En CSS, los píxeles (`px`) son una unidad de medida comúnmente utilizada para
 
 ### Modelo de Caja
 
-![](../../assets/CSS/BOXmODEL.png)
+![](../assets/CSS/BOXmODEL.png)
 
 El modelo de caja en CSS es crucial para entender cómo se distribuye el espacio alrededor de los elementos en una página web. Cada elemento se considera una caja que consiste en cuatro áreas:
 

DEV/00_topics/editors_codepen_ES.md

@@ -16,25 +16,25 @@ Anda al sitio de [CodePen](https://codepen.io/) y crea tu cuenta. Quizás te aco
 
 El único inconveniente es que no hay una versión en castellano ni portugués. Felizmente son pocos elementos de la interfaz con los que tendrás que lidiar. Acá te dejamos capturas de pantalla paso a paso para guiarte.
 
-![](../../assets/2024-03-11-14-44-08-codePen_01.png)
+![](../assets/2024-03-11-14-44-08-codePen_01.png)
 
 ### Crea tu primer "Pen"
 
 En CodePen, se le llaman "Pen" a un proyecto individual que consta de HTML, CSS, y JavaScript. Es básicamente un entorno de desarrollo en línea donde puedes escribir, probar y demostrar fragmentos de código.
 
 Cuando estés lista para comenzar a "codear", crea tu primer "Pen" 
 
-![](../../assets/2024-03-11-14-45-32-codePen_03.png)
+![](../assets/2024-03-11-14-45-32-codePen_03.png)
 
 ## Tu primer Pen
 
 Así se verá tu primer "proyecto" completamente en blanco.
 
-![](../../assets/2024-03-11-14-53-55-codePen_04.png)
+![](../assets/2024-03-11-14-53-55-codePen_04.png)
 
 Ponle un nombre para que te sea fácil identificar qué harás acá.
 
-![](../../assets/2024-03-11-14-54-34-codePen_05.png)
+![](../assets/2024-03-11-14-54-34-codePen_05.png)
 
 > En CodePen, no necesitas vincular manualmente los archivos de HTML, CSS y JS porque la plataforma lo hace automáticamente por ti. Sólo tienes que escribir el código correspondiente en cada una de las cajas de código (HTML, CSS, JS) en su interfaz. CodePen se encarga de combinar y mostrar el resultado en tiempo real.
 > 
@@ -44,31 +44,31 @@ Ponle un nombre para que te sea fácil identificar qué harás acá.
 
 Este espacio es donde escribirás tu código HTML
 
-![](../../assets/2024-03-11-14-54-51-codePen_06.png)
+![](../assets/2024-03-11-14-54-51-codePen_06.png)
 
 ### CSS
 
 Y acá escribirás tu código CSS.
 
-![](../../assets/2024-03-11-14-55-26-codePen_07.png)
+![](../assets/2024-03-11-14-55-26-codePen_07.png)
 
 ### Guarda tu primer "Pen"
 
-![](../../assets/2024-03-11-14-55-59-codePen_08.png)
+![](../assets/2024-03-11-14-55-59-codePen_08.png)
 
 ### Todos tus "Pens"
 
 A partir de ahora, acá encontrarás todos los "Pens" que hayas creado.
 
-![](../../assets/2024-03-11-14-56-27-codePen_09.png)
+![](../assets/2024-03-11-14-56-27-codePen_09.png)
 
 ### Comparte tu trabajo
 
 Cuando quieras compartir tu trabajo para mostrar el resultado o pedir comentarios/ayuda de alguna compañera :sunglasses:, debes obtener el enlace/*link* al "Pen" con el botón "share" (compartir).
 
-![](../../assets/2024-03-11-14-57-03-codePen_10.png)
+![](../assets/2024-03-11-14-57-03-codePen_10.png)
 
-![](../../assets/2024-03-11-14-57-10-codePen_11.png)
+![](../assets/2024-03-11-14-57-10-codePen_11.png)
 
 Una vez hayas copiado el enlace con el botón "Copy/link", puedes pegarlo en donde necesites para que tras personas puedan acceder a ver tu trabajo.
 

DEV/00_topics/editors_codepen_doctype_ES.md

@@ -6,6 +6,6 @@ En CodePen, cuando intentas usar la etiqueta `<!DOCTYPE html>`, puede parecer qu
 
 CodePen está diseñado específicamente para que escribas HTML que se incluye directamente dentro del `<body>` de un documento HTML. La plataforma maneja automáticamente toda la estructura del documento HTML, incluyendo el `<!DOCTYPE>`, que es esencial para definir el tipo de documento en páginas web completas. Por lo tanto, agregar `<!DOCTYPE html>` en CodePen no es un error de HTML en sí, sino una redundancia en este contexto particular, lo que podría llevar a confusión para quienes están aprendiendo a programar, ya que **en proyectos fuera de CodePen, esta etiqueta es crucial para asegurar que el HTML se procese correctamente.**
 
-<img title="" src="../../assets/2024-04-22 12-36-59.png" alt="" width="287">
+<img title="" src="../assets/2024-04-22 12-36-59.png" alt="" width="287">
 
-<img title="" src="../../assets/2024-04-22 12-37-09.png" alt="" width="287">
+<img title="" src="../assets/2024-04-22 12-37-09.png" alt="" width="287">

DEV/00_topics/editors_codepen_fork_ES.md

@@ -10,15 +10,15 @@ En nuestro caso, esto nos permitirá conservar una "instantánea" de tu trabajo
 
 1. Abre el proyecto o "Pen" del que quieres hacer la copia para seguir trabajando en ella. Busca y dale al botón "fork"
 
-![](../../assets/codePen_fork_01.png)
+![](../assets/codePen_fork_01.png)
 
 2. Asegúrate de cambiarle el nombre al proyecto para no confundirte. COdePen no lo hace por defecto (al menos no en el momento en el que creamos esta guía).
 
-![](../../assets/codePen_fork_02.png)
+![](../assets/codePen_fork_02.png)
 
 3. Ya puedes seguir trabajando en la copia basada en el proyecto original y, cuando lo necesites, puedes compartir la URL o enlace a esta nueva copia.
 
-![](../../assets/codePen_fork_03.png)
+![](../assets/codePen_fork_03.png)
 
 Una vez hayas copiado el enlace con el botón "Copy/link", puedes pegarlo en donde necesites para que tras personas puedan acceder a ver tu trabajo.