/* =================================================================== PÁGINA DE ESTADO — "em homologação" (SP20-006 · SP20-007 · SP20-056) =================================================================== POR QUE ESTE ARQUIVO EXISTE, E NÃO É UM APÊNDICE DO styleError.css ------------------------------------------------------------------- Estas regras nasceram dentro do styleError.css. Lá, a PRIMEIRA delas — a que torna o body um flex container — era silenciosamente DESCARTADA pelo navegador: o arquivo tinha uma chave de fechamento sobrando (pré-existente, fechando um bloco de media queries já encerrado). Ao encontrar essa chave inesperada, a recuperação de erro do parser CSS descarta tudo até a próxima chave de fechamento — comendo justamente a regra seguinte. O sintoma era traiçoeiro: o card aparecia estilizado (as regras seguintes parseavam normalmente), mas o body não era flex, então o conteúdo e o footer não se distribuíam e a página nascia com scroll vertical. A chave sobrando foi corrigida no styleError.css. Ainda assim estas regras ficam aqui: styleError.css é um arquivo legado de ~1.300 linhas carregado em TODAS as páginas, e este componente merece endereço próprio. É carregado por último na index.html, o que também garante a ordem da cascata. O QUE ESTE ARQUIVO RESOLVE ------------------------------------------------------------------- `.main-container-index` tem `min-height: 100vh`. Somado ao header e ao footer, o documento passava de uma tela: a página nascia com SCROLL VERTICAL, e o footer (e o logo, que no mobile ia para baixo do texto) caíam abaixo da dobra. Era um sintoma só, com três aparências. Aqui o vira uma coluna de três faixas — header, conteúdo, footer — em que só a do meio cresce. O card é centralizado nessa faixa e, se algum dia faltar altura (celular deitado), a rolagem acontece DENTRO dela: a página em si nunca rola e o footer nunca sai da tela. COMPOSIÇÃO DO CARD ------------------------------------------------------------------- O logo saiu do card (o header já o exibe). Sem ele o card deixa de ser duas colunas e passa a ser uma coluna centralizada, com uma hierarquia só: selo de estado → título → mensagem → ação. O selo é o único elemento com cor de destaque; o resto fica deliberadamente quieto. =================================================================== */ /* ---------- 1. A página cabe em uma viewport ---------- */ body.page-centered { display: flex; flex-direction: column; /* dvh evita o "pulo" quando a barra de endereço do iOS aparece/some */ min-height: 100vh; min-height: 100dvh; } /* Header e footer mantêm a altura natural. Os seletores são explícitos (e não `:first-child`/`:last-child`) porque o também tem