[Sugestão] NAO ESTA FUNCIONANDO

  <input type="checkbox" id="opcao-menu" class="opcao_opcao">

  <label for="opcao-menu">
    <li class="opcao">categorias</li>
  </label>

  <ul class="lista_menu">
    <li class="lista_menu_cabecalho_item">
      <a href="link" class="lista__menu_item"> Programação
    </li>

    <li class="lista_menu_cabecalho_item">
      <a href="link" class="lista__menu_item"> Frond-end
    </li>

    <li class="lista_menu_cabecalho_item">
      <a href="link" class="lista__menu_item"> Infraestrutura
    </li>

    <li class="lista_menu_cabecalho_item">
      <a href="link" class="lista__menu_item">Business
    </li>

    <li class="lista_menu_cabecalho_item">
      <a href="link" class="lista__menu_item">Design & UX
    </li>
  </ul>



  <li class="opcao">
    <a href="link" class="opcao">Favoritos
  </li>
  <li class="opcao">
    <a href="link" class="opcao">Minha Estante
  </li>
</ul>





@media screen and (min-width: 1024px) {

.cabecalho_menu_hamburguer { display: none; } .titulo_alura { display: flex; font-weight: 400; } .menu_desktop { display: flex; list-style: none; justify-content: space-between; gap: 10px; } .menu_desktop a { text-decoration: none; color: var(--cor-black); } li .opcao { color: var(--cor-black); font-weight: 400; text-transform: uppercase; text-decoration: none; } .container_filho { position: relative; } .titulo_alura { margin-left: 70px; position: absolute; bottom: 20px; }

.opcao_opcao:checked ~ .lista_menu { display: block; } }