<!-- Contêiner principal -->
<div class="menu-container">    
  <!-- Menu Item: Apresentação Características-->
  <div class="menu-item">
    <div class="menu-header" onclick="toggleMenu(this)">
      <span>Apresentação<<span>Características</span>
      <span class="menu-arrow">▶<>✚</span>
    </div>
    <div class="menu-content">
      <div class="submenu-title"> 
	</div>
	<div class="submenu-description">
		O Projeto prevê aum construção de um novo módulonovo módulo de Renda Fixa com objetivo de efetuar a captação e aplicação de recursos próprios e de 	terceiros pela instituição. Está Seráem desenvolvimento um novo produto em novo framework web que atenderá os módulos atuais Depósito à Prazo e Open em uma única solução.      			  
    </div>
    <div class="submenu-description"><ul>
		•  Criação<li>Criação do novo fluxo operacional eme telasfront web.
	,</div> 
    <div class="submenu-description">
		•  Novoli>
		<li>Novo Banco de Dados.
 	,</div> li>
 		<li>Integrações demais sistemas <div class="submenu-description">
	  	•  Integrações demais sistemas.
	</div> 
    <div class="submenu-description">
		•  APIs(Ex.: Conta Corrente, Autorizador B3)</li> 
 		<li>APIs internas e externas para integração (Ex.: APP, Front Web do cliente).
	,</div>li>  
    <div class="submenu-description">
		•<li>Cálculos com Documentação,base manuaisno eCaderno vídeosde atualizada de Cálculos da B3,</li>
 		<li>Especificações, manuais e vídeos de todas as funcionalidades no Portal TDN.
	</div>li> 
  </ul>
    <div class="submenu-title">
	</div>
    <div class="submenu-description">
		Papeis<u>Papéis de Captação de operações com clientesclientes</u>:

  <ul> 
		CDB - Certificado de Depósito Bancário
		LC - Letra de Câmbio
		LCA - Letra do Crédito  Agropecuária 
		LCI - Letra do Crédito Imobiliário. 
		LF - Letra Financeira 
		DI - Depósito Interfinanceiro
		RDC - Recibo de Depósito ao Cooperado
		RDB - Recibo de Depósito Bancário.
     </div> <table>
      <tr>
       <th>Papel</th>
       <th>Descrição</th>
     </tr>
       <tr>
       <td>CDB</td>
       <td>Certificado de Depósito Bancário</td>
     </tr>
     <div class="submenu-title"> 
	 </div> 
