Histórico da Página

<!-- 1. LINKS CSS -->

<!-- Link para o Materialize CSS -->
<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/css/materialize.min.css"
/>

<!-- Link para o Material Icons -->
<link
  href="https://fonts.googleapis.com/icon?family=Material+Icons"
  rel="stylesheet"
/>

<!-- Link para o UIkit CSS -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/uikit.min.css"
/>

<!-- Link para o Bootstrap CSS -->
<link
  rel="stylesheet"
  type="text/css"
  href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
/>

<!-- Link para o FontAwesome -->
<link
  rel="stylesheet"
  href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
/>

<!-- 2. ESTILOS INTERNOS -->

<!-- 2. ESTILOS INTERNOS -->

<style>
  @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap");


       #title-text {
        display: none !important;
      }
      .wiki-content h2 {
        font-size: 25px !important;
        font-family: "Roboto", sans-serif !important;
        color: #42526e !important;
      }

    .wiki-content a,
    .wiki-content a:link,
    .wiki-content a:visited,
    .wiki-content a:focus,
    .wiki-content a:hover,
    .wiki-content a:active {
        color: #FFFFFF !important;
text-decoration: none!important;
    }

.element.style {
float: none!important;
     }

        * {
        font-family: "Roboto", sans-serif;
     }  

     *, body {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
  }

    .wiki-content p {
              font-family: "Roboto", sans-serif!important;
           }      .deep-purple.darken-2 {
    background-color: #000000 !important;
  }

  .deep-purple {
    background-color: #000000 !important;
  }

  nav img {
    margin-top: 10px;
    height: 40px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
  }

  .row {
    margin: 0 -0.75rem;
  }

  .container {
    position: relative;
    margin: -325px auto 60px;
    padding: 50px;
    left: 0;
    right: 0;
    width: 90%;
    max-width: 1300px;
    background-color: #f4f5f7;
    border-radius: 0 0 20px 20px;

  }

  .header {
    height: 400px;
    background-repeat: no-repeat; 
  background-size: cover;
  background-position: center;
    background-image: url("https://totvscrm.com/wp-content/uploads/2023/08/capa-com-fundo-e-sem-icone-TDNppy.png");
  }

  .mt-0 {
    margin-top: 0 !important;
  }
  .mb-0 {
    margin-bottom: 0 !important;
  }
  .mt-20 {
    margin-top: 20px !important;
  }
  .mb-20 {
    margin-bottom: 20px !important;
  }

  i.circle {
    padding: 10px;
    margin-right: 24px;
    background-color: #7e57c2; /*rgba(0, 0, 0, 0.26);*/
  }

  .waves-effect {
    width: 100%;
    border-radius: 2px;
  }

  .posts .card-panel {
    padding: 8px;
  }

  .post {
    padding: 8px 16px;
  }

  .wiki-content {
    margin: 0% !important;
  }

  .card-panel {
    border-radius: 15px;
    background-color: #ffffff !important;
   border: 3px solid #42526e;
   box-shadow: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  }

  .card-panel:hover {
    background-color: #dfe1e5 !important;
    transition: background-color .9s ease; /* Optional transition for smooth effect */
  }

  .post .valign-wrapper {
    min-height: 72px;
  }

  .post .title,
  .post .title {
    font-size: 1.25rem;
    line-height: 1.44rem;
    margin: 0;
    cursor: pointer;
    border: 1px solid #000;
    padding: 10px; /* Adiciona espaçamento interno de 10px */
    max-width: 700px;
  }

  .custom-paragraph {
    font-size: 14px;
    color: #363636;
  }

  .post .title span {
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.54);
  }

  .date {
    line-height: 26px;
    min-width: 110px;
  }

  .text {
    font-size: 1.375rem;
    font-weight: 300;
  }

  .card-panel img {
    max-width: 100%;
    height: auto;
    
    
  }

  @media only screen and (min-width: 993px) {
    .single-content h3 {
      width: calc(100% - 150px);
    }
  }

  @media only screen and (max-width: 992px) {
    .container {
      width: 100%;
    }
  }

  .green-background {
    background-color: #f4f5f7;
    padding: 20px; 
    margin: 15px;/* Para adicionar algum espaçamento ao redor da timeline */
  }

  .main-content {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .m-r-5 {
    margin-right: 5px;
  }

  .box {
    margin-bottom: 25px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.1);
  }
  .box__header {
    padding: 20px;
    border-bottom: 1px solid #ddd;
  }
  .box__header h1,
  .box__header h2,
  .box__header h3,
  .box__header h4,
  .box__header h5,
  .box__header h6 {
    margin-bottom: 0;
  }
  .box__body {
    padding: 20px;
  }

  .timeline__row {
    display: flex;
    position: relative;
  }
  .timeline__row_icon {
    width: 30px;
    margin-right: 20px;
    z-index: 1;
  }
  .timeline__row_content {
    width: calc(100% - 30px);
    margin-bottom: 20px;
  }
  .timeline__row_content .badge {
    margin-bottom: 10px;
  }
  .timeline__row_content_desc {
    padding: 15px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  }
  .timeline__row:nth-last-child(1) .timeline__row_content {
    border: none;
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  .timeline__row:nth-last-child(1):before {
    height: 0;
  }
  .timeline__row:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    left: 15px;
    background: #d5d5d5;
  }

  .timeline .timeline-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    color: #03a9f4;
    background: #fff;
    border: 2px solid #03a9f4;
  }
  .timeline .timeline-icon.success {
    color: #4caf50;
    border-color: #4caf50;
  }
  .timeline .timeline-icon.warning {
    color: #ff9800;
    border-color: #ff9800;
  }
  .timeline .timeline-icon.danger {
    color: #f44336;
    border-color: #f44336;
  }


  @import url("https://totvscrm.com/wp-content/uploads/2023/08/xxe.png");
  body {
    background: #ffffff;
    font-family: "Roboto", sans-serif;
  }

  .main-content {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .m-r-5 {
    margin-right: 5px;
  }

  .box {
    margin-bottom: 25px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.1);
  }
  .box__header {
    padding: 20px;
    border-bottom: 1px solid #ddd;
  }
  .box__header h1,
  .box__header h2,
  .box__header h3,
  .box__header h4,
  .box__header h5,
  .box__header h6 {
    margin-bottom: 0;
  }
  .box__body {
    padding: 20px;
  }

  .timeline__row {
    display: flex;
    position: relative;
  }
  .timeline__row_icon {
    width: 30px;
    margin-right: 20px;
    z-index: 1;
  }
  .timeline__row_content {
    width: calc(100% - 30px);
    margin-bottom: 20px;
  }
  .timeline__row_content .badge {
    margin-bottom: 10px;
  }
  .timeline__row_content_desc {
    padding: 15px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  }
  .timeline__row:nth-last-child(1) .timeline__row_content {
    border: none;
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  .timeline__row:nth-last-child(1):before {
    height: 0;
  }
  .timeline__row:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    left: 15px;
    background: #d5d5d5;
  }

  .timeline .timeline-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    color: #03a9f4;
    background: #fff;
    border: 2px solid #03a9f4;
  }
  .timeline .timeline-icon.success {
    color: #4caf50;
    border-color: #4caf50;
  }
  .timeline .timeline-icon.warning {
    color: #ff9800;
    border-color: #ff9800;
  }
  .timeline .timeline-icon.danger {
    color: #f44336;
    border-color: #f44336;
    
  }

  .timeline__line {
    gap: 11px;
    position: absolute;
    width: 3px;
    background-color: #42526e;
    left: 50%;
    top: 335px;
    bottom: 7%;
    transform: translateX(-50%);
    
  }
  
  .timeline__line_bullet {
    position: absolute;
    top: -6px; /* Ajuste para posicionar acima da linha */
    left: calc(50% - 8px); /* Ajuste para centrar a bolinha */
    width: 16px;
    height: 16px;
    background-color: #6B48FF; /* Cor da bolinha */
    border-radius: 50%;
    z-index: 2; /* Para que a bolinha fique sobre a linha da timeline */
  }

  .timeline {
    position: relative;
    margin: 15px;
    /* Adicione posicionamento relativo ao container da timeline */
  }

  .timeline-entry {
    position: relative; /* Adicione posicionamento relativo às entradas da timeline */
    margin-left: 30px; /* Ajuste a margem esquerda para dar espaço para a linha */
  }
  
     .saiba-mais-btn {
      background-color: #6B48FF;
      color: #fff;
      border: none;
      border-radius: 5px;
      padding: 5px 10px;
      cursor: pointer;
       text-decoration: none;
       outline: none;
       display: inline-block;
       font-size: 12px;
    }

    .saiba-mais-btn:hover {
      background-color: #5034ce;
      color: #fff; 
       text-decoration: none;
    }
  
    .card-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 5px;
}
.card-footer i {
  font-size: 18px;
  margin-right: 5px;
}

