<div style=”text-align: center; font-family: Arial, sans-serif;”>
<h2>Genograma Familiar</h2>
<!– Representación de los padres –>
<div style=”display: flex; justify-content: center; align-items: center; margin-bottom: 20px;”>
<div style=”border: 2px solid black; padding: 10px; width: 80px; text-align: center;”>
Padre 1
</div>
<div style=”width: 40px; border-top: 2px dashed black; margin: 0 10px;”></div>
<div style=”border: 2px solid black; border-radius: 50%; padding: 20px; text-align: center; width: 80px; height: 80px;”>
Madre
</div>
</div>
<!– Relación conflictiva entre los padres –>
<p style=”margin: 0; font-style: italic;”>Relación Conflictiva</p>
<!– Hijos –>
<div style=”display: flex; justify-content: center; align-items: center; margin-top: 20px;”>
<div style=”border: 2px solid black; padding: 10px; width: 80px; text-align: center;”>
Hijo
</div>
<div style=”width: 40px;”></div>
<div style=”border: 2px solid black; border-radius: 50%; padding: 20px; text-align: center; width: 80px; height: 80px;”>
Hija
</div>
</div>
<!– Conexión entre padres e hijos –>
<svg height=”100″ width=”400″>
<line x1=”130″ y1=”0″ x2=”130″ y2=”40″ style=”stroke: black; stroke-width: 2″ />
<line x1=”270″ y1=”0″ x2=”270″ y2=”40″ style=”stroke: black; stroke-width: 2″ />
<line x1=”130″ y1=”40″ x2=”270″ y2=”40″ style=”stroke: black; stroke-width: 2″ />
<line x1=”200″ y1=”40″ x2=”200″ y2=”80″ style=”stroke: black; stroke-width: 2″ />
</svg>
</div>