<tr>
       <td>LC</td>
  <div class="submenu-description">
		Papeis de Aplicação de Compra<td>Letra e Venda Final ou Compromissada de Papéis para Lastro próprio ou de terceiros do mercado: 
		NTN-B - Nota do Tesouro Nacional atrelada ao IPCA. 
		NTN-C atrelada ao IGPM.
		NTN-F Pré fixada.
		LTN - Letra do Tesouro Nacional com taxa Pré fixada. 
		LFT - Letra Financeira do Tesouro atreladas a SELIC.
     </div>de Câmbio</td>
     </tr>
        <td>LCA</td>
       <td>Letra de Crédito Agropecuária</td>
     </tr> 
        <td>LCI</td>
       <td>Letra de Crédito Imobiliário</td>
     </tr> 
     <div class="submenu-title"> 
	  <<td>LF</div>td>
  
      <div class="submenu-description">
		Estão previstas as entregas a seguir para o novo projeto Renda Fixa: 
      </div> <td>Letra Financeira</td>
     </tr> 
        <td>DI</td>
      <div class="submenu-title"> 
	 <td>Depósito Interfinanceiro</td>
     </div>tr> 
      <div class="submenu-description">
		> Fase 1 - Dezembro 2025: Funcionalidades de configuração, captação a aplicação, resgate, bloqueios, interfaces e integrações com outros sistemas.
 	  </div>   <td>RDB</td>
       <td>Recibo de Depósito Bancário</td>
     </tr> 
        <td>RDC</td>
      <div class="submenu-title"> 
	  </div> 
 <td>Recibo de Depósito Cooperativo</td>
     </tr> 
   </table>
 </ul> 

     </div>
     <div class="submenu-descriptiontitle">
		> Fase 2 - Ano 2026: Derivativos como Swap, SPB – Integração envio de mensagens, PIX - Integração para envio de resgates.
      </div> 
    </div>
  </div>

  <!-- Menu Item: Configurações-->
  <div class="menu-item">
    <div class="menu-header" onclick="toggleMenu(this)">
 </div>
     <div class="submenu-description">
		<u>Papéis de Aplicação de Compra e Venda Final ou Compromissada de Papéis para Lastro próprio ou de terceiros do mercado</u>:

 <ul> 
   <table>
     <tr>
       <span>Configurações<<th>Papel</span>th>
      <span class="menu-arrow">▶</span> <th>Descrição</th>
     </div>tr>
    <div class="menu-content"> <tr>
      <div class="submenu-title">Configurações</div><td>NTN-B</td>
      <div class="submenu-description">
        As telas de <strong>Configurações</strong> oferecem funcionalidades todas as configurações necessárias para possibilitar ao usuário definir as configurações operacionais e permitir efetuar operações de captação a aplicação de recursos da instituição. <td>Nota do Tesouro Nacional atrelada ao IPCA</td>
     </tr>
     <tr>
       <td>NTN-C</td>
       <td>Nota do Tesouro Nacional atrelada ao IGPM</td>
      </div>tr>
      <ul class="submenu-items"><td>NTN-F</td>
        <li class="submenu-item"><td>Nota do Tesouro Nacional Pré fixada</td>
     </tr> 
    <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106046" class="submenu-item-title">Enquadramento Legal</a> <td>LFT</td>
       <td>Letra Financeira do <div class="submenu-item-description"> 
			Representa um conjunto de informações que irão servir de base para as informações diárias, bem como a sua classificação para geração de controles das operações, as quais são destinadas ao Banco Central e emissão de documentos padronizados do SELIC/CETIP. Visa também o enquadramento do tipo de cliente para definição do pagamento para o seguro (PROER). Estas informações serão utilizadas quando do cadastramento da conta do cliente.           
		</div>
          <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106046" class="submenu-link">⮩ Veja como configurar o Enquadramento Legal</a>
        </li>Tesouro atreladas a SELIC</td>
     </tr> 
        <td>LTN</td>
       <td>Letra do Tesouro Nacional com taxa Pré fixada</td>
     </tr> 
   </table>
 </ul>  

     </div>
     <div class="submenu-title">
	  </div>
      <div class="submenu-description">
		<b>Estão previstas as entregas a seguir para o novo projeto Renda Fixa</b>:
      </div>
      <div class="submenu-title">
	  </div>
      <div  <li class="submenu-itemdescription">
       <i>Fase 1 - <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=979807102"Dezembro 2025</i>: Funcionalidades de configuração, captação a aplicação, resgate, bloqueios, interfaces e integrações com outros sistemas.
 	  </div>
      <div class="submenu-item-title">Tipos>
	 de Cálculo<</a>div>
          <div class="submenu-item-description">
			Esta tela determina e<i>Fase caracteriza2 a- identificação de uma determinada finalidade do cálculo a ser cadastrado e configurado no sistema de forma que os valores calculados têm diversas destinações contábeis e gerenciais.
        Ano 2026</i>: Homologação, Implantação, Derivativos como Swap, SPB – Integração envio de mensagens, PIX - Integração para envio de resgates.
      </div>
    </div>
  </div>

  <!-- Menu Item: Cadastros-->
  <div class="menu-item">
    <a<div href="https://tdn.totvs.com/pages/viewpage.action?pageId=979807102" class="submenu-link">⮩ Veja como cadastrar os tipos de cálculo</a>class="menu-header" onclick="toggleMenu(this)">
      <span>Cadastros</span>
      <span class="menu-arrow">✚</span>
    </li>
		<lidiv>
    <div class="submenumenu-itemcontent">
      <div class="submenu-title">Cadastros</div>
     <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=979806990" <div class="submenu-item-title">Tipos de Tributos</a>
