@component('emails.layout', ['subject' => 'Restablece tu contraseña', 'preview' => 'Pasos sencillos para volver a entrar en tu cuenta.'])
    <h1 style="margin:0 0 12px;font-family:'Comfortaa','Segoe UI',sans-serif;font-size:22px;color:#1B241D;">¿Olvidaste tu contraseña?</h1>
    <p style="margin:0 0 16px;">
        No pasa nada, le ocurre a todo el mundo. Hemos recibido una solicitud para restablecer la contraseña de tu cuenta de Fermenty ({{ $user->email }}).
    </p>

    <p style="margin:0 0 10px;"><strong>Cómo crear una contraseña nueva:</strong></p>
    <ol style="margin:0 0 20px;padding-left:20px;color:#2F3A31;">
        <li style="margin-bottom:6px;">Pulsa el botón “Crear nueva contraseña”.</li>
        <li style="margin-bottom:6px;">Escribe la contraseña que quieras usar a partir de ahora.</li>
        <li>Listo: vuelve a entrar con tu correo y tu nueva contraseña.</li>
    </ol>

    <p style="margin:0 0 24px;text-align:center;">
        <a href="{{ $resetUrl }}"
           style="display:inline-block;padding:14px 28px;background:#4B7A50;color:#FCFBF7;text-decoration:none;border-radius:999px;font-weight:700;font-size:15px;">
            Crear nueva contraseña
        </a>
    </p>

    <p style="margin:0 0 16px;color:#56625A;font-size:14px;">
        ¿El botón no funciona? Copia y pega esta dirección en tu navegador:<br>
        <a href="{{ $resetUrl }}" style="color:#4B7A50;word-break:break-all;">{{ $resetUrl }}</a>
    </p>

    <p style="margin:0;color:#56625A;font-size:14px;">
        Por seguridad, este enlace caduca en {{ $expireMinutes }} minutos. Si no fuiste tú quien lo pidió, ignora este correo: tu contraseña actual seguirá funcionando.
    </p>
@endcomponent