<style type="text/css">}

    .products#product-title-link:hover {
        display text-decoration: flexunderline;
    }

    justify.product-content:desc center;{
        flex-wrapmargin: wrap0 !important;
        wordtext-breakalign: break-wordcenter;
    }

    .product {font-size: 15px;
        boxletter-sizingspacing: border-box0px;
        displaycolor: flex#494440;
        flex-direction: column;}
</style>

<section class="products">
    <div    width: 280px;id="product-plataforma" class="product">
        padding: 15px;
  <div class="product-image-container">
      box-shadow: 0px 2px 4px #00000029;
  <img      margin: auto auto 30px auto;class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/plataforma.png" alt="">
        border-radius: 10px;
</div>
     }

   <h2 .class="product-image-container {title">
        height: 160px;
   <a     position: relative;id="product-title-link" href="https://tdn.totvs.com/x/hYP4Aw">TOTVS Fluig Plataforma</a>
    }

    .product-image {</h2>
        height: 70%;
<p class="product-desc">
        position: absolute;
      Unifique processos, top: 50%;
        left: 50%;pessoas e sistemas com uma interface fácil de usar e intuitiva.
        transform: translate(-50%, -50%);</p>
    }</div>

    <div .id="product-title {
nodecode" class="product">
         text-align: center;
<div class="product-image-container">
            margin: 0 0 10px 0 !important;<img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/no-code.png" alt="">
    }

    #product-title-link {
</div>
        <h2 font-weight: bold;class="product-title">
        font-size: 15pt;
   <a id="product-title-link"    color: #CB1959;href="https://tdn.totvs.com/x/PzkzJg">TOTVS Fluig No-Code</a>
        text-decoration: none;
</h2>
     }

   <p #product-title-link:hover {
 class="product-desc">
       text-decoration: underline;
    }

Resolva diversas necessidades do .product-desc {
        margin: 0 !important;
dia a dia sem precisar de linhas de código.
         text-align: center;
   </p>
    </div>
 
    <div font-size: 15px;
id="product-identity" class="product">
         letter-spacing: 0px;
<div class="product-image-container">
            color: #494440;
    }
</style>

<section class="products">
<img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/identity.png" alt="">
      <div id="product-plataforma" class="product"> </div>
        <div<h2 class="product-image-containertitle">
            <img<a classid="product-imagetitle-link" srchref="https://tdn.totvs.com/download/attachments/66618185/plataforma.png" alt="">x/NnA9I" >TOTVS Identity</a>
        </div>h2>
        <h2<p class="product-titledesc">
            Tenha autenticação única para acessar sistemas <a id="product-title-link" href="https://tdn.totvs.com/x/hYP4Aw">TOTVS Fluig Plataforma</a>da empresa com <i>single sign-on</i>.
        </h2>p>
        <p class</div>
</section>

<style type="text/css">
    .cardsfont-containersize: {13px;
    }

    width: 100%;#card-title-link {
        heighttext-decoration: autonone;
        margincolor: auto#CB1959;
        displayfont-weight: flexbold;
        flexfont-directionsize: column17px;
    }

    box#card-title-sizinglink:hover border-box;{
        justifytext-itemsdecoration: centerunderline;
    }

    .card-desc {
        widthmargin: 100%;
        height: auto0 !important;
        displayfont-size: flex15px;
        marginfont-weight: auto auto 20px auto400;
        boxletter-shadowspacing: 0px 2px 4px #00000029;
        border-radiuscolor: 10px#494440;
    }

    .card-text-imagemargin-bottom {
        object-fit: cover;margin: 0 0 5px 0 !important;
    }
</style>

<section class="cards-container">
    <div class="card">
        width:<img 43%;
            max-width: 420px;

class="card-image" 
            border-top-left-radius: 10px;
src="https://tdn.totvs.com/download/attachments/66618185/banner_menor.png?api=v2" 
           border-bottom-left-radius: 10px; alt=""
    }

    .card-text-container { >
        <div class="card-text-align: left;
   container">
     padding: 30px;
    }

  <p  .class="card-label {
  card-text-margin-bottom">TOTVS Fluig Plataforma</p>
      color: orange;
     <h2   font-weight: bold;id="card-title" class="card-text-margin-bottom">
        font-size: 13px;
      }

  <a  #cardhref="https://tdn.totvs.com/pages/viewpage.action?pageId=695600349#Atualiza%C3%A7%C3%B5es(1.8.0)-221222" id="card-title-link {">
        text-decoration: none;
        color: #CB1959;
    Chegou uma nova experiência font-weight: bold;
 em solicitações
       font-size: 17px;
    }

    #card-title-link:hover {</a>
        text-decoration: underline;
    }
</h2>
    .card-desc {
        margin: 0 !important;<p class="card-desc">
        font-size: 15px;
       Modernizamos font-weight: 400;
        letter-spacing: 0px;
        color: #494440;
    }

    .card-text-margin-bottom {
a abertura e interação com as solicitações, deixando ainda mais intuitivo, melhorando a disposição das informações e facilitando o uso.
            </p>
   margin: 0 0 5px 0 !important; </div>
    }
</style>

<section class="cards-container">div>

    <div class="card">
        <img 
            class="card-image" 
            src="https://tdn.totvs.com/download/attachments/66618185/banner_menorhome-novo-collab.png?api=v2" 
            alt=""
        >
        <div class="card-text-container">
            <p class="card-label card-text-margin-bottom">TOTVS Fluig Plataforma<No-Code</p>
            <h2 id="card-title" class="card-text-margin-bottom">
                <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=695600349#Atualiza%C3%A7%C3%B5es(1.8.0)-221222x/a1qVIQ" id="card-title-link">
>Novo TOTVS Collab: seu aliado na gestão              Chegou uma nova experiência em solicitações
                de equipes e projetos!</a>
            </h2>
            <p class="card-desc">
>Gerencie suas equipes presenciais e remotas, acompanhe o andamento        Modernizamos a abertura e interação com as solicitações, deixando ainda mais intuitivo, melhorando a disposição das informações e facilitando o uso.
            dos projetos e tarefas, faça videochamadas, anexe documentos do Google Drive e muito mais.</p>
        </div>
    </div>

    <div class="card">
        <img 
            class="card-image" 
            src="https://tdn.totvs.com/download/attachments/66618185/home-novo-collabmfa.png"
            alt=""
        >
        <div class="card-text-container">
            <p class="card-label card-text-margin-bottom">TOTVS Fluig No-Code<Identity</p>
            <h2 id="card-title" class="card-text-margin-bottom">
                <a href="https://tdn.totvs.com/x/a1qVIQJ5LpEg" id="card-title-link">Novo TOTVS Collab: seu aliado na gestão de equipes e projetos!>
                    MFA obrigatório e opcional ao mesmo tempo? Sim, é possível!
                </a>
            </h2>
            <p class="card-desc">Gerencie suas equipes presenciais e remotas, acompanhe o andamento dos projetos e tarefas, faça videochamadas, anexe documentos do Google Drive e muito mais">Indique a autenticação multifatorial como obrigatória para alguns grupos de usuários e deixe-a como opcional para outros.</p>
        </div>
    </div>

   
</section>