Histórico da Página

<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">Qual>Quando oa tempoversão médio de duração dos vídeosserá lançada?</summary>
    <div class="conteudo">
      <p>Lorem<p>Será ipsumliberado dolorna sit amet, consectetur adipisicing elit. Dolor suscipit, iure tenetur eveniet, vero tempore delectus? Perferendis, quisquam ullam consequuntur?</p>
    </div>
  <versão 2407.35 do ERP WInthor conforme calendário de versão.</p>
    </div>
  </details>

    <details>
    <summary class="colorana"> Qual o tempo médio de duração dos vídeos O que deve fazer para começar a utilizar a nova rotina?</summary>
    <div class="conteudo">
      <p>Fugiat<p>Basta quoatualizar voluptasa nullarotina pariatur?“203 Et- iustoCadastrar odioProduto” dignissimospara ducimusa qui blanditiis praesentium voluptatum deleniti atque. Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illoversão 2407.35 e executar as dependências necessárias.</p>
    </div>
  </details>

     <details>
    <summary class="colorana">Qual o tempo médio de duração dos vídeos>Todas as rotinas de cadastro serão migradas para a nova versão?</summary>
    <div class="conteudo">
      <p>Fugiat<p>Inicialmente quoas voluptasrotina nullaabaixo pariatur?serão Etmigradas, iustomas odioprogressivamente dignissimosmigraremos ducimusmais quirotinas blanditiis praesentium voluptatum deleniti atque. Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo.do WInthor:<br>
204 - Cadastro de Unidade<br>
213 - Cadastrar Princípio Ativo<br>
214 - Cadastrar Múltiplos Códigos de Barras<br>
</p>
    </div>
    </details>

  <details>
    <summary class="colorana"> Qual oExiste tempoalguma médiodocumentação de duração dos vídeosapoio?</summary>
    <div class="conteudo">
      <p>Fugiat<p>Construímos quouma voluptasextensa nulladocumentação pariatur?com EtTDN iustoe odiovídeos, dignissimosdisponível ducimusno qui blanditiis praesentium voluptatum deleniti atque. Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo.</p>
    </link abaixo:<br>

link do tdn.
</p>
    </div>
  </details>

  <details>
    <summary class="colorana"> Qual o tempo médio de duração dos vídeosTenho campos customizados, como ele fica na nova rotina?</summary>
    <div class="conteudo">
      <p>Fugiat quo voluptas nulla pariatur? Et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque. Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo.<p>
5.1 - Campos customizados que já existiam na rotina, continuarão sendo exibidos, mas ficarão nas abas que mapeamos internamente.<br>
5.2 - Campos customizados criados pelo cliente, serão direcionados para uma nova aba Customizados que ficará ao final do cadastro.<br>
</p>
    </div>
  </details>

  <details>
    <summary class="colorana"> Qual o tempo médio de duração dos vídeos Como manteremos a consistência dos campos após o lançamento da versão?</summary>
    <div class="conteudo">
      <p>Cada Squad  <p>Fugiat quo voluptas nulla pariatur? Et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque. Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo.será responsável por validar e avaliar a criação novos campos em suas rotinas, com isso é altamente indicado que cada time valide novos campos e abas criadas para manter a consistência da rotina.
</p>
    </div>
  </details> 

   <details>
    <summary class="colorana">Qual>Vou opagar tempoa médiomais depelo duraçãouso dosda vídeosrotina?</summary>
    <div class="conteudo">
      <p>Lorem<p>Não ipsumserá dolorcobrado sitnada amet,pelo consecteturuso adipisicing elit. Dolor suscipitda rotina, iurebasta tenetur eveniet, vero tempore delectus? Perferendis, quisquam ullam consequuntur?atualizá-la e ela substituirá a rotina padrão.</p>
    </div>
  </details>

    <details>
    <summary class="colorana"> Qual o tempo médio de duração dos vídeos> Vou ganhar o treinamento?</summary>
    <div class="conteudo">
      <p>Fugiat<p>Faremos quoum voluptasWebinar nullapara pariatur?capacitar Etos iustoclientes, odioque dignissimosserá ducimusdisponibilizado quino blanditiisYoutube, praesentiumalém voluptatumdisso delenitipreparamos atque.uma Accusantiumextensa doloremquedocumentação laudantium,de totamtreinamentos rem aperiam, eaque ipsa quae ab illo.disponibilizada no link abaixo:<br>

