<!DOCTYPE html>
<html lang="es">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="initial-scale=1.0">
    <!-- So that mobile webkit will display zoomed in -->
    <meta name="format-detection" content="telephone=no">
    <!-- disable auto telephone linking in iOS -->
    <title>gigante del hogar - Pedido cancelado</title>
    <style type="text/css">
        /* Resets: see reset.css for details */
        .ReadMsgBody {
            width: 100%;
            background-color: #ebebeb;
        }

        .ExternalClass {
            width: 100%;
            background-color: #ebebeb;
        }

        .ExternalClass,
        .ExternalClass p,
        .ExternalClass span,
        .ExternalClass font,
        .ExternalClass td,
        .ExternalClass div {
            line-height: 100%;
        }

        body {
            -webkit-text-size-adjust: none;
            -ms-text-size-adjust: none;
        }

        body {
            padding: 0;
        }

        td a {
            text-decoration: none !important;
        }

        table td {
            border-collapse: collapse;
        }

        .yshortcuts a {
            border-bottom: none !important;
        }

        @media only screen and (max-width: 1200px) {
            table[class="container"] {
                width: 100% !important;
            }

            body {
                font-size: 25px !important;
            }
        }
    </style>
</head>

<body marginwidth="0" marginheight="0" bgcolor="#fff" style="padding:0px
        0px;color:#333;" leftmargin="0" topmargin="0">
    <table width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#fff" style="max-width: 700px; margin: auto; font-family: Arial,
            Helvetica, sans-serif;">
        <tbody>
            <tr>
                <td align="center" class="container-padding">
                    <table width=" 100%" cellspacing="0" cellpadding="0" border="0" align="center"
                        style="padding: 0px;border:none;border-left:0px;border-right:0px; border-top: solid 20px #2D2DD3">
                        <tbody>
                            <tr>
                                <td align="center" class="container-padding">
                                    <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"
                                        style="padding: 0px;border:none;border-left:0px;border-right:0px;">
                                        <tbody>
                                            <tr>
                                                <td align="center">
                                                    <a href="http://wwww.gigantedelhogar.com">
                                                        <img border="0"
                                                            style="padding: 0px 0px;border:none;border-left:0px;border-right:0px;"
                                                            src=https://gigantedelhogar.vteximg.com.br/arquivos/CO-LogoGiganteDelHogar.png
                                                            width="200px">
                                                    </a>
                                                </td>
                                                <td align="right" style="text-align: center;">
                                                    <a href="https://wa.me/573185036690" target="FB">
                                                        <img border="0"
                                                            style="padding: 0px 0px;border:none;border-left:0px;border-right:0px;"
                                                            src=https://gigantedelhogar.vteximg.com.br/arquivos/WA-MAILS.png
                                                            width="255px">
                                                    </a>
                                                </td>

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


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

                            <tr>
                                <td align="center" style="padding: 20px">
                                    <div>
                                        <p style="color: #4d4d4d; margin:
                                                5px 0px">
                                            <span>
                                                <strong style="font-size:
                                                        26px;color:grey;">
                                                    ¡Tu pedido ha sido cancelado!
                                                </strong>
                                            </span>
                                        </p>
                                        <p style="color: #4d4d4d;
                                                font-weight: bold; margin: 0 0
                                                10px">
                                            <span>
                                                <strong style="font-size:
                                                        26px; color: #444242">
                                                    {{clientProfileData.firstName}}
                                                    {{clientProfileData.lastName}}
                                                </strong>
                                            </span>
                                        </p>
                                    </div>
                                </td>
                            </tr>


                            <tr>
                                <td align="center" style="padding: 10px 0;">
                                    <div style="color: #4D4D4D;">
                                        <a href="https://www.gigantedelhogar.com">
                                            <img border="0"
                                                style="padding:
                                                            20px 50px;border:none;border-left:0px;border-right:0px; max-width: 550px"
                                                src="https://gigantedelhogar.myvtex.com/arquivos/mail-05.png"
                                                alt="Gracias por tu pedido" width="700px">
                                        </a>
                                        </p>
                                    </div>
                                </td>
                            </tr>

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


            <tr>
                <td align="left" style="color: #000; text-align: left; padding: 40px 0px;
                    font-size: 16px; background-color: white; ">

                    <p style="color: #5B5B5F; padding: 0 20px;">

                        <span style="font-size: 20px;color:#BF0411">DETALLE DE TU PEDIDO</span><br />
                        <span style="font-size: 20px;color:#5B5B5F">
                            PEDIDO N° {{replace orderId
                            "-01" ""}}
                        </span><br />

                        <!-- <strong> • Fecha del pedido: </strong>{{formatDate
                                        creationDate}}<br> -->
                        • Nombre del cliente: {{clientProfileData.firstName}}
                        {{clientProfileData.lastName}}<br>
                        • Documento: {{clientProfileData.document}}<br>
                        • Email: {{customData.customApps.0.fields.email}}<br>
                        • Forma de pago: {{replace
                        paymentData.transactions.0.payments.0.paymentSystemName
                        "Cash" "contra entrega"}}<br>

                        {{#eq
                        shippingData.address.addressType
                        "pickup"}}
                        • Retiro en tienda:
                        {{shippingData.pickupPoints.0.friendlyName}}<br>
                        {{shippingData.address.street}}
                        {{shippingData.address.number}}
                        {{shippingData.address.neighborhood}}
                        {{shippingData.address.complement}}
                        {{shippingData.address.reference}}
                        {{shippingData.address.city}}
                        {{shippingData.address.state}}
                        {{shippingData.address.postalCode}}<br>
                        {{shippingData.pickupPoints.0.additionalInfo}}
                        {{/eq}}

                        {{#eq
                        shippingData.address.addressType
                        "residential"}}
                        • Dirección: {{shippingData.address.street}}
                        {{shippingData.address.number}}
                        {{shippingData.address.neighborhood}}
                        {{shippingData.address.complement}}
                        {{shippingData.address.reference}}
                        {{shippingData.address.city}}
                        {{shippingData.address.state}}
                        {{shippingData.address.postalCode}}<br>
                        {{/eq}}

                        • Teléfono: <a href="tel:{{clientProfileData.phone}}"
                            style="color: #4D4D4D">{{clientProfileData.phone}}</a><br>
                        <!-- <strong> • Entregar a:</strong>
                                        {{shippingData.address.receiverName}} -->
                    </p>
                </td>
            </tr>

            <tr>
                <td align="center" style="color: #4D4D4D; text-align: center;
                                    padding: 20px 0 20px 10px; font-size:
                                    15px; background-color: #fff; border-radius:
                                    15px;">
                    <!-- Inicio de la Orden -->

                    <!-- Inicio de los items -->
                    {{#each items}}
                    <table width="100%" cellspacing="0" cellpadding="0" border="0" style="max-width: 700px; margin: auto;
                                        font-family: Arial, Helvetica,
                                        sans-serif; border-radius: 10px;">
                        <tbody>
                            <tr>
                                <td align="left" style="width:
                                                    150px;">
                                    <a href="https://gigantedelhogar.myvtex.com/{{detailUrl}}">
                                        <img src="{{replace imageUrl '55-55' '150-150'}}" alt="{{name}}" height="150px"
                                            style="margin: 5px
                                                            15px 5px 0;">
                                    </a>
                                </td>
                                <td align="left" style="font-size:
                                                    15px;padding-right: 20px;
                                                    line-height: 1.2">
                                    <span style="font-size:
                                                        15px; color: #606060;
                                                        font-weight: bold;">
                                        {{name}}
                                    </span><br>
                                    <span style="font-size:
                                                        14px; color: #404041">
                                        Cantidad: {{quantity}}<br>
                                        Código: {{ean}}<br>
                                    </span>

                                    <span style="color:
                                                        #040422;font-size:14px;color:
                                                        #404041">
                                        <span style="display:inline-block;">
                                            {{#each
                                            ../shippingData.logisticsInfo}}
                                            {{#eq itemId ../id}}
                                            {{#each slas}}
                                            <span>
                                                Entrega: </span>
                                            {{#eq ../selectedSla
                                            id}}
                                            {{#if
                                            deliveryWindow}}
                                            Agendada
                                            {{else}}
                                            {{#unless
                                            shippingEstimateDate}}
                                            hasta
                                            {{#hasSubStr
                                            shippingEstimate
                                            'bd'}}
                                            {{replace
                                            shippingEstimate
                                            'bd' ' días
                                            hábiles.'}}
                                            {{else}}

                                            {{replace
                                            shippingEstimate 'd'
                                            ' día.'}}
                                            {{/hasSubStr}}
                                            {{else}}

                                            hasta
                                            {{shippingEstimate}}
                                            -
                                            {{formatDate
                                            shippingEstimateDate}}
                                            {{/unless}}
                                            {{/if}}
                                            {{/eq}}

                                            {{/each}}
                                            {{/eq}}
                                            {{/each}}



                                </td>
                                <td align="left" style="width:120px;
                                                            text-align:
                                                            right;padding-right:
                                                            20px">
                                    <span style="font-weight:
                                                                700;font-size:
                                                                22px;color:
                                                                grey; margin:
                                                                10px 0">${{formatCurrency
                                        sellingPrice}}</span>
                                </td>

                            </tr>
                        </tbody>
                    </table>
                    <!-- fin de los Items -->
                    {{/each}}

                    <!-- Totales -->
                    <table width="100%" cellspacing="0" cellpadding="0" border="0" style="max-width: 700px; margin:
                                                40px auto auto; font-family:
                                                Arial, Helvetica, sans-serif;
                                                color: #414042; border-top: 1px
                                                solid #414042;">
                        <tbody>
                            <tr>
                                <td>
                                    <table width="100%" cellspacing="0" cellpadding="1" border="0" align="right" style="margin:
                                                                0px 0; padding:
                                                                20px 20px
                                                                20px;">
                                        <tbody>
                                            {{#each
                                            totals}}
                                            {{#if
                                            value}}
                                            <tr>
                                                <td valign="top" align="left" style="color:#606060;
                                                                            font-size:
                                                                            16px;">
                                                    {{#eq
                                                    id
                                                    "Items"}}Sub-total:
                                                    {{/eq}}
                                                    {{#eq
                                                    id
                                                    "Shipping"}}Envío:
                                                    {{/eq}}
                                                    {{#eq
                                                    id
                                                    "Discounts"}}Descuentos:
                                                    {{/eq}}
                                                    {{#eq
                                                    id
                                                    "Tax"}}Impuestos:
                                                    {{/eq}}
                                                </td>
                                                <td valign="top" align="right" style="text-align:right;font-size:
                                                                            16px;color:#606060;">
                                                    $
                                                    {{formatCurrency
                                                    value}}
                                                </td>
                                            </tr>
                                            {{/if}}
                                            {{/each}}
                                            {{#if
                                            value}}
                                            <tr>
                                                <td valign="top" align="left" style="font-weight:bold;font-size:
                                                                            24px;">
                                                    <span style="color:#606060;">TOTAL:</span>
                                                </td>
                                                <td valign="top" align="right" style="color:#606060;
                                                                            text-align:ri;font-size:
                                                                            24px;
                                                                            font-weight:
                                                                            700;">
                                                    ${{formatCurrency
                                                    value}}
                                                </td>
                                            </tr>
                                            {{/if}}
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                    </table>

                </td>
            </tr>
            <tr>
                <td bgcolor="#BF0411" align="center" class="container-padding" style="background-color: #BF0411;">
                    <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"
                        style="padding: 50px 90px 50px 5px;border:none;border-left:0px;border-right:0px;">
                        <tbody>
                            <tr>
                                <td align="center">
                                    <p
                                        style="color: white; font-size: 14px; margin: 0 5px 0 10px; display: inline-flex;">
                                        <a href="https://www.facebook.com" target="FB" style="padding: 0 20px;">
                                            <img src="https://gigantedelhogar.vteximg.com.br/arquivos/facebook-mails.png"
                                                alt="Facebook gigante del hogar" width="50px">
                                        </a>
                                        <a href="https://www.youtube.com/" target="YT" style="padding: 0 20px;">
                                            <img src="https://gigantedelhogar.vteximg.com.br/arquivos/youtube-mails.png"
                                                alt="Youtube gigante del hogar" width="50px">
                                        </a>
                                        <a href="https://www.instagram.com/" target="IG" style="padding: 0 20px;">
                                            <img src="https://gigantedelhogar.vteximg.com.br/arquivos/instagram-mails.png"
                                                alt="Instagram gigante del hogar" width="50px">
                                        </a>
                                    </p>
                                </td>
                                <td align="right">
                                    <p style="color: yellow; font-size: 14px; margin: 0 5px 0 10px;">+57 3185036690
                                    </p>
                                    <p style="color: yellow; font-size: 14px; margin: 0 5px 0 10px;">
                                        <a style="color: yellow">ecommerce@gigantedelhogar.com.co</a>
                                    </p>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>

            </tr>

            <tr>
                <td bgcolor="#ffffff" align="center" class="container-padding" style="background-color: #ffffff;">
                    <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"
                        style="padding: 5px 0;border:none;border-left:0px;border-right:0px;">
                        <tbody>
                            <tr>
                                <td align="center" class="container-padding">
                                    <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"
                                        style="border:none;border-left:0px;border-right:0px;">
                                        <tbody>
                                            <tr>
                                                <td align="center" class="container-padding"
                                                    style="padding: 15px 20px 10px;" ;>
                                                    <table width="100%" cellspacing="0" cellpadding="0" border="0"
                                                        align="center"
                                                        style="padding: 5px 0;border:none;border-left:0px;border-right:0px;">
                                                        <tbody>
                                                            <tr>
                                                                <td align="center" class="container-padding">
                                                                    <table width="100%" cellspacing="0" cellpadding="0"
                                                                        border="0" align="center"
                                                                        style="border:none;border-left:0px;border-right:0px;">
                                                                        <tbody>

                                                                            <tr>
                                                                                <td align="left">
                                                                                    <p
                                                                                        style="color: #4D4D4D; font-size: 10px; margin: 10px;">
                                                                                        Copyright 2023 © El gigante del
                                                                                        Hogar | Todos los derechos
                                                                                        reservados
                                                                                    </p>
                                                                                    <p
                                                                                        style="color: #4D4D4D; font-size: 10px; margin: 10px;">
                                                                                        Agencia ecommerce XtrategiK SAS
                                                                                        <a href="https://www.xtrategik.com/"
                                                                                            target="Xtrategik"
                                                                                            style="padding: 20px">
                                                                                            <img src="https://gigantedelhogar.vteximg.com.br/arquivos/CO-xtrategik.png"
                                                                                                alt="Xtrategik Agencia Ecommerce"
                                                                                                width="60px">
                                                                                        </a>
                                                                                        Tecnología
                                                                                        <a href="https://www.vtex.com/"
                                                                                            target="VTEX"
                                                                                            style="padding: 20px">
                                                                                            <img src="https://gigantedelhogar.vteximg.com.br/arquivos/CO-vtex.png"
                                                                                                alt="Tecnología VTEX"
                                                                                                width="40px">
                                                                                        </a>
                                                                                    </p>
                                                                                </td>
                                                                                <td>
                                                                                    <img src="https://gigantedelhogar.vteximg.com.br/arquivos/CO-LogoGiganteDelHogar.png"
                                                                                        alt="Logo Gigante del Hogar"
                                                                                        width="100px">
                                                                                </td>
                                                                            </tr>

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


        </tbody>
    </table>
</body>

</html>