docs(locadex): update translations on main

es/components/mermaid-diagrams.mdx

@@ -49,6 +49,27 @@ Para ver la lista completa de tipos de diagramas compatibles y su sintaxis, cons
 ````
 
 
+<div id="elk-layout-support">
+  ## Compatibilidad con el diseño ELK
+</div>
+
+Mintlify es compatible con el motor de diseño [ELK (Eclipse Layout Kernel)](https://www.eclipse.org/elk/) para diagramas Mermaid. ELK optimiza la disposición para reducir solapamientos y mejorar la legibilidad, lo cual es especialmente útil para diagramas grandes o complejos.
+
+Para utilizar el diseño ELK en tus diagramas Mermaid, añade la directiva `%%{init: {'flowchart': {'defaultRenderer': 'elk'}}}%%` al principio de tu diagrama:
+
+````mdx ELK layout example
+```mermaid
+%%{init: {'flowchart': {'defaultRenderer': 'elk'}}}%%
+flowchart LR
+    A[Start] --> B[Process 1]
+    B --> C[Process 2]
+    B --> D[Process 3]
+    C --> E[End]
+    D --> E
+```
+````
+
+
 <div id="interactive-controls">
   ## Controles interactivos
 </div>

fr/components/mermaid-diagrams.mdx

@@ -49,6 +49,27 @@ Pour la liste complète des types de diagrammes pris en charge et de leur syntax
 ````
 
 
+<div id="elk-layout-support">
+  ## Prise en charge de la disposition ELK
+</div>
+
+Mintlify prend en charge le moteur de disposition [ELK (Eclipse Layout Kernel)](https://www.eclipse.org/elk/) pour les diagrammes Mermaid. ELK optimise l’agencement afin de réduire les chevauchements et d’améliorer la lisibilité, ce qui est particulièrement utile pour les diagrammes de grande taille ou complexes.
+
+Pour utiliser la disposition ELK dans vos diagrammes Mermaid, ajoutez la directive `%%{init: {'flowchart': {'defaultRenderer': 'elk'}}}%%` au début de votre diagramme :
+
+````mdx ELK layout example
+```mermaid
+%%{init: {'flowchart': {'defaultRenderer': 'elk'}}}%%
+flowchart LR
+    A[Start] --> B[Process 1]
+    B --> C[Process 2]
+    B --> D[Process 3]
+    C --> E[End]
+    D --> E
+```
+````
+
+
 <div id="interactive-controls">
   ## Contrôles interactifs
 </div>