Duvida com o menu-hamburguer no desktop e tablet

Bom dia Marcos.

No seu html na parte

<ul class="opcoes">
            <input type="checkbox" id="opcoes-menu " class="opcoes__botao">
            <label for="opcoes-menu" class="opcoes__rotulo">
                <li class="opcoes__item">Categorias</li>
            </label>

O id do input (id="opcoes-menu ") está com um espaço no final, portanto o label que seria a parte clicável não está sendo relacionado ao checkbox. É só você retirar aquele espaço que vai funcionar.

Vai ficar assim:

<ul class="opcoes">
            <input type="checkbox" id="opcoes-menu" class="opcoes__botao">
            <label for="opcoes-menu" class="opcoes__rotulo">
                <li class="opcoes__item">Categorias</li>
            </label>

Espero que tenha ajudado!

Abraço