<style>
h1#title-text {
    display: none!important;
} #breadcrumb-section :not(.aui-button,.aui-dialog2-header-close) {
    color: #0897E9 !important;

}
h1#title-overlay {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    font-weight: bold;
    color: #67DFEB; /* Cor do texto */
    z-index: 999; 
    text-align: center;
</style>


<div style="position: relative;">
  <img src="https://tdn.totvs.com/download/attachments/831836705/capa-final.png?version=1&modificationDate=1710524198425&api=v2" width="100%" alt="Título H1">
  <h1 id="title-overlay">FAQ - Novo processo de Faturamento</h1>
</div>

<style>.expand-control-text {
    vertical-align: top;
    color: #182a4e!important;
    font-size: 20px!important; }
 </style>

<style>
summary {
    font-size: 17px;
    background-color: #fff;
    padding: 1.1rem 0rem;
    font-weight: 300;
    outline: none;
    border-radius: 0.25rem;
    text-align: left;
    cursor: pointer;
    position: relative;     
    padding-left: 8px;
    border-color: #f7f7f7; 
    border-bottom-style: solid;
}

details[open] summary ~ * {
    animation: sweep .5s ease-in-out;
}

@keyframes sweep {
    0%    {opacity: 0; margin-top: -10px}
    100%  {opacity: 1; margin-top: 0px}
}

details > summary::after {
    position: absolute;
    content: "+";
    right: 20px;
    color: #0a97e8; /* Cor do sinal de adição (azul) */
    background: transparent; /* Fundo transparente */
}

details[open] > summary::after {
    position: absolute;
    content: "-";
    right: 20px;
    color: #0a97e8; /* Cor do sinal de adição (azul) */
    background: transparent; /* Fundo transparente */
}

details > summary::-webkit-details-marker {
    display: none;
}

summary:hover {
    color: #0a97e8!important;
    border-color: #c6c6c6!important;
    transition: 0.3s;
}

.conteudo {
    margin-bottom: 24px !important;
    padding: 16px 16px !important;
    border-style: solid!important;
    border-radius: 1px 1px 8px 8px!important;
    border-color: #f7f7f7!important;
    border-top-width: 0px!important;
    text-align: left; /* Alinhamento do texto à esquerda */
}
</style>

<main>
    <!-- detalhes omitidos para brevidade -->
</main>

<style>
details > summary::after {
    margin: 0 auto!important;
    position: absolute!important;
    content: "+"!important;
    right: 20px!important;
    font-size: 29px!important;
    margin-top: -10px!important;
    font-weight: 100!important;
}

summary {
    details[open] summary ~ * {
        animation: sweep .5s ease-in-out;
    } 
    summary:hover {
        background: #ededed!important;
    }  

    details[open] > summary {
        border-color: #f7f7f7!important;
    }

    details[open] > summary::after {
        background: #000!important;
    }
} 
</style>

 <main>    <details> 
        <summary class="colorana">Quando a versão será lançada?</summary> 
        <div class="conteudo"> <p>Será liberado na versão 2501.36 do ERP Winthor conforme calendário de versão.</p> 
</div> 
    </details> 

    <details> 
			<summary class="colorana"> O que deve fazer para começar a utilizar a nova rotina?</summary> 
	<div class="conteudo"> <p>Basta atualizar a rotina “1430 - Centrão de Faturamento” para a versão 2501.36 e executar as dependências necessárias.</p> 
	</div> 	
		</details> 

	<details> 
		<summary class="colorana">Todas as rotinas de faturamento serão migradas para a nova versão?</summary> 	
		<div class="conteudo"> <p>Inicialmente as rotina abaixo serão migradas, mas progressivamente migraremos mais rotinas do Winthor:<br>  
1402 - Gerar Faturamento<br>
1406 - Gerar faturamento por pedido<br>
1432 - Gerar Faturamento do Balcão Reserva<br>
4102 - Faturar Pedido <br>
4132 - Faturamento Venda Posterior<br>
4146 - Conferir NF ou Cupom Faturado<br> </p>
	</div> 
		</details> 

	<details> 
		<summary class="colorana"> Existe alguma documentação de apoio?</summary> 
	<div class="conteudo"> <p>Construímos uma extensa documentação com TDN e vídeos, disponível no link abaixo:<br>  https://tdn.totvs.com/display/PCS/Tutorial+de+Faturamento+-+FAQ+-+Nova+rotina+de+faturamento </p> 
	</div> 
		</details> 
		
	


     </main>

<style>
details > summary::after {
    margin-bottom: 0 auto!important;
    position: absolute!important;
    content: "+"!important;
    right: 20px!important;
    font-size: 29px!important;
    margin-top: -10px!important;
    font-weight: 100!important;
  summary {
  details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
} 
 summary:hover {
    background: #ededed!important;
}  
  } </style>