--- fonte: 01-canonicos/seed-email.md versao_da_fonte: v0.13 secao: 06 titulo: "Decisões EL — sistema de layout" sequencia: 9 de 17 bytes_do_corpo: 3618 md5_do_corpo: 87f67f2ce9fb11342297c9242d0bdb6f gerado_por: 06-validacao/geradores/gen-camada-ia.py nota: fatia GERADA — o corpo abaixo é byte a byte o trecho do canônico; edite o canônico, nunca esta fatia. Canônico inteiro em https://ds.seed.eng.br/01-canonicos/seed-email.md --- ## 6. Decisões EL — sistema de layout | # | Decisão | Racional | Alternativas descartadas | |---|---|---|---| | **EL1** | Grade de **600px**, coluna única como padrão; multi-coluna é exceção justificada | Largura canônica com melhor comportamento no painel de leitura do Outlook | 640/680px (risco de corte lateral) · fluido sem teto (o Outlook não colabora) | | **EL2** | Técnica **híbrida**: `max-width`/`min-width` com largura fixa condicional para Outlook, empilhando **sem** media query; media query apenas como aprimoramento progressivo | Garante base legível onde a media query não existe (Outlook Windows) ou é parcial (Gmail). É a técnica do canon: o layout empilha sem media query, com largura fixa para o Outlook, que está preso ao desktop de qualquer forma | Media-query-only (quebra exatamente no cliente corporativo que o público da SEED usa) · mobile-first puro (perde controle do desktop no Outlook.com) | | **EL3** | `role="presentation"` em **toda** tabela de layout, inclusive aninhadas. Tabela de **dados real** mantém semântica (``, `
`, `
`) — herda o §40 | Layout de e-mail aninha tabelas; marcar só a externa deixa o leitor de tela anunciando linhas e colunas das internas | Marcar apenas a tabela raiz | | **EL4** | **Botão bulletproof** por padding + VML para Outlook; alvo com altura ≥44px; texto real, nunca imagem | Herda o §1 e a régua de escada de mecanismos: cor nunca é o único portador de significado | Botão como imagem (morre com bloqueio) · `