@component('emails.layout', ['subject' => 'Nuevo mensaje de contacto', 'preview' => $contact->name . ' escribió desde fermenty.es'])
    <h1 style="margin:0 0 12px;font-family:'Comfortaa','Segoe UI',sans-serif;font-size:20px;color:#1B241D;">Nuevo mensaje de contacto 📨</h1>
    <p style="margin:0 0 6px;"><strong>De:</strong> {{ $contact->name }} &lt;{{ $contact->email }}&gt;</p>
    @if($contact->subject)<p style="margin:0 0 6px;"><strong>Asunto:</strong> {{ $contact->subject }}</p>@endif
    <p style="margin:0 0 16px;color:#56625A;font-size:13px;">Recibido {{ $contact->created_at?->format('d/m/Y H:i') }} · {{ $contact->ip }} · {{ strtoupper((string) $contact->locale) }}</p>
    <div style="margin:0 0 20px;padding:14px 16px;background:#F4F1E9;border-radius:10px;white-space:pre-wrap;color:#1B241D;">{{ $contact->message }}</div>
    <p style="margin:0;color:#56625A;font-size:14px;">Responde directamente a este correo para contestar a {{ $contact->name }}.</p>
@endcomponent