Histórico da Página

<style>
  /* Container principal das abas */
  totvs-custom-tabs-box {
    display: flex;
    flex-direction: column;
    background-color: #08244C; /* Fundo azul escuro */
    border-radius: 8px;
    padding: 8px;
    color: #FFFFFF;
    font-family: "Segoe UI", Arial, sans-serif;
  }

  /* Barra de navegação das abas */
  totvs-custom-tabs-box::part(header) {
    display: flex;
    border-bottom: 2px solid #0C336E;
    background-color: #08244C;
  }

  /* Cada aba */
  totvs-custom-tabs-box-item::part(tab) {
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    background-color: #08244C;
    border: none;
    cursor: pointer;
    border-radius: 6px 6px 0 0;
    transition: background-color 0.3s ease, transform 0.2s ease;
  }

  /* Aba ao passar o mouse */
  totvs-custom-tabs-box-item::part(tab):hover {
    background-color: #0E3B80;
    transform: scale(1.03);
  }

  /* Aba ativa */
  totvs-custom-tabs-box-item[selected]::part(tab) {
    background-color: #0E3B80;
    border-bottom: 2px solid #FFFFFF;
  }

  /* Conteúdo da aba */
  totvs-custom-tabs-box-item::part(content) {
    background-color: #061B3B;
    color: #FFFFFF;
    padding: 20px;
    border-radius: 0 0 8px 8px;
    transition: opacity 0.3s ease;
  }

  /* Efeito de transição entre abas */
  totvs-custom-tabs-box-item[selected]::part(content) {
    opacity: 1;
  }
</style>

<totvs-custom-tabs-box>
  <totvs-custom-tabs-box-item label="📝 Documentação" selected>
    <div slot="content">
      <p>Esta aba apresenta as informações sobre a documentação técnica do módulo.</p>
    </div>
  </totvs-custom-tabs-box-item>

  <totvs-custom-tabs-box-item label="⚙️ Configuração">
    <div slot="content">
      <p>Instruções e parâmetros de configuração do ambiente e componentes TOTVS.</p>
    </div>
  </totvs-custom-tabs-box-item>

  <totvs-custom-tabs-box-item label="🧾 Exemplos">
    <div slot="content">
      <p>Exemplos práticos de utilização e integração com outros serviços.</p>
    </div>
  </totvs-custom-tabs-box-item>
</totvs-custom-tabs-box>