<!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=Raleway: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=Calistoga&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: "Raleway", 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: "Raleway", 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: #ffffff;
        }

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

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

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

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

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

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

            .img80 img {
               
            }

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

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

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

            table.left-float,
            td.left-float {
                
            }

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

            td.left-text {
               
            }

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

            .text-20 {
                font-size: 20px !important;
                line-height: 20px !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 = html_entity_decode($imagen, ENT_QUOTES | ENT_HTML5, 'UTF-8');
                                                                                            $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; max-height: 90px; 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="<?php echo $compra['instalacion']; ?>" />
                                                                                        </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="40" style="font-size:56px;line-height:0px;">&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/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 ··················· -->