Assinatura de e-mail.

Os quatro estados.

Cada quadro imita a caixa de entrada: fundo #FFFFFF literal, nunca transparente (EM3). ATENÇÃO — nos estados A, B e D o src do logo é um data URI do SVG oficial logo-vertical-principal.svg, e não a URL hospedada — a folha precisa renderizar offline e o PNG vive só no bucket R2. É o mesmo desenho de que o PNG foi rasterizado; o logo nunca é redesenhado à mão. No estado C o src aponta para cid:, que nenhum navegador resolve — o bloqueio é determinístico, não depende de haver rede na hora da captura. O que esta folha NÃO mostra, de propósito: a inversão forçada de dark mode do Gmail app e do Outlook Windows, que altera as cores fora do nosso controle (EM3). Simulá-la aqui produziria evidência falsa; ela é gate humano.

Estado A

Como a assinatura foi autorada.

Montserrat carregada. É o que se vê no navegador e no Apple Mail com webfont — e não é o caso mais comum.

[NOME COMPLETO] [CARGO] · SEED engenharia [(00) 00000-0000] [nome.sobrenome@seed.eng.br] seed.eng.br Rua Duarte Coelho, 205 · Governador Valadares/MG

Estado B

Como a maioria dos destinatários vê.

REGRA — a pilha de reserva, sem Montserrat. É o Outlook (Segoe UI) e o Gmail Android (Roboto). Esta é a régua real (EM4).

[NOME COMPLETO] [CARGO] · SEED engenharia [(00) 00000-0000] [nome.sobrenome@seed.eng.br] seed.eng.br Rua Duarte Coelho, 205 · Governador Valadares/MG

Estado C

Com as imagens bloqueadas.

Bloqueio de imagem é estado padrão frequente. Sobra o alt="SEED engenharia" — e nenhuma informação existe só na imagem (EM7).

[NOME COMPLETO] [CARGO] · SEED engenharia [(00) 00000-0000] [nome.sobrenome@seed.eng.br] seed.eng.br Rua Duarte Coelho, 205 · Governador Valadares/MG

Estado D

A 320 px, o piso de largura do e-mail.

O piso do e-mail é 320 px, não os 360 px do DS web (fronteira declarada na §6). O word-break do e-mail existe por causa deste caso.

[NOME COMPLETO] [CARGO] · SEED engenharia [(00) 00000-0000] [nome.sobrenome@seed.eng.br] seed.eng.br Rua Duarte Coelho, 205 · Governador Valadares/MG

Os quatro palcos estão marcados com data-medir: o 06-validacao/ferramentas/render-mock-email.mjs imprime o retângulo de cada um no placar, e é assim que se separa “a fonte muda” de “o layout quebra” com número em vez de impressão. O número não é repetido aqui porque ele é do navegador, não da geração — copiá-lo para dentro do artefato o transformaria em número que envelhece sem ninguém perceber.

Os campos que entram.

O endereço por sede.

A tinta, resolvida em hex e medida.

ATENÇÃO — limite do número acima: ele mede o par autoral. Ele não prevê o resultado depois da inversão forçada de dark mode, que Gmail app e Outlook Windows aplicam fora do nosso controle. Essa verificação é do gate humano.

Onde cada cliente cai na pilha.

O orçamento de caracteres.

Gmail corta a assinatura em 10.000 caracteres e Outlook em 8.000 — vale o menor, e o gerador aborta acima dele. Medido nesta geração: 1.886 caracteres, 23,6% do teto. A folga não é para encher: ela é o que permite acrescentar uma linha no futuro sem re-gate.

O HTML testado.

É este o texto que a suite-email.mjs audita e que se cola no cliente. A fonte de verdade da marcação é 04-email/ea-assinatura.html (MD5 69d8070c57adf22e4fdc4a111b82157f no momento desta geração); esta peça a deriva, trocando apenas as sentinelas, e prova a derivação desfazendo-a e exigindo o canônico de volta byte a byte.

<table role="presentation" cellpadding="0" cellspacing="0" border="0"
       style="max-width:400px; font-family:'Montserrat','Segoe UI',Roboto,Helvetica,Arial,sans-serif;">
  <tr>
    <td valign="middle" style="padding:0 16px 0 0; border-right:2px solid #098475;">
      <img src="https://assets.seed.eng.br/email/v1/marca/logo-seed-assinatura-vertical@2x.png"
           width="96" height="101" alt="SEED engenharia"
           style="display:block; border:0; height:auto;">
    </td>
    <td valign="middle" style="padding:0 0 0 16px;">
      <p style="margin:0; background-color:#FFFFFF; font-family:'Montserrat','Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:14px; line-height:21px; color:#0B3330;">
        <strong>[NOME COMPLETO]</strong><br>
        <span style="color:#2F5A54; font-size:12.5px;">[CARGO] &middot; SEED engenharia</span>
      </p>
      <p style="margin:6px 0 0 0; background-color:#FFFFFF; font-family:'Montserrat','Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:12.5px; line-height:19px; color:#2F5A54;">
        <a href="tel:[+5500000000000]" style="color:#006C62; text-decoration:none;">[(00) 00000-0000]</a><br>
        <!-- word-break: a 320px (SC 1.4.10) o endereco inquebravel levava a assinatura
     a 303px de min-content e o e-mail inteiro rolava 7px na horizontal (achado
     da suite-email-reflow no porte F7.7-P1). Em largura plena nada muda: o
     break-all so age quando a linha nao cabe. -->
        <a href="mailto:[nome.sobrenome@seed.eng.br]" style="color:#006C62; text-decoration:none; word-break:break-all;">[nome.sobrenome@seed.eng.br]</a><br>
        <a href="https://seed.eng.br" style="color:#006C62; text-decoration:underline;">seed.eng.br</a><br>
        <span style="color:#40706A; font-size:11.5px; line-height:17px;">Rua Duarte Coelho, 205 · Governador Valadares/MG</span>
      </p>
    </td>
  </tr>
</table>