feat: add content about shadowing

Author: Phosphorus-M

assets/css/app.css

@@ -100,11 +100,16 @@ ul > li::marker {
 
 /* Personalización de listas ordenadas */
 ol > li::marker {
-  content: none; /* Usa el comportamiento predeterminado del navegador */
-  color: var(--dark-yellow); /* Color de los números */
+  color: var(--yellow); /* Color de los números */
   font-weight: bold; /* Hace los números más prominentes */
 }
 
+ol {
+  list-style: initial;
+  list-style-type: decimal;
+  @apply list-decimal;
+}
+
 /* Estilos para listas anidadas */
 ul ul,
 ol ol,
@@ -115,7 +120,7 @@ ol ul {
 
 ul ul > li::marker {
   content: "◦ "; /* Cambia el marcador de listas desordenadas anidadas */
-  color: var(--stroke-color);
+  color: var(--yellow);
 }
 
 ol ol > li::marker {

content/9.shadowing.md

@@ -0,0 +1,57 @@
+---
+nextPath: "bool-and-float"
+previousPath: "constants"
+expectedResponse: "El valor final es: 15\n"
+initialCode: |
+  fn main() {
+    // Crea la variable valor con el string "10"
+
+    // Asigna el parseo a un entero usando shadowing a la variable valor
+    
+    valor.parse::<i32>().expect("No es un número");
+
+    // Suma 5 al valor
+
+    // Muestra el resultado
+    println!("El valor final es: {valor}");
+  }
+order: 9
+---
+
+# Shadowing
+
+En Rust, cuando declaramos una variable con `let`, su nombre queda asociado a un valor en memoria.
+El **shadowing** ocurre cuando volvemos a declarar una variable con el mismo nombre que otra anterior, usando nuevamente `let`. Esto *sombrea* (shadow) la variable anterior, es decir, la nueva declaración la reemplaza en el alcance actual.
+
+Lo importante es que, a diferencia de hacer la variable `mut`, el shadowing nos permite:
+
+* **Cambiar el valor** asociado a la variable.
+* **Cambiar el tipo** de la variable.
+
+Ejemplo:
+
+```rust
+fn main() {
+    let x = 5;       // x es un número entero
+    let x = x + 1;   // x ahora vale 6
+    let x = "texto"; // x ahora es un string, diferente tipo
+    println!("{x}");
+}
+```
+
+En este caso, la variable `x` cambia tanto de valor como de tipo, algo que no sería posible con `mut`. Esto lo hace muy útil para transformar datos paso a paso sin necesidad de inventar nuevos nombres de variables.
+
+---
+
+### 📝 Ejercicio
+
+Crea un programa que:
+
+1. Defina una variable llamada `valor` con el número `10`.
+2. Use **shadowing** para:
+    * Parsear `valor` a un entero.
+        * Para esto usaremos el método `parse::<i32>()` que convierte un string a un entero de 32 bits.
+        * Como `parse` puede fallar, usaremos `expect("No es un número")` para manejar el caso de error.
+3. Luego **suma** `5` al valor.
+4. Imprime el resultado final.
+