<!-- IMAGEM PRINCIPAL -->
<div style="text-align:center; margin-bottom: 20px;">
  <img 
    src="https://tdn.totvs.com/download/attachments/1036760547/1036761004/qualidade.png"
    alt="Reforma Tributária - Construção e Projetos"
    style="width:100%; max-width:1200px; height:auto;"
  />
</div>

<!-- CONTAINER DOS 5 BLOCOS -->
<div style="
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
">

  <!-- BLOCO 1 -->
  <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=1025239488"
     style="
       width: 190px;
       height: 140px;
       background: #e5e5e5;
       border-radius: 20px;
       display: flex;
       align-items: center;
       justify-content: center;
       text-decoration: none;
       outline: none;
       flex-shrink: 0;
       overflow: hidden;
     ">
    <img 
      src="https://tdn.totvs.com/download/attachments/1036760547/1036761389/ScriptsDiversos.png"
      alt="Scripts Diversos"
      style="
        width: 100%;
        height: 100%;
        object-fit: contain;
      ">
  </a>

  <!-- BLOCO 2 -->
  <a href="https://tdn.totvs.com.br/pages/viewpage.action?pageId=1024337501"
     style="
       width: 190px;
       height: 140px;
       background: #e5e5e5;
       border-radius: 20px;
       display: flex;
       align-items: center;
       justify-content: center;
       text-decoration: none;
       outline: none;
       flex-shrink: 0;
       overflow: hidden;
     ">
    <img 
      src="https://tdn.totvs.com/download/attachments/1036760547/1036761386/IATAMPLATE.png"
      alt="IA Tamplates"
      style="
        width: 100%;
        height: 100%;
        object-fit: contain;
      ">
  </a>

  <!-- BLOCO 3 -->
  <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=1025214535"
     style="
       width: 190px;
       height: 140px;
       background: #e5e5e5;
       border-radius: 20px;
       display: flex;
       align-items: center;
       justify-content: center;
       text-decoration: none;
       outline: none;
       flex-shrink: 0;
       overflow: hidden;
     ">
    <img 
      src="https://tdn.totvs.com/download/attachments/1036760547/1036761383/GeradoresDiversos.png"
      alt="Gerador Diversos"
      style="
        width: 100%;
        height: 100%;
        object-fit: contain;
      ">
  </a>

  <!-- BLOCO 4 -->
  <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=198948854"
     style="
       width: 190px;
       height: 140px;
       background: #e5e5e5;
       border-radius: 20px;
       display: flex;
       align-items: center;
       justify-content: center;
       text-decoration: none;
       outline: none;
       flex-shrink: 0;
       overflow: hidden;
     ">
    <img 
      src="https://tdn.totvs.com/download/attachments/1036760547/1036761382/FluxosdosProcessos.png"
      alt="Fluxos dos Processos"
      style="
        width: 100%;
        height: 100%;
        object-fit: contain;
      ">
  </a>

  <!-- BLOCO 5 -->
  <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=198948859"
     style="
       width: 190px;
       height: 140px;
       background: #e5e5e5;
       border-radius: 20px;
       display: flex;
       align-items: center;
       justify-content: center;
       text-decoration: none;
       outline: none;
       flex-shrink: 0;
       overflow: hidden;
     ">
    <img 
      src="https://tdn.totvs.com/download/attachments/1036760547/1036761378/FerramentasDiversas.png"
      alt="Ferramentas Diversas"
      style="
        width: 100%;
        height: 100%;
        object-fit: contain;
      ">
  </a>

</div>