.card-title{
  font-size: 16px;
  color: #42526e;

}

.card-text{
  font-size: 15px;
  color: #42526e;

}


/* Center the logo */
.logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px; 
  bottom: 20px;/* Adjust the height of the logo container */
}

/* Style the logo */
.centered-logo {
  max-width: 200px; /* Ensure the logo scales properly */
  height: auto;
}

.footer-image {
  max-height: 50px;
  width: 100%; /* Extend the image across the full width */
  position: relative; /* Keep the image fixed at the bottom */
  bottom: 0;
  left: 0;
}

.logo-text {
  margin-top: 5px; /* Add space between logo and text */
  font-size: 16px; /* Adjust font size as needed */
  color: #42526e; /* Set the text color */
  padding: 38px;
  justify-content: center;

       
}


.timeline-date {
  text-align: center;
  font-size: 12px;
  margin-bottom: 10px;
}

.timeline-date i {
  font-size: 24px;
}

.gray-text {
  color: #42526e;
}

.icon-center {
    justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
   transform: translateX(-50%);
  z-index: 2;
 gap: 10px;
 color: #42526e;
 margin-bottom: 20px;
}

.badges-container {
      text-align: center;
    }
    .badges {
      background-color: #6B48FF; /* Yellow color */
      color: #fff;
      font-size: 16px;
      padding: 5px 8px;
      border-radius: 10px;
    }

    .badge-personalizada {
    background-color: #FEAC0E; 
    color: white!important;
    border-radius: 10px;
    font-size: 12px;
    padding: 2px 10px;
  }
