<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:100%;max-width:100%;">
    <tr>
        <td align="center" valign="top" class="container-padding">
            <!-- space -->
            <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
                <tr>
                    <td class="space-control-1" valign="middle" align="center" height="40">&nbsp;</td>
                </tr>
            </table>
            <!-- space -->
            <!-- title -->
            <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width:100%; max-width:560px;">
                <tr>
                    <td class="title center-text" valign="middle" align="center" style="font-family:'Inter', sans-serif; font-size: 18px; line-height: 27px; font-weight: 400; font-style: normal; color: #353535; text-decoration: none; letter-spacing: 0px;">

                        Has <?php echo $accion; ?> una reserva para <?php echo $compra['plazas']; ?> <?php echo $compra['plazas'] > 1 ? 'personas' : 'persona'; ?> para disfrutar de la experiencia "<?php echo $compra['servicio']; ?>" en <span style="font-weight: 600;"><?php echo $compra['instalacion']; ?></span>
                        <a href="<?php echo $compra['instalacion_mapa']?>" style="color:#353535;font-style: italic;font-size: 16px;">(ver google maps)</a>,
                        <?php if ($compra['fecha_reserva'] != '') : ?>el día <span style="color: #353535; font-weight: 600;"> <?php echo $compra['fecha_reserva']; ?></span> a las <span style="color: #353535;font-weight: 600;"><?php echo $compra['horario']; ?></span> <?php endif; ?>
                        
                    </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="30">&nbsp;</td>
                </tr>
            </table>
            <!-- space -->

            <!-- Input text -->
            <table style="font-family:'Montserrat', sans-serif;">
                <tr>
                    <td style="text-align: center;">
                        <p style="font-weight: 500; letter-spacing: 1px; font-size: 15px;">LOCALIZADOR</p>

                        <!-- 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="8">&nbsp;</td>
                            </tr>
                        </table>
                        <!-- space -->

                        <img class="imagen_qr" src="<?php echo $compra['domainLink']; ?>/wp-content/plugins/visitas/modules/visitas/reservas/images/QR/<?php echo $compra['localizador'] . '.png'; ?>" alt="Localizador reserva" />
                    </td>
                </tr>

                <tr>
                    <td>

                        <p style="width: 170px; line-height: 40px; text-align: center;  font-size: 24px; font-weight: 600; letter-spacing: 2px; ">


                            <!-- LOCALIZADOR -->
                            <?php echo $compra['localizador']; ?>
                        </p>
                    </td>
                </tr>
            </table>
            <!-- Input text -->

            <!-- space -->
            <table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" style="width:100%;max-width:100%;">
                <tr>
                    <td class="space-control-2" valign="middle" align="center" height="16">&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 center-text"
              valign="middle"
              align="center"
              style="font-family:'Inter', sans-serif;
                    font-size: 16px;
                    line-height: 35px;
                    font-weight: 500;
                    font-style: normal;
                    color: #353535;
                    text-decoration: none;
                    letter-spacing: 0px;">


                      o puedes guardarlo en tu móvil en formato <strong>passbook/passwallet:<strong>

              </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="20">&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="localizador" colspan="3" style="padding:10px; text-align:center;font-size: 21px;">
                    <table width="100%" cellspacing="0" cellpadding="0">
                        <tr>
                            <td style="text-align:center;">
                                <span style="border:1px solid #000;padding:20px 15px; font-size: 18px;border-radius: 5px;">
                                    <a href="<?php echo $compra['domainLink']; ?>/wp-content/themes/divi-child/passbook.php?l=<?php echo $compra['loc_encryp']; ?>&w=1" target="_blank" style="color: #000;text-decoration: none;">
                                        <img style="vertical-align: middle;width:50px;display: inline;" width="50" src="<?php echo $compra['domainLink']; ?>/wp-content/plugins/visitas/modules/visitas/reservas/images/ico-wallet.png" alt="Añadir a Wallet (PassBook)"/>
                                        Añadir a Wallet (PassBook)
                                    </a>
                                </span>
                             </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table> 
            <!-- title -->
        </td>
    </tr>
</table>

<!-- space -->
<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="30">&nbsp;</td>
    </tr>
</table>
<!-- space -->