HOME


Mini Shell 1.0
Redirecting to https://devs.lapieza.net/iniciar-sesion Redirecting to https://devs.lapieza.net/iniciar-sesion.
DIR: /var/www/devs.lapieza.net/resources/views/emails/
Upload File :
Current File : /var/www/devs.lapieza.net/resources/views/emails/pos-invoice.blade.php
<!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" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

<head>
  <!--[if gte mso 9]>
<xml>
  <o:OfficeDocumentSettings>
    <o:AllowPNG/>
    <o:PixelsPerInch>96</o:PixelsPerInch>
  </o:OfficeDocumentSettings>
</xml>
<![endif]-->
  <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">
  <!--[if !mso]><!-->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title></title>

  <style type="text/css">
    @media only screen and (min-width: 620px) {
      .u-row {
        width: 600px !important;
      }

      .u-row .u-col {
        vertical-align: top;
      }

      .u-row .u-col-31p67 {
        width: 190.02px !important;
      }

      .u-row .u-col-33p33 {
        width: 199.98px !important;
      }

      .u-row .u-col-35 {
        width: 210px !important;
      }

      .u-row .u-col-66p67 {
        width: 400.02px !important;
      }

      .u-row .u-col-100 {
        width: 600px !important;
      }

    }

    @media (max-width: 620px) {
      .u-row-container {
        max-width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
      }

      .u-row .u-col {
        min-width: 320px !important;
        max-width: 100% !important;
        display: block !important;
      }

      .u-row {
        width: 100% !important;
      }

      .u-col {
        width: 100% !important;
      }

      .u-col>div {
        margin: 0 auto;
      }

      .no-stack .u-col {
        min-width: 0 !important;
        display: table-cell !important;
      }

      .no-stack .u-col-31p67 {
        width: 31.67% !important;
      }

      .no-stack .u-col-33p33 {
        width: 33.33% !important;
      }

      .no-stack .u-col-33p33k {
        width: 14.33% !important;
      }

      .no-stack .u-col-33p33e {
        width: 30% !important;
      }

      .no-stack .u-col-33p33l {
        width: 18% !important;
      }

      .no-stack .u-col-33p33v {
        width: 18% !important;
      }

      .fontic {
        font-size: 10px !important;

      }

      .no-stack .u-col-35 {
        width: 35% !important;
      }

      .no-stack .u-col-66p67 {
        width: 66.67% !important;
      }

    }

    body {
      margin: 0;
      padding: 0;
    }

    table,
    tr,
    td {
      vertical-align: top;
      border-collapse: collapse;
    }

    p {
      margin: 0;
    }

    .ie-container table,
    .mso-container table {
      table-layout: fixed;
    }

    * {
      line-height: inherit;
    }

    a[x-apple-data-detectors='true'] {
      color: inherit !important;
      text-decoration: none !important;
    }

    table,
    td {
      color: #000000;
    }

    #u_body a {
      color: #0000ee;
      text-decoration: underline;
    }

    @media (max-width: 480px) {
      #u_content_image_4 .v-container-padding-padding {
        padding: 20px 5px 5px !important;
      }

      #u_content_image_4 .v-src-width {
        width: auto !important;
      }

      #u_content_image_4 .v-src-max-width {
        max-width: 100% !important;
      }

      #u_content_image_5 .v-container-padding-padding {
        padding: 20px 5px 5px !important;
      }

      #u_content_image_5 .v-src-width {
        width: auto !important;
      }

      #u_content_image_5 .v-src-max-width {
        max-width: 30% !important;
      }

      #u_content_heading_3 .v-container-padding-padding {
        padding: 10px 10px 39px !important;
      }

      #u_content_image_6 .v-container-padding-padding {
        padding: 21px 5px 5px !important;
      }

      #u_content_image_6 .v-src-width {
        width: auto !important;
      }

      #u_content_image_6 .v-src-max-width {
        max-width: 46% !important;
      }

      #u_content_heading_4 .v-container-padding-padding {
        padding: 14px 10px 39px !important;
      }

      #u_content_heading_5 .v-container-padding-padding {
        padding: 10px !important;
      }

      #u_content_heading_5 .v-font-size {
        font-size: 12px !important;
      }

      #u_content_heading_6 .v-container-padding-padding {
        padding: 10px !important;
      }

      #u_content_heading_6 .v-font-size {
        font-size: 12px !important;
      }

      #u_content_heading_7 .v-container-padding-padding {
        padding: 10px !important;
      }

      #u_content_heading_7 .v-font-size {
        font-size: 12px !important;
      }

      #u_content_heading_10 .v-container-padding-padding {
        padding: 10px !important;
      }

      #u_content_heading_11 .v-container-padding-padding {
        padding: 40px 10px 39px !important;
      }

      #u_content_heading_12 .v-container-padding-padding {
        padding: 40px 10px 39px !important;
      }

      #u_content_heading_22 .v-container-padding-padding {
        padding: 11px 10px 10px !important;
      }

      #u_content_heading_23 .v-container-padding-padding {
        padding: 40px 10px 39px !important;
      }

      #u_content_heading_24 .v-container-padding-padding {
        padding: 40px 10px 39px !important;
      }

      #u_content_heading_19 .v-container-padding-padding {
        padding: 10px !important;
      }

      #u_content_heading_20 .v-container-padding-padding {
        padding: 40px 10px 39px !important;
      }

      #u_content_heading_21 .v-container-padding-padding {
        padding: 40px 10px 39px !important;
      }

      #u_content_heading_17 .v-container-padding-padding {
        padding: 40px 10px 39px !important;
      }

      #u_content_heading_18 .v-container-padding-padding {
        padding: 40px 10px 39px !important;
      }

      #u_content_heading_14 .v-container-padding-padding {
        padding: 40px 10px !important;
      }

      #u_content_heading_30 .v-container-padding-padding {
        padding: 40px 10px 39px !important;
      }

      #u_content_heading_31 .v-container-padding-padding {
        padding: 33px 10px 31px 22px !important;
      }

      #u_content_heading_15 .v-container-padding-padding {
        padding: 35px 10px !important;
      }
    }
  </style>



  <!--[if !mso]><!-->
  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap" rel="stylesheet" type="text/css">