</style>

  <!-- 5. ESTRUTURA HTML -->

<div class="header deep-purple">
  <!-- Logo container -->
  
</div>

<div class="container single-content" style="display: none">
  <div class="date white-text right hide-on-med-and-down"></div>
</div>

<div class="container">
  <div class="logo-container">
    <img src="https://totvscrm.com/wp-content/uploads/2023/08/logotcrm.png" alt="Your Logo" class="centered-logo">
<br>
  </div>
  <div class="badges-container">
    <span class="badges">RELEASE NOTES</span>
  </div>
  <div>  <p class="logo-text">     En este registro de modificaciones, encontrará un resumen de las actualizaciones y mejoras incorporadas a la versión <b>12.1.2309</b>. Para obtener la documentación completa, haga clic en "Más información".</p>
  </div> 
     
  <div class="timeline__line">
    <div class="timeline__line_bullet"></div> <!-- Bolinha verde --> <br> <br>
  </div>
  <div class="green-background">
    <div class="timeline"><br>
           
      <!-- Entry 1 -->
      <div class="timeline-entry">
         <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text" style="font-size: 12px; border-radius: 10px;">Melhoria<>Mejora</span>
              <strong>
                FILTRADO Y VISUALIZACIÓN INTELIGENTE DE AGENDA</strong>
            </div>
             <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i>Ahora, su agenda está más dinámica y organizada. Con un simple clic en el panel de la agenda, podrá acompañar el estatus de las actividades, dejando su rutina diaria más fluida. Además, introdujimos un recurso de filtrado, que permite una visualización más práctica de las actividades por estatus (situación), facilitando el monitoreo de múltiples actividades en diferentes etapas, ya sea en agendas personales o compartidas. Como un bono, implementamos la opción "Selección de todas las agendas", una herramienta que promueve una gestión más dinámica y personalizada de sus compromisos programados en agenda, concediéndole total control sobre su programación diaria.  
            </div> <br>
             <a class="saiba-mais-btn" href="https://tdn.totvs.com/pages/viewpage.action?pageId=789984415" target="_blank">Saiba>Más Mais<información</a>
            
            
          </div>
        </div>
      </div> <br>
      <!-- Entry 2 -->
      <div class="timeline-entry">
         <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria<>Mejora</span>
              <strong>ALTERNANCIA ENTRE WORKSPACES DEL GOODDATA EN EL TOTVS CRM</strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i> Ahora, su experiencia con el Analytics Studio está más práctica y centralizada. Con la reciente mejora, podrá alternar fácilmente entre los Workspaces GoodData directamente del TOTVS CRM, simplificando y dinamizando la gestión de datos. Además, contará con la identificación del workspace estándar, un recurso que facilita considerablemente la navegación, permitiendo una supervisión eficiente de diferentes conjuntos de datos.
              




             </div> <br>
            <a class="saiba-mais-btn" href="https://tdn.totvs.com/pages/viewpage.action?pageId=789991984" target="_blank">Saiba>Más Mais<información</a>
        </div>
      </div></div><br>
      <!-- Entry 3 -->
      <div class="timeline-entry">
                <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria<>Mejora</span>
              <strong>NUEVA ACCIÓN "CREAR ACTIVIDAD" EN "ACTIVIDAD FINALIZADA" Y "ACTIVIDAD ANULADA"</strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i> Ahora, administrar sus actividades por medio del Workflow está aún más eficiente. Con la inclusión de la nueva acción "Crear actividad" en los disparadores "Actividad finalizada" y "Actividad anulada", tiene la facilidad de programar la creación automática de tareas posteriores, garantizando que su rutina de trabajo fluya de manera más suave y sin interrupciones. Además, implementamos una condición que permite establecer un filtro basado en el estatus de la actividad anterior, optimizando aún más el seguimiento y la administración de sus tareas.
              

                        </div> <br>
            <a class="saiba-mais-btn" href="https://tdn.totvs.com/pages/viewpage.action?pageId=789992595" target="_blank">Saiba>Más Mais<información</a>
        </div>
      </div></div><br>
      <!-- Entry 4 -->
      <div class="timeline-entry">
              <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria<>Mejora</span>
              <strong>REGLAS DE OCULTAMIENTO Y EDICIÓN CONDICIONALES EN LA PANTALLA DE CLIENTES</strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i> El módulo de personalización fue perfeccionado, permitiendo más autonomía y flexibilidad en la gestión de las informaciones de sus clientes. Ahora tiene la opción de realizar el ocultamiento y edición condicional en el formulario de clientes, por medio de reglas específicas. Esta funcionalidad simplifica la implementación de criterios específicos para mostrar u ocultar campos, creando una visión más concentrada y relevante. Además, el sistema ahora facilita la validación de campos de registro por medio de reglas definidas, garantizando la precisión y verificación de las informaciones incluidas, previniendo errores y proporcionando mayor eficiencia en la gestión de datos.
              
              
                          </div> <br>
            <a class="saiba-mais-btn" href="https://tdn.totvs.com/pages/viewpage.action?pageId=789983506" target="_blank">Saiba>Más Mais<información</a>
          </div>
        </div></div><br>
