/* Os posts /blog/mapa-mental-funil-de-vendas e /blog/como-fazer-funil-de-vendas, por cima do blog.css e só com os tokens dele:
   as tabelas com legenda (o mesmo cartão do blog-comparativo.css, sem o destaque da coluna do Turbo Quiz), os links de
   download do mapa, a imagem do mapa e a lista aninhada do "mapa em texto". */
.corpo .tabela{margin-block:1.6em 2em;border:1px solid var(--linha);border-radius:var(--raio-janela);overflow:hidden;background:var(--superficie)}
.tabela table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.9375rem;line-height:1.45}
.tabela th,.tabela td{padding:12px 16px;text-align:left;vertical-align:top;overflow-wrap:break-word}
.tabela thead th{font-weight:600;color:var(--texto-2);font-size:.875rem}
.tabela tbody th{font-weight:600;color:var(--texto)}
.tabela tbody td{color:var(--texto-2)}
.tabela tbody tr>*{border-top:1px solid var(--linha)}
.tabela th:first-child{width:32%}
@media (max-width:30em){
  .tabela table{font-size:.8125rem}
  .tabela th,.tabela td{padding:10px 8px}
}

/* os downloads do mapa: alvos de 44px, um embaixo do outro no celular */
.corpo .baixar{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px}
.corpo .baixar li{margin:0}
.corpo .baixar a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:600}
.corpo .baixar span{font-weight:400;color:var(--texto-2)}
.corpo .mapa-mental{display:block;width:100%;height:auto;border:1px solid var(--linha);border-radius:var(--raio-janela)}

/* o mapa em texto: os ramos com menos recuo, para caber no celular */
.corpo .mapa-texto ul{margin-top:.4em;padding-left:1.1em}
.corpo .mapa-texto>li>ul>li+li{margin-top:1em}