Histórico da Página

HTML

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8<div style="font-family: Arial, sans-serif; background-color: #f5f5f5; padding: 30px 10px; color: #323232;">
    <meta<div namestyle="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tutor MIT Digital - TOTVS</title>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap" rel="stylesheet">
    <style>
 max-width: 800px; margin: 0 auto; background: #ffffff; padding: 40px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
       :root {
        <h1 style="color: #004a8d; border-left: 6px solid #00b1eb; padding--totvs-blue: #004a8d;
left: 15px; margin-bottom: 25px; font-size: 28px;">
             --totvs-accent: #00b1eb;Metodologia e Suporte Digital
        </h1>

        <p style="font--totvs-gray-dark: #323232;
size: 16px; color: #666; margin-bottom: 30px;">
            Potencialize seu fluxo de trabalho  --totvs-gray-mid: #666666;com o 
            --totvs-gray-light: #f5f5f5;
            --totvs-white: #ffffff;
        }

        body {
            font-family: 'Montserrat', sans-serif;
            background-color: var(--totvs-gray-light);
            color: var(--totvs-gray-dark);
            margin: 0;
            padding: 20px;
            line-height: 1.6;
        }

        .container {
            max-width: 900px;
            margin: 0 auto;
            background: var(--totvs-white);
            padding: 40px;
            border-radius: 8px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
        }

        h1 {
            color: var(--totvs-blue);
            font-size: 2.2rem;
            margin-bottom: 20px;
            border-left: 6px solid var(--totvs-accent);
            padding-left: 20px;
        }

        .mit-link {
            color: var(--totvs-blue);
            text-decoration: none;
            font-weight: 600;
            border-bottom: 1px solid transparent;
            transition: border-color 0.3s;
        }

        .mit-link:hover {
            border-color: var(--totvs-blue);
        }

        .intro-text {
            font-size: 1.1rem;
            color: var(--totvs-gray-mid);
            margin-bottom: 30px;<a href="https://gemini.google.com/gem/9aa718ad14d4?usp=sharing" target="_blank" style="color: #004a8d; font-weight: bold; text-decoration: none; border-bottom: 1px solid #004a8d;">
        }

        /* BannerTutor PrincipalMIT */Digital
        .card-tutor {
   </a>, a inteligência artificial especializada na metodologia de projetos background: linear-gradient(135degMIT Digital, #1a1a1acontemplada 0%,no #333333 100%);
   Framework de Serviços da TOTVS.         color: white;
  </p>

          padding: 50px 30px;
           <div style="background: linear-gradient(135deg, #1a1a1a 0%, #333 100%); color: white; padding: 40px; text-align: center;
 border-radius:           border-radius: 12px;
12px; margin-bottom: 35px;">
            <div marginstyle="background: 30px 0#004a8d;
 width: 60px; height: 60px; border-radius: 50%; display: flex; align-items:   positioncenter; justify-content: relativecenter;
 margin: 0 auto 15px; font-size: 24px;  }

font-weight: bold;">T</div>
        .t-icon {
   <h2 style="margin: 0 0 10px     background-color: var(--totvs-blue);
   0; font-size: 24px;">
         width: 70px;
       <a href="https://gemini.google.com/gem/9aa718ad14d4?usp=sharing" target="_blank" style="color: white; heighttext-decoration: 70px;none;">Tutor MIT Digital</a>
            border-radius: 50%;
</h2>
             display<p style="font-size: flex12px;
 color: #aaa; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 25px;">
     align-items: center;
           Desenvolvido por  justify-content: center;Fernanda Lettiere Martinucci Tortorelli
            margin: 0 auto 20px;
</p>
            <a href="https://gemini.google.com/gem/9aa718ad14d4?usp=sharing"  font-size: 1.8rem;
           target="_blank" style="background: #00b1eb; color: white; padding: 12px 25px; border-radius: 4px; text-decoration: none; font-weight: bold;
            box-shadow: 0 0 15px rgba(0,177,235,0.4);
 font-size: 14px; display: inline-block;">
         }

       ACESSAR .card-tutor h2 { margin: 10px 0; }
O TUTOR AGORA
            </a>
        .author-tag {</div>

        <div   style="line-height: 1.8; font-size: 0.8rem15px;">
            text-transform: uppercase;<p>
            letter-spacing: 1.5px;
   O <a href="https://gemini.google.com/gem/9aa718ad14d4?usp=sharing" target="_blank" style="color: #004a8d; font-weight:   colorbold; text-decoration: #aaanone;
">Tutor MIT Digital</a> é um <strong>Gem</strong> (bot especializado construído sobre a tecnologia margin-bottom: 25px;
        }

        .btn-access {
            background-color: var(--totvs-accent);Gemini da Google) projetado para ser o ponto único de consulta sobre a metodologia MIT. Ele atua como um facilitador de conhecimento, eliminando dúvidas operacionais e garantindo a conformidade dos processos.
            color: white;
     </p>

       padding: 12px 30px;
   <div style="display: flex; gap: 20px; margin: 30px 0;  borderflex-radiuswrap: 25pxwrap;">
            text-decoration: none;
   <div style="flex: 1; min-width: 250px; background: #f9f9f9; padding: 20px; fontborder-weightradius: bold8px;
 border: 1px solid #eee;">
        display: inline-block;
           <h3 transitionstyle="color: transform 0.2s, background 0.3s;
        }