<!-- Entry 5 -->
      <div class="timeline-entry">
              <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria<>Mejora</span>
              <strong>REGLAS CONDICIONALES: ATRIBUTOS DE TIPO RELACIÓN PARA OBJETOS PERSONALIZADOS</strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i> Ahora, la personalización de sus formularios en Leads, Actividades y Clientes quedó aún más avanzada y flexible. Con la nueva funcionalidad de "atributos de tipo relación", usted cuenta con una opción más para estructurar reglas de validación de campos o configurar reglas de exhibición/edición condicionales, facilitando una gestión más eficaz y dinámica.              </div> <br>
            <a class="saiba-mais-btn" href="https://tdn.totvs.com/display/TCGDC/Regras+Condicionais%3A+Atributos+de+Tipo+Relacionamento+para+Objetos+Personalizados" target="_blank">Saiba>Más Mais<información</a>
          </div>
        </div></div><br>     
 <!-- Entry 6 -->
      <div class="timeline-entry">
              <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria<>Mejora</span>
              <strong>REGLAS CONDICIONALES: SOPORTE PARA REGLAS CON ATRIBUTOS DE RESPONSABLE DEL CLIENTE Y LEAD  </strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i> Ahora, tiene la opción de utilizar informaciones de los usuarios (profesionales) para crear reglas que ayudan en la organización y presentación más clara de los detalles de sus Leads y Clientes. Esta mejora facilita la implementación de criterios (reglas)para controlar lo que se exhibe o edita en los registros de Leads y Clientes, así como garantizar que los campos se completen correctamente.             </div> <br>
            <a class="saiba-mais-btn" href="https://tdn.totvs.com/pages/viewpage.action?pageId=789992862" target="_blank">Saiba>Más Mais<información</a>
          </div>
        </div></div><br> 
  <!-- Entry 7 -->
      <div class="timeline-entry">
              <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge badge-personalizada"style="font-size: 12px; border-radius: 10px;">Manutenção<>Mantenimiento</span>
              <strong>ACTUALIZACIÓN DE GRIDS EN EL TOTVS CRM</strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i> Realizamos un upgrade en los grids del TOTVS CRM, trayéndole la versión más reciente. Y no se preocupe: ¡todo lo que conoce y le gusta permanece exactamente igual! Esta mejora, que funciona como una "revitalización" en los bastidores, tiene como objetivo proporcionar aún más estabilidad y fluidez en sus operaciones diarias.
                             </div> <br>
           
          </div>
        </div></div><br>   

 
                    </div>
  </div>
</div>
</div>
</div>
 
</div>