Update draw.mdx

fixed yaml format issue

Author: lauradowell

src/content/reference/es/p5/draw.mdx

@@ -3,7 +3,7 @@ title: draw
 module: Structure
 submodule: Structure
 file: src/core/main.js
-description: 
+description: |
     <p>
       La función <code>draw()</code> es la función central de un sketch. Se
       ejecuta de forma continua después de la función
@@ -17,68 +17,44 @@ description:
       Podemos controlar cuándo y cómo se ejecuta <code>draw()</code> con las
       funciones:
     </p> 
-
-   <ul>
-      <li>
-        <a href="/reference/p5/noLoop">noLoop()</a> - Detiene la ejecución de
-        cíclica de <code>draw()</code>.
-      </li>
-      <li>
-        <a href="/reference/p5/loop">loop()</a> - Reanuda la ejecución de
-        cíclica <code>draw()</code>.
-      </li>
-      <li>
-        <a href="/reference/p5/redraw">redraw()</a> - Ejecuta
-        <code>draw()</code> una sola vez después de haber sido invocada.
-      </li>
+    <ul>
+      <li><a href="/reference/p5/noLoop">noLoop()</a> - Detiene la ejecución de cíclica de <code>draw()</code>.</li>
+      <li><a href="/reference/p5/loop">loop()</a> - Reanuda la ejecución de cíclica <code>draw()</code>.</li>
+      <li><a href="/reference/p5/redraw">redraw()</a> - Ejecuta <code>draw()</code> una sola vez después de haber sido invocada.</li>
     </ul>
-
-   <p>
+    <p>
       Nota: si se llama la función <code>noLoop()</code> dentro de <code>setup()</code>,
       <code>draw()</code> se ejecutará una vez más antes de detenerse.
     </p>
-
-<p>Consideraciones importantes:</p>
-   <ul>
+    <p>Consideraciones importantes:</p>
+    <ul>
       <li>Solo puede haber una función <code>draw()</code> por sketch.</li>
-      <li>
-        La función <code>draw()</code> es indispensable para generar animaciones
-        o procesar eventos como
-        <a href="/reference/p5/mousePressed">mousePressed()</a>.
-      </li>
-      <li>
-        Los estilos aplicados, como
-        <code>fill()</code> y <code>stroke()</code>, se mantienen entre
-        ejecuciones consecutivas de <code>draw()</code>.
-      </li>
-    <li>
-        Al inicio de cada ejecución de <code>draw()</code>, el sistema de
-        coordenadas se reinicia. Las transformaciones aplicadas previamente,
-        como escalar, rotar y traslación, se eliminan evitando su acumulación.
-      </li>
+      <li>La función <code>draw()</code> es indispensable para generar animaciones o procesar eventos como <a href="/reference/p5/mousePressed">mousePressed()</a>.</li>
+      <li>Los estilos aplicados, como <code>fill()</code> y <code>stroke()</code>, se mantienen entre ejecuciones consecutivas de <code>draw()</code>.</li>
+      <li>Al inicio de cada ejecución de <code>draw()</code>, el sistema de coordenadas se reinicia. Las transformaciones aplicadas previamente, como escalar, rotar y traslación, se eliminan evitando su acumulación.</li>
     </ul>
 line: 113
 isConstructor: false
 itemtype: method
 alt: nothing displayed
-example:
-  - |-
-    <div><code>
-    let yPos = 0;
-    function setup() {
-      // setup() runs once
-      frameRate(30);
-    }
-    function draw() {
-      // draw() loops forever, until stopped
-      background(204);
-      yPos = yPos - 1;
-      if (yPos < 0) {
-        yPos = height;
-      }
-      line(0, yPos, width, yPos);
+example: |
+  <div><code>
+  let yPos = 0;
+  function setup() {
+    // setup() runs once
+    frameRate(30);
+  }
+  function draw() {
+    // draw() loops forever, until stopped
+    background(204);
+    yPos = yPos - 1;
+    if (yPos < 0) {
+      yPos = height;
     }
-    </code></div>
+    line(0, yPos, width, yPos);
+  }
+  </code></div>
 class: p5
 chainable: false
 ---
+