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

<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">

<!--[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;
}
table {
  border-spacing   : 0; 
  mso-table-lspace : 0pt; 
  mso-table-rspace : 0pt;
}
table td {
  border-collapse: collapse;
}
strong {
  font-weight: 600 !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 : inherit !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     : 100% !important;
    max-width : 100% !important;
    height    : auto !important;
    margin    : auto;
  }
  table.row {
    width     : 100% !important;
    max-width : 100% !important;
  }
  table.center-float, td.center-float {
    float : none !important;
  }
  td.center-text{
    text-align: center !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.border-rounded {
    border-radius: 6px !important;
  }
  td.border-none {
    border: none !important;
  }
  table.mobile-padding {
    margin: 15px 0 !important;
  }
}

/* ----- nuevos AMG ------ */

.logo img {
  max-width: 170px;
}
.si-movil {
  display: none;
}

/*Responsive nuevos AMG*/
@media screen and (max-width: 599px) {

  .no-movil {
    display: none;
  }
  .logo img {
    max-width    : 98%;
    margin-left  : 1%;
    margin-right : 1%;
  }
  .text-12 {
    font-size: 12px !important;
  }
  .tit-16 {
    font-size: 16px !important;
  }
  table {
    border-left: none !important;
    border-right: none !important;
  }
  .tit-passbook {
    line-height: 18px !important;
    padding-bottom: 5px;
  }
  .ancho-100 {
    display: block !important;
  }
  .alto-10 {
    height: 10px !important;
  }
  .footer-border {
    border-right: 1px solid #8595a8 !important;
  }
  .alto-35 {
    height: 35px !important;
  }
  .si-movil {
    display: block;
  }

}

/* ----- FIN nuevos amg ------ */


</style>
</head>




<body id="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="#FFFFFF">


<!-- header -->

<table border="0" width="100%" align="center" cellpadding="0" cellspacing="0"       style="width:100%;max-width:100%;">
  <tr>
    <td class="sion-logo-3" 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="#FFFFFF">

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

                  <!-- container -->
                  <table width="700" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:700px;max-width:700px;">
                    <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 valign="middle" align="center" height="5" style="font-size:20px;line-height:20px;">&nbsp;    </td>
                          </tr>
                        </table>
                        <!-- space -->

                        <!-- container-2-columns -->
                        <table width="700" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:700px;max-width:700px;">
                          <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="256" border="0" cellpadding="0" cellspacing="0" align="left" class="row" style="width:256px;max-width:256px;height: 72px;">
                                <tr>
                                  <td align="center" valign="middle">
                                    <table border="0" cellpadding="0" cellspacing="0" align="left" class="center-float">
                                      <tr>
                                        <td class="logo" valign="middle" align="left">
                                          <img style="display:block;width:170px" src="<?php echo $compra['webroot_img']; ?>logo-cab-color.png"  border="0"  alt="logo">
                                        </td>
                                      </tr>
                                    </table>
                                  </td>
                                </tr>
                              </table>
                              <!-- logo -->

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

                              <!-- gap -->
                              <table width="20" border="0" cellpadding="0" cellspacing="0" align="left" class="row no-movil" style="width:20px;max-width:20px;height: 72px;">
                                <tr>
                                  <td valign="middle" align="center" height="5" style="font-size:60px;line-height:60px;"></td>
                                </tr>
                              </table>
                              <!-- gap -->

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

                              <!-- column -->
                              <table width="424" border="0" cellpadding="0" cellspacing="0" align="left" class="row" style="width:424px;max-width:424px;height: 72px;">
                                <tr>
                                  <td align="center" valign="middle">

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

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

                                                <table   border="0" cellpadding="0" cellspacing="0" align="center" style="display:inline-block;vertical-align:middle;">
                                                  <tr>
                                                    <td class="title"      valign="middle" align="left" height="5" style="font-family:'Roboto',Arial,Helvetica,sans-serif;font-size:21px;line-height:30px;font-weight:300;font-style:normal;color:##2D6244;text-decoration:none;letter-spacing:0px;">



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

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

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

                                        </td>
                                      </tr>
                                    </table>
                                    <!-- icon-txt -->

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

                              <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->

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

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

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

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

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

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

<!-- header -->



<!-- título -->

