How to connect nodes with TikZ?

Question

I hope you help me. I want to connect these nodes as in the attached image. I tried it using chains, but I could'n get it. I'd like to use the best way to connect nodes.

\documentclass{article}
\title{New}
\usepackage{tikz}
\usetikzlibrary{chains}

\begin{document}
\begin{center}
\begin{tikzpicture}

 \draw (6,3) node (problema) [draw,rounded corners,align=left,text width=50mm]{\small{\center \textbf{TITLE}\\ Text text text text text text text text text text text text text text text text text text text}};

 \draw (0,0) node (causa1) [draw,rounded corners,align=left,text width=40mm]{\small{\textbf{Title}\\ Text text text text text text text text text text text text text text text text text text text}};
 \draw (6,0) node (causa2) [draw,rounded corners,align=left,text width=40mm]{\small{ \textbf{Title}\\ Text text text text text text text text text text text text text text text text text text text}};
 \draw (12,0) node (causa3) [draw,rounded corners,align=left,text width=40mm]{\small{ \textbf{Title}\\ Text text text text text text text text text text text text text text text text text text text}};

\draw (problema) -| (causa1);
\draw (problema) -- (causa2);
\draw (problema) -| (causa3);

 \draw (0,-2.2) node (indir1) [draw,rounded corners,align=left,text width=30mm]{\small{\textbf{Title}\\ Text text text text text text text text text text text text text text text text text text text}};
 \draw (0,-4.4) node (indir2) [draw,rounded corners,align=left,text width=30mm]{\small{\textbf{Title}\\ Text text text text text text text text text text text text text text text text text text text}};
 \draw (0,-6.6) node (indir3) [draw,rounded corners,align=left,text width=30mm]{\small{\textbf{Title}\\ Text text text text text text text text text text text text text text text text text text text}};
 \draw (0,-8.8) node (indir4) [draw,rounded corners,align=left,text width=30mm]{\small{\textbf{Title}\\ Text text text text text text text text text text text text text text text text text text text}};

 \draw (6,-2.2) node (indir5) [draw,rounded corners,align=left,text width=30mm]{\small{\textbf{Title}\\ Text text text text text text text text text text text text text text text text text text text}};
 \draw (6,-4.4) node (indir6) [draw,rounded corners,align=left,text width=30mm]{\small{\textbf{Title}\\ Text text text text text text text text text text text text text text text text text text text}};
 \draw (6,-6.6) node (indir7) [draw,rounded corners,align=left,text width=30mm]{\small{\textbf{Title}\\ Text text text text text text text text text text text text text text text text text text text}};
 \draw (6,-8.8) node (indir8) [draw,rounded corners,align=left,text width=30mm]{\small{\textbf{Title}\\ Text text text text text text text text text text text text text text text text text text text}};
 \draw (6,-11) node (indir9) [draw,rounded corners,align=left,text width=30mm]{\small{\textbf{Title}\\ Text text text text text text text text text text text text text text text text text text text}};

 \draw (12,-2.2) node (indir10) [draw,rounded corners,align=left,text width=30mm]{\small{\textbf{Title}\\ Text text text text text text text text text text text text text text text text text text text}};

\end{tikzpicture}
\end{center}

\end{document}

Answer 1

You can use relative coordinates for this. An example for the top can be:

\draw (problema) -- ++(0, -10pt) -| (causa1);

Similar for the rest. Move the line a bit then use the straight-angled link.