description">
        As telas de configurações estarão <div class="submenu-item-description">
			Esta tela determinadisponibilizadas no menu <strong>Cadastro</strong> e caracterizareúnem atodas identificaçãoas defuncionalidades umanecessárias determinadapara finalidadeque dao tributaçãousuário adefina seros cadastradoparâmetros e configurado no sistema operacionais, possibilitando a realização de operações de formacaptação quea osaplicação valoresde calculadosrecursos dosda tributosinstituição.
		      </div>
          <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=979806990"<ul class="submenu-link">⮩ Veja como cadastrar os tipos de tributos</a>items">
        </li>
		<li class="submenu-item">
          <a href="https://tdn.totvs.com/pagesdisplay/TBC/viewpage.action?pageId=9711064561.1+Enquadramento+Legal" class="submenu-item-title">Critérios>Enquadramento de Cálculo<Legal</a>
          <div class="submenu-item-description"> 
			EstaRepresenta telaum determinaconjunto asde informações interligadas que permitemirão aoservir usuáriode definirbase apara maneiraas pelainformações qualdiárias, obem papelcomo oua títulosua iráclassificação separa comportargeração emde relaçãocontroles adas suaoperações, valorizaçãoas equais liquidação.
são destinadas ao Banco Central e emissão de documentos padronizados do SELIC/CETIP. Estas informações serão utilizadas quando do cadastramento da conta do cliente.           
		</div>
          <a href="https://tdn.totvs.com/pagesdisplay/TBC/viewpage.action?pageId=9711064561.1+Enquadramento+Legal" class="submenu-link">⮩ Veja como configurar umo critérioEnquadramento de cálculo<Legal</a>
        </li>
      </ul>  <li class="submenu-item">
    </div>
  </div>
  
  <!-- Menu Item: Contas-->
<a href="https://tdn.totvs.com/display/TBC/1.6+Conta" class="submenu-item-title">Cadastro da Conta</a>
          <div class="menusubmenu-item-description">
    <div class="menu-header" onclick="toggleMenu(this)">
      <span>Contas</span>
A tela permite a inclusão do <span class="menu-arrow">▶</span>
    </div>
    <div class="menu-content">
      <div class="submenu-title">Contas</div>
      <div class="submenu-description">
        As telas de <strong>Consulta</strong> oferece funcionalidades essenciais para cadastrar aplicador, co-aplicador e isençõescadastro de aplicador a partir da seleção de um cliente existente no Cadastro de Clientes e preenchimento das informações necessárias conforme as necessidades operações e financeiras. A tela também permite a inclusão de Coinvestidor, Isenções e Tributos, Consultas e Alteração de um cadastro existente.
          </div>
         <ul <a href="https://tdn.totvs.com/display/TBC/1.6+Conta" class="submenu-itemslink">
>⮩ Veja como fazer o cadastro de  <li class="submenu-item">uma conta</a>
          <a href="https://tdn.totvs.com/display/TBC/Contas+-+Cadastro1.6+Conta" class="submenu-item-title">Cadastro da Conta<link">⮩ Veja como cadastrar um co-aplicador</a>
           <div<a href="https://tdn.totvs.com/display/TBC/1.6+Conta" class="submenu-item-description">
     link">⮩ Veja como cadastrar as isenções</a>
       A tela permite a inclusão do cadastro de aplicador a partir da seleção de um cliente existente no Cadastro de Clientes e preenchimento das informações necessárias conforme as necessidades operações e financeiras. A tela também permite a consultas e alteração de um cadastro existente</li>
         <li class="submenu-item">
          <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=979807102" class="submenu-item-title">Tipos de Cálculo</a>
          <div class="submenu-item-description">
			Esta tela determina e caracteriza a identificação de uma determinada finalidade do cálculo a ser cadastrado e configurado no sistema, de forma que os valores calculados têm diversas destinações contábeis e gerenciais. Ex.: Pré Fixada, Pós Fixada.
          </div>
          <a href="https://tdn.totvs.com/display/TBC/Contas+-+Cadastropages/viewpage.action?pageId=979807102" class="submenu-link">⮩ Veja como fazercadastrar oos cadastrotipos de uma conta<cálculo</a>
        </li>
        <li class="		<li class="submenu-item">
          <a href="https://tdn.totvs.com/display/TBC/Contas+-+Co-Aplicador1.2+Tipo+de+Tributo" class="submenu-item-title">Cadastro Co-Aplicador<>Tipos de Tributos</a>
          <div class="submenu-item-description">
			Esta tela determina e caracteriza a identificação de uma determinada finalidade da Estatributação telaa permiteser ocadastrado cadastroe do co-aplicador, quando aplicável.           
		  </div>
   configurado no sistema de forma que os valores calculados dos tributos. Ex,: IOF, IRF.
		  </div>
          <a href="https://tdn.totvs.com/display/TBC/Contas+-+Co-Aplicador1.2+Tipo+de+Tributo" class="submenu-link">⮩ Veja como cadastrar um co-aplicador<os tipos de tributos</a>
        </li>
		</li>
		<li class="submenu-item">
          <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=983803658971106444" class="submenu-item-title">Isenções<>Critérios de Tributos</a>
          <div class="submenu-item-description">
			Esta tela determina as informações que permitem ao usuário definir os  Esta tela permite cadastrar as isenções de tributos.           
		critérios de tributação que serão configurados nos papéis e isenções das contas de aplicador.
          </div>
          <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=983803658971106444" class="submenu-link">⮩ Veja como cadastrar as isenções<configurar um critério de tributação</a>
        </li>
		</li>
