<!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 -->
    <title></title>

    <!-- Tipografía Google -->

    <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=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

<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=Inter:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

    <!-- FIN Tipografía Google -->

    <!--[if (gte mso 9)|(IE)]>
<style type="text/css">
  table, tr, td, div, span, p, a {font-family: Arial,Helvetica,sans-serif !important;}
  td a {color: inherit !important; text-decoration: none !important;}
  a {color: inherit !important; text-decoration: none !important;}
</style>
<![endif]-->

    <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;
            font-family: 'Montserrat', sans-serif !important;
            letter-spacing: 0.03em;
        }

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

        table td {
            border-collapse: collapse;
        }

        strong {
            font-weight: bold !important;
        }

        td img {
            -ms-interpolation-mode: bicubic;
            display: block;
            width: auto;
            max-width: auto;
            height: auto;
            margin: auto;
        }

        td p {
            margin: 0 !important;
            padding: 0 !important;
            display: inline-block !important;
            font-family: 'Inter', sans-serif !important;
        }

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

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

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

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

        /* 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;
        }

        .sm-title{text-transform:uppercase}

        .text-24 {
               
                text-transform:uppercase;
            }

        /*Responsive*/
        @media screen and (max-width: 599px) {
            td.img-responsive img {
                width: 95% !important;
                max-width: 95% !important;
                height: auto !important;
                margin: auto;
                border-radius: 12px !important;
            }

            .img80 img {
                max-width: 80px !important;
            }

            table.row {
                width: 95% !important;
                max-width: 95% !important;
            }

            table.center-float,
            td.center-float {
                float: none !important;
            }

            table.left-float,
            td.left-float {
                float: left !important;
            }

            /* Esta la he eliminado de las celdas */
            td.center-text {
                text-align: center !important;
            }

            td.left-text {
                text-align: left !important;
            }

            /* Esta la he creado yo */
            td.desplazar-derecha {
                padding-left: 8px !important;
            }

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

            table.hide-mobile,
            tr.hide-mobile,
            td.hide-mobile,
            br.hide-mobile {
                display: none !important;
            }

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

            td.autoheight {
                height: auto !important;
            }

            td.height200 {
                height: 200px !important;
            }

            td.height-40 {
                height: 40px !important;
                font-size: 40px !important;
                line-height: 40px !important;
            }

            td.height-24 {
                height: 24px !important;
                font-size: 24px !important;
                line-height: 24px !important;
            }

            td.height-16 {
                height: 16px !important;
                font-size: 16px !important;
                line-height: 16px !important;
            }

            td.border-rounded {
                border-radius: 6px !important;
            }

            td.border-none {
                border: none !important;
            }

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

            .text-24 {
                font-size: 32px !important;
                line-height: 32px !important;
                
            }
        }
    </style>

