@component('emails.layout', ['subject' => 'Te invitan a probar Fermenty', 'preview' => 'Un amigo te recomienda Fermenty, la app para seguir tus fermentos.'])
    <h1 style="margin:0 0 12px;font-family:'Comfortaa','Segoe UI',sans-serif;font-size:22px;color:#1B241D;">Te invitan a Fermenty 🫧</h1>
    <p style="margin:0 0 16px;">
        Alguien que fermenta como tú piensa que Fermenty te va a gustar: la app que acompaña cada lote de kombucha, kéfir o chucrut desde el primer día hasta su punto.
    </p>

    @if($note)
        <table role="presentation" cellpadding="0" cellspacing="0" width="100%" style="margin:0 0 20px;">
            <tr>
                <td style="background:#F0F3CF;border-left:3px solid #4B7A50;border-radius:8px;padding:12px 16px;font-style:italic;color:#2F3A31;">
                    “{{ $note }}”
                </td>
            </tr>
        </table>
    @endif

    <p style="margin:0 0 24px;">
        <a href="{{ $inviteUrl }}"
           style="display:inline-block;padding:12px 22px;background:#4B7A50;color:#FCFBF7;text-decoration:none;border-radius:999px;font-weight:600;font-size:14px;">
            Crear mi cuenta gratis
        </a>
    </p>

    <p style="margin:0;color:#56625A;font-size:14px;">
        Crear la cuenta es gratis y sin tarjeta. Si no te interesa, puedes ignorar este correo: no te apuntaremos a ninguna lista.
    </p>
@endcomponent