<table border="0" width="100%" align="center" cellpadding="0" cellspacing="0"       style="width:100%;max-width:100%;">
  <tr>
    <td class="sion-title-8" 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="#FFFFFF">

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

                  <!-- container -->
                  <table width="640" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:640px;max-width:640px;">
                    <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 valign="middle" align="center" height="5" 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 center-text tit-16"      valign="middle" align="center" style="font-family:'Roboto',Arial,Helvetica,sans-serif; font-size:21px; line-height:30px; font-weight:600;font-style:normal; color:#ffffff;text-decoration:none;letter-spacing: 0.03em;text-transform: uppercase;color: #004D3A;">

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

                            </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="5" style="font-size:20px;line-height:20px;">&nbsp;    </td>
                          </tr>
                        </table>
                        <!-- space -->

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

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

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

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

<!-- título -->

<!-- cita confirmada -->

<table border="0" width="100%" align="center" cellpadding="0" cellspacing="0"       style="width:100%;max-width:100%;">
  <tr>
    <td class="sion-title-8" 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="#ffffff">

            <!-- bg-color -->
            <table border="0" width="700" align="center" cellpadding="0" cellspacing="0" class="row" style="width:700px;max-width:700px;border-left:1px solid #004D3A;border-right:1px solid #004D3A;border-bottom:1px solid #004D3A;">
              <tr>
                <td class="bg-color" align="center" valign="top"    bgcolor="">

                  <!-- container -->
                  <table width="640" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:640px;max-width:640px;;">
                    <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 valign="middle" align="center" height="5" style="font-size:10px;line-height:10px;">&nbsp;    </td>
                          </tr>
                        </table>
                        <!-- space -->

                        <!-- icon-webview -->
                        <table   border="0" cellpadding="0" cellspacing="0" align="center" class="center-float" style="display:inline-block;vertical-align:center;">
                          <tr>

                            <td valign="middle" align="left">

                              <!-- Webview -->
                              <table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" style="width:100%;max-width:100%;">
                                <tr>
                                  <td align="left" valign="middle">

                                    <table border="0" cellpadding="0" cellspacing="0" align="left" class="center-float">

                                      <!-- HTML -->
                                      <tr>
                                        <td class="center-text" valign="middle" align="left">

                                          <table border="0" cellpadding="0" cellspacing="0" align="left" class="center-float">
                                            <tr>
                                              <td class="subtitle center-text tit-16"      valign="middle" align="center" style="font-family:'Open Sans',Arial,Helvetica,sans-serif; font-size:18px; line-height:30px; font-weight:400;font-style:normal; color:#004D3A;text-decoration:none;letter-spacing: 0px;text-transform: uppercase;">

                                                Your appointment is <strong><?php echo $compra['estado']; ?></strong>.

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

                                    </table>

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

                            </td>
                          </tr>
                        </table>
                        <!-- icon-webview -->

                        <!-- 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="5" style="font-size:10px;line-height:10px;">&nbsp;    </td>
                          </tr>
                        </table>
                        <!-- space -->

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

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

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

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

<!-- cita confirmada -->

<?php if (!isset($compra['correo_cancelacion'])) {?>

<!-- documentación necesaria -->

<table border="0" width="100%" align="center" cellpadding="0" cellspacing="0"       style="width:100%;max-width:100%;">
  <tr>
    <td class="sion-title-9" 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="#FFFFFF">

            <!-- bg-color -->
            <table border="0" width="700" align="center" cellpadding="0" cellspacing="0" class="row" style="width:700px;max-width:700px;border-left:1px solid #004D3A;border-right:1px solid #004D3A;border-bottom:1px solid #004D3A;">
              <tr>
                <td class="bg-color" align="center" valign="top"    bgcolor="#FFFFFF">

                  <!-- container -->
                  <table width="640" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:640px;max-width:640px;">
                    <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 valign="middle" align="center" height="5" style="font-size:10px;line-height:10px;">&nbsp;    </td>
                          </tr>
                        </table>
                        <!-- space -->

                        <!-- text -->
                        <table   border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width:100%; max-width:100%;">
                          <tr>
                            <td class="text container-padding"      valign="middle" align="left" style="font-family:'Open Sans',Arial,Helvetica,sans-serif; font-size:12px; line-height:24px; font-weight:normal;font-style:normal; color:#555555;text-decoration:none;letter-spacing: 0px;">

                                <strong>IMPORTANTE: </strong> Guarde este correo electrónico y muéstrelo cuando llegue a su cita. También puede descargar su passbook / wallet.

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

                        <!-- 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="5" style="font-size:20px;line-height:20px;">&nbsp;    </td>
                          </tr>
                        </table>
                        <!-- space -->

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

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

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

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

<!-- documentación necesaria -->

<?php }?>

