#f1f0ea
1<nav class="linha" aria-label="Linha Azul">2 <p class="nome"><span>2</span>Linha Azul</p>3 <ol>4 <li><button aria-describedby="e1">Praça</button><p class="balao" role="tooltip" id="e1"><b>Praça</b><small>próximo trem em 6 min</small></p></li>5 <li class="atual"><button aria-describedby="e2">Mercado</button><p class="balao" role="tooltip" id="e2"><b>Mercado</b><small>você está aqui · linha 3</small></p></li>6 <li><button aria-describedby="e3">Porto</button><p class="balao" role="tooltip" id="e3"><b>Porto</b><small>4 min daqui</small></p></li>7 <li><button aria-describedby="e4">Ponte</button><p class="balao" role="tooltip" id="e4"><b>Ponte</b><small>7 min · saída para a orla</small></p></li>8 <li><button aria-describedby="e5">Estádio</button><p class="balao" role="tooltip" id="e5"><b>Estádio</b><small>11 min · terminal</small></p></li>9 </ol>10</nav>