<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="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>
:root {
--totvs-blue: #004a8d;
--totvs-accent: #00b1eb;
--totvs-gray-dark: #323232;
--totvs-gray-mid: #666666;
--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;
}
/* Banner Principal */
.card-tutor {
background: linear-gradient(135deg, #1a1a1a 0%, #333333 100%);
color: white;
padding: 50px 30px;
text-align: center;
border-radius: 12px;
margin: 30px 0;
position: relative;
}
.t-icon {
background-color: var(--totvs-blue);
width: 70px;
height: 70px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
font-size: 1.8rem;
font-weight: bold;
box-shadow: 0 0 15px rgba(0,177,235,0.4);
}
.card-tutor h2 { margin: 10px 0; }
.author-tag {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #aaa;
margin-bottom: 25px;
}
.btn-access {
background-color: var(--totvs-accent);
color: white;
padding: 12px 30px;
border-radius: 25px;
text-decoration: none;
font-weight: bold;
display: inline-block;
transition: transform 0.2s, background 0.3s;
}
.btn-access:hover {
background-color: #0090c1;
transform: translateY(-2px);
}
/* Seção de Conteúdo Completo */
.info-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 25px;
margin-top: 40px;
}
.info-item {
background: #fcfcfc;
border: 1px solid #eee;
padding: 20px;
border-radius: 8px;
}
.info-item h3 {
color: var(--totvs-blue);
margin-top: 0;
font-size: 1rem;
text-transform: uppercase;
}
@media (max-width: 600px) {
.info-grid { grid-template-columns: 1fr; }
}
</style>
</head>
<body>
<div class="container">
<h1>Metodologia e Suporte Digital</h1>
<p class="intro-text">
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">
<div class="t-icon">T</div>
<h2><a href="https://gemini.google.com/gem/9aa718ad14d4?usp=sharing" style="color: white; text-decoration: none;">Tutor MIT Digital</a></h2>
<p class="author-tag">Desenvolvido por Fernanda Lettiere Martinucci Tortorelli</p>
<a href="https://gemini.google.com/gem/9aa718ad14d4?usp=sharing" class="btn-access" target="_blank">ACESSAR O TUTOR AGORA</a>
</div>
<div class="content-body">
<p>
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">
<h3>O que ele faz?</h3>
<p>Fornece links diretos, explica conceitos de cada etapa da metodologia e orienta sobre as melhores práticas de preenchimento das MITs.</p>
</div>
<div class="info-item">
<h3>Para quem é?</h3>
<p>Desde novos colaboradores em fase de onboarding até profissionais experientes que buscam suporte especializado em casos complexos.</p>
</div>
</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>
</div>
<footer style="margin-top: 50px; border-top: 1px solid #eee; padding-top: 20px; font-size: 0.85rem; color: #999; text-align: center;">
TOTVS S.A. - Suporte à Metodologia MIT Digital
</footer>
</div>
</body>
</html> |