link do tdn
</p>
    </div>
  </details>

    <details>
    <summary class="colorana">Qual>Teremos oalgumas tempoalterações médiono deprocesso duraçãoda dos vídeosCS?
</summary>
    <div class="conteudo">
      <p>Fugiat quo voluptas nulla pariatur? Et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque. Accusantium doloremque laudantium,<p>Estrutura totamda remCS aperiam,será eaquea ipsamesma, quaenão abteremos illoalteração.</p>
    </div>
  </details>

  <details>
    <summary class="colorana"> QualPosso ovoltar tempopara médioa de duração dos vídeosversão anterior?</summary>
    <div class="conteudo">
      <p>Fugiat quo voluptas nulla pariatur? Et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque. Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo.">
      <p>
Sim, a versão 2401.34 permanecerá a versão antiga da rotina e pode ser utilizada normalmente, mas essa versão só terá suporte até janeiro/25, após essa data ela poderá ser utilizada normalmente, mas não terá suporte nem manutenção.
</p>
    </div>
  </details>

  <details>
    <summary class="colorana"> Qual o tempo médio de duração dos vídeos?</summary>
    <div class="conteudo">
      <p>Fugiat quo voluptas nulla pariatur? Et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque. Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo.</p>
    </div>
  </details>

  <details>
    <summary class="colorana"> QualSou oobrigado tempoa médiousar dea duraçãonova dos vídeosversão?</summary>
    <div class="conteudo">
      <p>As  <p>Fugiat quo voluptas nulla pariatur? Et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque. Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illoevoluções lançadas serão disponibilizadas a partir da versão 2407.35, até janeiro de 25 a versão anterior continuará disponível, mas após essa data a versão anterior de cadastros não terá mais manutenção e suporte.</p>
    </div>
  </details>

   <details>
    <summary class="colorana"> Qual o tempo médio de duração dos vídeos Quais atalhos a rotina possui? São os mesmos do cadastro antigo?</summary>
    <div class="conteudo">
      <p>Fugiat<p>Alguns quoatalhos voluptasforam nullaalterados pariatur?e Etestão iustotodos odioexplicados dignissimosno ducimusdocumento qui blanditiis praesentium voluptatum deleniti atque. Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo.em anexo. <br>

link do tdn.
</p>
    </div>
  </details> 

   <details>
    <summary class="colorana">Qual o>As tempoconfigurações médioda derotina duração530 dospermaneceram vídeosiguais?</summary>
    <div class="conteudo">
      <p>Lorem<p>Sim, ipsumnão dolorcriamos sitnem amet,descontinuamos consecteturnenhuma adipisicingpermissão elit.existente Dolore suscipit,ela iuremantiveram teneturo eveniet,mesmo verocomportamento temporeexistente delectus?do Perferendis, quisquam ullam consequuntur?cadastro antigo.</p>
    </div>
  </details>

    <details>
    <summary class="colorana"> Qual o tempo médio de duração dos vídeos?</summary>
    <div class="conteudo">
      <p>Fugiat quo voluptas nulla pariatur? Et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque. Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo.</p>
    </div>
  </details>

    <details>
    <summary class="colorana">Qual o tempo médio de duração dos vídeos?</summary>
    <div class="conteudo">
      <p>Fugiat quo voluptas nulla pariatur? Et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque. Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo.</p>
    </div>
  </details>

  <details>
    <summary class="colorana"> Qual o tempo médio de duração dos vídeos?</summary>
    <div class="conteudo">
      <p>Fugiat quo voluptas nulla pariatur? Et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque. Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo.</p>
    </div>
  </details>

  <details>
    <summary class="colorana"> Qual o tempo médio de duração dos vídeos?</summary>
    <div class="conteudo">
      <p>Fugiat quo voluptas nulla pariatur? Et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque. Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo.</p>
    </div>
  </details>

  <details>
    <summary class="colorana"> Qual o tempo médio de duração dos vídeos?</summary>
    <div class="conteudo">
      <p>Fugiat quo voluptas nulla pariatur? Et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque. Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo.</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>