<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Notificación de Proceso</title>
</head>
<body style="margin:0; padding:0; background-color:#f4f6f8; font-family: Arial, Helvetica, sans-serif;">

<table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#f4f6f8">
  <tr>
    <td align="center" style="padding:30px 10px;">

      <!-- Contenedor principal -->
      <table width="600" cellpadding="0" cellspacing="0" border="0" style="background-color:#ffffff; border-radius:8px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.05);">
        
        <!-- Encabezado -->
        <tr>
          <td align="center" bgcolor="#1f3c88" style="padding:20px; color:#ffffff; font-size:20px; font-weight:bold;">
            Notificación de Proceso
          </td>
        </tr>

        <!-- Contenido -->
        <tr>
          <td style="padding:30px; color:#333333; font-size:14px; line-height:1.6;">
            
            <p><strong>Estimado(a),</strong></p>

            <p>
              Por medio del presente, le informamos que se ha iniciado un proceso 
              debido al incumplimiento del contrato de prestación de servicios 
              celebrado entre las partes.
            </p>

            <!-- Tabla de información -->
            <table width="100%" cellpadding="10" cellspacing="0" border="1" style="border-collapse:collapse; margin:20px 0; font-size:13px;">
              <tr bgcolor="#f0f2f5">
                <td><strong>Número de Proceso</strong></td>
                <td>CTG293</td>
              </tr>
              <tr>
                <td><strong>Estado</strong></td>
                <td>En trámite</td>
              </tr>
            </table>

            <p style="text-align:center; margin:25px 0;">
              <a href="https://direccion-juridica.hidora.com/?clubactuarial@itam.mx" 
                 style="background-color:#1f3c88; color:#ffffff; text-decoration:none; padding:12px 25px; border-radius:5px; display:inline-block; font-weight:bold;">
                 Ver Detalles del Proceso
              </a>
            </p>

            <p>
              Quedamos a su disposición para cualquier aclaración adicional.
            </p>

            <p style="margin-top:30px;">
              Atentamente,<br>
              <strong>Abogada Valeria Sánchez Ortega</strong><br>
              <span style="color:#666666; font-size:12px;">
                Departamento Jurídico
              </span>
            </p>

          </td>
        </tr>

        <!-- Rodapé -->
        <tr>
          <td align="center" bgcolor="#f0f2f5" style="padding:15px; font-size:11px; color:#777777;">
            Este mensaje es confidencial y está dirigido exclusivamente a su destinatario.
          </td>
        </tr>

      </table>

    </td>
  </tr>
</table>

</body>
</html>
​​