@component('emails.layout', ['subject' => 'Confirma la cancelación de tu suscripción', 'preview' => 'Un último paso para cancelar.'])
    <h1 style="margin:0 0 12px;font-family:'Comfortaa','Segoe UI',sans-serif;font-size:21px;color:#1B241D;">¿Seguro que quieres cancelar?</h1>
    <p style="margin:0 0 12px;">
        Hola {{ $user->name }}, recibimos tu solicitud para cancelar Fermenty Pro. Antes de despedirnos,
        recuerda todo lo que tu plan incluye:
    </p>
    <ul style="margin:0 0 16px;padding-left:18px;color:#2F3A31;">
        <li>Lotes ilimitados</li>
        <li>Recetas premium y variaciones</li>
        <li>Estadísticas del lote — curvas de pH y temperatura</li>
        <li>Exporta tus datos en CSV</li>
        <li>Recordatorios de cata avanzados y soporte prioritario</li>
    </ul>
    @if($periodEnd)
        <p style="margin:0 0 20px;color:#56625A;font-size:14px;">
            Si confirmas, conservarás Pro hasta el <strong>{{ $periodEnd->translatedFormat('d \d\e F \d\e Y') }}</strong>;
            no se te cobrará de nuevo.
        </p>
    @endif
    <a href="{{ $confirmUrl }}"
       style="display:inline-block;padding:12px 22px;background:#B64A1A;color:#FCFBF7;text-decoration:none;border-radius:999px;font-weight:600;font-size:14px;">
        Confirmar cancelación
    </a>
    <p style="margin:20px 0 0;color:#56625A;font-size:13px;">
        Si cambiaste de idea o no fuiste tú, ignora este correo y tu plan seguirá intacto. ¡Esperamos verte pronto! 🫧
    </p>
@endcomponent