<!DOCTYPE html>
<html lang="es" xmlns:th="http://www.thymeleaf.org">
  <th:block th:fragment="content">
    <p style="margin:0 0 12px; color:#333333 !important;">
      <span th:text="#{email.greeting}">Hola</span>
      <span th:text="${fullName} ?: 'Usuario'">Usuario</span>,
    </p>

    <p style="margin:0 0 12px; color:#333333 !important;">
      <span th:text="#{email.verify.body}">
        Haz clic en el siguiente botón para verificar tu correo electrónico:
      </span>
    </p>

    <p style="margin:0 0 16px;">
      <a th:href="${verifyUrl}"
         style="display:inline-block; padding:12px 20px; border-radius:6px; font-weight:bold;
                background:#2563eb; color:#ffffff !important; text-decoration:none;">
        <span th:text="#{email.verify.button}">Verificar cuenta</span>
      </a>
    </p>

    <p style="margin:0 0 8px; color:#333333 !important;">
      <span th:text="#{email.verify.link-instruction}">
        Si no funciona, copia y pega esta URL en tu navegador:
      </span>
    </p>

    <p style="margin:0 0 12px; color:#333333 !important;">
      <span th:text="${verifyUrl}">https://...</span>
    </p>

    <p style="margin:0 0 12px; color:#333333 !important;">
      <span th:text="#{email.verify.expiration(${minutes})}">
        Este enlace caduca en 60 minutos.
      </span>
    </p>

    <p style="margin:0; color:#333333 !important;">
      <span th:text="#{email.verify.ignoreMessage}">
        Si no solicitaste este cambio, puedes ignorar este mensaje.
      </span>
    </p>
  </th:block>
</html>
