# Fazenda Bayer — E-mails ajustados para disparo (RD Station)

## O que foi corrigido

Os HTMLs originais quebravam nos provedores porque usavam recursos de **página web**, não de e-mail:

| Problema original | Por que quebrava | Correção aplicada |
|---|---|---|
| Imagens em **base64** embutidas | Gmail/Outlook bloqueiam e o e-mail estoura o limite de tamanho | Imagens agora via **URL** (você hospeda e cola o link) |
| Layout em **flexbox / position:absolute** | Outlook (motor Word) ignora por completo | Reconstruído em **tabelas HTML** |
| **object-fit / gradientes CSS** no `<style>` | Gmail descarta `<style>`, Outlook não suporta | Tudo em **CSS inline**, hero sem overlay sobreposto |
| Texto sobre imagem (hero) | Sumia no Outlook | Texto agora em **faixa verde abaixo** da imagem (renderiza igual em todo lugar) |
| Arquivos de 300 KB a 1,2 MB | Gmail **corta** acima de ~102 KB | Cada e-mail agora tem **12–17 KB** |

Compatível com: **Gmail, Outlook (desktop/web), Yahoo, Apple Mail** e o editor de HTML do **RD Station**.

---

## Passo a passo

### 1. Hospede as 11 imagens
As imagens estão neste pacote (`hero_*.jpg` e `foto_*.jpg`). Suba todas para um local público com URL fixa — pode ser:
- A biblioteca de imagens do próprio **RD Station** (recomendado), ou
- O servidor do site `fazendabayer.com.br`, ou qualquer CDN.

### 2. Troque as URLs no HTML
Em cada arquivo, procure por:
```
https://SUBSTITUA-PELA-URL/nome_da_imagem.jpg
```
e troque pela URL real. Cada ponto está marcado com um comentário `<!-- TROCAR_URL: ... -->` logo acima, então é fácil achar (Ctrl+F por `SUBSTITUA`).

**Mapa de imagens por e-mail:**
- **01 Boas-vindas:** `hero_01_boasvindas.jpg`
- **02 Dia a dia:** `hero_02_diaadia.jpg`, `foto_02_horta.jpg`
- **03 Infraestrutura:** `hero_03_infra.jpg`, `foto_03_quadras.jpg`
- **04 Depoimento:** `hero_04_depoimento.jpg`, `foto_04_horta.jpg`
- **05 Valorização:** `hero_05_valorizacao.jpg`, `foto_05_aerea.jpg`
- **06 Visita:** `hero_06_visita.jpg`, `foto_06_golf.jpg`

### 3. Cole no RD Station
No RD Station, crie o e-mail com o tipo **"Código HTML"** (não o editor de arrastar) e cole o conteúdo do arquivo. O editor de arrastar do RD reescreve o HTML e pode quebrar o layout — sempre use a opção de HTML puro.

### 4. Link de descadastro
O footer já tem `%unsubscribe_url%` como placeholder. Se o seu RD Station usar outra tag de descadastro, troque por ela. Em geral o RD insere o link automaticamente, mas mantenha o texto de cancelamento por exigência legal (anti-spam).

### 5. Teste antes de disparar
Use o **"Enviar e-mail de teste"** do RD Station e abra em pelo menos Gmail (app + web) e Outlook antes do disparo real.

---

## Observações sobre as imagens

- O hero foi dimensionado para **640px de largura**. As imagens que você subir devem ter **pelo menos 1280px de largura** (2x) para ficarem nítidas em telas retina.
- As imagens extraídas dos arquivos originais estão incluídas como ponto de partida, mas elas estavam comprimidas em base64 — se tiver os originais em alta, prefira usá-los.
- Sempre preencha o atributo `alt` (já está preenchido) — é o que aparece quando o provedor bloqueia imagens por padrão.

## Fontes
Os e-mails pedem **Cormorant Garamond** (títulos) e **Montserrat** (texto) via Google Fonts. Gmail e Outlook não carregam fontes web e vão usar os fallbacks já definidos: **Georgia/serif** para títulos e **Arial** para o corpo. O visual continua coerente com a marca.