chore(i18n,learn): processed translations (#45621)

curriculum/challenges/espanol/01-responsive-web-design/basic-css/create-a-custom-css-variable.md

@@ -15,7 +15,7 @@ Para crear una variable CSS, solo tienes que darle un nombre que comience con do
 --penguin-skin: gray;
 ```
 
-Esto creará una variable llamada `--penguin-skin` y le asignará el valor `gray`. Ahora puedes usar esa variable en cualquier otro lugar de tu código CSS para cambiar el valor de otros elementos a "gray" (gris).
+Esto creará una variable llamada `--penguin-skin` y le asignará el valor `gray`. Ahora puedes usar esa variable en cualquier lugar de tu CSS para cambiar el valor de otras propiedades a gris.
 
 # --instructions--
 

curriculum/challenges/espanol/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.md

@@ -77,7 +77,7 @@ assert(
 );
 ```
 
-Tu elemento `h1` debe heredar el color "green" de tu elemento `body`.
+Tu elemento `h1` debe heredar el color `green` de tu elemento `body`.
 
 ```js
 assert($('h1').length > 0 && $('h1').css('color') === 'rgb(0, 128, 0)');

curriculum/challenges/espanol/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.md

@@ -27,7 +27,7 @@ class="class1 class2"
 
 **Nota:** No importa el orden en que las clases estén enlistadas dentro del elemento HTML.
 
-Sin embargo, lo importante es el orden de las declaraciones de `class` clases en la sección `<style>`. La segunda declaración siempre tendrá prioridad sobre la primera. Debido a que `.blue-text` ha sido declarada en segundo lugar, sobrescribirá los atributos de `.pink-text`
+Sin embargo, lo importante es el orden de las declaraciones de `class` clases en la sección `<style>`. La segunda declaración siempre tendrá prioridad sobre la primera. Debido a que `.blue-text` fue declaradado segundo, este sobreescribirá los atributos de `.pink-text`.
 
 # --hints--
 

curriculum/challenges/espanol/01-responsive-web-design/basic-css/use-a-media-query-to-change-a-variable.md

@@ -15,7 +15,7 @@ Por ejemplo, cuando la pantalla es más pequeña o más grande que el breakpoint
 
 # --instructions--
 
-Modifica el selector `:root` de la `media query` para que `--penguin-size` sea redefinido y reciba un valor de `200px`. Además, redefine `--penguin-skin` y asígnale el valor `black` (negro). Luego, cambia el tamaño de la vista previa para ver este cambio en acción.
+Modifica el selector de la media query `:root` para que `--penguin-size` se redefina y asigne el valor de `200px`. Además, redefine `--penguin-skin` y asígnale el valor `black` (negro). Luego, cambia el tamaño de la vista previa para ver este cambio en acción.
 
 # --hints--
 

curriculum/challenges/espanol/01-responsive-web-design/basic-css/use-abbreviated-hex-code.md

@@ -29,7 +29,7 @@ Debes asignar al elemento `h1` que tiene el texto `I am red!` ("¡Soy de color r
 assert($('.red-text').css('color') === 'rgb(255, 0, 0)');
 ```
 
-Debes usar el `hex code` abreviado para el color rojo en lugar del código hexadecimal `#FF0000`.
+Debes usar la abreviación hexadecimal para el color rojo en lugar del código hexadecimal `#FF0000`.
 
 ```js
 assert(code.match(/\.red-text\s*?{\s*?color\s*:\s*?#F00\s*?;?\s*?}/gi));
@@ -41,7 +41,7 @@ Debes asignar al elemento `h1` que tiene el texto `I am green!` ("¡Soy de color
 assert($('.green-text').css('color') === 'rgb(0, 255, 0)');
 ```
 
-Debes usar el `hex code` abreviado para el color verde en lugar del código hexadecimal `#00FF00`.
+Debes usar la abreviación hexadecimal para el color verde en lugar del código hexadecimal `#00FF00`.
 
 ```js
 assert(code.match(/\.green-text\s*?{\s*?color\s*:\s*?#0F0\s*?;?\s*?}/gi));
@@ -53,7 +53,7 @@ Debes asignar al elemento `h1` que tiene el texto `I am cyan!` ("¡Soy de color
 assert($('.cyan-text').css('color') === 'rgb(0, 255, 255)');
 ```
 
-Debes usar el `hex code` abreviado para el color cian en lugar del código hexadecimal `#00FFFF`.
+Debes usar la abreviación hexadecimal para el color gris en lugar del código hexadecimal `#00FFFF`.
 
 ```js
 assert(code.match(/\.cyan-text\s*?{\s*?color\s*:\s*?#0FF\s*?;?\s*?}/gi));
@@ -65,7 +65,7 @@ Debes asignar al elemento `h1` que tiene el texto `I am fuchsia!` ("¡Soy de col
 assert($('.fuchsia-text').css('color') === 'rgb(255, 0, 255)');
 ```
 
-Debes usar el `hex code` abreviado para el color fucsia en lugar del código hexadecimal `#FF00FF`.
+Debes usar la abreviación hexadecimal para el color fuchsia en lugar del código hexadecimal `#FF00FF`.
 
 ```js
 assert(code.match(/\.fuchsia-text\s*?{\s*?color\s*:\s*?#F0F\s*?;?\s*?}/gi));

curriculum/challenges/espanol/01-responsive-web-design/basic-css/use-hex-code-for-specific-colors.md

@@ -27,13 +27,13 @@ Reemplaza la palabra `black` en el "background-color" (color de fondo) de nuestr
 
 # --hints--
 
-Tu elemento `body` debe tener "background-color" black (negro).
+Tu elemento `body` debe tener un `background-color` black (negro).
 
 ```js
 assert($('body').css('background-color') === 'rgb(0, 0, 0)');
 ```
 
-Debes usar el `hex code` correspondiente al color negro en lugar de la palabra reservada `black`.
+Debes usar el código hexadecimal correspondiente al color negro en lugar de la palabra reservada `black`.
 
 ```js
 assert(