</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="#f1f1f1">

    <!-- ··················· space-30 ··················· -->

    <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
        <tr>
            <td class="space-30" align="center" valign="top">

                <!-- body-bg-color -->
                <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" class="row" style="width:100%;max-width:100%;">
                    <tr>
                        <td class="body-bg-color" align="center" valign="top" bgcolor="#f1f1f1">

                            <!-- bg-color -->
                            <table border="0" width="800" align="center" cellpadding="0" cellspacing="0" class="row" style="width:800px;max-width:800px;">
                                <tr>
                                    <td class="bg-color" align="center" valign="top" bgcolor="#f1f1f1">

                                        <!-- space-control -->
                                        <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
                                            <tr>
                                                <td class="space-control" valign="middle" align="center" height="32"></td>
                                            </tr>
                                        </table>
                                        <!-- space-control -->

                                    </td>
                                </tr>
                            </table>
                            <!-- bg-color -->

                        </td>
                    </tr>
                </table>
                <!-- body-bg-color -->

            </td>
        </tr>
    </table>
    <!-- ··················· fin space-30 ··················· -->

    <!-- ··················· espacio gris ··················· -->
    <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
        <tr>
            <td class="logo-5" align="center" valign="top">

                <!-- body-bg-color -->
                <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" class="row" style="width:100%;max-width:100%;">
                    <tr>
                        <td class="body-bg-color" align="center" valign="top" bgcolor="#f1f1f1">

                            <!-- bg-color -->
                            <table border="0" width="800" align="center" cellpadding="0" cellspacing="0" class="row" style="width:800px;max-width:800px;">
                                <tr>
                                    <td class="bg-color" align="center" valign="top" bgcolor="#FAF9F9" style="border-top-left-radius: 12px;border-top-right-radius: 12px;">

                                        <!-- container -->
                                        <table width="740" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:740px;max-width:740px;">
                                            <tr>
                                                <td align="center" valign="top" class="container-padding">

                                                    <!-- container-2-columns -->
                                                    <table width="740" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:740px;max-width:740px;">
                                                        <tr>
                                                            <td align="center" valign="top">

                                                                <!--[if (gte mso 9)|(IE)]><table border="0" cellpadding="0" cellspacing="0"><tr><td valign="middle"><![endif]-->

                                                                <!-- logo -->
                                                                <table width="" border="0" cellpadding="0" cellspacing="0" align="left" class="row" style="">
                                                                    <tr>
                                                                        <td align="center" valign="middle" height="40">
                                                                            <table border="0" cellpadding="0" cellspacing="0" align="left" class="center-float">
                                                                                <tr>
                                                                                    <td class="height-40" valign="middle" align="center" height="48" style="font-size:48px;line-height:48px;">&nbsp;</td>
                                                                                </tr>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                                <!-- logo -->

                                                                <!--[if (gte mso 9)|(IE)]></td><td valign="middle"><![endif]-->

                                                            </td>
                                                        </tr>
                                                    </table>
                                                    <!-- container-2-columns -->

                                                </td>
                                            </tr>
                                        </table>
                                        <!-- container -->

                                    </td>
                                </tr>
                            </table>
                            <!-- bg-color -->

                        </td>
                    </tr>
                </table>
                <!-- body-bg-color -->

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

    <!-- ··················· fin espacio gris ··················· -->

    <!-- ··················· logo ··················· -->

    <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
        <tr>
            <td class="logo-26" align="center" valign="top">

                <!-- body-bg-color -->
                <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" class="row" style="width:100%;max-width:100%;">
                    <tr>
                        <td class="body-bg-color" align="center" valign="top" bgcolor="#f1f1f1">

                            <!-- bg-color -->
                            <table border="0" width="800" align="center" cellpadding="0" cellspacing="0" class="row" style="width:800px;max-width:800px;">
                                <tr>
                                    <td class="bg-color" align="center" valign="top" bgcolor="#FAF9F9">

                                        <!-- container -->
                                        <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:600px;max-width:600px;">
                                            <tr>
                                                <td align="center" valign="top" class="">

                                                    <!-- column -->
                                                    <table width="" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="">
                                                        <tr>
                                                            <td align="center" valign="middle">
                                                                <!-- logo -->
                                                                <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" style="width:100%;max-width:100%;">
                                                                    <tr>
                                                                        <td align="center" valign="middle" height="32">
                                                                            <table border="0" cellpadding="0" cellspacing="0" align="center" class="left-float">
                                                                                <tr>
                                                                                    <td valign="middle" align="center" class="img80 left-text">
                                                                                        <a href="<?php 

                                                                                            // Hacemos esto aquí aunque es un poco meh por comodidad
                                                                                            $imagen = strip_tags($compra['instalacion']);
                                                                                            $imagen = preg_replace('/[\r\n\t ]+/', ' ', $imagen);
                                                                                            $imagen = preg_replace('/[\?\¿\[\]\/\\\=\<\>\:\;\,\"\&\%\$\#\*\(\)\|\~\`\!\¡\{\}\+]+/', ' ', $imagen);
                                                                                            $imagen = strtolower($imagen);
                                                                                            $imagen = str_replace(array('á', 'à', 'ä', 'â', 'ª', 'é', 'è', 'ë', 'ê', 'í', 'ì', 'ï', 'î', 'ó', 'ò', 'ö', 'ô', 'ú', 'ù', 'ü', 'û', 'ñ', 'Ñ', 'ç', 'Ç', 'Á', 'É', 'Í', 'Ó', 'Ú'), array('a', 'a', 'a', 'a', 'a', 'e', 'e', 'e', 'e', 'i', 'i', 'i', 'i', 'o', 'o', 'o', 'o', 'u', 'u', 'u', 'u', 'n', 'N', 'c', 'C', 'A', 'E', 'I', 'O', 'U'), $imagen);
                                                                                            $imagen = str_replace(' ', '_', $imagen);


                                                                                            $imagen =  $imagen . '.png';
                                                                                            echo $compra['instalacion_prepago']; ?>" target="_blank">
                                                                                             <img style="display:block;width:100%;max-width:400px;display:block;border:0px;"  src="<?php echo $compra['instalacion_prepago']; ?>/wp-content/plugins/visitas/modules/visitas/reservas/images/<?php echo $imagen; ?>" width="400" border="0" alt="" />
                                                                                        </a>
                                                                                    </td>
                                                                                </tr>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                                <!-- logo -->
                                                            </td>
                                                        </tr>
                                                    </table>
                                                    <!-- column -->

                                                </td>
                                            </tr>
                                        </table>
                                        <!-- container -->

                                    </td>
                                </tr>
                            </table>
                            <!-- bg-color -->

                        </td>
                    </tr>
                </table>
                <!-- body-bg-color -->

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

    <!-- ··················· fin logo ··················· -->

    <!-- ··················· espacio gris ··················· -->

    <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
        <tr>
            <td class="logo-5" align="center" valign="top">

                <!-- body-bg-color -->
                <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" class="row" style="width:100%;max-width:100%;">
                    <tr>
                        <td class="body-bg-color" align="center" valign="top" bgcolor="#f1f1f1">

                            <!-- bg-color -->
                            <table border="0" width="800" align="center" cellpadding="0" cellspacing="0" class="row" style="width:800px;max-width:800px;">
                                <tr>
                                    <td class="bg-color" align="center" valign="top" bgcolor="#FAF9F9">

                                        <!-- container -->
                                        <table width="740" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:740px;max-width:740px;">
                                            <tr>
                                                <td align="center" valign="top" class="container-padding">

                                                    <!-- container-2-columns -->
                                                    <table width="740" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:740px;max-width:740px;">
                                                        <tr>
                                                            <td align="center" valign="top">

                                                                <!--[if (gte mso 9)|(IE)]><table border="0" cellpadding="0" cellspacing="0"><tr><td valign="middle"><![endif]-->

                                                                <!-- logo -->
                                                                <table width="" border="0" cellpadding="0" cellspacing="0" align="left" class="row" style="">
                                                                    <tr>
                                                                        <td align="center" valign="middle" height="40">
                                                                            <table border="0" cellpadding="0" cellspacing="0" align="left" class="center-float">
                                                                                <tr>
                                                                                    <td class="height-40" valign="middle" align="center" height="56" style="font-size:56px;line-height:56px;">&nbsp;</td>
                                                                                </tr>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                                <!-- logo -->

                                                                <!--[if (gte mso 9)|(IE)]></td><td valign="middle"><![endif]-->

                                                            </td>
                                                        </tr>
                                                    </table>
                                                    <!-- container-2-columns -->

                                                </td>
                                            </tr>
                                        </table>
                                        <!-- container -->

                                    </td>
                                </tr>
                            </table>
                            <!-- bg-color -->

                        </td>
                    </tr>
                </table>
                <!-- body-bg-color -->

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

    <!-- ··················· fin espacio gris ··················· -->

    <!-- ··················· img banner ··················· -->

    <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
        <tr>
            <td class="header-13" align="center" valign="top">

                <!-- body-bg-color -->
                <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" class="row" style="width:100%;max-width:100%;">
                    <tr>
                        <td class="body-bg-color" align="center" valign="top" bgcolor="#f1f1f1">

                            <!-- bg-color -->
                            <table border="0" width="800" align="center" cellpadding="0" cellspacing="0" class="row" style="width:800px;max-width:800px;">
                                <tr>
                                    <td class="bg-color" align="center" valign="top" bgcolor="#FAF9F9">

                                        <!-- image-responsive -->
                                        <table class="row" width="740" border="0" cellpadding="0" cellspacing="0" align="center" style="width:740px;max-width:740px;">
                                            <tr>
                                                <td align="center" valign="top" class="img-responsive img800">
                                                    <img style="display:block;width:100%;max-width:800px;display:block;border:0px; border-radius:12px;max-height: 300px;object-fit: cover;" src="<?php echo $compra['domainLink'];?>/wp-content/plugins/visitas/modules/visitas/reservas/images/bfe-banner-regala.jpg" width="800" border="0" alt="<?php echo $compra['instalacion']; ?>">
                                                </td>
                                            </tr>
                                        </table>
                                        <!-- image-responsive -->

                                    </td>
                                </tr>
                            </table>
                            <!-- bg-color -->

                        </td>
                    </tr>
                </table>
                <!-- body-bg-color -->

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

    <!-- fin ··················· fin img banner ··················· -->

    <!-- ··················· espacio gris ··················· -->

    <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
        <tr>
            <td class="header-13" align="center" valign="top">

                <!-- body-bg-color -->
                <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" class="row" style="width:100%;max-width:100%;">
                    <tr>
                        <td class="body-bg-color" align="center" valign="top" bgcolor="#f1f1f1">

                            <!-- bg-color -->
                            <table border="0" width="800" align="center" cellpadding="0" cellspacing="0" class="row" style="width:800px;max-width:800px;">
                                <tr>
                                    <td class="bg-color" align="center" valign="top" bgcolor="#FAF9F9">

                                        <!-- image-responsive -->
                                        <table class="row" width="740" border="0" cellpadding="0" cellspacing="0" align="center" style="width:740px;max-width:740px;">
                                            <tr>
                                                <td align="center" valign="top" class="container-padding">

                                                    <!-- container-2-columns -->
                                                    <table width="740" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:740px;max-width:740px;">
                                                        <tr>
                                                            <td align="center" valign="top">

                                                                <!--[if (gte mso 9)|(IE)]><table border="0" cellpadding="0" cellspacing="0"><tr><td valign="middle"><![endif]-->

                                                                <!-- logo -->
                                                                <table width="" border="0" cellpadding="0" cellspacing="0" align="left" class="row" style="">
                                                                    <tr>
                                                                        <td align="center" valign="middle" height="40">
                                                                            <table border="0" cellpadding="0" cellspacing="0" align="left" class="center-float">
                                                                                <tr>
                                                                                    <td class="height-40" valign="middle" align="center" height="48" style="font-size:48px;line-height:48px;">&nbsp;</td>
                                                                                </tr>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                                <!-- logo -->

                                                                <!--[if (gte mso 9)|(IE)]></td><td valign="middle"><![endif]-->

                                                            </td>
                                                        </tr>
                                                    </table>
                                                    <!-- container-2-columns -->

                                                </td>
                                            </tr>
                                        </table>
                                        <!-- container -->

                                    </td>
                                </tr>
                            </table>
                            <!-- bg-color -->

                        </td>
                    </tr>
                </table>
                <!-- body-bg-color -->

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

    <!-- ··················· fin espacio gris ··················· -->

    <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
        <tr>
            <td class="title-5" align="center" valign="top">
                <!-- body-bg-color -->
                <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" class="row" style="width:100%;max-width:100%;">
                    <tr>
                        <td class="body-bg-color" align="center" valign="top" bgcolor="#f1f1f1">
                            <!-- bg-color -->
                            <table border="0" width="800" align="center" cellpadding="0" cellspacing="0" class="row" style="width:800px;max-width:800px;">
                                <tr>
                                    <td class="bg-color" align="center" valign="top" bgcolor="#FAF9F9">
                                        <!-- container -->
                                        <table width="740" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:740px;max-width:740px;">
                                            <tr>
                                                <td align="center" valign="top" class="">

                                                    <!--
                                                    ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
                                                        TEXTO SALUDO
                                                    ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
                                                    -->
                                                    <!-- subtitle -->
                                                    <table class="row" border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width:100%; max-width:100%;">
                                                        <tr>
                                                            <td align="center" valign="top">

                                                                <table width="" border="0" cellpadding="0" cellspacing="0" align="left" class="row" style="">
                                                                    <tr>
                                                                        <td class="text-24" valign="middle" align="left" style="font-family: 'Montserrat', sans-serif; font-size: 40px; line-height: 48px; font-weight: 300; font-style: normal; color: #a6925e; text-decoration: none;">

                                                                            Hola

                                                                            <p style="font-family: 'Montserrat', sans-serif;font-weight: 300;">
                                                                                <?php echo $compra['nombre']; ?>
                                                                            </p>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                    <!-- subtitle -->
                                                    <!-- ::::::::::::::::::::::::: fin TEXTO SALUDO ::::::::::::::::::::::::: -->

                                                    <!-- space -->
                                                    <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
                                                        <tr>
                                                            <td valign="middle" align="center" height="16" style="font-size:16px;line-height:16px;">&nbsp;</td>
                                                        </tr>
                                                    </table>
                                                    <!-- space -->

                                                    <!-- title -->
                                                    <table class="row" border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width:100%; max-width:100%;">
                                                        <tr>
                                                            <td align="center" valign="top">

                                                                <table width="" border="0" cellpadding="0" cellspacing="0" align="left" class="row" style="">
                                                                    <tr>
                                                                        <td class="title" valign="middle" align="left" style="font-family: 'Inter', sans-serif; font-size: 14px; line-height: 24px; font-weight: 400; font-style: normal; color: #473D37; text-decoration: none;">
                                                                            <?php
                                                                            if ((int)$compra['mesa'] != 0) {
                                                                            ?>
                                                                                Has realizado este pedido (<strong style="font-weight: 600;"><?php echo $compra['localizador']; ?></strong>) con id <strong style="font-weight: 600;"><?php echo $compra['id_pedido']; ?></strong> pagado con <strong style="font-weight: 600;"><?php echo $compra['pago_seleccionado']; ?></strong> en la <strong style="font-weight: 600;">MESA <?php echo $compra['mesa']; ?></strong> de nuestro Gastro-Bar:
                                                                            <?php
                                                                            } else {
                                                                            ?>
                                                                                Has realizado este pedido (<strong style="font-weight: 600;"><?php echo $compra['localizador']; ?></strong>) con id <strong style="font-weight: 600;"><?php echo $compra['id_pedido']; ?></strong> pagado con <strong style="font-weight: 600;"><?php echo $compra['pago_seleccionado']; ?></strong>:
                                                                            <?php
                                                                            }
                                                                            ?>
                                                                            </div>
                                                                        </td>
                                                                    </tr>

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

                                        <!--
                                        ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
                                            PRODUCTOS PEDIDO
                                        ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
                                        -->
                                        <table width="740" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:740px;max-width:740px;">
                                            <!-- digitup-services-1 -->
                                            <tbody>
                                                <tr>
                                                    <td bgcolor="" align="center">
                                                        <!-- Content -->
                                                        <table data-inner-table="" class="inner-table row container-padding" role="presentation" style="width: 100%; max-width: 100%" width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
                                                            <tbody>
                                                                <?php
                                                                $total_productos = 0;
                                                                foreach ($compra['extras_seleccionados'] as $extra) :

                                                                    $total_productos += number_format($extra['precio'], 2);
                                                                ?>
                                                                    <tr>
                                                                        <td align="center" style="">
                                                                            <!-- 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: 65px; max-width: 65px" width="65" align="center">
                                                                                            <!-- column -->
                                                                                            <table role="presentation" class="" style="width: 65px; max-width: 65px" width="65" cellspacing="0" cellpadding="0" border="0" align="left">
                                                                                                <tbody>
                                                                                                    <tr>
                                                                                                        <td style="line-height: 24px; font-weight: 500; font-style: normal; color: #473D37; text-decoration: none; letter-spacing: 0px" align="left">
                                                                                                            <div style="margin: 0px; padding: 3px; border: 0.5px solid #eee; border-radius: 5px; width: 40px; height: 40px"><img style=" width: 40px; border: 0px; display: inline !important" src="<?php echo $extra['imagen']; ?>" alt="<?php echo $extra['nombre']; ?>" width="40" 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-size: 16px; line-height: 18px; color: #473D37; letter-spacing: 1px" align="left">
                                                                                                            <div style="margin: 0px; padding: 0px"><span style="font-weight:600; display: inline-block; padding-right: 5px"><?php echo $extra['cantidad']; ?></span> <?php echo $extra['nombre']; ?></div>
                                                                                                        </td>
                                                                                                    </tr>
                                                                                                </tbody>
                                                                                            </table>
                                                                                            <!-- column -->
                                                                                        </td>
                                                                                        <td class="" style="width: 50px; max-width: 50px" width="50" align="center">
                                                                                            <!-- column -->
                                                                                            <table role="presentation" class="" style="width: 50px; max-width: 50px" width="50" cellspacing="0" cellpadding="0" border="0" align="left">
                                                                                                <tbody>
                                                                                                    <tr>
                                                                                                        <td style=" font-size: 16px; line-height: 18px; font-weight: 500; font-style: normal; color: #473D37; text-decoration: none; letter-spacing: 1px; text-align: right" align="left">
                                                                                                            <div style="margin: 0px; padding: 0px">
                                                                                                                <?php
                                                                                                                $value_format = number_format($extra['precio'], 2);
                                                                                                                echo  $value_format . ' €';
                                                                                                                ?>
                                                                                                            </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>
                                                                <?php endforeach; ?>


                                                                <?php

                                                                if (!empty($compra['cupon'])) {
                                                                ?>

                                                                    <tr>
                                                                        <td align="center" style="">
                                                                            <!-- 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: 65px; max-width: 65px" width="65" align="center">
                                                                                            <!-- column -->
                                                                                            <table role="presentation" class="" style="width: 65px; max-width: 65px" width="65" cellspacing="0" cellpadding="0" border="0" align="left">
                                                                                                <tbody>
                                                                                                    <tr>
                                                                                                        <td style="line-height: 24px; font-weight: 500; font-style: normal; color: #473D37; text-decoration: none; letter-spacing: 0px" align="left">
                                                                                                            <div style="margin: 0px; padding: 3px; border: 0.5px solid #eee; border-radius: 5px; width: 40px; height: 40px">
                                                                                                            </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-size: 16px; line-height: 18px; color: #473D37; letter-spacing: 1px" align="left">
                                                                                                            <div style="margin: 0px; padding: 0px"><?php echo $compra['cupon']['codigo']; ?></div>
                                                                                                        </td>
                                                                                                    </tr>
                                                                                                </tbody>
                                                                                            </table>
                                                                                            <!-- column -->
                                                                                        </td>
                                                                                        <td class="" style="width: 50px; max-width: 50px" width="50" align="center">
                                                                                            <!-- column -->
                                                                                            <table role="presentation" class="" style="width: 50px; max-width: 50px" width="50" cellspacing="0" cellpadding="0" border="0" align="left">
                                                                                                <tbody>
                                                                                                    <tr>
                                                                                                        <td style="font-family: 'Inter', sans-serif; font-size: 16px; line-height: 18px; font-weight: 500; font-style: normal; color: #473D37; text-decoration: none; letter-spacing: 1px; text-align: right" align="left">
                                                                                                            <div style="margin: 0px; padding: 0px">
                                                                                                                <?php

                                                                                                                if ($compra['cupon']['porcentual'] == 1) {
                                                                                                                    $descuento = -$total_productos * $compra['cupon']['cantidad'] / 100;
                                                                                                                    echo round(floatval($descuento), 2, PHP_ROUND_HALF_DOWN) . " €";
                                                                                                                } else {
                                                                                                                    echo $compra['cupon']['cantidad'] . " €";
                                                                                                                }



                                                                                                                ?>
                                                                                                            </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>
                                                                <?php
                                                                }
                                                                ?>
                                                            </tbody>
                                                        </table>
                                                        <!-- Content -->
                                                    </td>
                                                </tr>
                                                <!-- digitup-services-1 -->
                                            </tbody>
                                        </table>
                                        <!-- ::::::::::::::::::::::::: fin PRODUCTOS PEDIDO ::::::::::::::::::::::::: -->

                                        <!--
                                        ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
                                            TOTAL PEDIDO
                                        ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
                                        -->
                                        <table width="740" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:740px;max-width:740px;">
                                            <!-- digitup-services-1 -->
                                            <tbody>
                                                <tr>
                                                    <td bgcolor="" align="center">
                                                        <!-- Content -->
                                                        <table data-inner-table="" class="inner-table row container-padding" role="presentation" style="width: 100%; max-width: 100%" width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
                                                            <tbody>
                                                                <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" height="15">&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:'Montserrat'; text-transform:uppercase;font-size: 18px; line-height: 30px; font-weight: 500; font-style: normal; color: #a6925e; text-decoration: none; letter-spacing: 1px" align="left">
                                                                                                        <p style="">Total</p>
                                                                                                        <p style=" font-size: 12px; line-height: 10px">I.V.A. incluido</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-size: 18px; line-height: 30px; color: #a6925e; letter-spacing: 1px; text-align: right" align="left">
                                                                                                        <div style="margin: 0px; padding: 0px"><strong><?php echo number_format($compra['total'], 2); ?> €</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>
                                                            </tbody>
                                                        </table>
                                                        <!-- Content -->
                                                    </td>
                                                </tr>
                                                <!-- digitup-services-1 -->
                                            </tbody>
                                        </table>
                                        <!-- ::::::::::::::::::::::::: fin TOTAL PEDIDO ::::::::::::::::::::::::: -->



                                    </td>
                                </tr>
                            </table>
                            <!-- container -->
                        </td>
                    </tr>
                </table>
                <!-- bg-color -->
            </td>
        </tr>
    </table>

    <!-- ··················· espacio gris ··················· -->

    <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
        <tr>
            <td class="header-13" align="center" valign="top">

                <!-- body-bg-color -->
                <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" class="row" style="width:100%;max-width:100%;">
                    <tr>
                        <td class="body-bg-color" align="center" valign="top" bgcolor="#f1f1f1">

                            <!-- bg-color -->
                            <table border="0" width="800" align="center" cellpadding="0" cellspacing="0" class="row" style="width:800px;max-width:800px;">
                                <tr>
                                    <td class="bg-color" align="center" valign="top" bgcolor="#FAF9F9">

                                        <!-- image-responsive -->
                                        <table class="row" width="740" border="0" cellpadding="0" cellspacing="0" align="center" style="width:740px;max-width:740px;">
                                            <tr>
                                                <td align="center" valign="top" class="container-padding">

                                                    <!-- container-2-columns -->
                                                    <table width="740" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:740px;max-width:740px;">
                                                        <tr>
                                                            <td align="center" valign="top">

                                                                <!--[if (gte mso 9)|(IE)]><table border="0" cellpadding="0" cellspacing="0"><tr><td valign="middle"><![endif]-->

                                                                <!-- logo -->
                                                                <table width="" border="0" cellpadding="0" cellspacing="0" align="left" class="row" style="">
                                                                    <tr>
                                                                        <td align="center" valign="middle" height="40">
                                                                            <table border="0" cellpadding="0" cellspacing="0" align="left" class="center-float">
                                                                                <tr>
                                                                                    <td valign="middle" align="center" height="48" style="font-size:48px;line-height:48px;">&nbsp;</td>
                                                                                </tr>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                                <!-- logo -->

                                                                <!--[if (gte mso 9)|(IE)]></td><td valign="middle"><![endif]-->

                                                            </td>
                                                        </tr>
                                                    </table>
                                                    <!-- container-2-columns -->

                                                </td>
                                            </tr>
                                        </table>
                                        <!-- container -->

                                    </td>
                                </tr>
                            </table>
                            <!-- bg-color -->

                        </td>
                    </tr>
                </table>
                <!-- body-bg-color -->

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

    <!-- ··················· fin espacio gris ··················· -->

    <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
        <tr>
            <td class="title-5" align="center" valign="top">
                <!-- body-bg-color -->
                <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" class="row" style="width:100%;max-width:100%;">
                    <tr>
                        <td class="body-bg-color" align="center" valign="top" bgcolor="#f1f1f1">
                            <!-- bg-color -->
                            <table border="0" width="800" align="center" cellpadding="0" cellspacing="0" class="row" style="width:800px;max-width:800px;">
                                <tr>
                                    <td class="bg-color" align="center" valign="top" bgcolor="#FAF9F9">
                                        <!-- container -->
                                        <table width="740" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:740px;max-width:740px;">
                                            <tr>
                                                <td align="center" valign="top" class="">

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

                                                    <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width: 100%; max-width: 100%; ">
                                                        <tr>

                                                            <td align="left" valign="top" style="" bgcolor="">



                                                                <!-- sm-title -->
                                                                <table class="row" border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width: 100%; max-width: 100%; ">
                                                                    <tr>
                                                                        <td class="sm-title" valign="top" align="left" style="font-family:'Montserrat', serif !important;text-transform:uppercase; line-height: 40px; font-style: normal;  font-weight: 500; font-size: 24px; letter-spacing: 0.03em; color: #473d37;border-bottom: 0.5px solid #D6D2CF;">

                                                                            Tus datos

                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                                <!-- sm-title -->

                                                                <!-- space -->
                                                                <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
                                                                    <tr>
                                                                        <td valign="middle" align="center" height="12" style="font-size: 12px; line-height: 12px;">&nbsp;</td>
                                                                    </tr>
                                                                </table>
                                                                <!-- space -->

                                                                <!-- title -->
                                                                <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width:100%; max-width:100%;">
                                                                    <tr>
                                                                        <td class="title desplazar-derecha" valign="middle" align="left" style="font-family: 'Montserrat', sans-serif; font-size: 10px; line-height: 20px; font-style: normal; color: #473D37; text-decoration: none;  padding: 5px 8px 0;">

                                                                            <span style="font-weight: 500; font-size:12px; text-transform: uppercase; letter-spacing: 1px; color: #473d37;">Nombre</span><br />

                                                                            <span style="font-family: 'Inter', sans-serif;font-size: 14px;font-weight: 500;"><?php echo $compra['nombre'] . ' ' . $compra['apellidos']; ?>

                                                                            </span>

                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                                <!-- title -->

                                                                <!-- space -->
                                                                <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
                                                                    <tr>
                                                                        <td valign="middle" align="center" height="10" style="font-size:10px;line-height:10px;">&nbsp;</td>
                                                                    </tr>
                                                                </table>
                                                                <!-- space -->

                                                                <!-- title -->
                                                                <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width:100%; max-width:100%;">
                                                                    <tr>
                                                                        <td class="title desplazar-derecha" valign="middle" align="left" style="font-family: 'Montserrat', sans-serif; font-size: 10px; line-height: 20px; font-style: normal; color: #473D37; text-decoration: none;  padding: 5px 8px 0;">

                                                                            <span style="font-weight: 500; font-size:12px; text-transform: uppercase; letter-spacing: 1px; color: #473d37;">Teléfono</span><br />

                                                                            <span style="font-family: 'Inter', sans-serif;font-size: 14px;font-weight: 500;"><?php echo $compra['telefono']; ?>

                                                                            </span>

                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                                <!-- title -->

                                                                <!-- space -->
                                                                <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
                                                                    <tr>
                                                                        <td valign="middle" align="center" height="10" style="font-size:10px;line-height:10px;">&nbsp;</td>
                                                                    </tr>
                                                                </table>
                                                                <!-- space -->

                                                                <!-- title -->
                                                                <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width:100%; max-width:100%;">
                                                                    <tr>
                                                                        <td class="title desplazar-derecha" valign="middle" align="left" style="font-family: 'Montserrat', sans-serif; font-size: 10px; line-height: 20px; font-style: normal; color: #473D37; text-decoration: none;  padding: 5px 8px 0;">

                                                                            <span style="font-weight: 500; font-size:12px; text-transform: uppercase; letter-spacing: 1px; color: #473d37;">Email</span><br />

                                                                            <span style="font-family: 'Inter', sans-serif;font-size: 14px;font-weight: 500;"><?php echo $compra['email']; ?></strong></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 -->
                                                    </table>
                                                    <!-- ::::::::::::::::::::::::: fin TUS DATOS ::::::::::::::::::::::::: -->



                                                </td>
                                            </tr>
                                        </table>
                                        <!-- container -->

                                    </td>
                                </tr>
                            </table>
                            <!-- bg-color -->

                        </td>
                    </tr>
                </table>
                <!-- body-bg-color -->

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

    <!-- ··················· espacio gris ··················· -->

    <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
        <tr>
            <td class="header-13" align="center" valign="top">

                <!-- body-bg-color -->
                <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" class="row" style="width:100%;max-width:100%;">
                    <tr>
                        <td class="body-bg-color" align="center" valign="top" bgcolor="#f1f1f1">

                            <!-- bg-color -->
                            <table border="0" width="800" align="center" cellpadding="0" cellspacing="0" class="row" style="width:800px;max-width:800px;">
                                <tr>
                                    <td class="bg-color" align="center" valign="top" bgcolor="#FAF9F9">

                                        <!-- image-responsive -->
                                        <table class="row" width="740" border="0" cellpadding="0" cellspacing="0" align="center" style="width:740px;max-width:740px;">
                                            <tr>
                                                <td align="center" valign="top" class="container-padding">

                                                    <!-- container-2-columns -->
                                                    <table width="740" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:740px;max-width:740px;">
                                                        <tr>
                                                            <td align="center" valign="top">

                                                                <!--[if (gte mso 9)|(IE)]><table border="0" cellpadding="0" cellspacing="0"><tr><td valign="middle"><![endif]-->

                                                                <!-- logo -->
                                                                <table width="" border="0" cellpadding="0" cellspacing="0" align="left" class="row" style="">
                                                                    <tr>
                                                                        <td align="center" valign="middle" height="40">
                                                                            <table border="0" cellpadding="0" cellspacing="0" align="left" class="center-float">
                                                                                <tr>
                                                                                    <td valign="middle" align="center" height="48" style="font-size:48px;line-height:48px;">&nbsp;</td>
                                                                                </tr>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                                <!-- logo -->

                                                                <!--[if (gte mso 9)|(IE)]></td><td valign="middle"><![endif]-->

                                                            </td>
                                                        </tr>
                                                    </table>
                                                    <!-- container-2-columns -->

                                                </td>
                                            </tr>
                                        </table>
                                        <!-- container -->

                                    </td>
                                </tr>
                            </table>
                            <!-- bg-color -->

                        </td>
                    </tr>
                </table>
                <!-- body-bg-color -->

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

    <!-- ··················· fin espacio gris ··················· -->



    <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
        <tr>
            <td class="title-5" align="center" valign="top">
                <!-- body-bg-color -->
                <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" class="row" style="width:100%;max-width:100%;">
                    <tr>
                        <td class="body-bg-color" align="center" valign="top" bgcolor="#f1f1f1">
                            <!-- bg-color -->
                            <table border="0" width="800" align="center" cellpadding="0" cellspacing="0" class="row" style="width:800px;max-width:800px;">
                                <tr>
                                    <td class="bg-color" align="center" valign="top" bgcolor="#FAF9F9">
                                        <!-- container -->
                                        <table width="740" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:740px;max-width:740px;">
                                            <tr>
                                                <td align="center" valign="top">

                                                    <table width="" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="">
                                                        <tr>

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

                                                            <td class="text" valign="middle" align="left" style="font-family:'Montserrat', serif; text-transform:uppercase;   font-size:24px; line-height:24px; font-weight:400; color:#473d37; text-decoration:none; letter-spacing: 0.03em;">

                                                                Condiciones
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td valign="middle" align="center" height="10" style="font-size: 10px; line-height: 10px;">&nbsp;</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="text" valign="middle" align="left" style="font-family:'Montserrat', sans-serif; font-size:14px; line-height:16px; font-weight:400; color:#473D37; text-decoration:none; letter-spacing: 0.03em;">

                                                                <?php echo $compra['condiciones_servicio']; ?>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                    <!-- Content -->
                                                </td>
                                            </tr>
                                            <!-- digitup-preface -->
                                        </table>
                                        <!-- ::::::::::::::::::::::::: fin CONDICIONES ::::::::::::::::::::::::: -->


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

                        </td>
                    </tr>
                </table>
                <!-- container -->

            </td>
        </tr>
    </table>
    <!-- bg-color -->

    <!-- ··················· espacio gris ··················· -->

    <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
        <tr>
            <td class="header-13" align="center" valign="top">

                <!-- body-bg-color -->
                <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" class="row" style="width:100%;max-width:100%;">
                    <tr>
                        <td class="body-bg-color" align="center" valign="top" bgcolor="#f1f1f1">

                            <!-- bg-color -->
                            <table border="0" width="800" align="center" cellpadding="0" cellspacing="0" class="row" style="width:800px;max-width:800px;">
                                <tr>
                                    <td class="bg-color" align="center" valign="top" bgcolor="#FAF9F9">

                                        <!-- image-responsive -->
                                        <table class="row" width="740" border="0" cellpadding="0" cellspacing="0" align="center" style="width:740px;max-width:740px;">
                                            <tr>
                                                <td align="center" valign="top" class="container-padding">

                                                    <!-- container-2-columns -->
                                                    <table width="740" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:740px;max-width:740px;">
                                                        <tr>
                                                            <td align="center" valign="top">

                                                                <!--[if (gte mso 9)|(IE)]><table border="0" cellpadding="0" cellspacing="0"><tr><td valign="middle"><![endif]-->

                                                                <!-- logo -->
                                                                <table width="" border="0" cellpadding="0" cellspacing="0" align="left" class="row" style="">
                                                                    <tr>
                                                                        <td align="center" valign="middle" height="40">
                                                                            <table border="0" cellpadding="0" cellspacing="0" align="left" class="center-float">
                                                                                <tr>
                                                                                    <td valign="middle" align="center" height="48" style="font-size:48px;line-height:48px;">&nbsp;</td>
                                                                                </tr>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                                <!-- logo -->

                                                                <!--[if (gte mso 9)|(IE)]></td><td valign="middle"><![endif]-->

                                                            </td>
                                                        </tr>
                                                    </table>
                                                    <!-- container-2-columns -->

                                                </td>
                                            </tr>
                                        </table>
                                        <!-- container -->

                                    </td>
                                </tr>
                            </table>
                            <!-- bg-color -->

                        </td>
                    </tr>
                </table>
                <!-- body-bg-color -->

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

    <!-- ··················· fin espacio gris ··················· -->



    <!-- ··················· espacio gris ··················· -->
    <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
        <tr>
            <td class="logo-5" align="center" valign="top">

                <!-- body-bg-color -->
                <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" class="row" style="width:100%;max-width:100%;">
                    <tr>
                        <td class="body-bg-color" align="center" valign="top" bgcolor="#f1f1f1">

                            <!-- bg-color -->
                            <table border="0" width="800" align="center" cellpadding="0" cellspacing="0" class="row" style="width:800px;max-width:800px;">
                                <tr>
                                    <td class="bg-color" align="center" valign="top" bgcolor="#FAF9F9">

                                        <!-- container -->
                                        <table width="740" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:740px;max-width:740px;">
                                            <tr>
                                                <td align="center" valign="top" class="container-padding">

                                                    <!-- container-2-columns -->
                                                    <table width="740" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:740px;max-width:740px;">
                                                        <tr>
                                                            <td align="center" valign="top">

                                                                <!--[if (gte mso 9)|(IE)]><table border="0" cellpadding="0" cellspacing="0"><tr><td valign="middle"><![endif]-->

                                                                <!-- logo -->
                                                                <table width="" border="0" cellpadding="0" cellspacing="0" align="left" class="row" style="">
                                                                    <tr>
                                                                        <td align="center" valign="middle" height="40">
                                                                            <table border="0" cellpadding="0" cellspacing="0" align="left" class="center-float">
                                                                                <tr>
                                                                                    <td valign="middle" align="center" height="96" style="font-size:96px;line-height:96px;">&nbsp;</td>
                                                                                </tr>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                                <!-- logo -->

                                                                <!--[if (gte mso 9)|(IE)]></td><td valign="middle"><![endif]-->

                                                            </td>
                                                        </tr>
                                                    </table>
                                                    <!-- container-2-columns -->

                                                </td>
                                            </tr>
                                        </table>
                                        <!-- container -->

                                    </td>
                                </tr>
                            </table>
                            <!-- bg-color -->

                        </td>
                    </tr>
                </table>
                <!-- body-bg-color -->

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

    <!-- ··················· fin espacio gris ··················· -->

    <!-- footer -->
    <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
        <tr>
            <td class="header-1" align="center" valign="top">

                <!-- body-bg-color -->
                <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" class="row" style="width:100%;max-width:100%;">
                    <tr>
                        <td class="body-bg-color" align="center" valign="top" bgcolor="#f1f1f1">

                            <!-- bg-color -->
                            <table border="0" width="800" align="center" cellpadding="0" cellspacing="0" class="row" style="width:800px;max-width:800px;">
                                <tr>
                                    <td class="bg-color" align="center" valign="top" bgcolor="#FAF9F9" style="border-top: 0.5px solid #ccc; padding-top:40px">

                                        <!-- header-1-bg-image -->
                                        <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" class="row" style="width:100%; max-width:100%;">
                                            <tr>
                                                <td class="bg-image" align="center" valign="top" style="background-size: 100%; background-position: center top; background-repeat: no-repeat;">

                                                    <!-- container -->
                                                    <table width="750" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width: 750px; max-width: 750px; color: #473D37;font-family:'Montserrat', sans-serif;">
                                                        <tr>
                                                            <td align="center" valign="top" class="">

                                                                <!-- title -->
                                                                <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width:100%; max-width:100%;">
                                                                    <tr>
                                                                        <td class="left-float" valign="middle" align="center" style="font-family:'Montserrat', sans-serif; font-size:45px; line-height:55px; font-weight:lighter;font-style:normal; color:#f1f1f1;text-decoration:none;letter-spacing: 0px;">
                                                                            
                                                                            <a href="<?php echo $compra['instalacion_prepago']; ?>" target="_blank">
                                                                            <img style="width: 80%; max-width: 80%;border: 0px;" src="<?php 
                                                                             
                                                                                // Hacemos esto aquí aunque es un poco meh por comodidad
                                                                                $imagen_footer = strip_tags($compra['instalacion']);
                                                                                $imagen_footer = preg_replace('/[\r\n\t ]+/', ' ', $imagen_footer);
                                                                                $imagen_footer = preg_replace('/[\?\¿\[\]\/\\\=\<\>\:\;\,\"\&\%\$\#\*\(\)\|\~\`\!\¡\{\}\+]+/', ' ', $imagen_footer);
                                                                                $imagen_footer = strtolower($imagen_footer);
                                                                                $imagen_footer = str_replace(array('á', 'à', 'ä', 'â', 'ª', 'é', 'è', 'ë', 'ê', 'í', 'ì', 'ï', 'î', 'ó', 'ò', 'ö', 'ô', 'ú', 'ù', 'ü', 'û', 'ñ', 'Ñ', 'ç', 'Ç', 'Á', 'É', 'Í', 'Ó', 'Ú'), array('a', 'a', 'a', 'a', 'a', 'e', 'e', 'e', 'e', 'i', 'i', 'i', 'i', 'o', 'o', 'o', 'o', 'u', 'u', 'u', 'u', 'n', 'N', 'c', 'C', 'A', 'E', 'I', 'O', 'U'), $imagen_footer);
                                                                                $imagen_footer = str_replace(' ', '_', $imagen_footer);

                                                                                $imagen_footer = $imagen_footer . '-footer.png';
                                                                                echo $compra['instalacion_prepago']; ?>/wp-content/plugins/visitas/modules/visitas/reservas/images/<?php echo $imagen_footer; ?>" width="62" border="0" alt="" />
                                                                            </a>

                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                                <!-- title -->

                                                                <!-- space -->
                                                                <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
                                                                    <tr>
                                                                        <td valign="middle" align="center" height="40">&nbsp;</td>
                                                                    </tr>
                                                                </table>
                                                                <!-- space -->

                                                                <?php  
                                                                    echo $compra['instalacion_descripcion'];
                                                                ?>

                                                            </td>
                                                        </tr>
                                                    </table>
                                                    <!-- container -->
                                                </td>
                                            </tr>
                                        </table>
                                        <!-- header-1-bg-image -->
                                        <!--[if (gte mso 9)|(IE)]></v:textbox></v:rect><![endif]-->
                                    </td>
                                </tr>
                            </table>
                            <!-- bg-color -->
                        </td>
                    </tr>
                </table>
                <!-- body-bg-color -->
            </td>
        </tr>
    </table>
    <!-- footer -->


    <!-- ··················· espacio gris ··················· -->
    <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
        <tr>
            <td class="logo-5" align="center" valign="top">

                <!-- body-bg-color -->
                <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" class="row" style="width:100%;max-width:100%;">
                    <tr>
                        <td class="body-bg-color" align="center" valign="top" bgcolor="#f1f1f1">

                            <!-- bg-color -->
                            <table border="0" width="800" align="center" cellpadding="0" cellspacing="0" class="row" style="width:800px;max-width:800px;">
                                <tr>
                                    <td class="bg-color" align="center" valign="top" bgcolor="#FAF9F9" style="border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;">

                                        <!-- container -->
                                        <table width="740" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:740px;max-width:740px;">
                                            <tr>
                                                <td align="center" valign="top" class="container-padding">

                                                    <!-- container-2-columns -->
                                                    <table width="740" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:740px;max-width:740px;">
                                                        <tr>
                                                            <td align="center" valign="top">

                                                                <!--[if (gte mso 9)|(IE)]><table border="0" cellpadding="0" cellspacing="0"><tr><td valign="middle"><![endif]-->

                                                                <!-- logo -->
                                                                <table width="" border="0" cellpadding="0" cellspacing="0" align="left" class="row" style="">
                                                                    <tr>
                                                                        <td align="center" valign="middle" height="40">
                                                                            <table border="0" cellpadding="0" cellspacing="0" align="left" class="center-float">
                                                                                <tr>
                                                                                    <td valign="middle" align="center" height="48" style="font-size:48px;line-height:48px;">&nbsp;</td>
                                                                                </tr>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                                <!-- logo -->

                                                                <!--[if (gte mso 9)|(IE)]></td><td valign="middle"><![endif]-->

                                                            </td>
                                                        </tr>
                                                    </table>
                                                    <!-- container-2-columns -->

                                                </td>
                                            </tr>
                                        </table>
                                        <!-- container -->

                                    </td>
                                </tr>
                            </table>
                            <!-- bg-color -->

                        </td>
                    </tr>
                </table>
                <!-- body-bg-color -->

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

    <!-- ··················· fin espacio gris ··················· -->

    <!-- Logo THE TORRE -->
    <table data-outer-table="" border="0" align="center" cellpadding="0" cellspacing="0" class="outer-table row" width="" style="width:800px;max-width:800px;">
        <tbody>
            <tr>
                <td class="container-padding" align="center" bgcolor="#f1f1f1">
                    <!-- Content -->
                    <table data-inner-table="" border="0" align="center" cellpadding="0" cellspacing="0" role="presentation" class="inner-table row" width="768" style="width:768px;max-width:768px;">
                        <tbody>
                            <tr>
                                <td height="24" style="font-size:24px;line-height:24px;">&nbsp;</td>
                            </tr>
                            <tr>
                                <td align="right" width="48%" class="right-text">
                                    <p style="text-transform: uppercase; font-size: 8px;letter-spacing: 0.2em;color: #666;">Powered by</p>
                                </td>
                                <td align="center" width="2%" class="right-text">&nbsp;</td>
                                <td align="left" width="50%" class="left-text">
                                    <a href="https://www.thetorre.com/" target="_blank">
                                        <img style="width:64px;border:0px;display:inline!important;" src="https://www.thetorre.com/wp-content/uploads/2024/04/the_torre_mail_logo.png" width="64" border="0" alt="The Torre">
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td height="16" style="font-size:16px;line-height:16px;">&nbsp;</td>
                            </tr>
                        </tbody>
                    </table>
                    <!-- Content -->
                </td>
            </tr>
        </tbody>
    </table>
    <!-- FIN Logo THE TORRE -->

    <!-- ··················· space-30 ··················· -->

    <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
        <tr>
            <td class="space-30" align="center" valign="top">

                <!-- body-bg-color -->
                <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" class="row" style="width:100%;max-width:100%;">
                    <tr>
                        <td class="body-bg-color" align="center" valign="top" bgcolor="#f1f1f1">

                            <!-- bg-color -->
                            <table border="0" width="800" align="center" cellpadding="0" cellspacing="0" class="row" style="width:800px;max-width:800px;">
                                <tr>
                                    <td class="bg-color" align="center" valign="top" bgcolor="#f1f1f1">

                                        <!-- space-control -->
                                        <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
                                            <tr>
                                                <td class="space-control" valign="middle" align="center" height="32"></td>
                                            </tr>
                                        </table>
                                        <!-- space-control -->

                                    </td>
                                </tr>
                            </table>
                            <!-- bg-color -->

                        </td>
                    </tr>
                </table>
                <!-- body-bg-color -->

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

    <!-- ··················· fin space-30 ··················· -->

</body>

</html>