@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 }};">
        Seguridad de cuenta
    </p>
    <h1 style="margin:0 0 16px;font-size:26px;line-height:32px;font-weight:bold;color:#0f172a;">
        {{ $heading }}
    </h1>
    <p style="margin:0 0 16px;font-size:15px;line-height:24px;color:#334155;">
        {{ $lead }}
    </p>
    <p style="margin:0 0 28px;font-size:15px;line-height:24px;color:#334155;">
        {{ $body }}
    </p>
    <table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin:0 0 24px;">
        <tr>
            <td align="center" style="border-radius:8px;background-color:{{ $accent }};">
                <a href="{{ $resetUrl }}" target="_blank" rel="noopener noreferrer"
                   style="display:inline-block;padding:14px 28px;font-size:15px;line-height:20px;font-weight:bold;color:#ffffff;text-decoration:none;border-radius:8px;">
                    {{ $buttonLabel }}
                </a>
            </td>
        </tr>
    </table>
    <p style="margin:0;font-size:12px;line-height:18px;color:#64748b;">
        Si el botón no funciona, copia y pega este enlace en tu navegador:<br>
        <a href="{{ $resetUrl }}" style="color:#2563eb;word-break:break-all;">{{ $resetUrl }}</a>
    </p>
@endsection