diff --git a/adev-es/src/content/guide/templates/ng-content.md b/adev-es/src/content/guide/templates/ng-content.md
index e3ada646..9d31d989 100644
--- a/adev-es/src/content/guide/templates/ng-content.md
+++ b/adev-es/src/content/guide/templates/ng-content.md
@@ -4,34 +4,26 @@
 
 Aquí hay un ejemplo de un componente `BaseButton` que acepta cualquier marcado de su padre.
 
-```angular-ts
-// ./base-button/base-button.component.ts
-import { Component } from '@angular/core';
+```angular-ts {header:'base-button/base-button.ts'}
+import {Component} from '@angular/core';
 
 @Component({
   selector: 'button[baseButton]',
-  template: `
-      <ng-content />
-  `,
+  template: `<ng-content />`,
 })
 export class BaseButton {}
 ```
 
-```angular-ts
-// ./app.component.ts
-import { Component } from '@angular/core';
-import { BaseButton } from './base-button/base-button.component';
+```angular-ts {header:'app.ts'}
+import {Component} from '@angular/core';
+import {BaseButton} from './base-button';
 
 @Component({
   selector: 'app-root',
   imports: [BaseButton],
-  template: `
-    <button baseButton>
-      Next <span class="icon arrow-right"></span>
-    </button>
-  `,
+  template: `<button baseButton>Next <span class="icon arrow-right"></span></button>`,
 })
-export class AppComponent {}
+export class App {}
 ```
 
 Para más detalle, consulta la [guía en profundidad de `<ng-content>`](/guide/components/content-projection) para otras formas en que puedes aprovechar este patrón.
diff --git a/adev-es/src/content/tutorials/deferrable-views/steps/1-what-are-deferrable-views/README.md b/adev-es/src/content/tutorials/deferrable-views/steps/1-what-are-deferrable-views/README.md
index d6c92e6f..98cca815 100644
--- a/adev-es/src/content/tutorials/deferrable-views/steps/1-what-are-deferrable-views/README.md
+++ b/adev-es/src/content/tutorials/deferrable-views/steps/1-what-are-deferrable-views/README.md
@@ -12,24 +12,24 @@ En esta actividad, aprenderás cómo usar vistas diferibles para cargar de forma
 <docs-step title="Agrega un bloque `@defer` a una sección de una plantilla">
 En tu `app.ts`, envuelve el componente `article-comments` con un bloque `@defer` para cargarlo de forma diferida.
 
-<docs-code language="angular-html">
+```angular-html
 @defer {
   <article-comments />
 }
-</docs-code>
+```
 
 Por defecto, `@defer` carga el componente `article-comments` cuando el navegador está inactivo.
 
 En la consola de desarrollador de tu navegador, puedes ver que el archivo del chunk lazy `article-comments-component` se carga por separado (Los nombres de archivo específicos pueden cambiar de una ejecución a otra):
 
-<docs-code language="markdown">
-Initial chunk files | Names                      |  Raw size
-chunk-NNSQHFIE.js   | -                          | 769.00 kB | 
-main.js             | main                       | 229.25 kB |
+```markdown
+Initial chunk files | Names | Raw size
+chunk-NNSQHFIE.js | - | 769.00 kB |
+main.js | main | 229.25 kB |
 
 Lazy chunk files | Names | Raw size
 chunk-T5UYXUSI.js | article-comments-component | 1.84 kB |
-</docs-code>
+```
 
 </docs-step>
 </docs-workflow>