diff --git a/docs/src/content/docs/es/guides/sidebar.mdx b/docs/src/content/docs/es/guides/sidebar.mdx
index 57f6782858e..be5bdd61af0 100644
--- a/docs/src/content/docs/es/guides/sidebar.mdx
+++ b/docs/src/content/docs/es/guides/sidebar.mdx
@@ -62,7 +62,7 @@ Combinando enlaces y grupos, puedes crear una amplia variedad de diseños de bar
 
 Agrega un enlace a una página interna o externa usando un objeto con las propiedades `label` y `link`.
 
-```js
+```js "label:" "link:"
 starlight({
 	sidebar: [
 		// Un enlace a la guía CSS y Estilos.
@@ -91,7 +91,7 @@ Agrega un grupo usando un objeto con las propiedades `label` y `items`.
 La `label` se utilizará como encabezado del grupo.
 Agrega enlaces o subgrupos al arreglo `items`.
 
-```js
+```js /^\s*(label:|items:)/
 starlight({
 	sidebar: [
 		// Un grupo de enlaces etiquetados como "Guides"
@@ -145,7 +145,7 @@ Las páginas serán ordenadas alfabéticamente por nombre de archivo de forma pr
 
 Agrega un grupo autogenerado usando un objeto con las propiedades `label` y `autogenerate`. Tu configuración `autogenerate` debe especificar el `directory` para usar en las entradas de la barra lateral. Por ejemplo, con la siguiente configuración:
 
-```js
+```js "label:" "autogenerate:"
 starlight({
 	sidebar: [
 		{
@@ -201,7 +201,7 @@ Usa el campo [`sidebar`](/es/reference/frontmatter/#sidebar) en las páginas ind
 
 Las opciones del frontmatter de la barra lateral te permiten establecer un [etiqueta personalizada](/es/reference/frontmatter/#label) o agregar una [insignia](/es/reference/frontmatter/#badge) a un enlace, [ocultar](/es/reference/frontmatter/#hidden) un enlace de la barra lateral o definir un [peso de ordenación personalizado](/es/reference/frontmatter/#order).
 
-```md
+```md "sidebar:"
 ---
 title: Mi página
 sidebar:
@@ -243,7 +243,7 @@ La configuración `sidebar` del frontmatter solo se usa para enlaces autogenerad
 
 Los enlaces, grupos y grupos autogenerados también pueden incluir una propiedad `badge` para mostrar una insignia junto a la etiqueta del enlace.
 
-```js
+```js {10,17}
 starlight({
 	sidebar: [
 		{
@@ -309,7 +309,7 @@ Personaliza el estilo de la insignia usando un objeto con las propiedades `text`
 La propiedad `text` representa el contenido a mostrar (por ejemplo, "Nuevo").
 Remplaza el estilo `default`, que usa el color de acento de tu sitio, estableciendo la propiedad `variant` a uno de los siguientes valores: `note`, `tip`, `danger`, `caution` o `success`.
 
-```js
+```js {10}
 starlight({
 	sidebar: [
 		{
@@ -350,7 +350,7 @@ Los enlaces también pueden incluir una propiedad `attrs` para agregar atributos
 
 En el siguiente ejemplo, `attrs` se usa para agregar un atributo `target="_blank"`, de modo que el enlace se abra en una nueva pestaña, y para aplicar un atributo `style` personalizado para poner en cursiva la etiqueta del enlace:
 
-```js
+```js {10}
 starlight({
 	sidebar: [
 		{
@@ -394,7 +394,7 @@ Usa la propiedad `translations` en las entradas de enlace y grupo para traducir
 
 La propiedad `label` se utilizará para el idioma predeterminado y para los idiomas sin traducción.
 
-```js
+```js {5-7,11-13,18-20}
 starlight({
 	sidebar: [
 		{
@@ -441,7 +441,7 @@ Navegar por la documentación en portugués de Brasil generará la siguiente bar
 
 Los grupos de enlaces pueden colapsarse por defecto estableciendo la propiedad `collapsed` en `true`.
 
-```js
+```js {5-6}
 starlight({
 	sidebar: [
 		{
@@ -474,7 +474,7 @@ La configuración anterior genera la siguiente barra lateral:
 
 [Grupos autogenerados](#grupos-autogenerados) respetan el valor `collapsed` de su grupo padre:
 
-```js
+```js {5-6}
 starlight({
 	sidebar: [
 		{
@@ -514,7 +514,7 @@ La configuración anterior genera la siguiente barra lateral:
 
 Este comportamiento puede remplazarse definiendo la propiedad `autogenerate.collapsed`.
 
-```js
+```js {5-7} "collapsed: true"
 starlight({
 	sidebar: [
 		{