<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.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)|(IE)]>
            <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" />
    <!-- So that mobile will display zoomed in -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- enable media queries for windows phone 8 -->
    <meta name="format-detection" content="telephone=no" />
    <!-- disable auto telephone linking in iOS -->
    <meta name="format-detection" content="date=no" />
    <!-- disable auto date linking in iOS -->
    <meta name="format-detection" content="address=no" />
    <!-- disable auto address linking in iOS -->
    <meta name="format-detection" content="email=no" />
    <!-- disable auto email linking in iOS -->
    <meta name="color-scheme" content="only" />
    <title></title>
    <style type="text/css">
        /*Basics*/
        body {
            margin: 0px !important;
            padding: 0px !important;
            display: block !important;
            min-width: 100% !important;
            width: 100% !important;
            -webkit-text-size-adjust: none;
        }

        strong {
            font-weight: 600;
        }

        table {
            border-spacing: 0;
            mso-table-lspace: 0pt;
            mso-table-rspace: 0pt;
        }

        table td {
            border-collapse: collapse;
            mso-line-height-rule: exactly;
        }

        td img {
            -ms-interpolation-mode: bicubic;
            width: auto;
            max-width: auto;
            height: auto;
            margin: auto;
            display: block !important;
            border: 0px;
        }

        td p {
            margin: 0;
            padding: 0;
        }

        td div {
            margin: 0;
            padding: 0;
        }

        td a {
            text-decoration: none;
            color: inherit;
        }

        /*Outlook*/
        .ExternalClass {
            width: 100%;
        }

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

        .ReadMsgBody {
            width: 100%;
            background-color: #ffffff;
        }

        /* iOS BLUE LINKS */
        a[x-apple-data-detectors] {
            color: inherit !important;
            text-decoration: none !important;
            font-size: inherit !important;
            font-family: inherit !important;
            font-weight: inherit !important;
            line-height: inherit !important;
        }

        /*Gmail blue links*/
        u+#body a {
            color: inherit;
            text-decoration: none;
            font-size: inherit;
            font-family: inherit;
            font-weight: inherit;
            line-height: inherit;
        }

        /*Buttons fix*/
        .undoreset a,
        .undoreset a:hover {
            text-decoration: none !important;
        }

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

        .ios-footer a {
            color: #aaaaaa !important;
            text-decoration: none;
        }

        /*Responsive*/
        @media screen and (max-width: 799px) {
            table.row {
                width: 100% !important;
                max-width: 100% !important;
            }

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

            .img-responsive img {
                width: 100% !important;
                max-width: 100% !important;
                height: auto !important;
                margin: auto;
            }

            .center-float {
                float: none !important;
                margin: auto !important;
            }

            .center-text {
                text-align: center !important;
            }

            .container-padding {
                width: 100% !important;
                padding-left: 20px !important;
                padding-right: 20px !important;
            }

            .container-padding10 {
                width: 100% !important;
                padding-left: 10px !important;
                padding-right: 10px !important;
            }

            .hide-mobile {
                display: none !important;
            }

            .menu-container {
                text-align: center !important;
            }

            .autoheight {
                height: auto !important;
            }

            .m-padding-10 {
                margin: 10px 0 !important;
            }

            .m-padding-15 {
                margin: 15px 0 !important;
            }

            .m-padding-20 {
                margin: 20px 0 !important;
            }

            .m-padding-30 {
                margin: 30px 0 !important;
            }

            .m-padding-40 {
                margin: 40px 0 !important;
            }

            .m-padding-50 {
                margin: 50px 0 !important;
            }

            .m-padding-60 {
                margin: 60px 0 !important;
            }

            .m-padding-top10 {
                margin: 30px 0 0 0 !important;
            }

            .m-padding-top15 {
                margin: 15px 0 0 0 !important;
            }

            .m-padding-top20 {
                margin: 20px 0 0 0 !important;
            }

            .m-padding-top30 {
                margin: 30px 0 0 0 !important;
            }

            .m-padding-top40 {
                margin: 40px 0 0 0 !important;
            }

            .m-padding-top50 {
                margin: 50px 0 0 0 !important;
            }

            .m-padding-top60 {
                margin: 60px 0 0 0 !important;
            }

            .m-height10 {
                font-size: 10px !important;
                line-height: 10px !important;
                height: 10px !important;
            }

            .m-height15 {
                font-size: 15px !important;
                line-height: 15px !important;
                height: 15px !important;
            }

            .m-height20 {
                font-size: 20px !important;
                line-height: 20px !important;
                height: 20px !important;
            }

            .m-height25 {
                font-size: 25px !important;
                line-height: 25px !important;
                height: 25px !important;
            }

            .m-height30 {
                font-size: 30px !important;
                line-height: 30px !important;
                height: 30px !important;
            }

            .rwd-on-mobile {
                display: inline-block !important;
                padding: 5px;
            }

            .center-on-mobile {
                text-align: center !important;
            }

            .rwd-col {
                width: 100% !important;
                max-width: 100% !important;
                display: inline-block !important;
            }
        }
    </style>

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap"
        rel="stylesheet">
