Updated draw.mdx

used juan's clarity suggestions

Author: lauradowell

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

@@ -3,60 +3,60 @@ title: draw
 module: Structure
 submodule: Structure
 file: src/core/main.js
-description: >
-  <p>Llamada directamente después de <a href="/reference/p5/setup">setup()</a>, la función <a
-  href="/reference/p5/draw">draw()</a> ejecuta continuamente
-
-  las líneas de código contenidas dentro de su bloque hasta que el programa se detenga
-
-  o se llame a <a href="/reference/p5/noLoop">noLoop()</a>. Nota: si se llama a <a
-  href="/reference/p5/noLoop">noLoop()</a> dentro de <a
-  href="/reference/p5/setup">setup()</a>, <a
-  href="/reference/p5/draw">draw()</a>
-
-  se ejecutará una vez más antes de detenerse. <a
-  href="/reference/p5/draw">draw()</a> se llama automáticamente y
-
-  nunca debe ser llamado explícitamente.</p>
-
-  <p>Siempre debe ser controlado con <a
-  href="/reference/p5/noLoop">noLoop()</a>, <a
-  href="/reference/p5/redraw">redraw()</a> y <a
-  href="/reference/p5/loop">loop()</a>. Después de que
-
-  <a href="/reference/p5/noLoop">noLoop()</a> detenga el código en <a
-  href="/reference/p5/draw">draw()</a> de ejecutarse, <a
-  href="/reference/p5/redraw">redraw()</a> hace que el
-
-  código dentro de <a href="/reference/p5/draw">draw()</a> se ejecute una vez, y <a
-  href="/reference/p5/loop">loop()</a> hará que el código
-
-  dentro de <a href="/reference/p5/draw">draw()</a> vuelva a ejecutarse continuamente.</p>
-
-  <p>El número de veces que <a href="/reference/p5/draw">draw()</a> se ejecuta en
-  cada segundo puede controlarse con
-
-  la función <a href="/reference/p5/frameRate">frameRate()</a>.</p>
-
-  <p>Solo puede haber una función <a href="/reference/p5/draw">draw()</a> por
-  cada sketch, y <a href="/reference/p5/draw">draw()</a> debe
-
-  existir si deseas que el código se ejecute continuamente, o para procesar eventos como
-
-  <a href="/reference/p5/mousePressed">mousePressed()</a>. A veces, puedes tener una llamada vacía a <a href="/reference/p5/draw">draw()</a> en
-
-  el programa, como se muestra en el ejemplo anterior.</p>
-
-  <p>Es importante tener en cuenta que el sistema de coordenadas de dibujo se restablecerá
-
-  al comienzo de cada llamada a <a href="/reference/p5/draw">draw()</a>. Si se realizan
-  transformaciones dentro de <a href="/reference/p5/draw">draw()</a> (ej: escalar, rotar, traducir),
-  sus efectos se
-
-  desharán al comienzo de <a href="/reference/p5/draw">draw()</a>, por lo que las
-  transformaciones no se acumularán
-
-  con el tiempo. Por otro lado, el estilo aplicado (ej: fill, stroke, etc.) mantendrán su efecto.</p>
+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
+      <a href="/reference/p5/setup">setup()</a>, hasta que el programa se
+      detenga o se llame a la función <code>noLoop()</code>. La frecuencia de
+      ejecución se establece por defecto en 60 fotogramas por segundo, y podemos
+      ajustarlo mediante la función
+      <a href="/reference/p5/frameRate">frameRate()</a>.
+    </p>
+    <p>
+      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>
+
+   <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>
+      <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>
+    </ul>
 line: 113
 isConstructor: false
 itemtype: method
@@ -81,4 +81,4 @@ example:
     </code></div>
 class: p5
 chainable: false
----
+---