<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!--<meta name="csrf-token" content="{{ csrf_token() }}">-->
        
        <title>Alarmas Verisure Perú</title>
        <link rel="shortcut icon" href="<?= $baseUrl ?>/public/images/favicon.ico">
        
        <link href="<?= $baseUrl ?>/public/assets/clientesverisure/css/bootstrap.min.css" rel="stylesheet" type="text/css">
        <link href="<?= $baseUrl ?>/public/assets/clientesverisure/css/bootstrap-select.min.css" rel="stylesheet" type="text/css">
        <link href="<?= $baseUrl ?>/public/assets/clientesverisure/css/loaders.css" rel="stylesheet" type="text/css">
        <link href="<?= $baseUrl ?>/public/assets/clientesverisure/css/animate.css" rel="stylesheet" type="text/css">
        <link href="<?= $baseUrl ?>/public/assets/clientesverisure/css/style.css" rel="stylesheet" type="text/css">
        <link href="<?= $baseUrl ?>/public/assets/clientesverisure/css/responsive.css" rel="stylesheet" type="text/css">
        <link href="<?= $baseUrl ?>/public/assets/clientesverisure/css/font-awesome.min.css" rel="stylesheet" type="text/css">
		<!-- Toastr -->
		<link href="<?= $baseUrl ?>/public/js/pages/plugins/toastr/toastr.min.css" rel="stylesheet">
        <link rel='dns-prefetch' href='//fonts.googleapis.com' />
        <link rel='stylesheet' id='tt-easy-google-fonts-css' href='https://fonts.googleapis.com/css?family=Fira+Sans%3A300%2C500%2C100%2C300italic%2C200&#038;subset=latin%2Call&#038;ver=5.3.7' type='text/css' media='all' />
        <!-- start Simple Custom CSS and JS -->
        
        <style type="text/css">
            /*
            Formulario CF7 a 2 columnas responsive
            */
            
            #responsive-form {
                max-width: 600px/*-- change this to get your desired form width --*/;
                margin: 0 auto;
                width: 100%;
            }
            
            .form-row {
                width: 100%;
            }
            
            .column-half,
            .column-full {
                float: left;
                position: relative;
                padding: 0.65rem;
                width: 100%;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box
            }
            
            .clearfix:after {
                content: "";
                display: table;
                clear: both;
            }
            
            .btn.btn-red {
                width: 40%;
                border-radius: 30px;
                font-size: 22px;
            }
            
            .text-danger {
                color: #ff0500;
                font-weight: 400;
            }
            
            .navbar.bg-transparent {
                display: none;
            }
            
            #page .section_content h1 {
                display: none;
            }
            
            /**---------------- Media query ----------------**/
            @media only screen and (min-width: 48em) {
                .column-half {
                    width: 50%;
                }
            }
        </style>
        
        <!-- end Simple Custom CSS and JS -->
        <style id="tt-easy-google-font-styles" type="text/css">
            p {
                font-family: 'Fira Sans';
                font-style: normal;
                font-weight: 300;
                text-decoration: none;
                text-transform: none;
            }
            
            h1 {
                font-family: 'Fira Sans';
                font-style: normal;
                font-weight: 500;
                text-decoration: none;
                text-transform: none;
            }
            
            h2 {
                font-family: 'Fira Sans';
                font-style: normal;
                font-weight: 500;
            }
            
            h3 {
                font-family: 'Fira Sans';
                font-style: normal;
                font-weight: 100;
            }
            
            h4 {
                font-family: 'Fira Sans';
                font-style: italic;
                font-weight: 300;
            }
            
            h5 {
                font-family: 'Fira Sans';
                font-style: italic;
                font-weight: 300;
            }
            
            h6 {
                font-family: 'Fira Sans';
                font-style: normal;
                font-weight: 500;
                text-decoration: none;
            }
            
            .section-header text-center wow fadeIn,
            .wpcf7-form-control-wrap nombre,
            .wpcf7-form-control-wrap apellidos,
            .wpcf7-form-control-wrap telefono,
            .form-group,
            .wpcf7,
            body {
                color: #3a3a3a;
                font-family: 'Fira Sans';
                font-size: 15px;
                font-style: normal;
                font-weight: 200;
                text-decoration: none;
                text-transform: none;
            }
            
            .swal2-popup {
                font-size: 1.5rem;
            }
            
            .abs-center {
                display: flex;
                align-items: center;
                justify-content: center;
            }
        </style>
        <style>
        	.LockOff {
        		display: none;
        		visibility: hidden;
        	}
        
        	.LockOn {
        		position: fixed;
        		top: 0px;
        		right: 0px;
        		width: 105%;
        		height: 105%;
        		text-align: center;
        		color: white;
        		font-size: 30px;
        		font-weight: bold;
        		padding-top: 20%;
        		background: rgba(0, 0, 0, 0.8);
        		background-repeat: no-repeat;
        		background-position: center;
        		z-index: 999;
        	}
        
        	body {
        		background: #F4F4F4;
        		font-weight: 400;
        		padding: 0px !important;
        		font-size: 1em;
        	}
        	html {
        		padding: 0px !important;
        	}	
        
        	p,
        	h1,
        	h2,
        	h3,
        	h4,
        	h5,
        	h6 {
        		font-weight: 400;
        	}
        
        	.btn-verde,
        	a.inverse.btn-verde,
        	.inverse a.btn-verde {
        		background-color: #00a581;
        	}
        
        	.btn.btn-verde {
        		width: 30%;
        		border-radius: 30px;
        		font-size: 14px;
        	}
        
        	.btn-verde:hover,
        	.btn-nav.btn-verde:hover,
        	.btn-verde:focus,
        	.btn-nav.btn-verde:focus {
        		background-color: #00a581;
        	}
        
        	.btn-shadow.btn-verde {
        		-webkit-box-shadow: 0 4px 0 #ba463a;
        		-moz-box-shadow: 0 4px 0 #ba463a;
        		box-shadow: 0 4px 0 #ba463a;
        	}
        
        	.btn-border.btn-verde,
        	a.btn-border.btn-verde {
        		color: #00a581;
        	}
            @media screen and (max-width: 600px) {
                 table {
                       width:100%;
                   }
            }
        
            .header-logoImage-verisure{
            width: 90%;
            max-height: 100px;
            max-width: 240px;
            }
        
          .btn-verisure{
                font-family: "Avenir Next LT W01 Demi", sans-serif;
                font-weight: normal !important;
                font-style: normal !important;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                font-size: 15px;
                color: #EE0008;
                border: 1px solid #eb3e3e;
                border-radius: 40px;
                display: inline-block;
                padding: 15px 24px 15px 44px;
                text-decoration: none;
                text-align: center;
                line-height: 28px;
                text-transform: uppercase;
            }
             
            .btn-verisure { 
            color: #ffffff; 
            background-color: #FF0033; 
            border-color: #FF0033; 
            } 
 
            .btn-verisure:hover, 
            .btn-verisure:focus, 
            .btn-verisure:active, 
            .btn-verisure.active, 
            .open .dropdown-toggle.btn-verisure { 
              color: #ffffff; 
              background-color: #a62828; 
              border-color: #a62828; 
            } 
 
            .btn-verisure:active, 
            .btn-verisure.active, 
            .open .dropdown-toggle.btn-verisure { 
              background-image: none; 
            } 
             
            .btn-verisure.disabled, 
            .btn-verisure[disabled], 
            fieldset[disabled] .btn-verisure, 
            .btn-verisure.disabled:hover, 
            .btn-verisure[disabled]:hover, 
            fieldset[disabled] .btn-verisure:hover, 
            .btn-verisure.disabled:focus, 
            .btn-verisure[disabled]:focus, 
            fieldset[disabled] .btn-verisure:focus, 
            .btn-verisure.disabled:active, 
            .btn-verisure[disabled]:active, 
            fieldset[disabled] .btn-verisure:active, 
            .btn-verisure.disabled.active, 
            .btn-verisure[disabled].active, 
            fieldset[disabled] .btn-verisure.active { 
              background-color: #555758; 
              border-color: #555758; 
            } 
             
            .btn-verisure .badge { 
              color: #FF0033; 
              background-color: #ffffff; 
            }
            .modal-menu{
                max-width: 320px;
                min-width: 320px;
            }
            .afi-form .card {
                color: #000!important;
                background: #fff url('https://clientesverisure.com/media/2022/01/card.png') no-repeat scroll 10px center;
                background-position: 2px center;
            }
            .input-group-addon {
                padding: 1px 12px;
                font-size: 0.8em;
                font-weight: 400;
                line-height: 1;
                color: #555;
                text-align: center;
                background-color: #ffffff;
                /*border: 1px solid #ccc;*/
                border-radius: 4px;
                border-right: 0px !important;
                border-radius: 4px;
                border-bottom: 1px solid #ccc;
                border-top: 1px solid #ccc;
                border-left: 1px solid #ccc;                
            }
            .form-control {
                background: #ffffff;
                color: #657380;
                font-size: 0.8em;
                font-weight: 400;
                font-family: 'Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif';
                padding: 6px 8px;
                width: 100%;
                height: 39px;
                outline: 0;
                /*border: 1px solid #ccc;*/
                border-bottom: 1px solid #ccc;
                border-top: 1px solid #ccc;
                border-right: 1px solid #ccc;
                border-left: 0px !important;
                box-shadow: none;
                -webkit-transition: all 0.2s;
                -moz-transition: all 0.2s;
                -ms-transition: all 0.2s;
                -o-transition: all 0.2s;
                transition: all 0.2s;
            }
            .modal-md-1{
                margin: 0% 20% 0% 20%;
            }
            .modal-md-2{
                margin: 25% 22% 25% 22%;
            }
            .modal-md-3{
                margin: 0% 20% 0% 20%;
            }            
            .band_logos {
                height: 22px;
                width: 36px;
            }
            .band_logos_2 {
                height: 15px;
                width: 57px;
            }
            
        </style>
        <style>
            .btn-close{
                background-image: url(https://static-content.vnforapps.com/v2/css/images/close.png);
                background-size: contain;
                z-index: 1000;
                opacity: 0.5;
                background-repeat: no-repeat;
                width: 23px;
                height: 23px;
                border: 0px;
                background-position: left;
                -webkit-transition-duration: 250ms;
                transition-duration: 250ms;
                -webkit-transition-timing-function: ease;
                transition-timing-function: ease;
                -webkit-transition-property: opacity;
                transition-property: opacity;
                cursor: pointer;
                float: right;
            }
                
            /*modal_DinersAmex*/
            #modal_DinersAmex .input-group-addon i{
                /*margin: 2px;*/
                font-size: 17px;
                color: #b9b9b9;
            }
            
            #modal_DinersAmex .modal-body div .row div{
                /*padding: 0px;*/
               /*width: 48%;*/
            }
            
            #modal_DinersAmex .modal-body div .row div:first-child{
                /*margin-right: 10px;*/
            } 
            
            #modal_DinersAmex .modal-body{
            padding: 25px;
            }
            
            #modal_menu .modal-body{
            padding: 25px;
            }
            
            #modal_DinersAmex .row{
                margin: 0px !important;
            }
            
            #modal_DinersAmex .btn-submit{
                background-color: rgb(225, 18, 62);
                border-color: rgb(191, 15, 53);
                border-width: 0 1px 4px 1px;
            }
            
            #modal_DinersAmex p{
                text-align: center;
                font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 13px !important;
                font-weight: 400;
                line-height: 1.42857143 !important;
                color: #555555;
                margin-top:0em !important; 
            }
            #modal_DinersAmex .col-6-1 {
                width: 50%;
            }
            #modal_DinersAmex .sep-right{
                padding-right: 1%;
            }
            #modal_DinersAmex .sep-left{
               padding-left: 1%;
            } 
            
            /*modal_CuentaBancaria*/
            #modal_CuentaBancaria .input-group-addon i{
                /*margin: 2px;*/
                font-size: 17px;
                color: #b9b9b9;
            }
            
            #modal_CuentaBancaria .modal-body div .row div{
                /*padding: 0px;*/
               /*width: 48%;*/
            }
            
            #modal_CuentaBancaria .modal-body div .row div:first-child{
                /*margin-right: 10px;*/
            } 
            
            #modal_CuentaBancaria .modal-body{
            padding: 25px;
            }
            
            #modal_CuentaBancaria .row{
                margin: 0px !important;
            }
            
            #modal_CuentaBancaria .btn-submit{
                background-color: rgb(225, 18, 62);
                border-color: rgb(191, 15, 53);
                border-width: 0 1px 4px 1px;
            }
            
            #modal_CuentaBancaria p{
                text-align: center !important;
                font-family: "Source Sans Pro","Helvetica Neue","Helvetica","Arial","sans-serif";
                font-size: 13px !important;
                font-weight: 400;
                line-height: 1.42857143 !important;
                color: #555555;
                margin-top:0em !important; 
            }
            #modal_CuentaBancaria .col-6-1 {
                width: 50%;
            }
            #modal_CuentaBancaria .sep-right{
                padding-right: 1%;
            }
            #modal_CuentaBancaria .sep-left{
               padding-left: 1%;
            } 
            
            @media only screen and (max-width: 600px) {
                .modal-backdrop.in{
                opacity: 0.8
                }    
                /*modal_DinersAmex*/
                #modal_DinersAmex .modal-md-1{
                    /*margin: 10px 10px 10px 10px;*/
                     margin: 30px;
                }
                
                #modal_DinersAmex{
                padding-left: 0px !important
                }
                
                /*modal_menu*/
                #modal_menu .modal-md-1{
                    margin: 30px;
                }
                
                #modal_menu{
                padding-left: 0px !important
                }
                
                /*modal_CuentaBancaria*/
                #modal_CuentaBancaria .modal-md-1{
                    /*margin: 10px 10px 10px 10px;*/
                     margin: 30px;
                }
                
                #modal_CuentaBancaria{
                padding-left: 0px !important
                }    
                
            }
            
            
            .ocultar{
                diplay:none;
            }
            
            .afi-has-error{
                border-color: #ff4136;
                -webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(216 79 85 / 60%) !important;
                box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(216 79 85 / 60%) !important;
            }
            
            .afi-has-error .input-group-addon{
                background-color: #ffffff;
                border-color: #ff4136;
            }
            .afi-has-error .form-control {
                border-color: #ff4136;
            }
            
    		@-webkit-keyframes animar{
    			0%{-webkit-transform:translate(0px,0px);}
    			10%{-webkit-transform:translate(20px,0px);}
    			20%{-webkit-transform:translate(0px,0px);}
    			30%{-webkit-transform:translate(20px,0px);}
    			40%{-webkit-transform:translate(0px,0px);}
    			50%{-webkit-transform:translate(20px,0px);}
    			60%{-webkit-transform:translate(0px,0px);}
    			70%{-webkit-transform:translate(20px,0px);}
    			80%{-webkit-transform:translate(0px,0px);}
    			90%{-webkit-transform:translate(20px,0px);}
    			100%{-webkit-transform:translate(0px,0px);}
    		}
    
    
        </style>
    </head>
    
    <body>
        <!-- Preloader -->
        <div class="loader bg-red">
            <div class="loader-inner ball-scale-ripple-multiple vh-center">
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
        
        <div class="main-container" id="page">
            <section class="section section_content visible">
                <div class="container">
                    <div class="row">
                            <table width="600" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#F4F4F4" style="background-color: #F4F4F4;">
                                <tr>
                                    <td align="center">
                                        <!-- CREATIVIDAD -->
                                        <table width="600" height="0" bgcolor="#ffffff" border="0" cellspacing="0" cellpadding="0" style="background-color: #ffffff;">
                                            <tr>
                                                <td width="600"><img src="<?= $baseUrl ?>/public/images/afiliacion/cabecera.png" alt="Alarmas para tu Hogar" width="600" border="0" style="display:block; padding:0; border:0" /></td>
                                            </tr>
                                        </table>
                                        <table width="600" height="0" bgcolor="#ffffff" border="0" cellspacing="0" cellpadding="0" style="background-color: #ffffff;">
                
                                            <tr>
                                                <td width="600">
                                                    <img 
                                                        src="<?= isset($status) && $status == 200 
                                                            ? $baseUrl."/public/images/afiliacion-aceptada/banner.png"
                                                            : (isset($status) && $status == 400 
                                                                ? $baseUrl."/public/images/afiliacion-rechazada/banner.png"
                                                                : $baseUrl."/public/images/afiliacion/banner_v2.png") ?>" 
                                                        alt="Alarmas para tu Hogar" 
                                                        width="600" 
                                                        border="0" 
                                                        style="display:block; padding:0; border:0" 
                                                    />
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        <div class="col-md-12">
                            <table width="600" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#F4F4F4" style="background-color: #F4F4F4;">
                                <tr>
                                    <td align="center">
                                        <br>
                                        <table style="background-color: #ffffff;" width="550" cellspacing="0" cellpadding="0" border="0">
                                            <tbody>
                                                <tr>
                                                    <td width="500">
                                                        <p style="font-family:'Fira Sans',Arial;font-size: 16px; padding-right: 25px; padding-left: 25px;color: #606060; text-align: left;font-weight: bold;">Estimado(a) cliente, <br></p>
                                                        
                                                        <?php if(isset($status) && $status == 200){ ?>
                                                        <p style="font-family:'Fira Sans',Arial;font-size: 16px; padding-right: 25px; padding-left: 25px;color: #606060; text-align: left;">La afiliación de su tarjeta, como método de pago de su cuota mensual, <span style="color:#ff0033; font-weight:bold;">se ha completado exitosamente</span>.
                                                            <br><br><br>Atentamente,<br><span style="color:#ff0033;">Verisure Perú </span>
                                                        </p>
                                                        <?php }else if(isset($status) && $status == 400){ ?>
                
                                                        <p style="font-family:'Fira Sans',Arial;font-size: 16px; padding-right: 25px; padding-left: 25px;color: #606060; text-align: justify;">La afiliación de su tarjeta, como método de pago de su cuota mensual, <span style="color:#ff0033; font-weight:bold;">
                                                            <?php if (isset($mensaje_autorizacion['data']['ACTION_DESCRIPTION'])){ ?>
                                                                ha sido rechazada: <?= esc($mensaje_autorizacion['data']['ACTION_DESCRIPTION']); ?>.
                                                            <?php }else{ ?>
                                                                ha sido rechazada.
                                                            <?php } ?>
                                                            </span><br><br>Recuerde que para afiliar su tarjeta exitosamente deberá tomar en cuenta lo siguiente:
                                                        <ul style="font-family:'Fira Sans',Arial;font-size: 16px; padding-right: 25px;padding-left:25px; color: #606060; text-align: justify;">
                                                            <li>Asegúrese que su tarjeta este activa para compras en internet y cuente con el saldo suficiente para los cargos mensuales.</li>
                                                            <li>Si cuenta con Pago Aplazado por Servicio de Instalación (PAI), sólo podrá actualizar los datos siempre que la tarjeta sea de crédito.</li>
                                                            <li>Conozca la lista de tarjetas aptas para la afiliación, <span style="color:#ff0033;"><a href="https://clientesverisure.com/media/2021/05/tarjetas-aptas-para-afiliar.pdf">aquí</a></span></li>
                                                            <li>En caso tenga alguna duda por favor enviar un correo a <a href="mailto:administracion@verisure.pe">administracion@verisure.pe</a> y en 72 Hrs se le estará respondiendo</li>
                                                        </ul>
                                                        <p style="font-family:'Fira Sans',Arial;font-size: 18px; color: #ffffff; text-align: center;font-weight: 600;background-color: #01B37B;border-radius: 20px;padding: 10px 0px; margin:0px 100px;"><a style="color:#ffffff; text-decoration: none;" href="<?= previous_url(); ?>">Afiliar tarjeta de crédito/débito</a></p>
                                                        <p style="font-family:'Fira Sans',Arial;font-size: 16px; padding-right: 25px; padding-left: 25px;color: #606060; text-align: justify;"><br>Atentamente,<br><span style="color:#ff0033;">Verisure Perú </span><br></p>
                                                        <?php }else{ ?>
                                                        
                                                        <p style="font-family:'Fira Sans',Arial;font-size: 16px; padding-right: 25px; padding-left: 25px;color: #606060; text-align: justify;">La afiliación de su tarjeta, <span style="color:#ff0033; font-weight:bold;">ha sido cancelada. <br></span>Un error ha ocurrido mientras se procesaba su solicitud
                                                        <p style="font-family:'Fira Sans',Arial;font-size: 18px; color: #ffffff; text-align: center;font-weight: 600;background-color: #01B37B;border-radius: 20px;padding: 10px 0px; margin:0px 100px;"><a style="color:#ffffff; text-decoration: none;" href="<?= previous_url(); ?>">Ir afiliar tarjeta de crédito/débito</a></p>
                                                        <p style="font-family:'Fira Sans',Arial;font-size: 16px; padding-right: 25px; padding-left: 25px;color: #606060; text-align: justify;"><br>Atentamente,<br><span style="color:#ff0033;">Verisure Perú </span><br></p>
                                                        <?php } ?>
                                                        <br>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <br><br>
                                        <table width="550" height="0" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                                <td align="left" style="font-size: 14px; line-height: 1px; font-family: Fira Sans, sans-serif; color: #747474; text-align: left;"><img alt="-------" src="https://www.verisure.co.uk/alarms/customers/emails/html/img/line_dotted.gif" style="display: block; margin: 0 auto; display: inline-block; max-width: 100%; height: auto;" width="118" height="1" border="0" /><img alt="-------" src="https://www.verisure.co.uk/alarms/customers/emails/html/img/line_dotted.gif" style="display: block; margin: 0 auto; display: inline-block; max-width: 100%; height: auto;" width="118" height="1" border="0" /></td>
                                                <td style="padding: 0 8px; font-size: 14px; line-height: 50px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif; color: #333333; text-align: center;" align="-">
                                                    <img alt="Canal Cliente: siempre a su servicio" src="<?= $baseUrl ?>/public/images/afiliacion-aceptada/ico-contacto.png" style="display: block; margin: 0 auto; display: inline-block; max-width: 100%; height: auto;" width="50" height="50" border="0">
                                                </td>
                                                <td align="right" style="font-size: 14px; line-height: 1px; font-family: Fira Sans, sans-serif; color: #747474; text-align: right;">
                                                    <img alt="-------" src="https://www.verisure.co.uk/alarms/customers/emails/html/img/line_dotted.gif" style="display: block; margin: 0 auto; display: inline-block; max-width: 100%; height: auto;" width="118" height="1" border="0"><img alt="-------" src="https://www.verisure.co.uk/alarms/customers/emails/html/img/line_dotted.gif" style="display: block; margin: 0 auto; display: inline-block; max-width: 100%; height: auto;" width="118" height="1" border="0" />
                                                </td>
                                            </tr>
                                        </table>
                                        <br><br>
                                        <table width="550" height="0" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                                <td style="padding-left: 5px; padding-right: 5px; font-size: 14px; line-height: 42px; font-family: Arial, sans-serif; color: #333333; text-align: center; border-right: 0px solid #979797" width="33.333%" align="center">
                                                    <img alt="•" src="<?= $baseUrl ?>/public/images/afiliacion/ico-m.png" style="display: inline-block;" width="34" height="42" border="0">
                                                </td>
                                                <td style="padding-left: 5px; padding-right: 5px; font-size: 14px; line-height: 42px; font-family: Arial, sans-serif; color: #333333; text-align: center;" width="33.333%" align="center">
                                                    <img alt="•" src="<?= $baseUrl ?>/public/images/afiliacion/ico-telefono.png" style="display: inline-block;" width="45" height="42" border="0">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="padding-left: 5px; padding-right: 5px; padding-top: 16px; font-size: 13px; line-height: 15px; font-family: Arial, sans-serif; color: #737373; text-align: center;" width="33.333%" align="center">
                                                    <a href="mailto:clientes@verisure.pe" style="color: #737373; text-decoration: none; display: block; font-family: 'Fira Sans', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif; font-size: 14px;"><span>clientes@verisure.pe</span><br><span style="color: #a9a9a9; display: block; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif; font-size: 14px; padding-top: 4px;">24h</span></a>
                                                </td>
                                                <td style="padding-left: 5px; padding-right: 5px; padding-top: 16px; font-size: 13px; line-height: 15px; font-family: Arial, sans-serif; color: #737373; text-align: center;" width="33.333%" align="center">
                                                    <a href="tel:0 800 2 12 12" style="color: #737373; text-decoration: none; display: block; font-family: 'Fira Sans', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif; font-size: 14px;"><span>0 800 2 12 12</span><br><span style="color: #a9a9a9; display: block; font-family: 'Fira Sans', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif; font-size: 14px; padding-top: 4px;">24h</span></a>
                                                </td>
                                            </tr>
                                        </table>
                                        <br><br>
                                        <table style="border-radius: 0px 0px 45px 45px;background-color: #ffffff;" width="550" cellspacing="0" cellpadding="0" border="0" bgcolor="#ffffff" align="center">
                                            <tbody>
                                                <tr>
                                                    <td width="600">
                                                        <p style="text-align: center;  font-size: 16px;font-family:  'Fira Sans', Arial;color: #ff0033; margin-top: 20px;">Personas que protegen a personas</p>
                                                        <p style="text-align: center;font-size: 12px;font-family:  'Fira Sans', Arial;color: #606060;margin-bottom: 5px;">S&iacute;guenos en redes sociales</p>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td width="600">
                                                        <p style="text-align: center;font-size: 12px;font-family:'Fira Sans', Arial;color: #606060;"><a href="https://www.facebook.com/AlarmasVerisurePeru/" style="color:#ff0033">Facebook</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="https://www.youtube.com/channel/UCsC7LzKdqytaOQ58IL011eQ" style="color:#ff0033">Youtube</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="https://twitter.com/VerisurePeru" style="color:#ff0033">Twitter</a></p>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            	<div id="skm_LockPane" class="LockOff"></div>
            
            </section>
            
            <span class="respuesta_global"></span>
            
        </div>
        <!-- ========================= SCRIPTS ============================== -->
        
        <script src="<?= $baseUrl ?>/public/assets/clientesverisure/js/jquery1.11.2.min.js"></script>
        <script src="<?= $baseUrl ?>/public/assets/clientesverisure/js/bootstrap.min.js"></script>
        <script src="<?= $baseUrl ?>/public/assets/clientesverisure/js/bootstrap-select.min.js"></script>
        <script src="<?= $baseUrl ?>/public/assets/clientesverisure/js/jquery.easing.1.3.min.js"></script>
        <script src="<?= $baseUrl ?>/public/assets/clientesverisure/js/wow.min.js"></script>
        <script src="<?= $baseUrl ?>/public/assets/clientesverisure/js/custom.js"></script>

    </body>


</html>