/* Etapa 20 — imagem e conteudo no mesmo fluxo de rolagem. */
/* A arte deixa de ser pintada no body, cuja area muda com o scroll. */
html body { background-image: none !important; background-color: #171316 !important; }
/* O cabecalho e a area central mantem suas posicoes originais no documento. */
html body > .header { position: relative !important; isolation: isolate; transform: none !important; }
html body > .header::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -80px;
    transform: translateX(-50%);
    width: 100vw;
    height: 936px;
    pointer-events: none;
    z-index: -1;
    background-image: linear-gradient(to bottom, transparent 0px, transparent 370px, rgba(23,19,22,.45) 530px, #171316 936px), url('../images/bg.png');
    background-position: center top;
    background-size: 100% 936px, min(100%, 1920px) auto;
    background-repeat: no-repeat;
}
/* Evita que a secao de conteudo seja deslocada por transicoes do scroll. */
html body > .container > .mw-main { transform: none !important; transition-property: none !important; }

/* Etapa 53: evitar segunda camada com largura de container. */
html body > .header::before { content: none !important; display: none !important; }