</head>

<body
    style="margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%"
    bgcolor="#e9edee">
    <span class="preheader-text"
        style="color: transparent; height: 0; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; visibility: hidden; width: 0; display: none; mso-hide: all"></span>
    <!-- Preheader white space hack -->
    <div style="display: none; max-height: 0px; overflow: hidden">‌</div>

    <table style="width: 100%; max-width: 100%" width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
        <tbody>
            <tr>
                <!-- Outer Table -->
                <td bgcolor="#ffffff" align="center">
                    <!--
						::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
							HEADER LOGO
						::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
						-->
                    <table class="row" role="presentation" style="width: 800px; max-width: 800px" width="800"
                        cellspacing="0" cellpadding="0" border="0" align="center">
                        <!-- oxygen-header-16 -->
                        <tbody>
                            <tr>
                                <td bgcolor="#ffffff" align="center">
                                    <div>
                                        <!-- oxygen-header-16-bg-image -->
                                        <table role="presentation" style="width: 100%; max-width: 100%" width="100%"
                                            cellspacing="0" cellpadding="0" border="0" align="center">
                                            <tbody>
                                                <tr>
                                                    <td style="background-size: cover; background-position: center top"
                                                        align="center">
                                                        <!-- Content -->
                                                        <table role="presentation" class="row"
                                                            style="width: 770px; max-width: 770px" width="770"
                                                            cellspacing="0" cellpadding="0" border="0" align="center">
                                                            <tbody>
                                                                <tr>
                                                                    <td style="font-size: 40px; line-height: 40px"
                                                                        height="40">&nbsp;</td>
                                                                </tr>
                                                                <tr style="">
                                                                    <td class="center-text container-padding"
                                                                        style="font-family: 'Playfair Display', serif; font-size: 36px; line-height: 42px; font-weight: 400; font-style: normal; color: #ffffff; text-decoration: none; letter-spacing: 0px"
                                                                        align="center">
                                                                        <a href="https://www.pagodecarraovejas.com/"
                                                                            title="Pago de Carraovejas"
                                                                            style="text-decoration: none; color: #4c4c4c">
                                                                            <img style="font-family: 'Playfair Display', serif; width: 250px; border: 0px; display: inline !important"
                                                                                src="<?php echo $compra['domainLink']; ?>/wp-content/plugins/visitas/modules/visitas/reservas/images/mail_qr_gastrobar/logo_PDC.png"
                                                                                alt="Pago de Carraovejas" width="250"
                                                                                border="0" />
                                                                        </a>
                                                                    </td>
                                                                </tr>

                                                                <tr>
                                                                    <td style="font-size: 30px; line-height: 30px"
                                                                        height="30">&nbsp;</td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                        <!-- Content -->
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <!-- oxygen-header-16-bg-image -->
                                    </div>
                                </td>
                            </tr>
                            <!-- oxygen-header-16 -->
                        </tbody>
                    </table>
                    <!-- ::::::::::::::::::::::::: fin HEADER LOGO ::::::::::::::::::::::::: -->

                    <!--
						::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
							TEXTO SALUDO
						::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
						-->
                    <table class="row" role="presentation" style="width: 800px; max-width: 800px" width="800"
                        cellspacing="0" cellpadding="0" border="0" align="center">
                        <!-- oxygen-title-1 -->
                        <tbody>
                            <tr>
                                <td class="container-padding" bgcolor="" align="center">
                                    <!-- Content -->
                                    <table class="row" role="presentation" style="width: 770px; max-width: 770px"
                                        width="770" cellspacing="0" cellpadding="0" border="0" align="center">
                                        <tbody>
                                            <tr>
                                                <td style="font-size: 30px; line-height: 30px;border-top: 0.5px solid #cccccc;"
                                                    height="30">&nbsp;</td>
                                            </tr>

                                            <tr>
                                                <td class=""
                                                    style="font-family: 'Playfair Display', serif; font-size: 36px; line-height: 42px; font-weight: 200; font-style: normal; color: #333333; text-decoration: none; letter-spacing: 0.03em;"
                                                    align="center">
                                                    <div style="margin: 0px; padding: 0px">
                                                        <p style="margin: 0px; padding: 0px">
                                                            Hola
                                                            <strong style="font-weight: 600"><?php echo $compra['nombre']; ?></strong><br />
                                                        </p>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td style="font-size: 10px; line-height: 10px" height="10">&nbsp;</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <!-- Content -->
                                </td>
                            </tr>
                            <!-- oxygen-title-1 -->
                        </tbody>
                    </table>
                    <!-- ::::::::::::::::::::::::: fin TEXTO SALUDO ::::::::::::::::::::::::: -->

                    <!--
						::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
							PÁRRAFO
						::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
						-->
                    <table data-outer-table="" class="outer-table row" role="presentation"
                        style="width: 800px; max-width: 800px" width="800" cellspacing="0" cellpadding="0" border="0"
                        align="center">
                        <!-- digitup-preface -->
                        <tbody>
                            <tr>
                                <td bgcolor="" align="center">
                                    <!-- Content -->
                                    <table data-inner-table="" class="inner-table row container-padding"
                                        role="presentation" style="width: 770px; max-width: 770px" width="770"
                                        cellspacing="0" cellpadding="0" border="0" align="center">
                                        <tbody>
                                            <tr>
                                                <td style="font-size: 25px; line-height: 25px" height="25">&nbsp;</td>
                                            </tr>

                                            <tr>
                                                <td style="font-family: 'Playfair Display', serif; font-size: 14px; line-height: 18px; font-weight: 400; font-style: normal; color: #333333; text-decoration: none; letter-spacing: 0.03em"
                                                    align="center">
                                                    <div style="margin: 0px; padding: 0px">
                                                        
                                                        <?php 
                                                            if((int)$compra['mesa'] != 0){
                                                        ?>
                                                            <p style="margin: 0px; padding: 0px">
                                                                Has realizado este pedido (<span style="color: #111"><?php echo $compra['localizador']; ?></span>) con id: <span style="color: #111"><?php echo $compra['id_pedido'];?></span> pagado con: <span style="color: #111"><?php echo $compra['pago_seleccionado'];?></span></strong> en la
                                                                <strong
                                                                    style="font-family: 'Playfair Display', serif; font-size: 16px; letter-spacing: 2px; font-weight: 600">MESA
                                                                    <?php echo $compra['mesa']; ?></strong>
                                                                de nuestro Gastro-Bar:
                                                            </p>
                                                        <?php 
                                                            }else{
                                                        ?>
                                                            <p style="margin: 0px; padding: 0px">
                                                                Has realizado este pedido en la
                                                                (<span style="color: #111"><?php echo $compra['localizador']; ?></span>) con id: <span style="color: #111"><?php echo $compra['id_pedido'];?></span> pagado con: <span style="color: #111"><?php echo $compra['pago_seleccionado'];?></span>
                                                            </p>
                                                        <?php 
                                                           }
                                                        ?>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td style="font-size: 40px; line-height: 40px" height="40">&nbsp;</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <!-- Content -->
                                </td>
                            </tr>
                            <!-- digitup-preface -->
                        </tbody>
                    </table>
                    <!-- ::::::::::::::::::::::::: fin PÁRRAFO ::::::::::::::::::::::::: -->

                    <!--
						::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
							PRODUCTOS PEDIDO
						::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
						-->
                    <table data-outer-table="" class="outer-table row" role="presentation"
                        style="width: 770px; max-width: 770px" width="770" cellspacing="0" cellpadding="0" border="0"
                        align="center">
                        <!-- digitup-services-1 -->
                        <tbody>
                            <tr>
                                <td bgcolor="#FFFFFF" align="center"
                                    style="border: 0.5px solid #ddd; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;">
                                    <!-- Content -->
                                    <table data-inner-table="" class="inner-table row container-padding"
                                        role="presentation" style="width: 740px; max-width: 740px" width="740"
                                        cellspacing="0" cellpadding="0" border="0" align="center">
                                        <tbody>
                                            <tr>
                                                <td style="font-size: 10px; line-height: 10px" height="10">&nbsp;</td>
                                            </tr>

                                            <?php foreach ($compra['extras_seleccionados'] as $extra): ?>

                                            <tr>
                                                <td align="center" style="border-bottom: 0.5px dashed #eeeeee">
                                                    <!-- rwd-col -->
                                                    <table style="width: 100%; max-width: 100%" width="100%"
                                                        cellspacing="0" cellpadding="0" border="0" align="center">
                                                        <tbody>
                                                            <tr>
                                                                <td style="font-size: 10px; line-height: 10px"
                                                                    height="10">&nbsp;</td>
                                                            </tr>

                                                            <tr>
                                                                <td class="" style="width: 80px; max-width: 80px"
                                                                    width="80" align="center">
                                                                    <!-- column -->
                                                                    <table role="presentation" class=""
                                                                        style="width: 80px; max-width: 80px" width="80"
                                                                        cellspacing="0" cellpadding="0" border="0"
                                                                        align="left">
                                                                        <tbody>
                                                                            <tr>
                                                                                <td style="font-family: 'Playfair Display', serif; font-size: 21px; line-height: 24px; font-weight: 400; font-style: normal; text-decoration: none; letter-spacing: 0px"
                                                                                    align="left">
                                                                                    <div
                                                                                        style="margin: 0px; padding: 3px; width: 55px; height: 55px">
                                                                                        <img style="font-family: 'Playfair Display', serif; width: 55px; border: 0px; display: inline !important"
                                                                                            src="<?php echo $extra['imagen']; ?>"
                                                                                            alt="<?php echo $extra['nombre']; ?>"
                                                                                            width="55" border="0" />
                                                                                    </div>
                                                                                </td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>
                                                                    <!-- column -->
                                                                </td>
                                                                <td class="" style="width: 100%; max-width: 100%"
                                                                    width="100%" align="center">
                                                                    <!-- column -->
                                                                    <table role="presentation" class=""
                                                                        style="width: 100%; max-width: 100%"
                                                                        width="100%" cellspacing="0" cellpadding="0"
                                                                        border="0" align="left">
                                                                        <tbody>
                                                                            <tr>
                                                                                <td style="font-family: 'Playfair Display', serif; font-size: 16px; line-height: 18px; color: #666666; letter-spacing: 0.03em;"
                                                                                    align="left">
                                                                                    <div
                                                                                        style="margin: 0px; padding: 0px">
                                                                                        <span style="display: inline-block; padding-right: 5px; font-weight: 400;font-size: 24px;"><?php echo $extra['cantidad']; ?></span>
                                                                                        <?php echo $extra['nombre']; ?>
                                                                                    </div>
                                                                                </td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>
                                                                    <!-- column -->
                                                                </td>
                                                                <td class=""
                                                                    style="width: 80px; max-width: 80px; padding-right: 5px"
                                                                    width="80" align="center">
                                                                    <!-- column -->
                                                                    <table role="presentation" class=""
                                                                        style="width: 80px; max-width: 80px" width="80"
                                                                        cellspacing="0" cellpadding="0" border="0"
                                                                        align="left">
                                                                        <tbody>
                                                                            <tr>
                                                                                <td style="font-family: 'Playfair Display', serif; font-size: 18px; line-height: 18px; font-weight: 400; font-style: normal; color: #666666; text-decoration: none; letter-spacing: 1px; text-align: right;"
                                                                                    align="left">
                                                                                    <div
                                                                                        style="margin: 0px; padding: 0px">
                                                                                        15,50 €</div>
                                                                                </td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>
                                                                    <!-- column -->
                                                                </td>
                                                            </tr>

                                                            <tr>
                                                                <td style="font-size: 10px; line-height: 10px; border-bottom: 0.5px solid #e9edee"
                                                                    height="10" colspan="3">&nbsp;</td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                    <!-- rwd-col -->
                                                </td>
                                            </tr>
                                            
                                            <?php endforeach;?>

                                            <!-- TOTAL PEDIDO -->
                                            <tr>
                                                <td align="center">
                                                    <!-- rwd-col -->
                                                    <table style="width: 100%; max-width: 100%" width="100%"
                                                        cellspacing="0" cellpadding="0" border="0" align="center">
                                                        <tbody>
                                                            <tr>
                                                                <td style="font-size: 15px; line-height: 15px; border-top: 0.5px solid #999999"
                                                                    height="15" colspan="2">&nbsp;</td>
                                                            </tr>

                                                            <?php 
                                                                if (!empty($compra['cupon'])){ 
                                                            ?>
                                                                <tr>
                                                                <td class=""
                                                                    style="width: 50%; max-width: 50%; padding-left: 5px"
                                                                    width="50%" align="center">
                                                                    <!-- column -->
                                                                    <table role="presentation" class=""
                                                                        style="width: 100%; max-width: 100%"
                                                                        width="100%" cellspacing="0" cellpadding="0"
                                                                        border="0" align="left">
                                                                        <tbody>
                                                                            <tr>
                                                                                <td style="font-family: 'Playfair Display', serif; font-size: 18px; line-height: 30px; font-weight: 400; font-style: normal; color: #111111; text-decoration: none; letter-spacing: 1px"
                                                                                    align="left">
                                                                                    <p style=""><?php echo "Cupón: " . $compra['cupon']['codigo']; ?></p>
                                                                                </td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>
                                                                    <!-- column -->
                                                                </td>
                                                                <td class=""
                                                                    style="width: 50%; max-width: 50%; vertical-align: center; padding-right: 5px"
                                                                    width="50%" align="center">
                                                                    <!-- column -->
                                                                    <table role="presentation" class=""
                                                                        style="width: 100%; max-width: 100%"
                                                                        width="100%" cellspacing="0" cellpadding="0"
                                                                        border="0" align="left">
                                                                        <tbody>
                                                                            <tr>
                                                                                <td style="font-family: 'Playfair Display', serif; font-size: 24px; line-height: 30px; color: #111111; letter-spacing: 1px; text-align: right"
                                                                                    align="left">
                                                                                    <div style="margin: 0px; padding: 0px">
                                                                                        <strong>
                                                                                             <?php 
                                                                                                if($compra['cupon']['porcentual'] == 1){
                                                                                                    $simbolo = "%";
                                                                                                }else{
                                                                                                    $simbolo = "€";
                                                                                                }
                                                                                                echo "- " . $compra['cupon']['cantidad'] . ' ' . $simbolo;
                                                                                            ?>
                                                                                        </strong>
                                                                                    </div>
                                                                                </td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>
                                                                    <!-- column -->
                                                                </td>
                                                            </tr>

                                                            <?php } ?>

                                                            <tr>
                                                                <td class=""
                                                                    style="width: 50%; max-width: 50%; padding-left: 5px"
                                                                    width="50%" align="center">
                                                                    <!-- column -->
                                                                    <table role="presentation" class=""
                                                                        style="width: 100%; max-width: 100%"
                                                                        width="100%" cellspacing="0" cellpadding="0"
                                                                        border="0" align="left">
                                                                        <tbody>
                                                                            <tr>
                                                                                <td style="font-family: 'Playfair Display', serif; font-size: 18px; line-height: 30px; font-weight: 400; font-style: normal; color: #111111; text-decoration: none; letter-spacing: 1px"
                                                                                    align="left">
                                                                                    <p style="">Total</p>
                                                                                    <p
                                                                                        style="font-family: 'Playfair Display', serif; font-size: 10px; line-height: 10px">
                                                                                        I.V.A. incluido</p>
                                                                                </td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>
                                                                    <!-- column -->
                                                                </td>
                                                                <td class=""
                                                                    style="width: 50%; max-width: 50%; vertical-align: center; padding-right: 5px"
                                                                    width="50%" align="center">
                                                                    <!-- column -->
                                                                    <table role="presentation" class=""
                                                                        style="width: 100%; max-width: 100%"
                                                                        width="100%" cellspacing="0" cellpadding="0"
                                                                        border="0" align="left">
                                                                        <tbody>
                                                                            <tr>
                                                                                <td style="font-family: 'Playfair Display', serif; font-size: 24px; line-height: 30px; color: #111111; letter-spacing: 1px; text-align: right"
                                                                                    align="left">
                                                                                    <div style="margin: 0px; padding: 0px">
                                                                                        <strong>
                                                                                            <?php 
                                                                                                $value_format = number_format($extra['precio'], 2);
                                                                                                echo  $value_format . ' €';
                                                                                            ?>
                                                                                        </strong>
                                                                                    </div>
                                                                                </td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>
                                                                    <!-- column -->
                                                                </td>
                                                            </tr>

                                                            <tr>
                                                                <td style="font-size: 10px; line-height: 10px"
                                                                    height="10">&nbsp;</td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                    <!-- rwd-col -->
                                                </td>
                                            </tr>
                                            <!-- fin TOTAL PEDIDO -->

                                            <tr>
                                                <td style="font-size: 10px; line-height: 10px" height="10">&nbsp;</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <!-- Content -->
                                </td>
                            </tr>
                            <!-- digitup-services-1 -->
                        </tbody>
                    </table>
                    <!-- ::::::::::::::::::::::::: fin PRODUCTOS PEDIDO ::::::::::::::::::::::::: -->

                    <!--
						::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
							 ESPACIO VACÍO
						::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
						-->
                    <table class="row" role="presentation" style="width: 800px; max-width: 800px" width="800"
                        cellspacing="0" cellpadding="0" border="0" align="center">
                        <!-- anabel-space -->
                        <tbody>
                            <tr>
                                <td bgcolor="" align="center">
                                    <!-- Content -->
                                    <table role="presentation" style="width: 100%; max-width: 100%" width="100%"
                                        cellspacing="0" cellpadding="0" border="0" align="center">
                                        <tbody>
                                            <tr>
                                                <td style="font-size: 40px; line-height: 40px" height="40">&nbsp;</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <!-- Content -->
                                </td>
                            </tr>
                            <!-- anabel-space -->
                        </tbody>
                    </table>
                    <!-- ::::::::::::::::::::::::: fin ESPACIO VACÍO ::::::::::::::::::::::::: -->

                    <!--
						::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
							TUS DATOS
						::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
						-->

                    <table data-outer-table="" class="outer-table row" role="presentation"
                        style="width: 800px; max-width: 800px" width="800" cellspacing="0" cellpadding="0" border="0"
                        align="center">
                        <!-- digitup-preface -->
                        <tbody>
                            <tr>
                                <td bgcolor="" align="center" style="">
                                    <!-- Content -->
                                    <table data-inner-table="" class="inner-table row container-padding"
                                        role="presentation" style="width: 770px; max-width: 770px" width="770"
                                        cellspacing="0" cellpadding="0" border="0" align="center">
                                        <tbody>
                                            <tr>
                                                <td style="font-size: 10px; line-height: 10px; border-top: 0.5px solid #ffffff"
                                                    height="10">&nbsp;</td>
                                            </tr>

                                            <tr>
                                                <td style="font-family: 'Playfair Display', serif; font-size: 16px; line-height: 16px; font-weight: 600; font-style: normal; color: #333333; text-decoration: none; letter-spacing: 1px; text-transform: uppercase"
                                                    align="left">
                                                    <div style="margin: 0px; padding: 0px">
                                                        <p style="margin: 0px; padding: 0px">Tus datos<br /></p>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="font-size: 20px; line-height: 20px" height="20">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td style="font-family: 'Playfair Display', serif; font-size:14px; line-height: 21px; font-weight: 300; font-style: normal; color: #666666; text-decoration: none; letter-spacing: 0.05em; text-transform: uppercase"
                                                    align="left">
                                                    <div style="margin: 0px; padding: 0px">
                                                        <p style="padding-bottom: 8px">
                                                            _Nombre:
                                                            <strong
                                                                style="font-size: 16px; line-height: 18px; font-weight: 300; font-style: normal; color: #111111; text-decoration: none; letter-spacing: 0.03em; text-transform: initial; padding-left: 5px"><?php echo $compra['nombre'] . ' ' . $compra['apellidos']; ?></strong>
                                                        </p>
                                                        <p style="padding-bottom: 8px">
                                                            _Teléfono:
                                                            <strong
                                                                style="font-size: 16px; line-height: 18px; font-weight: 300; font-style: normal; color: #111111; text-decoration: none; letter-spacing: 0.03em; text-transform: initial; padding-left: 5px"><?php echo $compra['telefono'];?></strong>
                                                        </p>
                                                        <p style="padding-bottom: 8px">
                                                            _Email:
                                                            <strong
                                                                style="font-size: 16px; line-height: 18px; font-weight: 300; font-style: normal; color: #111111; text-decoration: none; letter-spacing: 0.03em; text-transform: initial; padding-left: 5px"><?php echo $compra['email'];?></strong>
                                                        </p>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="font-size: 40px; line-height: 40px" height="40">&nbsp;</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <!-- Content -->
                                </td>
                            </tr>
                            <!-- digitup-preface -->
                        </tbody>
                    </table>
                    <!-- ::::::::::::::::::::::::: fin TUS DATOS ::::::::::::::::::::::::: -->

                    <!--
						::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
							CONDICIONES
						::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
						-->

                    <table data-outer-table="" class="outer-table row" role="presentation"
                        style="width: 800px; max-width: 800px" width="800" cellspacing="0" cellpadding="0" border="0"
                        align="center">
                        <!-- digitup-preface -->
                        <tbody>
                            <tr>
                                <td bgcolor="" align="center" style="">
                                    <!-- Content -->
                                    <table data-inner-table="" class="inner-table row container-padding"
                                        role="presentation" style="width: 770px; max-width: 770px" width="770"
                                        cellspacing="0" cellpadding="0" border="0" align="center">
                                        <tbody>
                                            <tr>
                                                <td style="font-size: 10px; line-height: 10px; border-top: 0.5px solid #ffffff"
                                                    height="10">&nbsp;</td>
                                            </tr>

                                            <tr>
                                                <td style="font-family: 'Playfair Display', serif; font-size: 16px; line-height: 16px; font-weight: 600; font-style: normal; color: #333333; text-decoration: none; letter-spacing: 1px; text-transform: uppercase"
                                                    align="left">
                                                    <div style="margin: 0px; padding: 0px">
                                                        <p style="margin: 0px; padding: 0px">Condiciones<br /></p>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="font-size: 20px; line-height: 20px" height="20">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td style="font-family: 'Playfair Display', serif; font-size: 13px; line-height: 18px; font-weight: 300; font-style: normal; color: #666666; text-decoration: none; letter-spacing: 0.03em"
                                                    align="left">
                                                    <div style="margin: 0px; padding: 0px">
                                                        <p><?php echo $compra['condiciones_servicio']; ?></p>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="font-size: 20px; line-height: 20px" height="20">&nbsp;</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <!-- Content -->
                                </td>
                            </tr>
                            <!-- digitup-preface -->
                        </tbody>
                    </table>
                    <!-- ::::::::::::::::::::::::: fin CONDICIONES ::::::::::::::::::::::::: -->

                    <!--
						::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
							 ESPACIO VACÍO
						::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
						-->
                    <table class="row" role="presentation" style="width: 800px; max-width: 800px" width="800"
                        cellspacing="0" cellpadding="0" border="0" align="center">
                        <!-- anabel-space -->
                        <tbody>
                            <tr>
                                <td bgcolor="" align="center">
                                    <!-- Content -->
                                    <table role="presentation" style="width: 100%; max-width: 100%" width="100%"
                                        cellspacing="0" cellpadding="0" border="0" align="center">
                                        <tbody>
                                            <tr>
                                                <td style="font-size: 30px; line-height: 30px" height="30">&nbsp;</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <!-- Content -->
                                </td>
                            </tr>
                            <!-- anabel-space -->
                        </tbody>
                    </table>
                    <!-- ::::::::::::::::::::::::: fin ESPACIO VACÍO ::::::::::::::::::::::::: -->

                    <!--
						::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
							FOOTER
						::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
						-->

                    <table data-outer-table="" class="outer-table row" role="presentation"
                        style="width: 770px; max-width: 770px" width="770" cellspacing="0" cellpadding="0" border="0"
                        align="center">
                        <!-- digitup-services-1 -->
                        <tbody>
                            <tr>
                                <td bgcolor="" align="center" style="  border-top: 0.5px solid #ccc;">
                                    <!-- Content -->
                                    <table data-inner-table="" class="inner-table row container-padding"
                                        role="presentation" style="width: 760px; max-width: 760px" width="600"
                                        cellspacing="0" cellpadding="0" border="0" align="center">
                                        <tbody>
                                            <tr>
                                                <td style="font-size: 50px; line-height: 50px" height="50">&nbsp;</td>
                                            </tr>

                                            <tr>
                                                <td class="center-text" align="center" style="padding-left: 10px">
                                                    <a href="https://www.pagodecarraovejas.com/"
                                                        title="Pago de Carraovejas"
                                                        style="text-decoration: none; color: #4c4c4c">
                                                        <img style="font-family: 'Playfair Display', serif; width: 170px; border: 0px; display: inline !important"
                                                            src="<?php echo $compra['domainLink']; ?>/wp-content/plugins/visitas/modules/visitas/reservas/images/mail_qr_gastrobar/logo_PDC.png"
                                                            alt="Pago de Carraovejas" width="170" border="0" />
                                                    </a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="font-size: 30px; line-height: 30px" height="30">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td class="text center-text" valign="middle" align="center"
                                                    style="font-family: 'Playfair Display', serif;'Montserrat', Arial, Helvetica, sans-serif;
                                                                                            font-size:11px;
                                                                                            line-height:16px;
                                                                                            font-weight: 500;
                                                                                            font-style:normal;
                                                                                            color:#666;
                                                                                            text-decoration:none;letter-spacing: 1px;">
                                                    <p>
                                                        Teléfono: +34 983 878 020<br />
                                                        Camino de Carraovejas, s/n, <br />47300 Peñafiel, Valladolid,
                                                        España
                                                    </p>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="font-size: 20px; line-height: 20px" height="20">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td class="text center-text" valign="middle" align="center"
                                                    style="font-family: 'Playfair Display', serif;'Montserrat', Arial, Helvetica, sans-serif;
                                                                                            font-size:11px;
                                                                                            line-height:16px;
                                                                                            font-weight: 500;
                                                                                            font-style:normal;
                                                                                            color:#666;
                                                                                            text-decoration:none;letter-spacing: 1px;">
                                                    <a style="color:#333333; text-decoration: none;"
                                                        href="mailto:info@pagodecarraovejas.com">info@pagodecarraovejas.com</a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="font-size: 30px; line-height: 30px" height="30">&nbsp;</td>
                                            </tr>

                                            <tr style="">
                                                <td align="center">
                                                    <!-- Social Icons -->
                                                    <table role="presentation" style="width: 100%; max-width: 100%"
                                                        width="100%" cellspacing="0" cellpadding="0" border="0"
                                                        align="center">
                                                        <tbody>
                                                            <tr>
                                                                <td align="center" style="">
                                                                    <table role="presentation" cellspacing="0"
                                                                        cellpadding="0" border="0" align="center">
                                                                        <tbody>
                                                                            <tr>
                                                                                <td class="rwd-on-mobile"
                                                                                    style="height: 15px" valign="middle"
                                                                                    height="15" align="left">
                                                                                    <table role="presentation"
                                                                                        cellspacing="0" cellpadding="0"
                                                                                        border="0" align="left">
                                                                                        <tbody>
                                                                                            <tr>
                                                                                                <td align="left">
                                                                                                    <a href="https://www.facebook.com/PagodeCarraovejas"
                                                                                                        title="Facebook"
                                                                                                        style="font-family: 'Playfair Display', serif; text-decoration: none; color: #4c4c4c"><img
                                                                                                            style="width: 15px; border: 0px; display: inline !important"
                                                                                                            src="<?php echo $compra['domainLink']; ?>/wp-content/plugins/visitas/modules/visitas/reservas/images/mail_qr_gastrobar/facebook_gris.png"
                                                                                                            alt="Facebook"
                                                                                                            width="15"
                                                                                                            border="0" /></a>
                                                                                                </td>
                                                                                                <td width="20"></td>
                                                                                            </tr>
                                                                                        </tbody>
                                                                                    </table>
                                                                                </td>
                                                                                <td class="rwd-on-mobile"
                                                                                    style="height: 15px" valign="middle"
                                                                                    height="15" align="left">
                                                                                    <table role="presentation"
                                                                                        cellspacing="0" cellpadding="0"
                                                                                        border="0" align="left">
                                                                                        <tbody>
                                                                                            <tr>
                                                                                                <td align="left">
                                                                                                    <a href="https://twitter.com/pagocarraovejas"
                                                                                                        title="Twitter"
                                                                                                        style="font-family: 'Playfair Display', serif; text-decoration: none; color: #4c4c4c"><img
                                                                                                            style="width: 15px; border: 0px; display: inline !important"
                                                                                                            src="<?php echo $compra['domainLink']; ?>/wp-content/plugins/visitas/modules/visitas/reservas/images/mail_qr_gastrobar/twitter_gris.png"
                                                                                                            alt="Twitter"
                                                                                                            width="15"
                                                                                                            border="0" /></a>
                                                                                                </td>
                                                                                                <td width="20"></td>
                                                                                            </tr>
                                                                                        </tbody>
                                                                                    </table>
                                                                                </td>
                                                                                <td class="rwd-on-mobile"
                                                                                    style="height: 15px" valign="middle"
                                                                                    height="15" align="left">
                                                                                    <table role="presentation"
                                                                                        cellspacing="0" cellpadding="0"
                                                                                        border="0" align="left">
                                                                                        <tbody>
                                                                                            <tr>
                                                                                                <td align="left">
                                                                                                    <a href="https://www.instagram.com/pagocarraovejas/"
                                                                                                        title="Instagram"
                                                                                                        style="font-family: 'Playfair Display', serif; text-decoration: none; color: #4c4c4c"><img
                                                                                                            style="width: 15px; border: 0px; display: inline !important"
                                                                                                            src="<?php echo $compra['domainLink']; ?>/wp-content/plugins/visitas/modules/visitas/reservas/images/mail_qr_gastrobar/instagram_gris.png"
                                                                                                            alt="Instagram"
                                                                                                            width="15"
                                                                                                            border="0" /></a>
                                                                                                </td>
                                                                                                <td width="20"></td>
                                                                                            </tr>
                                                                                        </tbody>
                                                                                    </table>
                                                                                </td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                    <!-- Social Icons -->
                                                </td>
                                            </tr>
                                            <tr style="">
                                                <td style="font-size: 30px; line-height: 60px" height="60">&nbsp;</td>
                                            </tr>

                                            <!-- proveedor tecnológico -->
                                            <tr>
                                                <td align="center" bgcolor="#f3f3f3" style="border-radius: 2px">
                                                    <!-- rwd-col -->
                                                    <table style="width: 100%; max-width: 100%" width="100%"
                                                        cellspacing="0" cellpadding="0" border="0" align="center">
                                                        <tbody>
                                                            <tr>
                                                                <td style="font-size: 20px; line-height: 20px"
                                                                    height="20">&nbsp;</td>
                                                            </tr>

                                                            <tr>
                                                                <td class="" style="width: 50%; max-width: 50%"
                                                                    width="50%" align="center">
                                                                    <!-- column -->
                                                                    <table role="presentation" class=""
                                                                        style="width: 100%; max-width: 100%"
                                                                        width="100%" cellspacing="0" cellpadding="0"
                                                                        border="0" align="left">
                                                                        <tbody>
                                                                            <tr>
                                                                                <td style="font-family: 'Playfair Display', serif; font-size: 10px; line-height: 30px; font-weight: 300; font-style: normal; color: #aaaaaa; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; text-align: right"
                                                                                    align="left">
                                                                                    <p style="">POWERED BY
                                                                                    </p>
                                                                                </td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>
                                                                    <!-- column -->
                                                                </td>
                                                                <td class=""
                                                                    style="width: 50%; max-width: 50%; vertical-align: top"
                                                                    width="50%" align="center">
                                                                    <!-- column -->
                                                                    <table role="presentation" class=""
                                                                        style="width: 100%; max-width: 100%"
                                                                        width="100%" cellspacing="0" cellpadding="0"
                                                                        border="0" align="left">
                                                                        <tbody>
                                                                            <tr>
                                                                                <td style="font-family: 'Playfair Display', serif; font-size: 11px; line-height: 30px; font-weight: 400; font-style: normal; color: #bbb; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; text-align: left"
                                                                                    align="left">
                                                                                    <a href="https://www.jig.es/"
                                                                                        title="JIG"
                                                                                        style="font-family: 'Playfair Display', serif; text-decoration: none; color: #4c4c4c"><img
                                                                                            style="width: 90px; max-width: 90px; border: 0px; display: inline !important"
                                                                                            src="<?php echo $compra['domainLink']; ?>/wp-content/plugins/visitas/modules/visitas/reservas/images/mail_qr_gastrobar/JIG_logo_dark.png"
                                                                                            alt="Logo JIGs" width="100"
                                                                                            border="0" /></a>
                                                                                </td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>
                                                                    <!-- column -->
                                                                </td>
                                                            </tr>

                                                            <tr>
                                                                <td style="font-size: 20px; line-height: 20px"
                                                                    height="20">&nbsp;</td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                    <!-- rwd-col -->
                                                </td>
                                            </tr>
                                            <!-- FIN proveedor tecnológico -->
                                            <tr>
                                                <td style="font-size: 30px; line-height: 30px" height="30">&nbsp;</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <!-- Content -->
                                </td>
                            </tr>
                            <!-- digitup-services-1 -->
                        </tbody>
                    </table>
                    <!-- ::::::::::::::::::::::::: fin FOOTER ::::::::::::::::::::::::: -->
                </td>
            </tr>
            <!-- Outer-Table -->
        </tbody>
    </table>
</body>

</html>