
 <!-- 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="500" border="0" alt="<?php echo $compra['instalacion']; ?>" />
                                                                         </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 -->