@extends('mail.layouts.standard')

@section('content')
    <p style="margin:0 0 8px;font-size:11px;line-height:16px;letter-spacing:1.4px;text-transform:uppercase;font-weight:bold;color:{{ $accent }};">
        {{ $kicker }}
    </p>
    <h1 style="margin:0 0 8px;font-size:26px;line-height:32px;font-weight:bold;color:#0f172a;">
        {{ $heading }}
    </h1>
    <p style="margin:0 0 28px;display:inline-block;padding:4px 10px;background-color:#f1f5f9;border-radius:4px;font-size:13px;line-height:18px;font-weight:bold;color:#334155;letter-spacing:0.3px;">
        {{ $documentNumber }}
    </p>
    <p style="margin:0 0 16px;font-size:15px;line-height:24px;color:#334155;">
        Estimado/a cliente,
    </p>
    <p style="margin:0 0 16px;font-size:15px;line-height:24px;color:#334155;">
        {{ $lead }}
    </p>
    <p style="margin:0 0 24px;font-size:15px;line-height:24px;color:#334155;">
        {{ $body }}
    </p>
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin:0 0 8px;border:1px solid #e2e8f0;border-radius:6px;background-color:#f8fafc;">
        <tr>
            <td width="6" style="background-color:{{ $accent }};font-size:0;line-height:0;">&nbsp;</td>
            <td style="padding:16px 18px;">
                <p style="margin:0 0 4px;font-size:11px;line-height:16px;letter-spacing:0.8px;text-transform:uppercase;font-weight:bold;color:#64748b;">
                    Documento adjunto
                </p>
                <p style="margin:0;font-size:14px;line-height:20px;font-weight:bold;color:#0f172a;">
                    {{ $filename }}
                </p>
                <p style="margin:4px 0 0;font-size:12px;line-height:18px;color:#64748b;">
                    Archivo PDF · ábralo con cualquier visor de documentos
                </p>
            </td>
        </tr>
    </table>
@endsection