<!-- qr localizador -->

<table border="0" width="100%" align="center" cellpadding="0" cellspacing="0"       style="width:100%;max-width:100%;">
  <tr>
    <td class="sion-title-9" 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="#FFFFFF">

            <!-- bg-color -->
            <table border="0" width="700" align="center" cellpadding="0" cellspacing="0" class="row" style="width:700px;max-width:700px;border-left:1px solid #004D3A;border-right:1px solid #004D3A;border-bottom:1px solid #004D3A;">
              <tr>
                <td class="bg-color" align="center" valign="top"    bgcolor="#FFFFFF">

                  <!-- container -->
                  <table width="640" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:640px;max-width:640px;">
                    <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 valign="middle" align="center" height="5" 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 container-padding"  valign="middle" align="center" style="font-family:'Open Sans',Arial,Helvetica,sans-serif;color: #999;font-weight: 400;font-size: 24px;letter-spacing: 0.01em;text-transform: uppercase;">

                                <?php if (!empty($compra['localizadorQr'])) {?>
                                <img src="<?php echo $compra['localizadorQr']; ?>" alt='QR' style="display:block" border="0">
                                <?php }?>
                            </td>

                             <td class="title container-padding" valign="middle" align="center" style="font-family:'Open Sans',Arial,Helvetica,sans-serif;color: #999;font-weight: 400;font-size: 24px;letter-spacing: 0.01em;text-transform: uppercase;">

                                Localizador: <strong style="font-family:'Open Sans',Arial,Helvetica,sans-serif; font-size:24px; line-height:30px; font-weight:700;font-style:normal; color:#004D3A;text-decoration:none;letter-spacing: 0.05em;"><?php echo $compra['localizador']; ?></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 class=" container-padding" valign="middle" align="center" height="5" style="font-size:20px;line-height:20px;">&nbsp;    </td>
                          </tr>
                        </table>
                        <!-- space -->

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

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

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

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

<!-- qr localizador -->



<!-- datos cita -->

<table border="0" width="100%" align="center" cellpadding="0" cellspacing="0"       style="width:100%;max-width:100%;">
  <tr>
    <td class="sion-text-3" 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="#FFFFFF">

            <!-- bg-color -->
            <table border="0" width="700" align="center" cellpadding="0" cellspacing="0" class="row" style="width:700px;max-width:700px;border-left:1px solid #004D3A;border-right:1px solid #004D3A;border-bottom:1px solid #004D3A;">
              <tr>
                <td class="bg-color" align="center" valign="top"    bgcolor="#FFFFFF">

                  <!-- container -->
                  <table width="640" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:640px;max-width:640px;">
                    <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" valign="middle" align="center" height="5"   >&nbsp;    </td>
                          </tr>
                        </table>
                        <!-- space -->

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

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

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

                                    <!-- text -->
                                    <table   border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width:100%; max-width:100%;">
                                      <tr>
                                        <td class="text"      valign="middle" align="left" style="font-family:'Open Sans',Arial,Helvetica,sans-serif; font-size:14px; line-height:25px; font-weight:normal;font-style:normal; color:#999;text-decoration:none;letter-spacing: 0px;">
                                            Edificio: <span style="color: #2D6244;font-weight: 600;font-size: 14px;"><?php echo $compra['edificio']; ?></span><br>
                                            Lugar: <span style="color: #004D3A;font-weight: 600;font-size: 14px;"><?php echo $compra['descripcion_instalacion']; ?></span><br>
                                            Día: <span style="color: #004D3A;font-weight: 600;font-size: 14px;"><?php echo $compra['fecha_reserva']; ?></span><br>
                                            Hora: <span style="color: #004D3A;font-weight: 600;font-size: 14px;"><?php echo $compra['hora_aproximada']; ?></span><br>

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

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

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

                              <!-- gap -->
                              <table width="20" border="0" cellpadding="0" cellspacing="0" align="left" class="row" style="width:20px;max-width:20px;">
                                <tr>
                                  <td valign="middle" align="center" height="5" style="font-size:20px;line-height:20px;"></td>
                                </tr>
                              </table>
                              <!-- gap -->

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

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

                                    <!-- text -->
                                    <table   border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width:100%; max-width:100%;">
                                      <tr>
                                        <td class="text"      valign="middle" align="left" style="font-family:'Open Sans',Arial,Helvetica,sans-serif; font-size:14px; line-height:25px; font-weight:normal;font-style:normal; color:#999;text-decoration:none;letter-spacing: 0px;">

                                            Nombre: <span style="font-size: 14px; color:#004D3A;font-weight: 600;"><?php echo $compra['nombre']; ?></span><br>
                                            Apellidos: <span style="font-size: 14px; color:#004D3A;font-weight: 600;"><?php echo $compra['apellidos']; ?></span><br>
                                            Teléfono: <span style="font-size: 14px; color:#004D3A;font-weight: 600;"><?php echo $compra['telefono']; ?></span><br>
                                            Email: <span style="font-size: 14px; color:#004D3A;font-weight: 600;"><?php echo $compra['email']; ?></span><br>

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

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

                              <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->

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

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

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

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

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

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