#004a8d; font-size: 16px; margin-top: 0;">O que ele faz?</h3>
        .btn-access:hover {
           <p background-colorstyle="margin-bottom: #0090c10;
">Fornece links diretos, explica conceitos        transform: translateY(-2px);
        }

    de cada etapa da metodologia e orienta sobre as melhores práticas de preenchimento das MITs.</p>
    /* Seção de Conteúdo Completo */
        .info-grid {
</div>
              display: grid;
 <div style="flex: 1; min-width: 250px; background: #f9f9f9; padding: 20px; border-radius:  grid-template-columns: 1fr 1fr;8px; border: 1px solid #eee;">
            gap: 25px;
       <h3 style="color: #004a8d; font-size: 16px; margin-top: 40px;
        }
0;">Para quem é?</h3>
        .info-item {
            background<p style="margin-bottom: #fcfcfc0;
">Desde novos colaboradores em fase de onboarding até profissionais experientes que  border: 1px solid #eee;
            padding: 20px;
buscam suporte especializado em casos complexos.</p>
                border-radius: 8px;
        }

        .info-item h3 {
            color: var(--totvs-blue);</div>                  <div style="flex: 0 1 100%; max-width: 100%; background: #f9f9f9; padding: 20px; border-radius: 8px; border: 1px solid #eee; margin: 10px auto 0 auto; box-sizing: border-box;">
    <h3 style="color:      #004a8d; font-size: 16px; margin-top: 0;
 text-align: center;">Exemplos de Prompts:</h3>
    <ul style="margin: 0 auto; font-sizepadding: 1rem0;
 color:           text-transform: uppercase;
        }

        @media (max-width: 600px) {
            .info-grid { grid-template-columns: 1fr; }
#444; list-style-position: inside; display: table;">                         <li style="margin-bottom: 8px;">Quais são as MITs obrigatórias em um projeto?</li>
            }
    </style>
</head>
<body>

<div class="container">
    <h1>Metodologia e Suporte Digital</h1>

    <p class="intro-text">
    <li style="margin-bottom: 8px;">Como deve ser feito o preenchimento da MIT041?</li>
    Potencialize seu fluxo de trabalho com o <a href="https://gemini.google.com/gem/9aa718ad14d4?usp=sharing" class="mit-link" target="_blank">Tutor MIT Digital</a>, a inteligência artificial especializada no ecossistema de processos da TOTVS.
    </p>

    <div class="card-tutor">
            <li style="margin-bottom: 8px;">Em quais circunstâncias devo utilizar a MIT031?</li>
               <div class="t-icon">T</div>
        <h2><a<li hrefstyle="https://gemini.google.com/gem/9aa718ad14d4?usp=sharing" style="color: white; text-decoration: none;">Tutor MIT Digital</a></h2>