<li class="submenu-item">
       </ul>
    </div>
  </div>
  
  <!-- Menu Item: Operações-->
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106456" class="submenu-item-title">Critérios de Cálculo</a>
          <div class="menusubmenu-item-description">
			Esta tela determina as <div class="menu-header" onclick="toggleMenu(this)">
      <span>Operações</span>
      <span class="menu-arrow">▶</span>
    </div>
    <div class="menu-content">informações interligadas que permitem ao usuário definir a maneira pela qual o papel ou título irá se comportar em relação a sua valorização e liquidação.
      <div class="submenu-title">Operações<    </div>
      <div    <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106456" class="submenu-descriptionlink">
>⮩ Veja como configurar um    As telas critério de <strong>Operações<cálculo</strong>a>
 permitem a emissão e resgates dos papeis configurados.</li>
	 <li class="submenu-item">
    </div>
      <ul class="submenu-items">
        <li class="submenu-item">
          <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106316971106492" class="submenu-item-title">Captação e Aplicação<>Agências</a>
          <div class="submenu-item-description">
   Esta tela determina as informações que identificam um cadastro das  Permite realizarmesas (agências) ativas do emissor, que definirá a emissão de papeistítulos de Rendadepósito Fixa.
a prazo e as características de controle de numeração e </div>
emissão de recibos, em cada agência parametrizada.
    <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106316" class="submenu-link">⮩ Veja como realizar a captação de papeis<</a>div>
          <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106316971106492" class="submenu-link">⮩ Veja como realizarconfigurar ouma resgate<agência</a>
        </li>
        		<li class="submenu-item">
          <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106316971106480" class="submenu-item-title">Bloqueio<>Emissor</a>
          <div class="submenu-item-description">
			Esta tela determina as informações dos emissores de papéis que serão operados Realiza bloqueio e desbloqueio de saldos de aplicaçõespela instituição.
          </div>
          <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106316971106480" class="submenu-link">⮩ Veja como realizarconfigurar o bloqueio e desbloqueio de saldo<um emissor</a>
        </li>
      </ul>
    </div>		<li class="submenu-item">
  </div>
  
  <!-- Menu Item: Processamento-->
  <div<a class="menu-item">
    <div class="menu-header" onclick="toggleMenu(this)">href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106504" class="submenu-item-title">Papéis</a>
      <span>Processamento</span>
      <span<div class="menusubmenu-item-arrowdescription">▶</span>
    </div>
    <div class="menu-content">
      <div>
			Esta tela determina as informações dos papéis operados pela instituição para captação e aplicação como por exemplo CDB, LCA, DI, NTN, LFT, etc.
          </div>
          <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106504" class="submenu-title">Processamento</div>
      <div class="submenu-description">
        A tela permite realizar o <strong>Processamento</strong> de abertura e fechamento de sistema e cadastro de PU.
link">⮩ Veja como configurar um papel</a>
        </li>
   		<li class="submenu-item">
          <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106529" class="submenu-item-title">Lastro</a>
          <div class="submenu-item-description">
			Esta tela determina as informações dos lastros (características) dos papéis e títulos operados pela instituição para captação e aplicação como por exemplo CDB CDI, CDB Pré Fixado, NTN Venc. 01/01/2026, etc.
          </div>
          <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106529" class="submenu-link">⮩ Veja como configurar um lastro</a>
        </li>
      </ul>
    </div>
  </div>

