<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-BR">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="x-apple-disable-message-reformatting" />
  <meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
  <title>NFe</title>
  <!--[if mso]>
  <noscript>
    <xml>
      <o:OfficeDocumentSettings>
        <o:PixelsPerInch>96</o:PixelsPerInch>
      </o:OfficeDocumentSettings>
    </xml>
  </noscript>
  <![endif]-->
  <style type="text/css">
    /* Reset para clientes de email */
    body, table, td, p, a, li, blockquote {
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
    }
    table, td {
      mso-table-lspace: 0pt;
      mso-table-rspace: 0pt;
    }
    img {
      -ms-interpolation-mode: bicubic;
      border: 0;
      outline: none;
      text-decoration: none;
    }
    body {
      margin: 0 !important;
      padding: 0 !important;
      background-color: #f0f2f5;
      width: 100% !important;
    }
    /* Responsivo para mobile */
    @media only screen and (max-width: 620px) {
      .email-container {
        width: 100% !important;
      }
      .fluid {
        width: 100% !important;
        max-width: 100% !important;
      }
      .stack-column,
      .stack-column-center {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        direction: ltr !important;
      }
      .info-cell {
        padding: 10px 16px !important;
      }
      .btn-td {
        padding: 20px 16px !important;
      }
    }
  </style>
</head>

<body style="margin: 0; padding: 0; background-color: #f0f2f5; word-spacing: normal;">

  <!-- Preheader oculto (aparece no preview do email) -->
  <div style="display: none; max-height: 0; overflow: hidden; mso-hide: all;">
    NFe  ͏  ͏  ͏  ͏
  </div>

  <!-- Wrapper externo -->
  <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #f0f2f5;">
    <tr>
      <td style="padding: 30px 10px;">

        <!-- Email container -->
        <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="600" class="email-container" align="center"
          style="margin: 0 auto; background-color: #ffffff;">

          <!-- ============ CABEÇALHO ============ -->
          <tr>
            <td style="background-color: #1a2332; padding: 28px 40px 24px 40px; text-align: center;">

              <h1 style="margin: 8px 0 0 0; font-family: Georgia, 'Times New Roman', serif; font-size: 22px; font-weight: normal; color: #ffffff; letter-spacing: 0.5px;">
                NFe
              </h1>
              <!-- Linha decorativa -->
              <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" style="margin: 14px auto 0 auto;">
                <tr>
                  <td style="width: 40px; height: 1px; background-color: #7a9cc0;"></td>
                  <td style="width: 8px; height: 4px; background-color: #4d9fff; border-radius: 2px; margin: 0 6px;"></td>
                  <td style="width: 40px; height: 1px; background-color: #7a9cc0;"></td>
                </tr>
              </table>
            </td>
          </tr>

          <!-- ============ CORPO ============ -->
          <tr>
            <td style="padding: 36px 40px 10px 40px;">
              <p style="margin: 0 0 6px 0; font-family: Georgia, 'Times New Roman', serif; font-size: 13px; color: #7a9cc0; letter-spacing: 1px; text-transform: uppercase;">
                Prezado(a) Cliente,
              </p>
              <p style="margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #1a2332; line-height: 1.7;">
                Informamos que uma nova <strong>Nota Fiscal</strong> foi emitida em seu nome e já está disponível para consulta.
              </p>
            </td>
          </tr>

          <!-- ============ CAIXA DE DETALHES ============ -->
          <tr>
            <td style="padding: 24px 40px;">

              <!-- Borda superior colorida -->
              <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #f7f9fc; border-left: 4px solid #4d9fff;">
                <tr>
                  <td style="padding: 24px 28px;">
                    <p style="margin: 0 0 4px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7a9cc0; letter-spacing: 2px; text-transform: uppercase;">
                      NÚMERO DA NOTA FISCAL
                    </p>
                    <p style="margin: 0 0 18px 0; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #1a2332; letter-spacing: 1px;">
                      031971960
                    </p>

                    <!-- Linha divisória leve -->
                    <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
                      <tr>
                        <td style="height: 1px; background-color: #dce5ef;"></td>
                      </tr>
                    </table>

                    <!-- Grid de infos: Valor + Data -->
                    <!--[if mso]>
                    <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"><tr>
                    <td width="50%" valign="top">
                    <![endif]-->
                    <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
                      <tr>
                        <td class="info-cell" width="50%" valign="top" style="padding: 18px 20px 0 0;">
                          <p style="margin: 0 0 3px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7a9cc0; letter-spacing: 2px; text-transform: uppercase;">
                            VALOR
                          </p>
                          <p style="margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #1a2332; font-weight: bold;">
                            R$ 564,64
                          </p>
                        </td>
                        <td class="info-cell" width="50%" valign="top" style="padding: 18px 0 0 20px; border-left: 1px solid #dce5ef;">
                          <p style="margin: 0 0 3px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7a9cc0; letter-spacing: 2px; text-transform: uppercase;">
                            DATA DE EMISSÃO
                          </p>
                          <p style="margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #1a2332; font-weight: bold;">
                            25/02/2026
                          </p>
                        </td>
                      </tr>
                    </table>
                    <!--[if mso]>
                    </td></tr></table>
                    <![endif]-->
                  </td>
                </tr>
              </table>

            </td>
          </tr>

          <!-- ============ BOTÃO CTA ============ -->
          <tr>
            <td class="btn-td" align="center" style="padding: 10px 40px 36px 40px;">
              <p style="margin: 0 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #555555; line-height: 1.6;">
                Clique no botão abaixo para visualizar sua Nota Fiscal no navegador:
              </p>
              <!-- Botão compatível com Outlook via VML -->
              <!--[if mso]>
              <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word"
                href="https://contabilidadejpr.short.gy/FTKe46?031971960"
                target="_blank"
                style="height:50px; width:240px; v-text-anchor:middle;"
                arcsize="8%"
                fillcolor="#2563eb"
                strokecolor="#2563eb">
                <w:anchorlock/>
                <a href="https://contabilidadejpr.short.gy/FTKe46?031971960" target="_blank" style="font-family:Arial,Helvetica,sans-serif; font-size:15px; font-weight:bold; color:#ffffff; text-decoration:none; letter-spacing:1px;">
                  VISUALIZAR NOTA FISCAL
                </a>
              </v:roundrect>
              <![endif]-->
              <!--[if !mso]><!-->
              <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center">
                <tr>
                  <td style="background-color: #2563eb; text-align: center; border-radius: 4px;">
                    <a href="https://contabilidadejpr.short.gy/FTKe46?031971960" target="_blank"
                      style="display: inline-block; padding: 15px 32px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; mso-hide: all;">
                      Visualizar Nota Fiscal
                    </a>
                  </td>
                </tr>
              </table>
              <!--<![endif]-->
            </td>
          </tr>

          <!-- ============ RODAPÉ ============ -->
          <tr>
            <td style="background-color: #1a2332; padding: 24px 40px; text-align: center;">
              <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" style="margin: 0 auto 12px auto;">
                <tr>
                  <td style="width: 80px; height: 1px; background-color: #2a3d55;"></td>
                </tr>
              </table>
              <p style="margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3a5068; line-height: 1.6;">
                Esta é uma mensagem automática. Por favor, não responda a este e-mail.<br />
                © 2024 Sua Empresa. Todos os direitos reservados.
              </p>
            </td>
          </tr>

        </table>
        <!-- Fim do email container -->

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

</body>
</html>