margin-bottom: 8px;">Quais são as fases de um projeto segundo a MIT?</li>
          <p class="author-tag">Desenvolvido por Fernanda Lettiere Martinucci Tortorelli</p>
              <li style="margin-bottom: 0;">Qual a diferença entre a MIT007 e a MIT008?</li>
         <a href="https://gemini.google.com/gem/9aa718ad14d4?usp=sharing" class="btn-access" target="_blank">ACESSAR O TUTOR AGORA</a>
     </div>ul>

       <div class="content-body">
        <p></div>
            O <a href="https://gemini.google.com/gem/9aa718ad14d4?usp=sharing" class="mit-link" target="_blank">Tutor MIT Digital</a> é um <strong>Gem</strong> (bot especializado construído sobre a tecnologia Gemini da Google) projetado para ser o ponto único de consulta sobre a metodologia MIT. Ele atua como um facilitador de conhecimento, eliminando dúvidas operacionais e garantindo a conformidade dos processos.
        </p>

        <div class="info-grid">
            <div class="info-item">
       </div>

            <p style="background: #fff9e6; padding: 15px; border-radius: 4px; border-left: 4px solid #ffc107; font-size: 14px;">
                <strong>Nota importante:</strong> O objetivo do <a href="https://gemini.google.com/gem/9aa718ad14d4?usp=sharing" target="_blank" style="color: #004a8d; text-decoration: none; font-weight: bold;">Tutor MIT Digital</a> é orientar e informar. Ele <strong>não realiza o preenchimento automático</strong> das planilhas ou sistemas, garantindo que a responsabilidade técnica e o critério do consultor sejam preservados.
         <h3>O que ele faz?</h3>p>
        </div>

         <p>Fornece links diretos, explica conceitos de cada etapa da metodologia e orienta sobre as melhores práticas de preenchimento das MITs.</p>
<footer style="margin-top: 40px; border-top: 1px solid #eee; padding-top: 20px; text-align: center; font-size: 12px; color: #999;">
            TOTVS S.A. - Suporte à Metodologia MIT </div>Digital
        </footer>
    <div class="info-item">
           </div>
</div>

HTML

<div style="font-family: Arial, sans-serif; margin-top: 40px; border-top: 2px solid #eee; padding-top: 30px;">
    <h3 <h3>Para quem é?</h3>
         style="color: #004a8d; text-align: center; font-size: 22px; margin-bottom: 20px;">
       <p>Desde novosExemplo colaboradoresde emFuncionamento
 fase de onboarding até</h3>
 profissionais experientes que buscam
 suporte especializado em casos complexos.</p>
       <p style="font-size: 15px; color: #444; text-align: center; margin-bottom: 25px;">
     </div>
   Interface interativa do   </div>

        <p style="margin-top: 30px;">
            É importante ressaltar que o objetivo do <a href="https://gemini.google.com/gem/9aa718ad14d4?usp=sharing" class="mit-link" target="_blank">Tutor MIT Digital</a> é orientar e informar. Ele <strong>não realiza o preenchimento automático</strong> das planilhas ou sistemas, garantindo que a responsabilidade técnica e o critério do consultor sejam preservados.
        </p><a href="https://gemini.google.com/gem/9aa718ad14d4?usp=sharing" target="_blank" style="color: #004a8d; font-weight: bold; text-decoration: underline;">Tutor MIT Digital</a> no ambiente Gemini.
    </p>

    <div style="background-color: #1a1a1b; padding: 15px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.3); max-width: 850px; margin: 0 auto; border: 1px solid #333;">
        <img src="https://tdn.totvs.com/download/attachments/1032134307/Design%20sem%20nome.gif?version=1&modificationDate=1768417109657&api=v2" alt="Interface do Tutor MIT Digital" style="width: 100%; height: auto; display: block; border-radius: 6px;">
    </div>

    <footer<p style="marginfont-topsize: 50px13px; border-topcolor: 1px solid #eee#888; padding-top: 20px; font-size: 0.85rem; color: #999; text-align: centertext-align: center; margin-top: 15px; font-style: italic;">
        Acesso rápido a TOTVS S.A. - Suporte à Metodologia MIT Digitaldocumentos, links e fases da metodologia MIT através do chat.
    </footer>p>
</div>

</body>
</html>

Atalhos

Árvore de páginas

Versões comparadas

Versão antiga 9

Nova versão Atual

Chave