porque o uso de dois underline ao invés de apenas 1

Oii Geraldo, tudo bem?

A convenção de usar dois underlines (__) em vez de apenas um (_) tá relacionada ao uso de metodologias de organização de CSS, como o BEM (Block, Element, Modifier). O BEM é uma metodologia que visa tornar o código CSS mais legível e modular, facilitando a manutenção e a escalabilidade do projeto.

No BEM, a estrutura de nomenclatura é a seguinte:

• Block: Representa um componente independente, como header, menu, button.
• Element: Representa um descendente de um bloco que tem uma função específica, como header__logo, menu__item, button__icon.
• Modifier: Representa uma variação de um bloco ou elemento, como button--primary, menu__item--active.

Por exemplo, no seu código, temos cabecalho__container, logo__item, cabecalho__pesquisar__item, etc. Aqui, cabecalho é o bloco, e container, pesquisar__item são elementos desse bloco. A utilização de dois underlines (__) ajuda a diferenciar claramente o bloco do elemento, tornando a leitura e a compreensão do código mais fáceis.

Indico também a leitura do artigo:

• Criando componentes CSS com o padrão BEM

Um abraço e bons estudos.