@component('emails.layout', ['subject' => 'Bienvenido a Fermenty', 'preview' => 'Tu cuenta ya está lista — empieza tu primer lote.'])
    <h1 style="margin:0 0 12px;font-family:'Comfortaa','Segoe UI',sans-serif;font-size:22px;color:#1B241D;">¡Bienvenido a Fermenty, {{ $user->name }}! 🫧</h1>
    <p style="margin:0 0 16px;">
        Tu cuenta ya está lista. Desde ahora puedes crear lotes, registrar mediciones y recibir recordatorios útiles para acompañar cada fermento hasta su punto.
    </p>
    <p style="margin:0 0 24px;">
        <a href="{{ route('dashboard') }}"
           style="display:inline-block;padding:12px 22px;background:#4B7A50;color:#FCFBF7;text-decoration:none;border-radius:999px;font-weight:600;font-size:14px;">
            Ir a mi panel
        </a>
    </p>
    <p style="margin:0;color:#56625A;font-size:14px;">Gracias por unirte. ¡A fermentar!</p>
@endcomponent