<!-- Menu Item: Operações-->
  <div class="menu-item">
    <div class="menu-header" onclick="toggleMenu(this)">
      <span>Operações</span>
      <span class="menu-arrow">✚</span>
    </div>
    <div class="menu-content">
      <div class="submenu-title">Operações</div>
      <div class="submenu-description">
        As telas de <strong>Operações</strong> permitem a emissão e resgates dos papeis configurados.
      </div>
      <ul class="submenu-items">
        <li class="submenu-item">
          <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106316" class="submenu-item-title">Captação e Aplicação</a>
          <div class="submenu-item-description">
            Permite realizar a emissão de papeis de Renda Fixa.
          </div>
          <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106316" class="submenu-link">⮩ Veja como realizar a captação de papeis</a>
          <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106316" class="submenu-link">⮩ Veja como realizar a aplicação de papeis</a>
          <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=993713551" class="submenu-link">⮩ Veja como realizar o resgate</a>
        </li>
        <li class="submenu-item">
          <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106316" class="submenu-item-title">Bloqueio</a>
          <div class="submenu-item-description">
            Realiza bloqueio e desbloqueio de saldos de aplicações.
          </div>
          <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106316" class="submenu-link">⮩ Veja como realizar o bloqueio e desbloqueio de saldo</a>
        </li>
      </ul>
    </div>
  </div>
  
  <!-- Menu Item: Processamento-->
  <div class="menu-item">
    <div class="menu-header" onclick="toggleMenu(this)">
      <span>Processamento</span>
      <span class="menu-arrow">✚</span>
    </div>
    <div class="menu-content">
      <div class="submenu-title">Processamento</div>
      <div class="submenu-description">
        A tela permite realizar o <strong>Processamento</strong> de abertura, fechamento do dia do sistema e cadastro de PU.
      </div>
      <ul class="submenu-items">
        <li class="submenu-item">
          <a href="https://tdn.totvs.com/display/TBC/3.3+Abertura+e+Fechamento+do+Dia+Renda+Fixa" class="submenu-item-title">Abertura e Fechamento</a>
          <div class="submenu-item-description">
            A tela permite realizar o processamento do fechamento de dia e abertura do dia do sistema valorizando as operações e geração das integrações.
          </div>
          <a href="https://tdn.totvs.com/display/TBC/3.3+Abertura+e+Fechamento+do+Dia+Renda+Fixa" class="submenu-link">⮩ Veja como realizar o fechamento de dia</a>
		  <a href="https://tdn.totvs.com/display/TBC/3.3+Abertura+e+Fechamento+do+Dia+Renda+Fixa" class="submenu-link">⮩ Veja como realizar a abertura de dia</a>
        </div>li>
      <ul class="submenu-items">
        <li class="submenu-item">
          <a href="https://tdn.totvs.com/display/TBC/Abertura+e+Fechamento+do+Dia+Renda+Fixapages/viewpage.action?pageId=971106340" class="submenu-item-title">Abertura>Cadastro ede Fechamento<PU</a>
          <div class="submenu-item-description">
            Realiza Ao telacadastramento permitedo realizarPreço oUnitário processamentode dopapeis fechamentodivulgados depela diaAnbima.
          </div>
          <a href="https://tdn.totvs.com/display/TBC/Abertura+e+Fechamento+do+Dia+Renda+Fixa" class="submenu-link">⮩ Veja como realizar um fechamento e abertura de sistema</a>
          <divpages/viewpage.action?pageId=971106340" class="submenu-item-description">
            A tela permite realizar o processamento da abertura de dia.link">⮩ Veja como realizar a consulta e cadastro de PU - <i>Funcionalidade manual caso não possuir o arquivo de importação ou alteração</i>
          </div>a>
          <a<div href="https://tdn.totvs.com/display/TBC/Abertura+e+Fechamento+do+Dia+Renda+Fixa" class="submenu-link">⮩ Veja como realizar o fechamento de dia</a>
		class="submenu-item-description">
            Consulta PU
          </div>
          <a href="https://tdn.totvs.com/display/TBC/Abertura+e+Fechamento+do+Dia+Renda+Fixapages/viewpage.action?pageId=971106340" class="submenu-link">⮩ Veja como realizarconsultar a abertura de dia<um PU.</a>
        </li>

		<li class="submenu-item">             <li class="submenu-item">
          <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106340971106413" class="submenu-item-title">Cadastro>Importação de PU</a> 
          <div class="submenu-item-description">
            RealizaEsta tela opermite cadastramentoa doimportação Preçode Unitárioarquivos de papeisPU divulgados pela Anbima.
          </div>
          <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106340971106413" class="submenu-link">⮩ Veja como realizar a consulta e cadastro de PU - 
      como realizar a importação de PU.</a>  
	    </li> 
       </ul>
    </div>
  </div> 

   <!-- Menu Item: Consultas-->
  <div class="menu-item">
    <div class="menu-header" onclick="toggleMenu(this)">
      <span>Consultas</span>
 <i>Funcionalidade manual caso não possuir o arquivo de importação ou alteração</i>
   <span class="menu-arrow">✚</span>
    </div>
    <div class="menu-content">
       </a><div class="submenu-title">Consultas</div>
          <div class="submenu-item-description">
        A tela de <strong>Consulta</strong> Consultapermite PU