</head>

<body class="clean-body u_body" style="margin: 0;padding: 0;-webkit-text-size-adjust: 100%;background-color: #e7e7e7;color: #000000">
  <!--[if IE]><div class="ie-container"><![endif]-->
  <!--[if mso]><div class="mso-container"><![endif]-->
  <table id="u_body" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;min-width: 320px;Margin: 0 auto;background-color: #e7e7e7;width:100%" cellpadding="0" cellspacing="0">
    <tbody>
      <tr style="vertical-align: top">
        <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
          <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color: #e7e7e7;"><![endif]-->



          <!--[if gte mso 9]>
      <table cellpadding="0" cellspacing="0" border="0" style="margin: 0 auto;min-width: 320px;max-width: 600px;">
        <tr>
          <td background="https://cdn.templates.unlayer.com/assets/1650477101141-header.png" valign="top" width="100%">
      <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width: 600px;">
        <v:fill type="frame" src="https://cdn.templates.unlayer.com/assets/1650477101141-header.png" /><v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
      <![endif]-->

          <div class="u-row-container" style="padding: 0px;background-image: url('images/image-7.png');background-repeat: no-repeat;background-position: center top;background-color: transparent">
            <div class="u-row" style="margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;">
              <div style="border-collapse: collapse;display: table;width: 100%;height: 100%;background-color: transparent;">
                <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px;background-image: url('images/image-7.png');background-repeat: no-repeat;background-position: center top;background-color: transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px;"><tr style="background-color: transparent;"><![endif]-->

                <!--[if (mso)|(IE)]><td align="center" width="600" style="width: 600px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->
                <div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
                  <div style="height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

                    <div style="box-sizing: border-box; height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">


                    </div>
                  </div>
                </div>

              </div>
            </div>
          </div>


          @props(['url'])
          <div class="u-row-container" style="padding: 0px;background-color: transparent">
            <div class="u-row no-stack" style="margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;">
              <div style="border-collapse: collapse;display: table;width: 100%;height: 100%;background-color: transparent;">
                <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px;background-color: transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px;"><tr style="background-color: transparent;"><![endif]-->

                <!--[if (mso)|(IE)]><td align="center" width="199" style="background-color: #ffffff;width: 199px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->
                <div class="u-col u-col-33p33" style="max-width: 320px;min-width: 199.98px;display: table-cell;vertical-align: bottom; padding-top: 5%;">
                  <div style="background-color: #ffffff;height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

                    <div style="box-sizing: border-box; height: 100%; border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

                      <table id="u_content_image_4" style="font-family:arial,helvetica,sans-serif; " role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
                        <tbody>
                          <tr>
                            <td class="v-container-padding-padding" style="overflow-wrap:break-word;word-break:break-word;padding:40px 5px 5px;font-family:arial,helvetica,sans-serif;" align="left">

                              <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                  <td style="padding-right: 0px;padding-left: 0px;" align="center">

                                    <img align="center" border="0" src="https://lapieza.do/public/assets/img/logo_black.png" alt="{{ env('APP_NAME') }} " title="{{ env('APP_NAME') }} " style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: inline-block !important;border: none;height: auto;float: none;width: 70%;max-width: 200px;" width="200" class="v-src-width v-src-max-width" />

                                  </td>

                                </tr>

                                <!-- NOTAS: COLOCAR LA DIRECCION CORRECTA CON PROGRAMACION -->
                                <tr>
                                  <td class="v-container-padding-padding" style="width: 10%; overflow-wrap:break-word;word-break:break-word;padding:0px 29px 5px;font-family:arial,helvetica,sans-serif; padding-top: 2%;" align="left">
                                    <h1 class="v-font-size" style="margin: 0px; line-height: 140%; text-align: left; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 200; padding-bottom: 2%;">C/ Marcos ruis, No.118<br> Villa Juana, Sto.Dgo.</h1>
                                    <h1 class="v-font-size" style="margin: 0px; line-height: 140%; text-align: left; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 200; padding-bottom: 2%;">{{ get_setting('contact_email') }}</h1>
                                    <h1 class="v-font-size" style="margin: 0px; line-height: 140%; text-align: left; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 200;">{{ get_setting('contact_phone') }}</h1>
                                  </td>
                                </tr>
                              </table>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
                <div class="u-col u-col-35" style="max-width: 320px;min-width: 190.02px;display: table-cell;vertical-align: bottom; padding-top: 5%;">
                  <div style="background-color: #ffffff;height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">
                    <div style="box-sizing: border-box; height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px; padding-top: 7%;">
                      <table style="font-family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
                        @php
                        $shipping_address = json_decode($order->shipping_address);
                        @endphp
                        <tbody>
                          <tr>
                            <td class="v-container-padding-padding" style="overflow-wrap:break-word;word-break:break-word;padding:12px 10px 38px;font-family:arial,helvetica,sans-serif; padding-top: 2%;" align="left">
                              <h1 class="v-font-size" style="margin: 0px; line-height: 140%; text-align: left; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 200;">Facturado a: </h1>
                              <p style="text-align: left; font-family: 'Montserrat',sans-serif; font-size: 10px; padding-bottom:2%;"><strong>{{ $shipping_address->name }}</strong></p>
                              <h1 class="v-font-size" style="margin: 0px; line-height: 140%; text-align: left; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 400;">Dirección: </h1>
                              <p style="text-align: left; font-family: 'Montserrat',sans-serif; font-size: 10px; padding-bottom:2%;"><strong>{{ $shipping_address->address }}, {{ $shipping_address->city }}</strong></p>
                              <h1 class="v-font-size" style="margin: 0px; line-height: 140%; text-align: left; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 400;">Correo: </h1>
                              <p style="text-align: left; font-family: 'Montserrat',sans-serif; font-size: 10px; padding-bottom:2%;"><strong>{{ $shipping_address->email }}</strong></p>
                              <h1 class="v-font-size" style="margin: 0px; line-height: 140%; text-align: left; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 400;">Teléfono: </h1>
                              <p style="text-align: left; font-family: 'Montserrat',sans-serif; font-size: 10px;"><strong>{{ $shipping_address->phone }}</strong></p>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
                <!-- NOTAS: COLOCAR EN PEDIDOS YA LA PROG CORRECTA  -->
                <div class="u-col u-col-31p67" style="max-width: 320px;min-width: 190.02px;display: table-cell; vertical-align: bottom; padding-top: 5%;">
                  <div style="background-color: #ffffff;height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">
                    <div style="box-sizing: border-box; height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px; padding-top: 3%">
                      <table style="font-family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
                        <tbody>
                          @foreach ($order->orderDetails as $key => $orderDetail)
                          @if ($orderDetail->product != null)
                          <tr>
                            <td class="v-container-padding-padding" style="overflow-wrap:break-word;word-break:break-word;padding:12px 10px 38px;font-family:arial,helvetica,sans-serif;" align="left">
                              <h1 class="v-font-size" style="margin: 0px; line-height: 140%; text-align: left; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 200;">Orden No: </h1>
                              <p style="text-align: left; font-family: 'Montserrat',sans-serif; font-size: 10px; padding-bottom:2%;"><strong>{{ $order->code }}</strong></p>
                              <h1 class="v-font-size" style="margin: 0px; line-height: 140%; text-align: left; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 400;">Fecha Orden: </h1>
                              <p style="text-align: left; font-family: 'Montserrat',sans-serif; font-size: 10px; padding-bottom:2%;"><strong>{{ date('d-m-Y', $order->date) }}</strong></p>
                              <h1 class="v-font-size" style="margin: 0px; line-height: 140%; text-align: left; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 400;">Método Envío: </h1>
                              <p style="text-align: left; font-family: 'Montserrat',sans-serif; font-size: 10px; padding-bottom:2%;"><strong>Pedidos Ya</strong></p>
                              <h1 class="v-font-size" style="margin: 0px; line-height: 140%; text-align: left; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 400;">Fecha Envío: </h1>
                              <p style="text-align: left; font-family: 'Montserrat',sans-serif; font-size: 10px; padding-bottom:3%;"><strong>{{ \Carbon\Carbon::parse($order->deliver_date)->locale('es')->isoFormat('D [de] MMMM [de] YYYY', 'Do MMMM YYYY') }}</strong></p>
                              <h1 class="v-font-size" style="margin: 0px; line-height: 140%; text-align: left; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 400;">Método de Pago:</h1>
                              <p style="text-align: left; font-family: 'Montserrat',sans-serif; font-size: 10px;">
                                <strong>
                                  @if($order->payment_type == 'manual_payment_1')
                                  Transferencia Banco
                                  @else
                                  Azul
                                  @endif
                                </strong>
                              </p>
                            </td>
        </td>
      </tr>
      @endif
      @endforeach
    </tbody>
  </table>
  </div>
  </div>
  </div>

  </div>
  </div>
  </div>
  <div class="u-row-container" style="padding: 0px;background-color: transparent">
    <div class="u-row no-stack" style="margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;">
      <div style="border-collapse: collapse;display: table;width: 100%;height: 100%;background-color: transparent;">
        <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px;background-color: transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px;"><tr style="background-color: transparent;"><![endif]-->

        <!--[if (mso)|(IE)]><td align="center" width="200" style="background-color: #1b1c4a;width: 200px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->

        <!--[if (mso)|(IE)]><td align="center" width="200" style="background-color: #1b1c4a;width: 200px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->
        <div class="u-col u-col-33p33k" style="max-width: 50px;min-width: 50px;display: table-cell;vertical-align: top;">
          <div style="background-color: #1b1c4a;height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

            <div style="box-sizing: border-box; height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

              <table id="u_content_heading_6" style="font-family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
                <tbody>
                  <tr>
                    <td class="v-container-padding-padding" style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-family:arial,helvetica,sans-serif;" align="left">


                      <h1 class="v-font-size fontic" style="margin: 0px; color: #ffffff; line-height: 140%; text-align: center; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 400;"><strong>Cant.</strong></h1>


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


            </div>
          </div>
        </div>


        <div class="u-col u-col-33p33e" style="max-width: 320px;min-width: 200px;display: table-cell;vertical-align: top;">
          <div style="background-color: #1b1c4a;height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

            <div style="box-sizing: border-box; height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

              <table id="u_content_heading_5" style="font-family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
                <tbody>
                  <tr>
                    <td class="v-container-padding-padding" style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-family:arial,helvetica,sans-serif;" align="left">


                      <h1 class="v-font-size fontic" style="margin: 0px; color: #ffffff; line-height: 140%; text-align: left; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 400;"><strong>Producto</strong></h1>


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


            </div>
          </div>
        </div>

        <div class="u-col u-col-33p33l" style="max-width: 80px;min-width: 80px;display: table-cell;vertical-align: top;">
          <div style="background-color: #1b1c4a;height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

            <div style="box-sizing: border-box; height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

              <table id="u_content_heading_6" style="font-family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
                <tbody>
                  <tr>
                    <td class="v-container-padding-padding" style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-family:arial,helvetica,sans-serif;" align="left">
                      <h1 class="v-font-size fontic" style="margin: 0px; color: #ffffff; line-height: 140%; text-align: center; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 400;"><strong>Unidad</strong></h1>
                    </td>
                  </tr>
                </tbody>
              </table>


            </div>
          </div>
        </div>

        <div class="u-col u-col-33p33v" style="max-width: 70px;min-width: 70px;display: table-cell;vertical-align: top;">
          <div style="background-color: #1b1c4a;height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

            <div style="box-sizing: border-box; height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

              <table id="u_content_heading_6" style="font-family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
                <tbody>
                  <tr>
                    <td class="v-container-padding-padding" style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-family:arial,helvetica,sans-serif;" align="left">


                      <h1 class="v-font-size fontic" style="margin: 0px; color: #ffffff; line-height: 140%; text-align: center; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 400;"><strong>Itbis</strong></h1>


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


            </div>
          </div>
        </div>



        <!--[if (mso)|(IE)]><td align="center" width="200" style="background-color: #1b1c4a;width: 200px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->
        <div class="u-col u-col-33p33" style="max-width: 120px;min-width: 120px;display: table-cell;vertical-align: top;">
          <div style="background-color: #1b1c4a;height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

            <div style="box-sizing: border-box; height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

              <table id="u_content_heading_7" style="font-family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
                <tbody>
                  <tr>
                    <td class="v-container-padding-padding" style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-family:arial,helvetica,sans-serif;" align="left">


                      <h1 class="v-font-size fontic" style="margin: 0px; color: #ffffff; line-height: 140%; text-align: center; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 400;"><strong>Total</strong></h1>


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


            </div>
          </div>
        </div>


      </div>
    </div>
  </div>



  <!-- Detalles de la factura -->

  <div class="u-row-container" style="padding: 0px;background-color: transparent">
    <div class="u-row no-stack" style="margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;">
      <div style="border-collapse: collapse;display: table;width: 100%;height: 100%;background-color: transparent;">
        <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px;background-color: transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px;"><tr style="background-color: transparent;"><![endif]-->

        <!--[if (mso)|(IE)]><td align="center" width="200" style="background-color: #ffffff;width: 200px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->
        <div class="u-col u-col-33p33k" style="max-width: 50px;min-width: 50px;display: table-cell;vertical-align: top;">
          <div style="background-color: #ffffff;height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

            <div style="box-sizing: border-box; height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

              <table id="u_content_heading_11" style="font-family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
                <tbody>
                  <tr>
                    <td class="v-container-padding-padding" style="overflow-wrap:break-word;word-break:break-word;padding:10px 10px;font-family:arial,helvetica,sans-serif;" align="left">


                      <h1 class="v-font-size fontic" style="margin: 0px; line-height: 140%; text-align: center; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 12px; font-weight: 400;"><strong>{{ $orderDetail->quantity }}</strong></h1>


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


            </div>
          </div>
        </div>
        <div class="u-col u-col-33p33e" style="max-width: 200px;min-width: 200px;display: table-cell;vertical-align: top;">
          <div style="background-color: #ffffff;height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

            <div style="box-sizing: border-box; height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

              <table id="u_content_heading_10" style="font-family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
                <tbody>
                  <tr>
                    <td class="v-container-padding-padding" style="overflow-wrap:break-word;word-break:break-word;padding:10px 10px 11px;font-family:arial,helvetica,sans-serif;" align="left">


                      <h1 class="v-font-size fontic" style="margin: 0px; line-height: 140%; text-align: left; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 400;">{{ $orderDetail->product->getTranslation('name') }} @if($orderDetail->variation != null) ({{ $orderDetail->variation }}) @endif</h1>
                    </td>
                  </tr>
                </tbody>
              </table>


            </div>
          </div>
        </div>


        <div class="u-col u-col-33p33l" style="max-width: 70px;min-width: 70px;display: table-cell;vertical-align: top;">
          <div style="background-color: #ffffff;height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

            <div style="box-sizing: border-box; height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

              <table id="u_content_heading_11" style="font-family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
                <tbody>
                  <tr>
                    <td class="v-container-padding-padding" style="overflow-wrap:break-word;word-break:break-word;padding:10px 10px;font-family:arial,helvetica,sans-serif;" align="left">


                      <h1 class="v-font-size fontic" style="margin: 0px; line-height: 140%; text-align: center; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 12px; font-weight: 400;"><strong>{{ single_price($orderDetail->price/$orderDetail->quantity) }}</strong></h1>


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


            </div>
          </div>
        </div>

        <div class="u-col u-col-33p33v" style="max-width: 70px;min-width: 70px;display: table-cell;vertical-align: top;">
          <div style="background-color: #ffffff;height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

            <div style="box-sizing: border-box; height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

              <table id="u_content_heading_11" style="font-family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
                <tbody>
                  <tr>
                    <td class="v-container-padding-padding" style="overflow-wrap:break-word;word-break:break-word;padding:10px 10px;font-family:arial,helvetica,sans-serif;" align="left">


                      <h1 class="v-font-size fontic" style="margin: 0px; line-height: 140%; text-align: center; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 12px; font-weight: 400;"><strong>{{ single_price($orderDetail->tax/$orderDetail->quantity) }}</strong></h1>


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


            </div>
          </div>
        </div>

        <!--[if (mso)|(IE)]><td align="center" width="200" style="background-color: #ffffff;width: 200px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->


        <!--[if (mso)|(IE)]><td align="center" width="200" style="background-color: #ffffff;width: 200px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->
        <div class="u-col u-col-33p33e" style="max-width: 100px;min-width: 100px;display: table-cell;vertical-align: top;">
          <div style="background-color: #ffffff;height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

            <div style="box-sizing: border-box; height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

              <table id="u_content_heading_12" style="font-family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
                <tbody>
                  <tr>
                    <td class="v-container-padding-padding" style="overflow-wrap:break-word;word-break:break-word;padding:10px 10px;font-family:arial,helvetica,sans-serif;" align="left">


                      <h1 class="v-font-size fontic" style="margin: 0px; line-height: 140%; text-align: center; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 12px; font-weight: 400;"><strong>{{ single_price($orderDetail->price+$orderDetail->tax) }}</strong></h1>


                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="u-row-container" style="padding: 0px;background-color: transparent">
    <div class="u-row no-stack" style="margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;">
      <div style="border-collapse: collapse;display: table;width: 100%;height: 100%;background-color: transparent;">
        <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px;background-color: transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px;"><tr style="background-color: transparent;"><![endif]-->

        <!--[if (mso)|(IE)]><td align="center" width="400" style="background-color: #ffffff;width: 400px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->
        <div class="u-col u-col-66p67" style="max-width: 320px;min-width: 400px;display: table-cell;vertical-align: top;">
          <div style="background-color: #ffffff;height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

            <div style="box-sizing: border-box; height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

              <table id="u_content_heading_31" style="font-family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
                <tbody>
                  <tr>
                    <td class="v-container-padding-padding" style="overflow-wrap:break-word;word-break:break-word;padding:10px 10px 20px 270px;font-family:arial,helvetica,sans-serif;" align="left">

                      <h1 class="v-font-size" style="margin: 0px; color: #1b1c4a; line-height: 140%; text-align: right; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 400; padding-bottom: 1%;"><strong>SubTotal:</strong></h1>
                      <h1 class="v-font-size" style="margin: 0px; color: #1b1c4a; line-height: 140%; text-align: right; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 400; padding-bottom: 1%;"><strong>Envío:</strong></h1>
                      <h1 class="v-font-size" style="margin: 0px; color: #1b1c4a; line-height: 140%; text-align: right; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 400; padding-bottom: 1%;"><strong>I.T.B.I.S:</strong></h1>
                      <h1 class="v-font-size" style="margin: 0px; color: #1b1c4a; line-height: 140%; text-align: right; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 400; padding-bottom: 2%;"><strong>Cupón:</strong></h1>
                      <h1 class="v-font-size" style="margin: 0px; color: #1b1c4a; line-height: 140%; text-align: right; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 15px; font-weight: 400;"><strong>Total:</strong></h1>


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


            </div>
          </div>
        </div>

        <!--[if (mso)|(IE)]><td align="center" width="200" style="background-color: #1b1c4a;width: 200px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->
        <div class="u-col u-col-33p33" style="max-width: 320px;min-width: 200px;display: table-cell;vertical-align: top;">
          <div style="background-color: #1b1c4a;height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

            <div style="box-sizing: border-box; height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

              <table id="u_content_heading_15" style="font-family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
                <tbody>
                  <tr>
                    <td class="v-container-padding-padding" style="overflow-wrap:break-word;word-break:break-word;padding:10px 10px;font-family:arial,helvetica,sans-serif;" align="left">

                      <h1 class="v-font-size" style="margin: 0px; color: #ffffff; line-height: 140%; text-align: right; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 400; padding-bottom: 1%;"><strong>{{ single_price($order->orderDetails->sum('price')) }}</strong></h1>
                      <h1 class="v-font-size" style="margin: 0px; color: #ffffff; line-height: 140%; text-align: right; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 400; padding-bottom: 1%;"><strong>{{ single_price($order->orderDetails->sum('shipping_cost')) }}</strong></h1>
                      <h1 class="v-font-size" style="margin: 0px; color: #ffffff; line-height: 140%; text-align: right; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 400; padding-bottom: 1%;"><strong>{{ single_price($order->orderDetails->sum('tax')) }}</strong></h1>
                      <h1 class="v-font-size" style="margin: 0px; color: #ffffff; line-height: 140%; text-align: right; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 10px; font-weight: 400; padding-bottom: 2%;"><strong>{{ single_price($order->coupon_discount) }}</strong></h1>
                      <h1 class="v-font-size" style="margin: 0px; color: #ffffff; line-height: 140%; text-align: right; word-wrap: break-word; font-family: 'Montserrat',sans-serif; font-size: 15px; font-weight: 400;"><strong>{{ single_price($order->grand_total) }}</strong></h1>


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


            </div>
          </div>
        </div>


      </div>
    </div>
  </div>
  <!-- Detalles de la factura -->




  <div class="u-row-container" style="padding: 0px;background-color: transparent">
    <div class="u-row" style="margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;">
      <div style="border-collapse: collapse;display: table;width: 100%;height: 100%;background-color: transparent;">
        <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px;background-color: transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px;"><tr style="background-color: transparent;"><![endif]-->

        <!--[if (mso)|(IE)]><td align="center" width="600" style="background-color: #ffffff;width: 600px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->
        <div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
          <div style="background-color: #ffffff;height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

            <div style="box-sizing: border-box; height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

              <table style="font-family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
                <tbody>
                  <tr>
                    <td class="v-container-padding-padding" style="overflow-wrap:break-word;word-break:break-word;padding:10px 10px 20px;font-family:arial,helvetica,sans-serif;" align="left">

                      <div class="v-font-size" style="font-size: 12px; line-height: 140%; text-align: left; word-wrap: break-word;">
                        <p style="font-size: 14px; line-height: 180%;"><span style="font-family: Montserrat, sans-serif; font-size: 12px; line-height: 25.2px;">Si tienes alguna pregunta con respecto a esta factura, por favor da clic en el siguiente link, para ser dirigido a soporte. <a href="https://soporte.lapieza.do" target="_blank" rel="noopener">Click Aqui!</a></span></p>

                      </div>

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


            </div>
          </div>
        </div>


      </div>
    </div>
  </div>





  <div class="u-row-container" style="padding: 0px;background-color: transparent">
    <div class="u-row" style="margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;">
      <div style="border-collapse: collapse;display: table;width: 100%;height: 100%;background-color: transparent;">
        <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px;background-color: transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px;"><tr style="background-color: transparent;"><![endif]-->

        <!--[if (mso)|(IE)]><td align="center" width="600" style="background-color: #1b1c4a;width: 600px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;" valign="top"><![endif]-->
        <div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
          <div style="background-color: #1b1c4a;height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">
            <br>
            <div style="box-sizing: border-box; height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">



              <table style="font-family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
                <tbody>
                  <tr>
                    <td class="v-container-padding-padding" style="overflow-wrap:break-word;word-break:break-word;padding:10px 10px 40px;font-family:arial,helvetica,sans-serif;" align="left">

                      <div class="v-font-size" style="font-size: 12px; color: #ffffff; line-height: 140%; text-align: center; word-wrap: break-word;">
                        <p style="font-size: 14px; line-height: 140%;"><span style="font-family: Montserrat, sans-serif; font-size: 12px; line-height: 19.6px;">C/ Marcos Ruiz No.118, Villa Juana, Santo Domingo.</span></p>
                        <p style="font-size: 14px; line-height: 140%;"><span style="font-family: Montserrat, sans-serif; font-size: 12px; line-height: 19.6px;">+1 809-653-0808 | Derechos Reservados | <span style="color: #fff;">La Pieza.<span style="color: #E63108;">DO</span></span></span></p>
                        <p style="font-size: 14px; line-height: 140%;">&nbsp;</p>

                      </div>
                      <div class="menu" style="text-align:center">
                        <!--[if (mso)|(IE)]><table role="presentation" border="0" cellpadding="0" cellspacing="0" align="center"><tr><![endif]-->

                        <!--[if (mso)|(IE)]><td style="padding:5px 15px"><![endif]-->

                        <span style="padding:5px 15px;display:inline-block;color:#fff;font-family:'Montserrat',sans-serif;;font-size:12px;"> <a href="https://lapieza.do" style="color: #fff; text-decoration: none;"> Nosotros </a> </span>

                        <!--[if (mso)|(IE)]></td><![endif]-->

                        <!--[if (mso)|(IE)]><td style="padding:5px 15px"><![endif]-->
                        <span style="padding:5px 15px;display:inline-block;color:#fff;font-family:'Montserrat',sans-serif;font-size:12px; font-weight: bold;" class="hide-mobile">
                          |
                        </span>
                        <!--[if (mso)|(IE)]></td><![endif]-->


                        <!--[if (mso)|(IE)]><td style="padding:5px 15px"><![endif]-->

                        <span style="padding:5px 15px;display:inline-block;color:#fff;font-family:'Montserrat',sans-serif;font-size:12px;"><a href="https://wa.me/+18096530808" target="_blank" style="color: #fff; text-decoration: none;"> Contacto </a> </span>

                        </span>

                        <!--[if (mso)|(IE)]></td><![endif]-->

                        <!--[if (mso)|(IE)]><td style="padding:5px 15px"><![endif]-->
                        <span style="padding:5px 15px;display:inline-block;color:#fff;font-family:'Montserrat',sans-serif;font-size:12px;font-weight: bold;" class="hide-mobile">
                          |
                        </span>
                        <!--[if (mso)|(IE)]></td><![endif]-->


                        <!--[if (mso)|(IE)]><td style="padding:5px 15px"><![endif]-->

                        <span style="padding:5px 15px;display:inline-block;color:#fff;font-family:'Montserrat',sans-serif;font-size:12px;"><a href="https://soporte.lapieza.do" style="color: #fff; text-decoration: none;"> Soporte </a>

                        </span>

                        <!--[if (mso)|(IE)]></td><![endif]-->


                        <!--[if (mso)|(IE)]></tr></table><![endif]-->
                      </div>


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



            </div>
          </div>
        </div>


      </div>
    </div>
  </div>



  <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
  </td>
  </tr>
  </tbody>
  </table>
  <!--[if mso]></div><![endif]-->
  <!--[if IE]></div><![endif]-->
</body>

</html>