<!-- datos cita -->

<?php if (!isset($compra['correo_cancelacion'])) {?>

<!-- documentación necesaria -->

<table border="0" width="100%" align="center" cellpadding="0" cellspacing="0"       style="width:100%;max-width:100%;">
  <tr>
    <td class="sion-title-9" 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="#FFFFFF">

            <!-- bg-color -->
            <table border="0" width="700" align="center" cellpadding="0" cellspacing="0" class="row" style="width:700px;max-width:700px;border-left:1px solid #004D3A;border-right:1px solid #004D3A;border-bottom:1px solid #004D3A;">
              <tr>
                <td class="bg-color" align="center" valign="top"    bgcolor="#FFFFFF">

                  <!-- container -->
                  <table width="640" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:640px;max-width:640px;">
                    <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 valign="middle" align="center" height="5" style="font-size:10px;line-height:10px;">&nbsp;    </td>
                          </tr>
                        </table>
                        <!-- space -->

                        <!-- text -->
                        <table   border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width:100%; max-width:100%;">
                          <tr>
                            <td class="text container-padding"      valign="middle" align="left" style="font-family:'Open Sans',Arial,Helvetica,sans-serif; font-size:10px; line-height:24px; font-weight:normal;font-style:normal; color:#555555;text-decoration:none;letter-spacing: 0px;">

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

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

                        <!-- 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="5" style="font-size:20px;line-height:20px;">&nbsp;    </td>
                          </tr>
                        </table>
                        <!-- space -->

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

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

                              <!-- column -->
                              <table width="305" border="0" cellpadding="0" cellspacing="0" align="left" class="row" style="width:305x;max-width:305px;">
                                <tr>
                                  <td class="column-bg-color-c" valign="top" align="center"  bgcolor="#FFFFFF">

                                    <!-- Button-Bg -->
                                    <table   border="0" cellpadding="0" cellspacing="0" align="center" class="center-float" style="display:inline-block;vertical-align:middle;">
                                      <tr>
                                        <td align="center" valign="top">

                                          <!-- Container -->
                                          <table border="0" cellpadding="0" cellspacing="0" align="center" class="center-float" style="display:inline-block;vertical-align:middle;">
                                            <tr>
                                              <td class="button-bg" valign="middle" align="center"    bgcolor="#f4f6f7">

                                                <!-- Btn -->
                                                <table border="0" cellpadding="0" cellspacing="0" align="center" class="center-float">
                                                  <tr>
                                                    <td width="20"></td>

                                                    <td align="center" valign="middle" width="30" height="20">
                                                      <img style="display:block;" src="<?php echo $compra['webroot_img']; ?>passbook.png"  border="0"  alt="Passbook">
                                                    </td>

                                                    <td width="15"></td>

                                                    <td valign="middle" align="center"      style="font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:14px;line-height:48px;font-weight:normal;font-style:normal;color:#999999;text-decoration:none;letter-spacing:0px;">

                                                        <a href="<?php echo $compra['webroot']; ?>tickets/passbook/<?php echo $compra['token']; ?>" target="_blank" style="color: #999999;">Añadir a su <strong>PASSBOOK</strong></a>

                                                    </td>

                                                    <td width="20"></td>
                                                  </tr>
                                                </table>
                                                <!-- Btn -->

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

                                        </td>
                                      </tr>
                                    </table>
                                    <!-- Button-Bg -->

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

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

                              <!-- gap -->
                              <table width="30" border="0" cellpadding="0" cellspacing="0" align="left" class="row" style="width:20px;max-width:20px;">
                                <tr>
                                  <td class="alto-10" valign="middle" align="center" height="30"></td>
                                </tr>
                              </table>
                               <!-- gap -->

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

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

                                    <!-- Button-Bg -->
                                    <table   border="0" cellpadding="0" cellspacing="0" align="center" class="center-float" style="display:inline-block;vertical-align:middle;">
                                      <tr>
                                        <td align="center" valign="top">

                                          <!-- Container -->
                                          <table border="0" cellpadding="0" cellspacing="0" align="center" class="center-float" style="display:inline-block;vertical-align:middle;">
                                            <tr>
                                              <td class="button-bg" valign="middle" align="center"    bgcolor="#f4f6f7">

                                                <!-- Btn -->
                                                <table border="0" cellpadding="0" cellspacing="0" align="center" class="center-float">
                                                  <tr>
                                                    <td width="20"></td>

                                                    <td align="center" valign="middle" width="30" height="20">
                                                      <img style="display:block;" src="<?php echo $compra['webroot_img']; ?>passbook.png"  border="0"  alt="Passbook">
                                                    </td>

                                                    <td width="15"></td>

                                                    <td valign="middle" align="center"      style="font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:14px;line-height:48px;font-weight:normal;font-style:normal;color:#999999;text-decoration:none;letter-spacing:0px;">

                                                        <a href="<?php echo $compra['webroot']; ?>tickets/passwallet/<?php echo $compra['token']; ?>" target="_blank" style="color: #999999;">Añadir a su <strong>PASSWALLET</strong></a>

                                                    </td>

                                                    <td width="20"></td>
                                                  </tr>
                                                </table>
                                                <!-- Btn -->

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

                                        </td>
                                      </tr>
                                    </table>
                                    <!-- Button-Bg -->

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

                              <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->

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

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

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

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

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

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

<!-- documentación necesaria -->

<!-- gestionar mis trámites -->

<table border="0" width="100%" align="center" cellpadding="0" cellspacing="0"       style="width:100%;max-width:100%;">
  <tr>
    <td class="sion-title-9" 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="#FFFFFF">

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

                  <!-- container -->
                  <table width="640" border="0" cellpadding="0" cellspacing="0" align="center" class="row" style="width:640px;max-width:640px;">
                    <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 valign="middle" align="center" height="5" style="font-size:10px;line-height:10px;">&nbsp;    </td>
                          </tr>
                        </table>
                        <!-- space -->

                        <!-- text -->
                        <table   border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="width:100%; max-width:100%;">
                          <tr>
                            <td class="text container-padding"      valign="middle" align="left" style="font-family:'Open Sans',Arial,Helvetica,sans-serif; font-size:12px; line-height:24px; font-weight:normal;font-style:normal; color:#555555;text-decoration:none;letter-spacing: 0px; text-align: center">

                                Si desea cancelar o modificar su cita previa haga <a href="$datos['mis_visitas']" target="_blank" >click aquí</a>

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

                        <!-- 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="5" style="font-size:20px;line-height:20px;">&nbsp;    </td>
                          </tr>
                        </table>
                        <!-- space -->

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

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

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

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

<!-- gestionar mis trámites -->
<?php }?>

<!-- space-30 -->

<table class="no-movil" border="0" width="100%" align="center" cellpadding="0" cellspacing="0"       style="width:100%;max-width:100%;">
  <tr>
    <td class="sion-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="#FFFFFF">

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

                  <!-- 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="5"   ></td>
                    </tr>
                  </table>
                  <!-- space-control -->

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

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

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

<!-- space-30 -->



</body>
</html>
