DOM + clases CSS: el combo del front-end

TODO i18n: Traducción completa del cuerpo pendiente. Título y descripción ya están localizados; el cuerpo permanece en portugués por ahora.

O JavaScript moderno quase nunca deveria setar element.style.color = … para estados de UI. Em vez disso:

1. O CSS define como .is-open, .is-active ou [data-theme="dark"] aparecem.
2. O JS só alterna classes ou atributos.
3. Acessibilidade acompanha (aria-expanded, hidden, aria-selected).

Esse contrato simples aparece nos exemplos de abas, tema com localStorage e no snippet toggle de classe.

Quando HTML estrutura, CSS apresenta e JS orquestra classes, o código fica legível — e testável.