ao usuário consultar e exibir os saldos atualizados das operações </div>realizadas.
      </div>
     <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106340" <ul class="submenu-link">⮩ Veja como consultar um PU.</a>items">
        </li>
		<li class="submenu-item">              
          <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106413983437801" class="submenu-item-title">Importação>Saldo Captação dee PU<Aplicação</a> 
          <div class="submenu-item-description">
            EstaA tela permite a importação de arquivos de PU divulgados pela Anbima pesquisar uma conta exibindo as operações realizadas e saldos atualizados e cálculo de tributos.
          </div>
          <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=971106413983437801" class="submenu-link">⮩ Veja como realizarconsultar a importação de PUuma operação.</a>

  		</li>
      </ul>
    </div>
  </div>
</div>  <style>
    /* Estilos para o menu */
    .menu-container {
        width: 100%;
        max-width: 900px; 
        margin: 0 auto;
        font-family: Segoe ArialUI, sans-serif;
    }

    .menu-item {
        margin-bottom: 20px;
        border: 1px solid #ddd;
        border-radius: 6px;
        overflow: hidden;
    }

    .menu-header {
        background-color: #6B8E23;
        color: white;
        //color: #000;
        padding: 12px 15px;
        cursor: pointer;
        font-weight: bold;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .menu-header:hover {
        background-color: #b0ee00;
        color: black;
    }

    .menu-content {
        display: none;
        padding: 0 15px 15px;
        background-color: white;
    }

    .submenu-title {
        font-weight: bold;
        margin: 15px 0 10px;
        color: #444;
    }

    .submenu-description {
        margin-bottom: 10px;
        line-height: 1.5;
    }

    .submenu-items {
        list-style-type: none;
        padding-left: 20px;
        margin-top: 10px;
    }

    .submenu-item {
        margin-bottom: 10px;
    }

    .submenu-item-title {
        font-weight: bold;
        margin-bottom: 5px;
        cursor: pointer;
        color: #0066cc;
        text-decoration: none;
        display: block;
    }

    .submenu-item-title:hover {
        text-decoration: underline;
    }

    .submenu-item-description {
        margin-left: 20px;
        margin-bottom: 8px;
    }

    .submenu-link {
        color: #0066cc;
        text-decoration: none;
        display: block;
        margin-left: 40px;
        margin-top: 5px;
    }

    .submenu-link:hover {
        text-decoration: underline;
    }

    /* Classe para mostrar o conteúdo */
    .menu-content-visible {
        display: block;
    }

    /* Estilo para a seta */
    .menu-arrow {
        transition: transform 0.3s;
    }

    .menu-arrow-down {
        transform: rotate(90deg);
    }
</style>

<script>
    // Função simples para alternar a visibilidade do menu
    function toggleMenu(header) {
        // Função JavaScript mais simples possível
        var content = header.nextElementSibling;

        // Verifica se o conteúdo existe
        if (content) {
            // Alterna a classe para mostrar/esconder o conteúdo
            if (content.style.display === "block") {
                content.style.display = "none";

                // Atualiza a seta
                var arrow = header.querySelector(".menu-arrow");
                if (arrow) {
                    arrow.innerHTML = "▶✚";
                    arrow.className = "menu-arrow";
                }
            } else {
                content.style.display = "block";

                // Atualiza a seta
                var arrow = header.querySelector(".menu-arrow");
                if (arrow) {
                    arrow.innerHTML = "▼❙";
                    arrow.className = "menu-arrow menu-arrow-down";
                }
            }
        }
    }

    // Garantir que o script funcione em todos os navegadores
    if (document.readyState === "loading") {
        document.addEventListener("DOMContentLoaded", function () {
            console.log("Menu HTML carregado");
        });
    } else {
        console.log("Menu HTML carregado");
    }
</script>
</script>