1 <!DOCTYPE html> 2 <html class="no-js" lang='es'> 3 <!-- HTML header with browser directives --> 4<head> 5 6<!-- Google Tag Manager -->
7<script nonce="LPjPSt951n">
vendor: 327 bytes, lines 7-11
7(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 8new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 9j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 10'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 11})(window,document,'script','dataLayer','
11GTM-5CQXZBV
vendor: 3 bytes, line 11
11');
11</script>
11 12<!-- End Google Tag Manager --> 13 14<meta charset="utf-8"/> 15<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> 16<!-- Site SEO --> 17<meta name="author" content="Tapp"/> 18<meta name="viewport" content="width=device-width, initial-scale=1.0"/> 19 20 21 22 23 24 25 26 27 28 <title> Funcionalidades - Tapp </title> 29 <meta name="description" content="Usa y activa tu tarjeta y accede a los siguientes beneficios: Compras presenciales y online en comercios a costo $0. Bloqueos en lÃnea y muchos más"/> 30 <meta property="og:title" content="Funcionalidades"/> 31 <meta property="og:type" content="website"/> 32 <meta property="og:url" content="https://www.tapp.cl/funcionalidades"/> 33 <meta property="og:image" content=""/> 34 <meta property="og:site_name" content="Tapp"/> 35 <meta property="og:description" content="Usa y activa tu tarjeta y accede a los siguientes beneficios: Compras presenciales y online en comercios a costo $0. Bloqueos en lÃnea y muchos más"/> 36 37 38<link rel="shortcut icon" href="https://cla.cdn.modyo.com/uploads/30174f3a-dcff-4133-bdf3-8219a20febe7/C32x32/tapp-favicon-32.ico"> 39 <meta name="apple-mobile-web-app-capable" content="yes"/> 40 <link rel="apple-touch-icon" href="https://cla.cdn.modyo.com/uploads/2cf033db-cd07-4851-ac0d-924a29655282/C57x57/tapp-favicon-32.ico" /> 41 <link rel="apple-touch-icon" sizes="72x72" href="https://cla.cdn.modyo.com/uploads/2cf033db-cd07-4851-ac0d-924a29655282/C72x72/tapp-favicon-32.ico" /> 42 <link rel="apple-touch-icon" sizes="114x114" href="https://cla.cdn.modyo.com/uploads/2cf033db-cd07-4851-ac0d-924a29655282/C114x114/tapp-favicon-32.ico" /> 43 <link rel="apple-touch-icon" sizes="144x144" href="https://cla.cdn.modyo.com/uploads/2cf033db-cd07-4851-ac0d-924a29655282/C144x144/tapp-favicon-32.ico" /> 44 45 46<!-- Javascript -->
47<script src='https://www.tapp.cl/javascript/site-base-f69f754eabaed447d0ba059e3fd1829653d0bd597059857d52958db5035f175b.js' type='text/javascript'></script>
47 48 49<!-- Google Web Fonts (Nunito Sans) --> 50<link rel="preconnect" href="https://fonts.googleapis.com"> 51<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 52<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700&display=swap" rel="stylesheet"> 53 54<!-- Start Zapier Code -->
55<script type='text/javascript' id='zapierCode'> 56function AgregarZapier(){ 57 document.getElementById("snippet-response-form").addEventListener("submit", function(event) { 58 event.preventDefault(); // Evita que el formulario se envÃe de manera predeterminada 59 // Llama a la función enviarFormulario para enviar los datos a Zapier 60 enviarFormulario(); 61 }); 62} 63 64function validaFormulario(){ 65 var elementExists = document.getElementById("snippet-response-form"); 66 if (elementExists!=null){ 67 AgregarZapier(); 68 }else{ 69 //Esperamos 1 segundo y reintentamos 70 setTimeout(AgregarZapier, 3000); 71 } 72} 73 74function enviarFormulario() { 75 var formData = new FormData(document.getElementById("snippet-response-form")); 76 var request = new XMLHttpRequest(); 77 alert ("Sus datos han sido enviado exitosamente"); 78 request.open("POST", "https://hooks.zapier.com/hooks/catch/10823792/3n4en17/"); // Reemplaza esto con la URL proporcionada por Zapier 79 request.send(formData); 80 81} 82 validaFormulario(); 83 84</script>
84 85 86<!-- Start VWO Async SmartCode --> 87<!-- Start VWO Async SmartCode --> 88<link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" />
89<script type='text/javascript' id='vwoCode'> 90window._vwo_code || (function() { 91var account_id=748571, 92version=2.0, 93settings_tolerance=2000, 94hide_element='body', 95hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important', 96/* DO NOT EDIT BELOW THIS LINE */ 97f=false,w=window,d=document,v=d.querySelector('#vwoCode'),cK='vwo'+account_id+'settings',cc={};try{var c=JSON.parse(localStorage.getItem('_vwo'+account_id+'config'));cc=c&&typeof c==='object'?c:{}}catch(e){}var stT=cc.stT==='session'?w.sessionStorage:w.localStorage;code={use_existing_jquery:function(){return typeof use_existing_jquery!=='undefined'?use_existing_jquery:undefined},library_tolerance:function(){return typeof library_tolerance!=='undefined'?library_tolerance:undefined},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){return typeof cc.hE==='string'?cc.hE:hide_element},getVersion:function(){return version},finish:function(){if(!f){f=true;var e=d.getElementById('_vis_opt_path_hides');if(e)e.parentNode.removeChild(e)}},finished:function(){return f},load:function(e){var t=this.getSettings(),n=d.createElement('script'),i=this;if(t){n.textContent=t;d.getElementsByTagName('head')[0].appendChild(n);if(!w.VWO||VWO.caE){stT.removeItem(cK);i.load(e)}}else{n.fetchPriority='high';n.src=e;n.type='text/javascript';n.onerror=function(){_vwo_code.finish()};d.getElementsByTagName('head')[0].appendChild(n)}},getSettings:function(){try{var e=stT.getItem(cK);if(!e){return}e=JSON.parse(e);if(Date.now()>e.e){stT.removeItem(cK);return}return e.s}catch(e){return}},init:function(){if(d.URL.indexOf('vwo_disable_')>-1)return;var e=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish();stT.removeItem(cK)},e);var t=d.currentScript,n=d.createElement('style'),i=this.hide_element(),r=t&&!t.async&&i?i+this.hide_element_style():'',c=d.getElementsByTagName('head')[0];n.setAttribute('id','_vis_opt_path_hides');v&&n.setAttribute('nonce',v.nonce);n.setAttribute('type','text/css');if(n.styleSheet)n.styleSheet.cssText=r;else n.appendChild(d.createTextNode(r));c.appendChild(n);this.load('https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&vn='+version)}};w._vwo_code=code;code.init();})(); 98</script>
98 99<!-- End VWO Async SmartCode --> 100 101<!-- Style --> 102<link href='https://www.tapp.cl/stylesheets/site-base-f69f754eabaed447d0ba059e3fd1829653d0bd597059857d52958db5035f175b.css' rel='stylesheet' type='text/css' media='screen' /> 103<!-- CSRF meta tags --> 104
105<script crossorigin type="module" src="https://cla.cdn.modyo.com/libraries/ds-button/2.0.0/claButton.umd.js"></script>
105 106 107<style> 108 .breadcrumb { 109 color: #dedf7c !important; 110 } 111</style> 112</head> 113 <body id="custom" class="context-custom context-custom-show context-custom-show-funcionalidades"> 114 <!-- Body with automatic context classes --> 115 116<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 116-118
116 117<noscript> 118<iframe src="https://www.googletagmanager.com/ns.html?id=
118GTM-5CQXZBV
vendor: 85 bytes, lines 118-121
118" height="0" width="0" 119style="display:none;visibility:hidden"> 120</iframe> 121</noscript>
122<!-- End Google Tag Manager (noscript) --> 123 124 125<div id="modyo-site-alert-wrapper"></div> 126 127 128 129<header 130 role="banner" 131 id="header"> 132 <div class="container"> 133 <div class="row justify-content-end justify-content-lg-between align-items-center"> 134 <div class="col-auto me-auto me-lg-0"> 135 <img src="https://segment.prod.bidr.io/associate-segment?buzz_key=richaudience&segment_key=richaudience-4610&value=" height="0" width="0"> 136 <a 137 href="https://www.tapp.cl" 138 aria-label="Tapp" 139 class="main-logo"> 140 Tapp 141 </a> 142 </div> 143 <div class="col-auto px-0 px-lg-3"> 144 <div id="main-menu"> 145 <div class="main-menu__content"> 146 <nav class="main-nav"> 147 <ul class="d-lg-flex mb-0"> 148 149 <li class="main-nav_item"> 150 <a 151 role="button" 152 href="https://www.tapp.cl/funcionalidades" 153 aria-label="Funcionalidades" 154 class="active cla-p cla-xsmall-lg cla-small-xl cla-fw-regular"> 155 Funcionalidades 156 </a> 157 </li> 158 159 <li class="main-nav_item"> 160 <a 161 role="button" 162 href="https://www.tapp.cl/beneficios" 163 aria-label="Beneficios y Descuentos" 164 class=" cla-p cla-xsmall-lg cla-small-xl cla-fw-regular"> 165 Beneficios y Descuentos 166 </a> 167 </li> 168 169 <li class="main-nav_item"> 170 <a 171 role="button" 172 href="https://www.tapp.cl/nuestro-sello" 173 aria-label="Nuestro Sello" 174 class=" cla-p cla-xsmall-lg cla-small-xl cla-fw-regular"> 175 Nuestro Sello 176 </a> 177 </li> 178 179 <li class="main-nav_item"> 180 <a 181 role="button" 182 href="https://www.tapp.cl/ayuda" 183 aria-label="Ayuda" 184 class=" cla-p cla-xsmall-lg cla-small-xl cla-fw-regular"> 185 Ayuda 186 </a> 187 </li> 188 189 </ul> 190 </nav> 191 <a 192 href="https://tapp.onelink.me/K6u1/mkw7cs5c" 193 target="_blank" 194 ref="noopener noreferrer" 195 aria-label="Descarga la App" 196 class="d-lg-none"> 197 <figure 198 class="app-banner px-3 mx-auto mt-5 mb-4"> 199 <img 200 src="https://cla.cdn.modyo.com/uploads/1966e5ba-9493-4a3c-881a-54a24419ddf6/original/banner_mobile--app.png" 201 alt="Tenemos el respaldo, asistencia y seguridad que necesitas." 202 width="796" 203 height="381" 204 class="w-100 h-auto lazyload"> 205 </figure> 206 </a> 207 </div> 208 </div> 209 </div> 210 <div class="col-auto col-sm-6 col-md-4 col-lg-auto"> 211 <!-- Botón para pantallas pequeñas --> 212 <a 213 href="https://tapp.onelink.me/K6u1/dc5wbtru" 214 target="_blank" 215 aria-label="Descarga Tapp" 216 class="cla-btn cla-btn-small cla-bg-tertiary-custom cla-text-gray-50 cla-xsmall cla-small-sm cla-p-xl cla-fw-regular d-inline-block d-lg-none text-center"> 217 DESCARGA TAPP 218 </a> 219 220 <!-- Botón para pantallas grandes, ahora con enlace en lugar de modal --> 221 <a 222 href="https://tapp.onelink.me/K6u1/dc5wbtru" 223 target="_blank" 224 aria-label="Descarga Tapp" 225 class="cla-btn cla-btn-small cla-bg-tertiary-custom cla-text-gray-50 cla-xsmall cla-small-sm cla-p-xl cla-fw-regular d-none d-lg-inline-block text-center" style="font-size: 11px !important;"> 226 DESCARGA TAPP 227 </a> 228 229 <!-- Botón para pantallas grandes, ahora con enlace en lugar de modal --> 230 <a 231 href="https://tappenlinea.tapp.cl/login" 232 target="_blank" 233 aria-label="Descarga Tapp" 234 class="cla-btn cla-btn-small cla-bg-tertiary-custom cla-text-gray-50 cla-xsmall cla-small-sm cla-p-xl cla-fw-regular d-none d-lg-inline-block text-center" style=" background-color: var(--color-tertiary-50) !important;font-size: 11px !important;"> 235 INICIAR SESIÃN 236 </a> 237 238 <a 239 href="https://tappenlinea.tapp.cl/login" 240 target="_blank" 241 aria-label="Descarga Tapp" 242 class="cla-btn cla-btn-small cla-bg-tertiary-custom cla-text-gray-50 cla-xsmall cla-small-sm cla-p-xl cla-fw-regular d-inline-block d-lg-none text-center"style=" background-color: var(--color-tertiary-50) !important;margin-top: 10px;"> 243 INICIAR SESIÃN 244 </a> 245 246 <!-- 247 <a 248 href="javascript:void(0);" 249 onClick="downloadTappModal();" 250 aria-label="Descarga Tapp" 251 class="cla-btn cla-btn-small cla-bg-tertiary-custom cla-text-gray-50 cla-xsmall cla-small-sm cla-p-xl cla-fw-regular d-none d-lg-inline-block text-center"> 252 DESCARGA TAPP (modal) 253 </a> 254 --> 255</div> 256 257 <div class="d-lg-none col-auto"> 258 <button 259 type="button" 260 aria-label="toggle" 261 onClick="toggleMenu()" 262 class="toggle-menu"> 263 <span class="toggle-menu--bar"></span> 264 <span class="toggle-menu--bar"></span> 265 <span class="toggle-menu--bar"></span> 266 </button> 267 </div> 268 </div> 269 </div> 270</header> 271<div id="download-tapp-modal"> 272 <div class="cla_modal"> 273 <div class="cla_modal__content text-center"> 274 <button 275 type="button" 276 aria-label="Cerrar" 277 onClick="closeTappModal()" 278 class="cla_modal__content__button--close">Cerrar</button> 279 <h2 class="cla-h3 cla-fw-regular cla-text-primary-50 text-center"> 280 ¡Descarga y usa Tapp! 281 </h2> 282 <p class="cla-fw-extralight cla-text-gray-50 text-center mb-0"> 283 Escanea el código QR, completa tu registro y comienza a utilizar la tarjeta que realmente necesitas. 284 </p> 285 <figure class="cla_modal__content__image"> 286 <img 287 src="https://cnv.event.prod.bidr.io/log/cnv?tag_id=145&buzz_key=richaudience&value= 288&segment_key=&account_id=3&order=[ORDER]&ord=[CACHEBUSTER]" 289 height="0" 290 width="0"> 291 <img 292 src="https://cla.cdn.modyo.com/uploads/55eae1fa-a83f-4377-be84-f1
292de83d1df12/original/QR-App-Store-20.png" 293 alt="Código QR" 294 width="100%" 295 height="100%" 296 class="lazyload"> 297 </figure> 298 <a 299 href="https://play.google.com/store/apps/details?id=cl.tapp&hl=es_CL&gl=US" 300 role="link" 301 target="_blank" 302 aria-label="Descarga Tapp en Google Play" 303 class="d-inline-block me-2 app-download"> 304 <img 305 src="https://cla.cdn.modyo.com/uploads/862453dd-1326-41e5-925b-58df3650627c/original/download_googleplay.svg" 306 alt="Descarga en Google Play" 307 width="150" 308 height="46" 309 class="lazyload"> 310 </a> 311 <a 312 href="https://apps.apple.com/cl/app/tapp-caja-los-andes/id1578548929" 313 role="link" 314 target="_blank" 315 aria-label="Descarga Tapp en la App Store" 316 class="d-inline-block ms-2 app-download"> 317 <img 318 src="https://cla.cdn.modyo.com/uploads/fc41d666-b75e-4744-b1c6-980766762abe/original/download_appstore.svg" 319 alt="Descarga en App Store" 320 width="150" 321 height="46" 322 class="lazyload"> 323 </a> 324 </div> 325 </div> 326</div> 327<main 328 id="bmm-main-content" 329 class="overflow-hidden"> 330 331 332 <style nonce="LPjPSt951n"> 333 .tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>
333.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left} 334 335 336#funcionalidades-hero { 337 position: relative; 338 margin: 92px 0 0 0; 339 height: auto; 340} 341#funcionalidades-hero .breadcrumb-container { 342 position: absolute; 343 top: 25px; 344 left: 50%; 345 transform: translateX(-50%); 346 z-index: 2; 347} 348 349#funcionalidades-hero .tns-inner, 350#funcionalidades-hero .tns-outer, 351#funcionalidades-hero .main-hero, 352#funcionalidades-hero .tns-ovh, 353#funcionalidades-hero .tns-item { 354 height: 100%; 355} 356#funcionalidades-hero .tns-item { 357 min-height: 785px; 358} 359.main-hero_item[aria-hidden=true] a[href], 360.main-hero_item[aria-hidden=true] area[href], 361.main-hero_item[aria-hidden=true] input:not([disabled]), 362.main-hero_item[aria-hidden=true] select:not([disabled]), 363.main-hero_item[aria-hidden=true] textarea:not([disabled]), 364.main-hero_item[aria-hidden=true] button:not([disabled]), 365.main-hero_item[aria-hidden=true] [tabindex]:not([disabled]), 366.main-hero_item[aria-hidden=true] [contenteditable=true]:not([disabled]){ 367 visibility: hidden; 368} 369#funcionalidades-hero .main-hero_imagen { 370 position: relative; 371 display: block; 372 margin: 100px auto 0 auto; 373 width: 320px; 374 height: auto; 375} 376#funcionalidades-hero .main-hero_imagen .main-hero_imagen_bg { 377 position: relative; 378 margin: 0 auto; 379 height: 220px; 380 width: 220px; 381 border-top-left-radius: 75%; 382 border-top-right-radius: 175% 140%; 383 border-bottom-right-radius: 255px; 384 border-bottom-left-radius: 130% 170%; 385 transform: rotate(-65deg); 386 padding: 10px; 387 overflow: hidden; 388 z-index: 2; 389} 390#funcionalidades-hero .main-hero_imagen .main-hero_imagen_single { 391 position: relative; 392 margin: 0 auto; 393 height: 220px; 394 width: 220px; 395 z-index: 2; 396} 397#funcionalidades-hero .main-hero_imagen .main-hero_imagen_single img { 398 position: absolute; 399 width: 100%; 400 height: 100%; 401 object-fit: cover; 402 object-position: center; 403} 404#funcionalidades-hero .main-hero_imagen .main-hero_imagen_bg img { 405 position: absolute; 406 top: 0px; 407 left: -15px; 408 width: 250px; 409 height: 210px; 410 object-fit: cover; 411 object-position: center; 412 transform: rotate(65deg); 413 transform-origin: center center; 414} 415#funcionalidades-hero .main-hero_imagen:after { 416 position: absolute; 417 display: block; 418 content: ''; 419 bottom: -20px; 420 right: 30px; 421 width: 200px; 422 height: 200px; 423 background-image: url('https://cla.cdn.modyo.com/uploads/0b1db2f2-9328-44aa-9ddb-b328538e4271/original/hero_stroke.svg'); 424 background-size: 100%; 425 background-position: center center; 426 background-repeat: no-repeat; 427 z-index: 0; 428} 429#funcionalidades-hero .main-hero_imagen:before { 430 position: absolute; 431 display: block; 432 content: ''; 433 top: 0px; 434 left: 30px; 435 width: 200px; 436 height: 200px; 437 background-image: url('https://cla.cdn.modyo.com/uploads/0ad0edc4-6a33-4d98-88fd-77ba90056d22/original/hero_stroke2.svg'); 438 background-size: 100%; 439 background-position: center center; 440 background-repeat: no-repeat; 441 z-index: 0; 442} 443#funcionalidades-hero .btn { 444 display: block; 445 margin: 0 auto; 446 width: 100%; 447} 448#funcionalidades-hero .carousel-hero-dots { 449 position: absolute; 450 bottom: 15px; 451 left: 50%; 452 transform: translateX(-50%); 453 padding: 0; 454 list-style: none; 455 z-index: 5; 456} 457#funcionalidades-hero .carousel-hero-dots .carousel-dots--dot { 458 position: relative;
459 display: inline-block; 460 margin: 0 5px; 461 width: 12px; 462 height: 12px; 463 border-radius: 12px; 464 background-color: var(--color-white); 465 cursor: pointer; 466 opacity: .5; 467 transition: all .4s ease; 468} 469#funcionalidades-hero .carousel-hero-dots .carousel-dots--dot.tns-nav-active { 470 width: 32px; 471 background-color: var(--color-white); 472 opacity: 1; 473} 474 475@media screen and (min-width: 576px) { 476 #funcionalidades-hero .main-hero_imagen { 477 width: 420px; 478 } 479 #funcionalidades-hero .main-hero_imagen:before { 480 top: 0px; 481 left: 20px; 482 width: 275px; 483 height: 275px; 484 } 485 #funcionalidades-hero .main-hero_imagen:after { 486 bottom: -20px; 487 right: 10px; 488 width: 275px; 489 height: 275px; 490 } 491 #funcionalidades-hero .main-hero_imagen .main-hero_imagen_bg { 492 width: 320px; 493 height: 320px; 494 border-bottom-right-radius: 345px; 495 border-bottom-left-radius: 150% 170%; 496 } 497 #funcionalidades-hero .main-hero_imagen .main-hero_imagen_single { 498 width: 320px; 499 height: 320px; 500 } 501 #funcionalidades-hero .main-hero_imagen .main-hero_imagen_bg img { 502 width: 370px; 503 height: 310px; 504 } 505} 506@media screen and (min-width: 768px) { 507 #funcionalidades-hero { 508 height: auto; 509 min-height: auto; 510 } 511} 512 513@media screen and (min-width: 992px) { 514 #funcionalidades-hero { 515 min-height: 600px; 516 height: 600px; 517 margin: 0; 518 padding-bottom: 0; 519 } 520 #funcionalidades-hero .breadcrumb-container { 521 top: 125px; 522 } 523 #funcionalidades-hero .tns-item { 524 min-height: 100%; 525 } 526 #funcionalidades-hero .btn { 527 margin: 0; 528 display: inline-block; 529 width: auto; 530 } 531 #funcionalidades-hero .carousel-hero-dots { 532 left: 15px; 533 bottom: auto; 534 top: 50%; 535 transform: translateX(-50%); 536 } 537 #funcionalidades-hero .carousel-hero-dots .carousel-dots--dot { 538 display: block; 539 margin: 0 auto 5px auto; 540 width: 12px; 541 height: 12px; 542 } 543 #funcionalidades-hero .carousel-hero-dots .carousel-dots--dot.tns-nav-active { 544 width: 12px; 545 height: 32px; 546 } 547 #funcionalidades-hero .container:not(.breadcrumb-container), 548 #funcionalidades-hero .row { 549 position: relative; 550 height: 100%; 551 } 552 #funcionalidades-hero .main-hero_imagen { 553 margin-top: 0; 554 margin-right: 0; 555 } 556 #funcionalidades-hero .main-hero_imagen:before { 557 top: -10px; 558 left: 0px; 559 width: 350px; 560 height: 350px; 561 } 562 #funcionalidades-hero .main-hero_imagen:after { 563 bottom: -20px; 564 right: -10px; 565 width: 350px; 566 height: 350px; 567 } 568 #funcionalidades-hero .main-hero_imagen .main-hero_imagen_bg { 569 width: 390px; 570 height: 360px; 571 border-top-left-radius: 55%; 572 border-top-right-radius: 115% 100%; 573 border-bottom-right-radius: 265px; 574 border-bottom-left-radius: 100% 110%; 575 } 576 #funcionalidades-hero .main-hero_imagen .main-hero_imagen_single { 577 width: 390px; 578 height: 390px; 579 } 580 #funcionalidades-hero .main-hero_imagen .main-hero_imagen_bg img { 581 top: -6px; 582 left: -20px; 583 width: 430px; 584 height: 365px; 585 } 586} 587 588 589/* Transiciones */ 590 591#funcionalidades-hero .order-lg-first { 592 opacity: 0; 593 transform: translateX(-50px); 594 transition: all 1s ease .5s; 595} 596#funcionalidades-hero .tns-slide-active .order-lg-first { 597 opacity: 1; 598 transform: translateX(0); 599} 600 601#funcionalidades-hero .main-hero_imagen { 602 opacity: 0; 603 transition: all 1s ease .5s; 604} 605 606#funcionalidades-hero .main-hero_imagen_front { 607 transform: translateY(-50px); 608 opacity: 0; 609 transition: all .5s ease 1s; 610} 611#funcionalidades-hero .tns-slide-active .main-hero_imagen_front { 612 transform: translateY(0); 613 opacity: 1; 614} 615 616#funcionalidades-hero .main-hero_imagen_bg { 617 opacity: 0; 618 transition: all .5s ease 1.5s; 619} 620#funcionalidades-hero .tns-slide-active .main-hero_imagen, 621#funcionalidades-hero .tns-slide-active .main-hero_imagen_bg { 622 opacity: 1; 623} 624 625 626/* Breadcrumb */ 627.breadcrumb { 628 margin: 0; 629} 630.breadcrumb .breadcrumb-inner { 631 display: flex; 632 align-items: center; 633} 634.breadcrumb .breadcrumb-inner a, 635.breadcrumb .breadcrumb-inner span{ 636 position: relative; 637 display: inline-block; 638 text-decoration: none; 639 color: var(--color-white); 640 transition: all .4s ease; 641} 642.breadcrumb .breadcrumb-inner a { 643 color: var(--color-white); 644} 645.breadcrumb .breadcrumb-inner a:after{ 646 position: relative; 647 display: block; 648 content: ''; 649 width: 100%; 650 height: 1px; 651 background: var(--color-white); 652} 653.breadcrumb .breadcrumb-inner a:first-of-type:after { 654 left: 18px; 655 width: calc(100% - 18px); 656} 657.breadcrumb .breadcrumb-inner a:first-of-type:before { 658 position: relative;
659 display: inline-block; 660 content: ''; 661 margin-right: 5px; 662 width: 14px; 663 height: 13px; 664 background-image: url('https://cla.cdn.modyo.com/uploads/0d919568-d5e5-4a07-87f7-a2c11382f3bc/original/ico_home-primary.svg'); 665 background-size: 100%; 666 background-position: center center; 667 background-repeat: no-repeat; 668 filter: brightness(100); 669 text-decoration: none; 670} 671.breadcrumb .breadcrumb-inner .separator { 672 margin: 0 10px; 673 width: 8px; 674 height: 13px; 675 background-image: url('https://cla.cdn.modyo.com/uploads/ab02c043-6efe-4671-ab38-03864e0c7c17/original/ico_nav-arrow.svg'); 676 background-size: 100%; 677 background-position: center center; 678 background-repeat: no-repeat; 679 text-indent: -999px; 680 filter: brightness(100); 681 overflow: hidden; 682} 683 684 685#funcionalidades-hero .main-hero_imagen .main-hero_imagen_front { 686 position: absolute; 687 top: 40px; 688 left: -115px; 689 width: 200px; 690 height: auto; 691 z-index: 3; 692 margin: 0; 693} 694 695#funcionalidades-hero .main-hero_imagen .main-hero_imagen_front img { 696 position: relative; 697 display: block; 698 width: 100%; 699 height: auto; 700 max-height: 410px; 701 object-fit: contain; 702 object-position: center center; 703} 704 705 706.cla-text-white { 707 color: white !important; 708} 709 710.cla-fw-extralight { 711 font-weight: 200 !important; 712} 713 714.cla-h4 { 715 font-size: 1.25rem !important; 716} 717 718.cla-bg-blue-green { 719 background: linear-gradient(180deg, #0B265C 0%, #49A2AB 100%); 720} 721 722.cla-text-tertiary-50 { 723 color: #f9e66b; 724} 725@media screen and (min-width: 992px) { 726 #home-hero .main-hero_imagen .main-hero_imagen_front img { 727 height: 378px; 728 } 729} 730 </style> 731 732 733<section id="funcionalidades-hero"> 734 735 <div class="container breadcrumb-container"> 736 <div class="row"> 737 <div class="col-12"> 738 <div class='breadcrumb'> 739 <a class="first item-0" href="https://www.tapp.cl">Home</a> <span class="separator">/</span> <span class="last item-1">Funcionalidades</span> 740</div> 741 742 </div> 743 </div> 744 </div> 745 746 <div class="main-hero"> 747 <!-- Item fantasmas --> 748 749 <!-- Item --> 750 <div class="main-hero_item cla-bg-primary-dark-gradient"> 751 <div class="container"> 752 <div class="row align-items-lg-center"> 753 754 <div class="col-12 col-lg-6 col-xl-7 order-lg-last"> 755 <div class="main-hero_imagen"> 756 <figure 757 class="main-hero_imagen_single"> 758 <img 759 src="https://cla.cdn.modyo.com/uploads/a84f0306-3030-47b3-bb14-c777e3b7bb97/original/tapp-app_cellphones.png" 760 alt="Celulares con app Tapp" 761 width="100%" 762 height="100%" 763 class="lazyload"> 764 </figure> 765 </div> 766 </div> 767 768 <div class="col-12 col-lg-6 col-xl-5 order-lg-first"> 769 <h1 class="cla-text-white cla-fw-extralight mt-5 mt-lg-0 mb-0"> 770 Una nueva <strong>forma de <span class="cla-text-tertiary-50">ordenar tu dinero</span></strong> 771 </h1> 772 <p class="cla-h4 cla-text-white cla-fw-extralight mt-3 mb-4"> 773 Ahora con Tapp es más fácil controlar tus finanzas. 774 </p> 775 </div> 776 </div> 777 </div> 778 </div> 779 780 <!-- Item --> 781 <div class="main-hero_item cla-bg-blue-green"> 782 <div class="container"> 783 <div class="row align-items-lg-center"> 784 785 <div class="col-12 col-lg-6 col-xl-7 order-lg-last"> 786 <div class="main-hero_imagen"> 787 <figure 788 class="main-hero_imagen_bg"> 789 <img 790 src="https://cla.cdn.modyo.com/uploads/35512523-860d-4b22-89f8-839076d9aa84/original/cla_funcionalidades_hero-2.png" 791 alt="Barista" 792 width="100%" 793 height="100%" 794 class="lazyload"> 795 </figure> 796 </div> 797 </div> 798 799 <div class="col-12 col-lg-6 col-xl-5 order-lg-first"> 800 <h1 class="cla-text-white cla-fw-extralight mt-5 mt-lg-0 mb-0"> 801 Apoya pequeños empresarios 802 </h1> 803 <p class="cla-h4 cla-text-white cla-fw-extralight mt-3 mb-4"> 804 Te devolvemos el 3% de tus compras a pymes 805 </p> 806 </div> 807 </div> 808 </div> 809 </div> 810 811 </div> 812 813 <ul class="carousel-hero-dots"> 814 <li class="carousel-dots--dot"></li> 815 <li class="carousel-dots--dot"></li> 816 817 </ul> 818 819</section> 820
vendor: 18,635 bytes, lines 820-823
820<script nonce="LPjPSt951n"> 821 (function(){ 822 823var tns=function(){Object.keys||(Object.keys=function(t){var e=[];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.push(n);return e}),"remove"in Element.prototype||(Element.prototype.remove=function(){this.parentNode&&this.parentNode.removeChild(this)});var t=window,Oi=t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||t.msRequestAnimationFrame||function(t){return setTimeout(t,16)},e=window,Di=e.cancelAnimationFrame||e.mozCancelAnimationFrame||function(t){clearTimeout(t)};function Hi(){for(var t,e,n,i=arguments[0]||{},a=1,r=arguments.length;a<r;a++)if(null!==(t=arguments[a]))for(e in t)i!==(n=t[e])&&void 0!==n&&(i[e]=n);return i}function ki(t){return 0<=["true","false"].indexOf(t)?JSON.parse(t):t}function Ri(t,e,n,i){if(i)try{t.setItem(e,n)}catch(t){}return n}function Ii(){var t=document,e=t.body;return e||((e=t.createElement("body")).fake=!0),e}var n=document.documentElement;function Pi(t){var e="";return t.fake&&(e=n.style.overflow,t.style.background="",t.style.overflow=n.style.overflow="hidden",n.appendChild(t)),e}function zi(t,e){t.fake&&(t.remove(),n.style.overflow=e,n.offsetHeight)}function Wi(t,e,n,i){"insertRule"in t?t.insertRule(e+"{"+n+"}",i):t.addRule(e,n,i)}function Fi(t){return("insertRule"in t?t.cssRules:t.rules).length}function qi(t,e,n){for(var i=0,a=t.length;i<a;i++)e.call(n,t[i],i)}var i="classList"in document.createElement("_"),ji=i?function(t,e){return t.classList.contains(e)}:function(t,e){return 0<=t.className.indexOf(e)},Vi=i?function(t,e){ji(t,e)||t.classList.add(e)}:function(t,e){ji(t,e)||(t.className+=" "+e)},Gi=i?function(t,e){ji(t,e)&&t.classList.remove(e)}:function(t,e){ji(t,e)&&(t.className=t.className.replace(e,""))};function Qi(t,e){return t.hasAttribute(e)}function Xi(t,e){return t.getAttribute(e)}function r(t){return void 0!==t.item}function Yi(t,e){if(t=r(t)||t instanceof Array?t:[t],"[object Object]"===Object.prototype.toString.call(e))for(var n=t.length;n--;)for(var i in e)t[n].setAttribute(i,e[i])}function Ki(t,e){t=r(t)||t instanceof Array?t:[t];for(var n=(e=e instanceof Array?e:[e]).length,i=t.length;i--;)for(var a=n;a--;)t[i].removeAttribute(e[a])}function Ji(t){for(var e=[],n=0,i=t.length;n<i;n++)e.push(t[n]);return e}function Ui(t,e){"none"!==t.style.display&&(t.style.display="none")}function _i(t,e){"none"===t.style.display&&(t.style.display="")}function Zi(t){return"none"!==window.getComputedStyle(t).display}function $i(e){if("string"==typeof e){var n=[e],i=e.charAt(0).toUpperCase()+e.substr(1);["Webkit","Moz","ms","O"].forEach(function(t){"ms"===t&&"transform"!==e||n.push(t+i)}),e=n}for(var t=document.createElement("fakeelement"),a=(e.length,0);a<e.length;a++){var r=e[a];if(void 0!==t.style[r])return r}return!1}function ta(t,e){var n=!1;return/^Webkit/.test(t)?n="webkit"+e+"End":/^O/.test(t)?n="o"+e+"End":t&&(n=e.toLowerCase()+"end"),n}var a=!1;try{var o=Object.defineProperty({},"passive",{get:function(){a=!0}});window.addEventListener("test",null,o)}catch(t){}var u=!!a&&{passive:!0};function ea(t,e,n){for(var i in e){var a=0<=["touchstart","touchmove"].indexOf(i)&&!n&&u;t.addEventListener(i,e[i],a)}}function na(t,e){for(var n in e){var i=0<=["touchstart","touchmove"].indexOf(n)&&u;t.removeEventListener(n,e[n],i)}}function ia(){return{topics:{},on:function(t,e){this.topics[t]=this.topics[t]||[],this.topics[t].push(e)},off:function(t,e){if(this.topics[t])for(var n=0;n<this.topics[t].length;n++)if(this.topics[t][n]===e){this.topics[t].splice(n,1);break}},emit:function(e,n){n.type=e,this.topics[e]&&this.topics[e].forEach(function(t){t(n,e)})}}}var aa=function(O){O=Hi({container:".slider",mode:"carousel",axis:"horizontal",items:1,gutter:0,edgePadding:0,fixedWidth:!1,autoWidth:!1,viewportMax:!1,slideBy:1,center:!1,controls:!0,controlsPosition:"top",controlsText:["prev","next"],controlsContainer:!1,prevButton:!1,nextButton:!1,nav:!0,navPosition:"top",navContainer:!1,navAsThumbnails:!1,arrowKeys:!1,speed:300,autoplay:!1,autoplayPosition:"top",autoplayTimeout:5e3,autoplayDirection:"forward",autoplayText:["start","stop"],autoplayHoverPause:!1,autoplayButton:!1,autoplayButtonOutput:!0,autoplayResetOnVisibility:!0,animateIn:"tns-fadeIn",animateOut:"tns-fadeOut",animateNormal:"tns-normal",animateDelay:!1,loop:!0,rewind:!1,autoHeight:!1,responsive:!1,lazyload:!1,lazyloadSelector:".tns-lazy-img",touch:!0,mouseDrag:!1,swipeAngle:15,nested:!1,preventActionWhenRunning:!1,preventScrollOnTouch:!1,freezable:!0,onInit:!1,useLocalStorage:!0},O||{});var D=document,h=window,a={ENTER:13,SPACE:32,LEFT:37,RIGHT:39},e={},n=O.useLocalStorage;if(n){var t=navigator.userAgent,i=new Date;try{(e=h.localStorage)?(e.setItem(i,i),n=e.getItem(i)==i,e.removeItem(i)):n=!1,n||(e={})}catch(t){n=!1}n&&(e.tnsApp&&e.tnsApp!==t&&["tC","tPL","tMQ","tTf","t3D","tTDu","tTDe","tADu","tADe","tTE","tAE"].forEach(function(t){e.removeItem(t)}),localStorage.tnsApp=t)}var r,o,u,l,s,c,f,y=e.tC?ki(e.tC):Ri(e,"tC",function(){var t=document,e=Ii(),n=Pi(e),i=t.createElement("div"),a=!1;e.appendChild(i);try{for(var r,o="(10px * 10)",u=["calc"+o,"-moz-calc"+o,"-webkit-calc"+o],l=0;l<3;l++)if(r=u[l],i.style.width=r,100===i.offsetWidth){a=r.replace(o,"");break}}catch(t){}return e.fake?zi(e,n):i.remove(),a}(),n),g=e.tPL?ki(e.tPL):Ri(e,"tPL",function(){var t,e=document,n=Ii(),i=Pi(n),a=e.createElement("div"),r=e.createElement("div"),o="";a.className="tns-t-subp2",r.className="tns-t-ct";for(var u=0;u<70;u++)o+="<div></div>";return r.innerHTML=o,a.appendChild(r),n.appendChild(a),t=Math.abs(a.getBoundingClientRect().left-r.children[67].getBoundingClientRect().left)<2,n.fake?zi(n,i):a.remove(),t}(),n),H=e.tMQ?ki(e.tMQ):Ri(e,"tMQ",(o=document,u=Ii(),l=Pi(u),s=o.createElement("div"),c=o.createElement("style"),f="@media all and (min-width:1px){.tns-mq-test{position:absolute}}",c.type="text/css",s.className="tns-mq-test",u.appendChild(c),u.appendChild(s),c.styleSheet?c.styleSheet.cssText=f:c.appendChild(o.createTextNode(f)),r=window.getComputedStyle?window.getComputedStyle(s).position:s.currentStyle.position,u.fake?zi(u,l):s.remove(),"absolute"===r),n),d=e.tTf?ki(e.tTf):Ri(e,"tTf",$i("transform"),n),v=e.t3D?ki(e.t3D):Ri(e,"t3D",function(t){if(!t)return!1;if(!window.getComputedStyle)return!1;var e,n=document,i=Ii(),a=Pi(i),r=n.createElement("p"),o=9<t.length?"-"+t.slice(0,-9).toLowerCase()+"-":"";return o+="transform",i.insertBefore(r,null),r.style[t]="translate3d(1px,1px,1px)",e=window.getComputedStyle(r).getPropertyValue(o),i.fake?zi(i,a):r.remove(),void 0!==e&&0<e.length&&"none"!==e}(d),n),x=e.tTDu?ki(e.tTDu):Ri(e,"tTDu",$i("transitionDuration"),n),p=e.tTDe?ki(e.tTDe):Ri(e,"tTDe",$i("transitionDelay"),n),b=e.tADu?ki(e.tADu):Ri(e,"tADu",$i("animationDuration"),n),m=e.tADe?ki(e.tADe):Ri(e,"tADe",$i("animationDelay"),n),C=e.tTE?ki(e.tTE):Ri(e,"tTE",ta(x,"Transition"),n),w=e.tAE?ki(e.tAE):Ri(e,"tAE",ta(b,"Animation"),n),M=h.console&&"function"==typeof h.console.warn,T=["container","controlsContainer","prevButton","nextButton","navContainer","autoplayButton"],E={};if(T.forEach(function(t){if("string"==typeof O[t]){var e=O[t],n=D.querySelector(e);if(E[t]=e,!n||!n.nodeName)return void(M&&console.warn("Can't find",O[t]));O[t]=n}}),!(O.container.children.length<1)){var k=O.responsive,R=O.nested,I="carousel"===O.mode;if(k){0 in k&&(O=Hi(O,k[0]),delete k[0]);var A={};for(var N in k){var L=k[N];L="number"==typeof L?{items:L}:L,A[N]=L}k=A,A=null}if(I||function t(e){for(var n in e)I||("slideBy"===n&&(e[n]="page"),"edgePadding"===n&&(e[n]=!1),"autoHeight"===n&&(e[n]=!1)),"responsive"===n&&t(e[n])}(O),!I){O.axis="horizontal",O.slideBy="page",O.edgePadding=!1;var P=O.animateIn,z=O.animateOut,B=O.animateDelay,W=O.animateNormal}var S,F,q="horizontal"===O.axis,j=D.createElement("div"),V=D.createElement("div"),G=O.container,Q=G.parentNode,X=G.outerHTML,Y=G.children,K=Y.length,J=sn(),U=!1;k&&Bn(),I&&(G.className+=" tns-vpfix");var _,Z,$,tt,et,nt,it,at,rt=O.autoWidth,ot=vn("fixedWidth"),ut=vn("edgePadding"),lt=vn("gutter"),st=fn(),ct=vn("center"),ft=rt?1:Math.floor(vn("items")),dt=vn("slideBy"),vt=O.viewportMax||O.fixedWidthViewportWidth,pt=vn("arrowKeys"),mt=vn("speed"),ht=O.rewind,yt=!ht&&O.loop,gt=vn("autoHeight"),xt=vn("controls"),bt=vn("controlsText"),Ct=vn("nav"),wt=vn("touch"),Mt=vn("mouseDrag"),Tt=vn("autoplay"),Et=vn("autoplayTimeout"),At=vn("autoplayText"),Nt=vn("autoplayHoverPause"),Lt=vn("autoplayResetOnVisibility"),Bt=(at=document.createElement("style"),it&&at.setAttribute("media",it),document.querySelector("head").appendChild(at),at.sheet?at.sheet:at.styleSheet),St=O.lazyload,Ot=(O.lazyloadSelector,[]),Dt=yt?(et=function(){{if(rt||ot&&!vt)return K-1;var t=ot?"fixedWidth":"items",e=[];if((ot||O[t]<K)&&e.push(O[t]),k)for(var n in k){var i=k[n][t];i&&(ot||i<K)&&e.push(i)}return e.length||e.push(0),Math.ceil(ot?vt/Math.min.apply(null,e):Math.max.apply(null,e))}}(),nt=I?Math.ceil((5*et-K)/2):4*et-K,nt=Math.max(et,nt),dn("edgePadding")?nt+1:nt):0,Ht=I?K+2*Dt:K+Dt,kt=!(!ot&&!rt||yt),Rt=ot?ni():null,It=!I||!yt,Pt=q?"left":"top",zt="",Wt="",Ft=ot?function(){return ct&&!yt?K-1:Math.ceil(-Rt/(ot+lt))}:rt?function(){for(var t=Ht;t--;)if(_[t]>=-Rt)return t}:function(){return ct&&I&&!yt?K-1:yt||I?Math.max(0,Ht-Math.ceil(ft)):Ht-1},qt=on(vn("startIndex")),jt=qt,Vt=(rn(),0),Gt=rt?null:Ft(),Qt=O.preventActionWhenRunning,Xt=O.swipeAngle,Yt=!Xt||"?",Kt=!1,Jt=O.onInit,Ut=new ia,_t=" tns-slider tns-"+O.mode,Zt=G.id||(tt=window.tnsId,window.tnsId=tt?tt+1:1,"tns"+window.tnsId),$t=vn("disable"),te=!1,ee=O.freezable,ne=!(!ee||rt)&&Ln(),ie=!1,ae={click:fi,keydown:function(t){t=xi(t);var e=[a.LEFT,a.RIGHT].indexOf(t.keyCode);0<=e&&(0===e?Ee.disabled||fi(t,-1):Ae.disabled||fi(t,1))}},re={click:function(t){if(Kt){if(Qt)return;si()}var e=bi(t=xi(t));for(;e!==Se&&!Qi(e,"data-nav");)e=e.parentNode;if(Qi(e,"data-nav")){var n=ke=Number(Xi(e,"data-nav")),i=ot||rt?n*K/De:n*ft,a=ve?n:Math.min(Math.ceil(i),K-1);ci(a,t),Re===n&&(qe&&hi(),ke=-1)}},keydown:function(t){t=xi(t);var e=D.activeElement;if(!Qi(e,"data-nav"))return;var n=[a.LEFT,a.RIGHT,a.ENTER,a.SPACE].indexOf(t.keyCode),i=Number(Xi(e,"data-nav"));0<=n&&(0===n?0<i&&gi(Be[i-1]):1===n?i<De-1&&gi(Be[i+1]):ci(ke=i,t))}},oe={mouseover:function(){qe&&(vi(),je=!0)},mouseout:function(){je&&(di(),je=!1)}},ue={visibilitychange:function(){D.hidden?qe&&(vi(),Ge=!0):Ge&&(di(),Ge=!1)}},le={keydown:function(t){t=xi(t);var e=[a.LEFT,a.RIGHT].indexOf(t.keyCode);0<=e&&fi(t,0===e?-1:1)}},se={touchstart:Ti,touchmove:Ei,touchend:Ai,touchcancel:Ai},ce={mousedown:Ti,mousemove:Ei,mouseup:Ai,mouseleave:Ai},fe=dn("controls"),de=dn("nav"),ve=!!rt||O.navAsThumbnails,pe=dn("autoplay"),me=dn("touch"),he=dn("mouseDrag"),ye="tns-slide-active",ge="tns-complete",xe={load:function(t){zn(bi(t))},error:function(t){e=bi(t),Vi(e,"failed"),Wn(e);var e}},be="force"===O.preventScrollOnTouch;if(fe)var Ce,we,Me=O.controlsContainer,Te=O.controlsContainer?O.controlsContainer.outerHTML:"",Ee=O.prevButton,Ae=O.nextButton,Ne=O.prevButton?O.prevButton.outerHTML:"",Le=O.nextButton?O.nextButton.outerHTML:"";if(de)var Be,Se=O.navContainer,Oe=O.navContainer?O.navContainer.outerHTML:"",De=rt?K:Li(),He=0,ke=-1,Re=ln(),Ie=Re,Pe="tns-nav-active",ze="Carousel Page ",We=" (Current Slide)";if(pe)var Fe,qe,je,Ve,Ge,Qe="forward"===O.autoplayDirection?1:-1,Xe=O.autoplayButton,Ye=O.autoplayButton?O.autoplayButton.outerHTML:"",Ke=["<span class='tns-visually-hidden'>"," animation</span>"];if(me||he)var Je,Ue,_e={},Ze={},$e=!1,tn=q?function(t,e){return t.x-e.x}:function(t,e){return t.y-e.y};rt||an($t||ne),d&&(Pt=d,zt="translate",v?(zt+=q?"3d(":"3d(0px, ",Wt=q?", 0px, 0px)":", 0px)"):(zt+=q?"X(":"Y(",Wt=")")),I&&(G.className=G.className.replace("tns-vpfix","")),function(){dn("gutter");j.className="tns-outer",V.className="tns-inner",j.id=Zt+"-ow",V.id=Zt+"-iw",""===G.id&&(G.id=Zt);_t+=g||rt?" tns-subpixel":" tns-no-subpixel",_t+=y?" tns-calc":" tns-no-calc",rt&&(_t+=" tns-autowidth");_t+=" tns-"+O.axis,G.className+=_t,I?((S=D.createElement("div")).id=Zt+"-mw",S.className="tns-ovh",j.appendChild(S),S.appendChild(V)):j.appendChild(V);if(gt){var t=S||V;t.className+=" tns-ah"}if(Q.insertBefore(j,G),V.appendChild(G),qi(Y,function(t,e){Vi(t,"tns-item"),t.id||(t.id=Zt+"-item"+e),!I&&W&&Vi(t,W),Yi(t,{"aria-hidden":"true",tabindex:"-1"})}),Dt){for(var e=D.createDocumentFragment(),n=D.createDocumentFragment(),i=Dt;i--;){var a=i%K,r=Y[a].cloneNode(!0);if(Ki(r,"id"),n.insertBefore(r,n.firstChild),I){var o=Y[K-1-a].cloneNode(!0);Ki(o,"id"),e.appendChild(o)}}G.insertBefore(e,G.firstChild),G.appendChild(n),Y=G.children}}(),function(){if(!I)for(var t=qt,e=qt+Math.min(K,ft);t<e;t++){var n=Y[t];n.style.left=100*(t-qt)/ft+"%",Vi(n,P),Gi(n,W)}q&&(g||rt?(Wi(Bt,"#"+Zt+" > .tns-item","font-size:"+h.getComputedStyle(Y[0]).fontSize+";",Fi(Bt)),Wi(Bt,"#"+Zt,"font-size:0;",Fi(Bt))):I&&qi(Y,function(t,e){var n;t.style.marginLeft=(n=e,y?y+"("+100*n+"% / "+Ht+")":100*n/Ht+"%")}));if(H){if(x){var i=S&&O.autoHeight?xn(O.speed):"";Wi(Bt,"#"+Zt+"-mw",i,Fi(Bt))}i=pn(O.edgePadding,O.gutter,O.fixedWidth,O.speed,O.autoHeight),Wi(Bt,"#"+Zt+"-iw",i,Fi(Bt)),I&&(i=q&&!rt?"width:"+mn(O.fixedWidth,O.gutter,O.items)+";":"",x&&(i+=xn(mt)),Wi(Bt,"#"+Zt,i,Fi(Bt))),i=q&&!rt?hn(O.fixedWidth,O.gutter,O.items):"",O.gutter&&(i+=yn(O.gutter)),I||(x&&(i+=xn(mt)),b&&(i+=bn(mt))),i&&Wi(Bt,"#"+Zt+" > .tns-item",i,Fi(Bt))}else{Gn(),V.style.cssText=pn(ut,lt,ot,gt),I&&q&&!rt&&(G.style.width=mn(ot,lt,ft));var i=q&&!rt?hn(ot,lt,ft):"";lt&&(i+=yn(lt)),i&&Wi(Bt,"#"+Zt+" > .tns-item",i,Fi(Bt))}if(k&&H)for(var a in k){a=parseInt(a);var r=k[a],i="",o="",u="",l="",s="",c=rt?null:vn("items",a),f=vn("fixedWidth",a),d=vn("speed",a),v=vn("edgePadding",a),p=vn("autoHeight",a),m=vn("gutter",a);x&&S&&vn("autoHeight",a)&&"speed"in r&&(o="#"+Zt+"-mw{"+xn(d)+"}"),("edgePadding"in r||"gutter"in r)&&(u="#"+Zt+"-iw{"+pn(v,m,f,d,p)+"}"),I&&q&&!rt&&("fixedWidth"in r||"items"in r||ot&&"gutter"in r)&&(l="width:"+mn(f,m,c)+";"),x&&"speed"in r&&(l+=xn(d)),l&&(l="#"+Zt+"{"+l+"}"),("fixedWidth"in r||ot&&"gutter"in r||!I&&"items"in r)&&(s+=hn(f,m,c)),"gutter"in r&&(s+=yn(m)),!I&&"speed"in r&&(x&&(s+=xn(d)),b&&(s+=bn(d))),s&&(s="#"+Zt+" > .tns-item{"+s+"}"),(i=o+u+l+s)&&Bt.insertRule("@media (min-width: "+a/16+"em) {"+i+"}",Bt.cssRules.length)}}(),Cn();var en=yt?I?function(){var t=Vt,e=Gt;t+=dt,e-=dt,ut?(t+=1,e-=1):ot&&(st+lt)%(ot+lt)&&(e-=1),Dt&&(e<qt?qt-=K:qt<t&&(qt+=K))}:function(){if(Gt<qt)for(;Vt+K<=qt;)qt-=K;else if(qt<Vt)for(;qt<=Gt-K;)qt+=K}:function(){qt=Math.max(Vt,Math.min(Gt,qt))},nn=I?function(){var e,n,i,a,t,r,o,u,l,s,c;ti(G,""),x||!mt?(ri(),mt&&Zi(G)||si()):(e=G,n=Pt,i=zt,a=Wt,t=ii(),r=mt,o=si,u=Math.min(r,10),l=0<=t.indexOf("%")?"%":"px",t=t.replace(l,""),s=Number(e.style[n].replace(i,"").replace(a,"").replace(l,"")),c=(t-s)/r*u,setTimeout(function t(){r-=u,s+=c,e.style[n]=i+s+l+a,0<r?setTimeout(t,u):o()},u)),q||Ni()}:function(){Ot=[];var t={};t[C]=t[w]=si,na(Y[jt],t),ea(Y[qt],t),oi(jt,P,z,!0),oi(qt,W,P),C&&w&&mt&&Zi(G)||si()};return{version:"2.9.2",getInfo:Si,events:Ut,goTo:ci,play:function(){Tt&&!qe&&(mi(),Ve=!1)},pause:function(){qe&&(hi(),Ve=!0)},isOn:U,updateSliderHeight:Xn,refresh:Cn,destroy:function(){if(Bt.disabled=!0,Bt.ownerNode&&Bt.ownerNode.remove(),na(h,{resize:An}),pt&&na(D,le),Me&&na(Me,ae),Se&&na(Se,re),na(G,oe),na(G,ue),Xe&&na(Xe,{click:yi}),Tt&&clearInterval(Fe),I&&C){var t={};t[C]=si,na(G,t)}wt&&na(G,se),Mt&&na(G,ce);var r=[X,Te,Ne,Le,Oe,Ye];for(var e in T.forEach(function(t,e){var n="container"===t?j:O[t];if("object"==typeof n){var i=!!n.previousElementSibling&&n.previousElementSibling,a=n.parentNode;n.outerHTML=r[e],O[t]=i?i.nextElementSibling:a.firstElementChild}}),T=P=z=B=W=q=j=V=G=Q=X=Y=K=F=J=rt=ot=ut=lt=st=ft=dt=vt=pt=mt=ht=yt=gt=Bt=St=_=Ot=Dt=Ht=kt=Rt=It=Pt=zt=Wt=Ft=qt=jt=Vt=Gt=Xt=Yt=Kt=Jt=Ut=_t=Zt=$t=te=ee=ne=ie=ae=re=oe=ue=le=se=ce=fe=de=ve=pe=me=he=ye=ge=xe=Z=xt=bt=Me=Te=Ee=Ae=Ce=we=Ct=Se=Oe=Be=De=He=ke=Re=Ie=Pe=ze=We=Tt=Et=Qe=At=Nt=Xe=Ye=Lt=Ke=Fe=qe=je=Ve=Ge=_e=Ze=Je=$e=Ue=tn=wt=Mt=null,this)"rebuild"!==e&&(this[e]=null);U=!1},rebuild:function(){return aa(Hi(O,E))}}}function an(t){t&&(xt=Ct=wt=Mt=pt=Tt=Nt=Lt=!1)}function rn(){for(var t=I?qt-Dt:qt;t<0;)t+=K;return t%K+1}function on(t){return t=t?Math.max(0,Math.min(yt?K-1:K-ft,t)):0,I?t+Dt:t}function un(t){for(null==t&&(t=qt),I&&(t-=Dt);t<0;)t+=K;return Math.floor(t%K)}function ln(){var t,e=un();return t=ve?e:ot||rt?Math.ceil((e+1)*De/K-1):Math.floor(e/ft),!yt&&I&&qt===Gt&&(t=De-1),t}function sn(){return h.innerWidth||D.documentElement.clientWidth||D.body.clientWidth}function cn(t){return"top"===t?"afterbegin":"beforeend"}function fn(){var t=ut?2*ut-lt:0;return function t(e){var n,i,a=D.createElement("div");return e.appendChild(a),i=(n=a.getBoundingClientRect()).right-n.left,a.remove(),i||t(e.parentNode)}(Q)-t}function dn(t){if(O[t])return!0;if(k)for(var e in k)if(k[e][t])return!0;return!1}function vn(t,e){if(null==e&&(e=J),"items"===t&&ot)return Math.floor((st+lt)/(ot+lt))||1;var n=O[t];if(k)for(var i in k)e>=parseInt(i)&&t in k[i]&&(n=k[i][t]);return"slideBy"===t&&"page"===n&&(n=vn("items")),I||"slideBy"!==t&&"items"!==t||(n=Math.floor(n)),n}function pn(t,e,n,i,a){var r="";if(void 0!==t){var o=t;e&&(o-=e),r=q?"margin: 0 "+o+"px 0 "+t+"px;":"margin: "+t+"px 0 "+o+"px 0;"}else if(e&&!n){var u="-"+e+"px";r="margin: 0 "+(q?u+" 0 0":"0 "+u+" 0")+";"}return!I&&a&&x&&i&&(r+=xn(i)),r}function mn(t,e,n){return t?(t+e)*Ht+"px":y?y+"("+100*Ht+"% / "+n+")":100*Ht/n+"%"}function hn(t,e,n){var i;if(t)i=t+e+"px";else{I||(n=Math.floor(n));var a=I?Ht:n;i=y?y+"(100% / "+a+")":100/a+"%"}return i="width:"+i,"inner"!==R?i+";":i+" !important;"}function yn(t){var e="";!1!==t&&(e=(q?"padding-":"margin-")+(q?"right":"bottom")+": "+t+"px;");return e}function gn(t,e){var n=t.substring(0,t.length-e).toLowerCase();return n&&(n="-"+n+"-"),n}function xn(t){return gn(x,18)+"transition-duration:"+t/1e3+"s;"}function bn(t){return gn(b,17)+"animation-duration:"+t/1e3+"s;"}function Cn(){if(dn("autoHeight")||rt||!q){var t=G.querySelectorAll("img");qi(t,function(t){var e=t.src;e&&e.indexOf("data:image")<0?(ea(t,xe),t.src="",t.src=e,Vi(t,"loading")):St||zn(t)}),Oi(function(){jn(Ji(t),function(){Z=!0})}),!rt&&q&&(t=Fn(qt,Math.min(qt+ft-1,Ht-1))),St?wn():Oi(function(){jn(Ji(t),wn)})}else I&&ai(),Tn(),En()}function wn(){if(rt){var e=yt?qt:K-1;!function t(){Y[e-1].getBoundingClientRect().right.toFixed(2)===Y[e].getBoundingClientRect().left.toFixed(2)?Mn():setTimeout(function(){t()},16)}()}else Mn()}function Mn(){q&&!rt||(Yn(),rt?(Rt=ni(),ee&&(ne=Ln()),Gt=Ft(),an($t||ne)):Ni()),I&&ai(),Tn(),En()}function Tn(){if(Kn(),j.insertAdjacentHTML("afterbegin",'<div class="tns-liveregion tns-visually-hidden" aria-l
823ive="polite" aria-atomic="true">slide <span class="current">'+Rn()+"</span> of "+K+"</div>"),$=j.querySelector(".tns-liveregion .current"),pe){var t=Tt?"stop":"start";Xe?Yi(Xe,{"data-action":t}):O.autoplayButtonOutput&&(j.insertAdjacentHTML(cn(O.autoplayPosition),'<button data-action="'+t+'">'+Ke[0]+t+Ke[1]+At[0]+"</button>"),Xe=j.querySelector("[data-action]")),Xe&&ea(Xe,{click:yi}),Tt&&(mi(),Nt&&ea(G,oe),Lt&&ea(G,ue))}if(de){if(Se)Yi(Se,{"aria-label":"Carousel Pagination"}),qi(Be=Se.children,function(t,e){Yi(t,{"data-nav":e,tabindex:"-1","aria-label":ze+(e+1),"aria-controls":Zt})});else{for(var e="",n=ve?"":'style="display:none"',i=0;i<K;i++)e+='<button data-nav="'+i+'" tabindex="-1" aria-controls="'+Zt+'" '+n+' aria-label="'+ze+(i+1)+'"></button>';e='<div class="tns-nav" aria-label="Carousel Pagination">'+e+"</div>",j.insertAdjacentHTML(cn(O.navPosition),e),Se=j.querySelector(".tns-nav"),Be=Se.children}if(Bi(),x){var a=x.substring(0,x.length-18).toLowerCase(),r="transition: all "+mt/1e3+"s";a&&(r="-"+a+"-"+r),Wi(Bt,"[aria-controls^="+Zt+"-item]",r,Fi(Bt))}Yi(Be[Re],{"aria-label":ze+(Re+1)+We}),Ki(Be[Re],"tabindex"),Vi(Be[Re],Pe),ea(Se,re)}fe&&(Me||Ee&&Ae||(j.insertAdjacentHTML(cn(O.controlsPosition),'<div class="tns-controls" aria-label="Carousel Navigation" tabindex="0"><button data-controls="prev" tabindex="-1" aria-controls="'+Zt+'">'+bt[0]+'</button><button data-controls="next" tabindex="-1" aria-controls="'+Zt+'">'+bt[1]+"</button></div>"),Me=j.querySelector(".tns-controls")),Ee&&Ae||(Ee=Me.children[0],Ae=Me.children[1]),O.controlsContainer&&Yi(Me,{"aria-label":"Carousel Navigation",tabindex:"0"}),(O.controlsContainer||O.prevButton&&O.nextButton)&&Yi([Ee,Ae],{"aria-controls":Zt,tabindex:"-1"}),(O.controlsContainer||O.prevButton&&O.nextButton)&&(Yi(Ee,{"data-controls":"prev"}),Yi(Ae,{"data-controls":"next"})),Ce=Un(Ee),we=Un(Ae),$n(),Me?ea(Me,ae):(ea(Ee,ae),ea(Ae,ae))),Sn()}function En(){if(I&&C){var t={};t[C]=si,ea(G,t)}wt&&ea(G,se,O.preventScrollOnTouch),Mt&&ea(G,ce),pt&&ea(D,le),"inner"===R?Ut.on("outerResized",function(){Nn(),Ut.emit("innerLoaded",Si())}):(k||ot||rt||gt||!q)&&ea(h,{resize:An}),gt&&("outer"===R?Ut.on("innerLoaded",qn):$t||qn()),Pn(),$t?Hn():ne&&Dn(),Ut.on("indexChanged",Vn),"inner"===R&&Ut.emit("innerLoaded",Si()),"function"==typeof Jt&&Jt(Si()),U=!0}function An(t){Oi(function(){Nn(xi(t))})}function Nn(t){if(U){"outer"===R&&Ut.emit("outerResized",Si(t)),J=sn();var e,n=F,i=!1;k&&(Bn(),(e=n!==F)&&Ut.emit("newBreakpointStart",Si(t)));var a,r,o,u,l=ft,s=$t,c=ne,f=pt,d=xt,v=Ct,p=wt,m=Mt,h=Tt,y=Nt,g=Lt,x=qt;if(e){var b=ot,C=gt,w=bt,M=ct,T=At;if(!H)var E=lt,A=ut}if(pt=vn("arrowKeys"),xt=vn("controls"),Ct=vn("nav"),wt=vn("touch"),ct=vn("center"),Mt=vn("mouseDrag"),Tt=vn("autoplay"),Nt=vn("autoplayHoverPause"),Lt=vn("autoplayResetOnVisibility"),e&&($t=vn("disable"),ot=vn("fixedWidth"),mt=vn("speed"),gt=vn("autoHeight"),bt=vn("controlsText"),At=vn("autoplayText"),Et=vn("autoplayTimeout"),H||(ut=vn("edgePadding"),lt=vn("gutter"))),an($t),st=fn(),q&&!rt||$t||(Yn(),q||(Ni(),i=!0)),(ot||rt)&&(Rt=ni(),Gt=Ft()),(e||ot)&&(ft=vn("items"),dt=vn("slideBy"),(r=ft!==l)&&(ot||rt||(Gt=Ft()),en())),e&&$t!==s&&($t?Hn():function(){if(!te)return;if(Bt.disabled=!1,G.className+=_t,ai(),yt)for(var t=Dt;t--;)I&&_i(Y[t]),_i(Y[Ht-t-1]);if(!I)for(var e=qt,n=qt+K;e<n;e++){var i=Y[e],a=e<qt+ft?P:W;i.style.left=100*(e-qt)/ft+"%",Vi(i,a)}On(),te=!1}()),ee&&(e||ot||rt)&&(ne=Ln())!==c&&(ne?(ri(ii(on(0))),Dn()):(!function(){if(!ie)return;ut&&H&&(V.style.margin="");if(Dt)for(var t="tns-transparent",e=Dt;e--;)I&&Gi(Y[e],t),Gi(Y[Ht-e-1],t);On(),ie=!1}(),i=!0)),an($t||ne),Tt||(Nt=Lt=!1),pt!==f&&(pt?ea(D,le):na(D,le)),xt!==d&&(xt?Me?_i(Me):(Ee&&_i(Ee),Ae&&_i(Ae)):Me?Ui(Me):(Ee&&Ui(Ee),Ae&&Ui(Ae))),Ct!==v&&(Ct?_i(Se):Ui(Se)),wt!==p&&(wt?ea(G,se,O.preventScrollOnTouch):na(G,se)),Mt!==m&&(Mt?ea(G,ce):na(G,ce)),Tt!==h&&(Tt?(Xe&&_i(Xe),qe||Ve||mi()):(Xe&&Ui(Xe),qe&&hi())),Nt!==y&&(Nt?ea(G,oe):na(G,oe)),Lt!==g&&(Lt?ea(D,ue):na(D,ue)),e){if(ot===b&&ct===M||(i=!0),gt!==C&&(gt||(V.style.height="")),xt&&bt!==w&&(Ee.innerHTML=bt[0],Ae.innerHTML=bt[1]),Xe&&At!==T){var N=Tt?1:0,L=Xe.innerHTML,B=L.length-T[N].length;L.substring(B)===T[N]&&(Xe.innerHTML=L.substring(0,B)+At[N])}}else ct&&(ot||rt)&&(i=!0);if((r||ot&&!rt)&&(De=Li(),Bi()),(a=qt!==x)?(Ut.emit("indexChanged",Si()),i=!0):r?a||Vn():(ot||rt)&&(Pn(),Kn(),kn()),r&&!I&&function(){for(var t=qt+Math.min(K,ft),e=Ht;e--;){var n=Y[e];qt<=e&&e<t?(Vi(n,"tns-moving"),n.style.left=100*(e-qt)/ft+"%",Vi(n,P),Gi(n,W)):n.style.left&&(n.style.left="",Vi(n,W),Gi(n,P)),Gi(n,z)}setTimeout(function(){qi(Y,function(t){Gi(t,"tns-moving")})},300)}(),!$t&&!ne){if(e&&!H&&(gt===autoheightTem&&mt===speedTem||Gn(),ut===A&<===E||(V.style.cssText=pn(ut,lt,ot,mt,gt)),q)){I&&(G.style.width=mn(ot,lt,ft));var S=hn(ot,lt,ft)+yn(lt);u=Fi(o=Bt)-1,"deleteRule"in o?o.deleteRule(u):o.removeRule(u),Wi(Bt,"#"+Zt+" > .tns-item",S,Fi(Bt))}gt&&qn(),i&&(ai(),jt=qt)}e&&Ut.emit("newBreakpointEnd",Si(t))}}function Ln(){if(!ot&&!rt)return K<=(ct?ft-(ft-1)/2:ft);var t=ot?(ot+lt)*K:_[K],e=ut?st+2*ut:st+lt;
vendor: 7,615 bytes, line 823
823return ct&&(e-=ot?(st-ot)/2:(st-(_[qt+1]-_[qt]-lt))/2),t<=e}function Bn(){for(var t in F=0,k)(t=parseInt(t))<=J&&(F=t)}function Sn(){!Tt&&Xe&&Ui(Xe),!Ct&&Se&&Ui(Se),xt||(Me?Ui(Me):(Ee&&Ui(Ee),Ae&&Ui(Ae)))}function On(){Tt&&Xe&&_i(Xe),Ct&&Se&&_i(Se),xt&&(Me?_i(Me):(Ee&&_i(Ee),Ae&&_i(Ae)))}function Dn(){if(!ie){if(ut&&(V.style.margin="0px"),Dt)for(var t="tns-transparent",e=Dt;e--;)I&&Vi(Y[e],t),Vi(Y[Ht-e-1],t);Sn(),ie=!0}}function Hn(){if(!te){if(Bt.disabled=!0,G.className=G.className.replace(_t.substring(1),""),Ki(G,["style"]),yt)for(var t=Dt;t--;)I&&Ui(Y[t]),Ui(Y[Ht-t-1]);if(q&&I||Ki(V,["style"]),!I)for(var e=qt,n=qt+K;e<n;e++){var i=Y[e];Ki(i,["style"]),Gi(i,P),Gi(i,W)}Sn(),te=!0}}function kn(){var t=Rn();$.innerHTML!==t&&($.innerHTML=t)}function Rn(){var t=In(),e=t[0]+1,n=t[1]+1;return e===n?e+"":e+" to "+n}function In(t){null==t&&(t=ii());var n,i,a,r=qt;if(ct||ut?(rt||ot)&&(i=-(parseFloat(t)+ut),a=i+st+2*ut):rt&&(i=_[qt],a=i+st),rt)_.forEach(function(t,e){e<Ht&&((ct||ut)&&t<=i+.5&&(r=e),.5<=a-t&&(n=e))});else{if(ot){var e=ot+lt;ct||ut?(r=Math.floor(i/e),n=Math.ceil(a/e-1)):n=r+Math.ceil(st/e)-1}else if(ct||ut){var o=ft-1;if(ct?(r-=o/2,n=qt+o/2):n=qt+o,ut){var u=ut*ft/st;r-=u,n+=u}r=Math.floor(r),n=Math.ceil(n)}else n=r+ft-1;r=Math.max(r,0),n=Math.min(n,Ht-1)}return[r,n]}function Pn(){St&&!$t&&Fn.apply(null,In()).forEach(function(t){if(!ji(t,ge)){var e={};e[C]=function(t){t.stopPropagation()},ea(t,e),ea(t,xe),t.src=Xi(t,"data-src");var n=Xi(t,"data-srcset");n&&(t.srcset=n),Vi(t,"loading")}})}function zn(t){Vi(t,"loaded"),Wn(t)}function Wn(t){Vi(t,"tns-complete"),Gi(t,"loading"),na(t,xe)}function Fn(t,e){for(var n=[];t<=e;)qi(Y[t].querySelectorAll("img"),function(t){n.push(t)}),t++;return n}function qn(){var t=Fn.apply(null,In());Oi(function(){jn(t,Xn)})}function jn(n,t){return Z?t():(n.forEach(function(t,e){ji(t,ge)&&n.splice(e,1)}),n.length?void Oi(function(){jn(n,t)}):t())}function Vn(){Pn(),Kn(),kn(),$n(),function(){if(Ct&&(Re=0<=ke?ke:ln(),ke=-1,Re!==Ie)){var t=Be[Ie],e=Be[Re];Yi(t,{tabindex:"-1","aria-label":ze+(Ie+1)}),Gi(t,Pe),Yi(e,{"aria-label":ze+(Re+1)+We}),Ki(e,"tabindex"),Vi(e,Pe),Ie=Re}}()}function Gn(){I&>&&(S.style[x]=mt/1e3+"s")}function Qn(t,e){for(var n=[],i=t,a=Math.min(t+e,Ht);i<a;i++)n.push(Y[i].offsetHeight);return Math.max.apply(null,n)}function Xn(){var t=gt?Qn(qt,ft):Qn(Dt,K),e=S||V;e.style.height!==t&&(e.style.height=t+"px")}function Yn(){_=[0];var n=q?"left":"top",i=q?"right":"bottom",a=Y[0].getBoundingClientRect()[n];qi(Y,function(t,e){e&&_.push(t.getBoundingClientRect()[n]-a),e===Ht-1&&_.push(t.getBoundingClientRect()[i]-a)})}function Kn(){var t=In(),n=t[0],i=t[1];qi(Y,function(t,e){n<=e&&e<=i?Qi(t,"aria-hidden")&&(Ki(t,["aria-hidden","tabindex"]),Vi(t,ye)):Qi(t,"aria-hidden")||(Yi(t,{"aria-hidden":"true",tabindex:"-1"}),Gi(t,ye))})}function Jn(t){return t.nodeName.toLowerCase()}function Un(t){return"button"===Jn(t)}function _n(t){return"true"===t.getAttribute("aria-disabled")}function Zn(t,e,n){t?e.disabled=n:e.setAttribute("aria-disabled",n.toString())}function $n(){if(xt&&!ht&&!yt){var t=Ce?Ee.disabled:_n(Ee),e=we?Ae.disabled:_n(Ae),n=qt<=Vt,i=!ht&&Gt<=qt;n&&!t&&Zn(Ce,Ee,!0),!n&&t&&Zn(Ce,Ee,!1),i&&!e&&Zn(we,Ae,!0),!i&&e&&Zn(we,Ae,!1)}}function ti(t,e){x&&(t.style[x]=e)}function ei(t){return null==t&&(t=qt),rt?(st-(ut?lt:0)-(_[t+1]-_[t]-lt))/2:ot?(st-ot)/2:(ft-1)/2}function ni(){var t=st+(ut?lt:0)-(ot?(ot+lt)*Ht:_[Ht]);return ct&&!yt&&(t=ot?-(ot+lt)*(Ht-1)-ei():ei(Ht-1)-_[Ht-1]),0<t&&(t=0),t}function ii(t){var e;if(null==t&&(t=qt),q&&!rt)if(ot)e=-(ot+lt)*t,ct&&(e+=ei());else{var n=d?Ht:ft;ct&&(t-=ei()),e=100*-t/n}else e=-_[t],ct&&rt&&(e+=ei());return kt&&(e=Math.max(e,Rt)),e+=!q||rt||ot?"px":"%"}function ai(t){ti(G,"0s"),ri(t)}function ri(t){null==t&&(t=ii()),G.style[Pt]=zt+t+Wt}function oi(t,e,n,i){var a=t+ft;yt||(a=Math.min(a,Ht));for(var r=t;r<a;r++){var o=Y[r];i||(o.style.left=100*(r-qt)/ft+"%"),B&&p&&(o.style[p]=o.style[m]=B*(r-t)/1e3+"s"),Gi(o,e),Vi(o,n),i&&Ot.push(o)}}function ui(t,e){It&&en(),(qt!==jt||e)&&(Ut.emit("indexChanged",Si()),Ut.emit("transitionStart",Si()),gt&&qn(),qe&&t&&0<=["click","keydown"].indexOf(t.type)&&hi(),Kt=!0,nn())}function li(t){return t.toLowerCase().replace(/-/g,"")}function si(t){if(I||Kt){if(Ut.emit("transitionEnd",Si(t)),!I&&0<Ot.length)for(var e=0;e<Ot.length;e++){var n=Ot[e];n.style.left="",m&&p&&(n.style[m]="",n.style[p]=""),Gi(n,z),Vi(n,W)}if(!t||!I&&t.target.parentNode===G||t.target===G&&li(t.propertyName)===li(Pt)){if(!It){var i=qt;en(),qt!==i&&(Ut.emit("indexChanged",Si()),ai())}"inner"===R&&Ut.emit("innerLoaded",Si()),Kt=!1,jt=qt}}}function ci(t,e){if(!ne)if("prev"===t)fi(e,-1);else if("next"===t)fi(e,1);else{if(Kt){if(Qt)return;si()}var n=un(),i=0;if("first"===t?i=-n:"last"===t?i=I?K-ft-n:K-1-n:("number"!=typeof t&&(t=parseInt(t)),isNaN(t)||(e||(t=Math.max(0,Math.min(K-1,t))),i=t-n)),!I&&i&&Math.abs(i)<ft){var a=0<i?1:-1;i+=Vt<=qt+i-K?K*a:2*K*a*-1}qt+=i,I&&yt&&(qt<Vt&&(qt+=K),Gt<qt&&(qt-=K)),un(qt)!==un(jt)&&ui(e)}}function fi(t,e){if(Kt){if(Qt)return;si()}var n;if(!e){for(var i=bi(t=xi(t));i!==Me&&[Ee,Ae].indexOf(i)<0;)i=i.parentNode;var a=[Ee,Ae].indexOf(i);0<=a&&(n=!0,e=0===a?-1:1)}if(ht){if(qt===Vt&&-1===e)return void ci("last",t);if(qt===Gt&&1===e)return void ci("first",t)}e&&(qt+=dt*e,rt&&(qt=Math.floor(qt)),ui(n||t&&"keydown"===t.type?t:null))}function di(){Fe=setInterval(function(){fi(null,Qe)},Et),qe=!0}function vi(){clearInterval(Fe),qe=!1}function pi(t,e){Yi(Xe,{"data-action":t}),Xe.innerHTML=Ke[0]+t+Ke[1]+e}function mi(){di(),Xe&&pi("stop",At[1])}function hi(){vi(),Xe&&pi("start",At[0])}function yi(){qe?(hi(),Ve=!0):(mi(),Ve=!1)}function gi(t){t.focus()}function xi(t){return Ci(t=t||h.event)?t.changedTouches[0]:t}function bi(t){return t.target||h.event.srcElement}function Ci(t){return 0<=t.type.indexOf("touch")}function wi(t){t.preventDefault?t.preventDefault():t.returnValue=!1}function Mi(){return a=Ze.y-_e.y,r=Ze.x-_e.x,t=Math.atan2(a,r)*(180/Math.PI),e=Xt,n=!1,i=Math.abs(90-Math.abs(t)),90-e<=i?n="horizontal":i<=e&&(n="vertical"),n===O.axis;var t,e,n,i,a,r}function Ti(t){if(Kt){if(Qt)return;si()}Tt&&qe&&vi(),$e=!0,Ue&&(Di(Ue),Ue=null);var e=xi(t);Ut.emit(Ci(t)?"touchStart":"dragStart",Si(t)),!Ci(t)&&0<=["img","a"].indexOf(Jn(bi(t)))&&wi(t),Ze.x=_e.x=e.clientX,Ze.y=_e.y=e.clientY,I&&(Je=parseFloat(G.style[Pt].replace(zt,"")),ti(G,"0s"))}function Ei(t){if($e){var e=xi(t);Ze.x=e.clientX,Ze.y=e.clientY,I?Ue||(Ue=Oi(function(){!function t(e){if(!Yt)return void($e=!1);Di(Ue);$e&&(Ue=Oi(function(){t(e)}));"?"===Yt&&(Yt=Mi());if(Yt){!be&&Ci(e)&&(be=!0);try{e.type&&Ut.emit(Ci(e)?"touchMove":"dragMove",Si(e))}catch(t){}var n=Je,i=tn(Ze,_e);if(!q||ot||rt)n+=i,n+="px";else{var a=d?i*ft*100/((st+lt)*Ht):100*i/(st+lt);n+=a,n+="%"}G.style[Pt]=zt+n+Wt}}(t)})):("?"===Yt&&(Yt=Mi()),Yt&&(be=!0)),be&&t.preventDefault()}}function Ai(i){if($e){Ue&&(Di(Ue),Ue=null),I&&ti(G,""),$e=!1;var t=xi(i);Ze.x=t.clientX,Ze.y=t.clientY;var a=tn(Ze,_e);if(Math.abs(a)){if(!Ci(i)){var n=bi(i);ea(n,{click:function t(e){wi(e),na(n,{click:t})}})}I?Ue=Oi(function(){if(q&&!rt){var t=-a*ft/(st+lt);t=0<a?Math.floor(t):Math.ceil(t),qt+=t}else{var e=-(Je+a);if(e<=0)qt=Vt;else if(e>=_[Ht-1])qt=Gt;else for(var n=0;n<Ht&&e>=_[n];)e>_[qt=n]&&a<0&&(qt+=1),n++}ui(i,a),Ut.emit(Ci(i)?"touchEnd":"dragEnd",Si(i))}):Yt&&fi(i,0<a?-1:1)}}"auto"===O.preventScrollOnTouch&&(be=!1),Xt&&(Yt="?"),Tt&&!qe&&di()}function Ni(){(S||V).style.height=_[qt+ft]-_[qt]+"px"}function Li(){var t=ot?(ot+lt)*K/st:K/ft;return Math.min(Math.ceil(t),K)}function Bi(){if(Ct&&!ve&&De!==He){var t=He,e=De,n=_i;for(De<He&&(t=De,e=He,n=Ui);t<e;)n(Be[t]),t++;He=De}}
823function Si(t){return{container:G,slideItems:Y,navContainer:Se,navItems:Be,controlsContainer:Me,hasControls:fe,prevButton:Ee,nextButton:Ae,items:ft,slideBy:dt,cloneCount:Dt,slideCount:K,slideCountNew:Ht,index:qt,indexCached:jt,displayIndex:rn(),navCurrentIndex:Re,navCurrentIndexCached:Ie,pages:De,pagesCached:He,sheet:Bt,isOn:U,event:t||{}}}M&&console.warn("No slides found in",O.container)};return aa}(); 824 825 826// Tiny Slider // 827 828var heroSlider = tns({ 829 container: '.main-hero', 830 loop: true, 831 items: 1, 832 gutter: 0, 833 slideBy: 1, 834 nav: true, 835 navContainer: '.carousel-hero-dots', 836 controls: false, 837 mouseDrag: true, 838}); 839 840 })(); 841 </script>
841 842 843 844 845 846 847 848 849<section class="banneropcb" style="display:none;"> 850 <div class="container"> 851 852 <div class="col-lg-12 col-md-12 col-sm-12 banneresp"> 853 <div class="row d-flex align-items-center justify-content-center"> 854 <div class="col-lg-4 col-md-4 col-sm-12 epimg"><img src="https://cla.cdn.modyo.com/uploads/83156d78-c3a3-4b51-b2f8-8120ea53ad1b/original/simularcreditotapp.png"></div> 855 <div class="col-lg-7 col-md-8 col-sm-12"> 856 857 <div class="subtitulobanneresp-opc"> 858Simula tu crédito Caja Los Andes y recÃbelo directo en tu cuenta Tapp. </div> 859 <div class="ctnbtnesp"><ds-button variant="primario" href="https://simuladorcredito.tapp.cl/" color="celeste">Simular crédito</ds-button></div> 860 </div> 861 </div> 862 </div> 863 </div> 864 </section> 865 866<style> 867 868 869 870.banneropcb { 871 background: #ededed; 872 border-radius: 12px; 873 padding: 50px 0 45px; 874} 875.epimg{position: relative;} 876.epimg img{} 877.banneresp { 878 879} 880.titulobanneresp-opc { 881 font-size: 49px; 882 color: #000; 883 margin-top: -22px; 884} 885.subtitulobanneresp-opc { 886 font-size: 30px; 887 color: #0076a9; 888 line-height: 36px; 889 padding-top: 12px; 890 font-weight: bold; 891} 892.ctnbtnesp {padding:25px 0px 35px 0px; 893} 894.ctnbtnesp a{background:#dedf7c;padding: 7px 31px;font-size:16px; 895border-radius: 20px;font-weight: 400; 896text-decoration: none; 897} 898 @media only screen and (max-width:600px) { 899 .banneropcb { 900 901} 902 .epimg{position: initial;padding-top: 12px;padding-bottom: 38px;} 903.epimg img{position: inherit;} 904.banneresp { 905 906 padding: 0px 12px; 907} 908.titulobanneresp-opc { 909 910 font-size: 39px; 911 line-height: 41px; 912} 913.subtitulobanneresp-opc { 914 915 font-size: 18px; 916 line-height: 21px; 917} 918.ctnbtnesp { 919} 920.ctnbtnesp a{ 921 font-size: 18px; 922} 923 924 } 925 926 927 928 929</style> 930 931 932 933<section id="caracteristicas-tapp"> 934 <div class="container"> 935 <div class="row"> 936 <h2 class="cla-text-gray-50 cla-fw-extralight text-center mb-0"> 937 CaracterÃsticas de tu Tapp 938 </h2> 939 </div> 940 941 <div class="row justify-content-center mt-4 mt-lg-5"> 942 <div class="col-12 col-lg-4 mb-4 mb-lg-0 wow fadeInUp" data-wow-duration="1s"> 943 <img src="https://cla.cdn.modyo.com/uploads/f2b16460-b9fe-4ef1-81d9-356086e8acd3/original/ico_card-primary.svg" alt="Icono de Tarjeta" width="48" height="48" class="lazyload"> 944 <p class="cla-h4 cla-text-gray-50 cla-fw-extralight text-center mt-2 px-5"> 945 Primera emisión de Tarjeta fÃsica gratis 946 </p> 947 </div> 948 949 <div class="col-12 col-lg-4 mb-4 mb-lg-0 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".5s"> 950 <img src="https://cla.cdn.modyo.com/uploads/68ad3174-e187-4dd5-a799-919cddd5b15b/original/ico_transfer-primary.svg" alt="Icono de Transferencia" width="48" height="48" class="lazyload"> 951 <p class="cla-h4 cla-text-gray-50 cla-fw-extralight text-center mt-2 px-5"> 952 Transfiere con tu App a todos los bancos y entre Tapp 953 </p> 954 </div> 955 956 <div class="col-12 col-lg-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s"> 957 <img src="https://cla.cdn.modyo.com/uploads/3cba6b9d-074b-402c-b693-4835306e68a9/original/ico_piggybank-primary.svg" alt="Icono de Ahorro" width="48" height="48" class="lazyload"> 958 <p class="cla-h4 cla-text-gray-50 cla-fw-extralight text-center mt-2 px-5"> 959 Paga tus cuentas desde la App 960 </p> 961 </div> 962 </div> 963 </div> 964</section> 965 966<style> 967 #caracteristicas-tapp { 968 padding: 56px 0; 969 } 970</style> 971 972 973 <style nonce="LPjPSt951n"> 974 975 976#funcionalidades-tapp { 977 padding: 56px 0; 978 background: linear-gradient(180deg, var(--color-primary-10) 0%, var(--color-primary-20) 100%); 979} 980#funcionalidades-tapp .main-hero_imagen { 981 position: relative; 982 display: block; 983 margin: 25px auto 0 auto; 984 width: 320px; 985 height: auto; 986} 987#funcionalidades-tapp .main-hero_imagen .main-hero_imagen_bg { 988 position: relative; 989 margin: 0 auto; 990 height: 220px; 991 width: 220px; 992 border-top-left-radius: 75%; 993 border-top-right-radius: 175% 140%; 994 border-bottom-right-radius: 255px; 995 border-bottom-left-radius: 130% 170%; 996 transform: rotate(-65deg); 997 padding: 10px; 998 overflow: hidden; 999 z-index: 2; 1000} 1001#funcionalidades-tapp .main-hero_imagen .main-hero_imagen_front { 1002 position: absolute; 1003 display: block; 1004 content: ''; 1005 width: 70px; 1006 height: 130px; 1007 bottom: -30px; 1008 left: 30px; 1009 z-index: 3; 1010} 1011#funcionalidades-tapp .main-hero_imagen .main-hero_imagen_front img, 1012#funcionalidades-tapp .main-hero_imagen .main-hero_imagen_single img { 1013 position: absolute; 1014 width: 100%; 1015 height: 100%; 1016 object-fit: cover; 1017 object-position: center; 1018} 1019#funcionalidades-tapp .main-hero_imagen .main-hero_imagen_front img { 1020 object-fit: contain; 1021} 1022#funcionalidades-tapp .main-hero_imagen .main-hero_imagen_bg img { 1023 position: absolute; 1024 top: 0px; 1025 left: -15px; 1026 width: 250px; 1027 height: 210px; 1028 object-fit: cover; 1029 object-position: center; 1030 transform: rotate(65deg); 1031 transform-origin: center center; 1032} 1033#funcionalidades-tapp .main-hero_imagen:after { 1034 position: absolute;
1035 display: block; 1036 content: ''; 1037 bottom: -20px; 1038 right: 30px; 1039 width: 200px; 1040 height: 200px; 1041 background: var(--color-secondary-30); 1042 border-radius: 100%; 1043 z-index: 0; 1044} 1045#funcionalidades-tapp .main-hero_imagen:before { 1046 position: absolute; 1047 display: block; 1048 content: ''; 1049 top: 0px; 1050 left: 30px; 1051 width: 200px; 1052 height: 200px; 1053 background-image: url('https://cla.cdn.modyo.com/uploads/0ad0edc4-6a33-4d98-88fd-77ba90056d22/original/hero_stroke2.svg'); 1054 background-size: 100%; 1055 background-position: center center; 1056 background-repeat: no-repeat; 1057 z-index: 0; 1058} 1059#funcionalidades-tapp .imgSteps img { 1060 position: relative; 1061 display: block; 1062 margin: 0 auto; 1063 width: 100%; 1064 max-width: 400px; 1065 height: auto; 1066} 1067#funcionalidades-tapp .imgActivation { 1068 position: relative; 1069 display: block; 1070 margin: 0 auto; 1071 width: 100%; 1072 max-width: 345px; 1073 height: 350px; 1074 background-image: url('https://cla.cdn.modyo.com/uploads/e28185dd-4eaf-4be9-89f6-17fb0eb66118/original/cla_shape-secundary.svg'); 1075 background-size: contain; 1076 background-position: center; 1077 background-repeat: no-repeat; 1078} 1079#funcionalidades-tapp .imgActivation img { 1080 position: relative; 1081 display: block; 1082 margin: 0 auto; 1083 width: 100%; 1084 max-width: 345px; 1085 height: auto; 1086} 1087 1088@media screen and (min-width: 576px) { 1089 #funcionalidades-tapp .main-hero_imagen { 1090 width: 420px; 1091 } 1092 #funcionalidades-tapp .main-hero_imagen:before { 1093 top: 0px; 1094 left: 20px; 1095 width: 275px; 1096 height: 275px; 1097 } 1098 #funcionalidades-tapp .main-hero_imagen:after { 1099 bottom: -20px; 1100 right: 10px; 1101 width: 275px; 1102 height: 275px; 1103 } 1104 #funcionalidades-tapp .main-hero_imagen .main-hero_imagen_bg { 1105 width: 320px; 1106 height: 320px; 1107 border-bottom-right-radius: 345px; 1108 border-bottom-left-radius: 150% 170%; 1109 } 1110 #funcionalidades-tapp .main-hero_imagen .main-hero_imagen_bg img { 1111 width: 370px; 1112 height: 310px; 1113 } 1114 #funcionalidades-tapp .main-hero_imagen .main-hero_imagen_front { 1115 width: 110px; 1116 height: 170px; 1117 bottom: 0px; 1118 } 1119} 1120 1121@media screen and (min-width: 992px) { 1122 #funcionalidades-tapp { 1123 padding-top: 70px; 1124 } 1125 #funcionalidades-tapp .main-hero_imagen { 1126 margin-top: 0; 1127 margin-right: 0; 1128 } 1129 #funcionalidades-tapp .main-hero_imagen:before { 1130 top: -10px; 1131 left: 0px; 1132 width: 350px; 1133 height: 350px; 1134 } 1135 #funcionalidades-tapp .main-hero_imagen:after { 1136 bottom: -20px; 1137 right: -10px; 1138 width: 350px; 1139 height: 350px; 1140 } 1141 #funcionalidades-tapp .main-hero_imagen .main-hero_imagen_bg { 1142 width: 390px; 1143 height: 360px; 1144 border-top-left-radius: 55%; 1145 border-top-right-radius: 115% 100%; 1146 border-bottom-right-radius: 265px; 1147 border-bottom-left-radius: 100% 110%; 1148 } 1149 #funcionalidades-tapp .main-hero_imagen .main-hero_imagen_bg img { 1150 top: -6px; 1151 left: -20px; 1152 width: 430px; 1153 height: 365px; 1154 } 1155 #funcionalidades-tapp .main-hero_imagen .main-hero_imagen_front { 1156 left: 10px; 1157 bottom: -40px; 1158 } 1159 #funcionalidades-tapp .imgSteps img { 1160 max-width: 650px; 1161 } 1162 #funcionalidades-tapp .imgActivation { 1163 margin-right: 0; 1164 height: 270px; 1165 } 1166 #funcionalidades-tapp .imgActivation, 1167 #funcionalidades-tapp .imgActivation img { 1168 max-width: 270px; 1169 height: auto; 1170 } 1171} 1172 </style> 1173 <section id="funcionalidades-tapp"> 1174 <div class="container"> 1175 <div class="row pb-lg-3"> 1176 <div class="col-12 col-lg-6"> 1177 <h2 class="cla-h2 cla-text-white cla-fw-extralight"> 1178 Con <strong>Tapp tienes costo $0</strong> en: 1179 </h2> 1180 1181 <ul class="p-0 ps-4 mt-4"> 1182 <li class="cla-h4 cla-fw-extralight cla-text-white mb-2"> 1183 Mantención. 1184 </li> 1185 <li class="cla-h4 cla-fw-extralight cla-text-white mb-2"> 1186 Giros en cajeros automáticos. 1187 </li> 1188 <li class="cla-h4 cla-fw-extralight cla-text-white"> 1189 Compras nacionales e internacionales. 1190 </li> 1191 </ul> 1192 </div> 1193 <div class="col-12 col-lg-5"> 1194 <div class="main-hero_imagen"> 1195 <figure class="main-hero_imagen_front"> 1196 <img src="https://cla.cdn.modyo.com/uploads/c2b0477a-69b0-4b40-a519-9de89f0fc6cb/original/usa-tu-tapp-celular.png" alt="Tapp Tarjeta" width="100%" height="100%" class="lazyload"> 1197 </figure> 1198 <figure class="main-hero_imagen_bg"> 1199 <img 1200 src="https://cla.cdn.modyo.com/uploads/495a41b8-260b-4c5d-8fa2-abd7901f12a8/original/beneficios-tarjeta-tapp.jpg" 1201 alt="mujer tarjeta" 1202 width="100%" 1203 height="100%" 1204 class="lazyload"> 1205 </figure>
1206 </div> 1207 </div> 1208 </div> 1209 1210 <div class="row mt-5"> 1211 <div class="col-12"> 1212 <h2 class="cla-h2 cla-text-white cla-fw-extralight text-center"> 1213 ¿Cómo puedo <strong>solicitar y activar mi tarjeta fÃsica</strong>? 1214 </h2> 1215 </div> 1216 </div> 1217 1218 <div class="row justify-content-center mt-3 mt-lg-4"> 1219 <div class="col-12 col-lg-3 mb-2 mb-lg-0 d-flex align-items-center wow fadeIn" data-wow-duration=".5s"> 1220 <figure class="me-3"> 1221 <img 1222 src="https://cla.cdn.modyo.com/uploads/f60c6684-f3c9-48f1-a02e-3e8eece1f9e1/original/shape_numero--1.svg" 1223 alt="Primer paso" 1224 width="48" 1225 height="45" 1226 class="lazyload w-auto"> 1227 </figure> 1228 <p class="cla-h5 cla-text-white cla-fw-extralight"> 1229 Ingresa a <strong>"Solicita o activa tu tarjeta fÃsica Tapp"</strong> 1230 </p> 1231 </div> 1232 <div class="col-12 col-lg-3 mb-2 mb-lg-0 d-flex align-items-center wow fadeIn" data-wow-duration=".5s" data-wow-delay=".5s"> 1233 <figure class="me-3"> 1234 <img 1235 src="https://cla.cdn.modyo.com/uploads/371ae0b7-0983-44bd-aaf4-d66740daaba8/original/shape_numero--2.svg" 1236 alt="Segundo paso" 1237 width="48" 1238 height="45" 1239 class="lazyload w-auto"> 1240 </figure> 1241 <p class="cla-h5 cla-text-white cla-fw-extralight"> 1242 Escoge la opción <strong>"Solicitar tarjeta"</strong> 1243 </p> 1244 </div><br> 1245 <div class="col-12 col-lg-3 mb-2 mb-lg-0 d-flex align-items-center wow fadeIn" data-wow-duration=".5s" data-wow-delay="1s"> 1246 <figure class="me-3"> 1247 <img 1248 src="https://cla.cdn.modyo.com/uploads/9d837108-60dc-4424-9441-c13aed96322e/original/shape_numero--3.svg" 1249 alt="Tercer paso" 1250 width="48" 1251 height="45" 1252 class="lazyload w-auto"> 1253 </figure> 1254 <p class="cla-h5 cla-text-white cla-fw-extralight"> 1255 <strong>Ingresa tu dirección</strong> para recibir tu tarjeta 1256 </p> 1257 </div> 1258 1259 1260 <div class="col-12 col-lg-3 mb-2 mb-lg-0 d-flex align-items-center wow fadeIn" data-wow-duration=".5s" data-wow-delay="1s"> 1261 <figure class="me-3"> 1262 <img 1263 src="https://cla.cdn.modyo.com/uploads/fd5f7cb3-9db2-4d72-83f1-16bd924b9a84/original/ovalo_4.svg" 1264 alt="Tercer paso" 1265 width="48" 1266 height="45" 1267 class="lazyload w-auto"> 1268 </figure> 1269 <p class="cla-h5 cla-text-white cla-fw-extralight"> 1270 <strong>Para activarla,</strong> solo debes escoger la opción <strong>âActivar Tarjetaâ,</strong><br> ingresar el número de la tarjeta 1271 y crear tu pin. <strong>¡Asà de fácil!</strong> 1272 </p> 1273 </div> 1274 1275 <div class="col-12"> 1276 <figure class="imgSteps mt-4 wow fadeInUp" data-wow-delay="1s"> 1277 <img src="https://cla.cdn.modyo.com/uploads/61d6b636-d64c-413a-80fc-fbed263bc526/original/cla_cellphones-tapp-activacion.png" alt="TrÃo de dispositivos móviles, con los pasos de solicitud para tarjeta Tapp" width="978" height="634" class="lazyload" > 1278 </figure> 1279 </div> 1280 </div> 1281 1282 <!--<div class="row mt-4 mt-lg-5 justify-content-center align-items-center"> 1283 <div class="col-12"> 1284 <h2 class="cla-h2 cla-text-white cla-fw-extralight text-center"> 1285 Bacán, ¿Y cómo la <strong>activo</strong>? 1286 </h2> 1287 </div> 1288 <div class="col-12 col-lg-4"> 1289 <ul class="p-0 ps-4 mt-4"> 1290 <li class="d-flex align-items-center mb-2 wow fadeInLeft" data-wow-duration="1s"> 1291 <figure class="me-3"> 1292 <img 1293 src="https://cla.cdn.modyo.com/uploads/1353ef7c-8aaf-4147-8325-bb3b4ee5268b/original/shape_gray-numero--1.svg" 1294 alt="Primer paso" 1295 width="48" 1296 height="45" 1297 class="lazyload w-auto"> 1298 </figure> 1299 <p class="cla-h5 cla-fw-extralight cla-text-white"> 1300 Ingresa a <strong>"Solicita o activa tu tarjeta fÃsica Tapp"</strong> 1301 </p> 1302 </li> 1303 <li class="d-flex align-items-center mb-2 wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".5s"> 1304 <figure class="me-3"> 1305 <img 1306 src="https://cla.cdn.modyo.com/uploads/44b938b3-4687-4c4c-b65b-b22089bb056d/original/shape_gray-numero--2.svg" 1307 alt="Segundo paso" 1308 width="48" 1309 height="45" 1310 class="lazyload w-auto"> 1311 </figure> 1312 <p class="cla-h5 cla-fw-extralight cla-text-white"> 1313 Escoge la opción <strong>"Activar Tarjeta"</strong> 1314 </p> 1315 </li> 1316 <li class="d-flex align-items-center mb-2 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="1s"> 1317 <figure class="me-3"> 1318 <img 1319 src="https://cla.cdn.modyo.com/uploads/4ec81bea-e8bb-400e-b838-054eba6bbe9a/original/shape_gray-numero--3.svg" 1320 alt="Tercer paso" 1321 width="48" 1322 height="45" 1323 class="lazyload w-auto"> 1324 </figure> 1325 <p class="cla-h5 cla-fw-extralight cla-text-white"> 1326 Ingresa el <strong>número de la tarjeta</strong> 1327 </p> 1328 </li> 1329 <li class="d-flex align-items-center wow fadeInLeft" data-wow-duration="1s" data-wow-delay="1.5s"> 1330 <figure class="me-3"> 1331 <img 1332 src="https://cla.cdn.modyo.com/uploads/5bdb0c65-4a3f-4e9c-b9b2-0e93ea9c96f7/original/shape_gray-numero--4.svg" 1333 alt="Cuarto paso" 1334 width="48" 1335 height="45" 1336 class="lazyload w-auto"> 1337 </figure> 1338 <p class="cla-h5 cla-fw-extralight cla-text-white"> 1339 <strong>Crea tu PIN</strong> 1340 </p> 1341 </li> 1342 </ul> 1343 </div> 1344 <div class="col-12 col-lg-5"> 1345 <figure class="imgActivation mt-4 mt-lg-0"> 1346 <img src="https://cla.cdn.modyo.com/uploads/453093ac-1041-4819-ac4a-7c09f37da666/original/cla_cellphones-tapp-solicitud.png" alt="Dos dispositivos móviles, indicando los pasos para activar la tarjeta Tapp" width="635" height="635" class="lazyload wow fadeInRight" data-wow-offset="150" data-wow-duration="1s"> 1347 </figure> 1348 </div> 1349 </div> --> 1350 </div> 1351</section> 1352
1352<script nonce="LPjPSt951n"> 1353 (function(){ 1354 // Your code 1355 })(); 1356 </script>
1356 1357 1358 1359 1360 1361 1362<section id="widget-remesas" class="wr-section"> 1363 1364 <h2 class="wr-title">¡Enviar dinero al extranjero ahora es más simple!</h2> 1365 1366 <div class="wr-hero-container"> 1367 <img class="wr-hero-image" src="https://cla.cdn.modyo.com/uploads/b4bb5575-1d45-4e81-bcc9-555c407b4105/original/remesas-telefonos.webp" alt="App Tapp EnvÃo de Dinero"> 1368 </div> 1369 1370 <p class="wr-subtitle">Haz tus envÃos a más de 10 paÃs de forma 100% online desde tu App Tapp</p> 1371 1372 <div class="wr-flags-grid"> 1373 1374 <div class="wr-flag-item"> 1375 <img class="wr-flag-img" src="https://cla.cdn.modyo.com/uploads/7c1c6cb3-06f5-47dc-add2-5e298aa7e8b4/original/arg.webp" alt="Bandera Argentina"> 1376 <span class="wr-flag-label">Argentina</span> 1377 </div> 1378 1379 <div class="wr-flag-item"> 1380 <img class="wr-flag-img" src="https://cla.cdn.modyo.com/uploads/02dae7b5-b1dd-4af8-b47d-8eb98220ca67/original/peru.webp" alt="Bandera Perú"> 1381 <span class="wr-flag-label">Perú</span> 1382 </div> 1383 1384 <div class="wr-flag-item"> 1385 <img class="wr-flag-img" src="https://cla.cdn.modyo.com/uploads/2f94b1cc-50c9-42ef-a5f3-d1103fb07280/original/colombia.webp" alt="Bandera Colombia"> 1386 <span class="wr-flag-label">Colombia</span> 1387 </div> 1388 1389 <div class="wr-flag-item"> 1390 <img class="wr-flag-img" src="https://cla.cdn.modyo.com/uploads/1cb27bc6-8140-46b8-a762-b6ef37d5e9ef/original/venezuela.webp" alt="Bandera Venezuela"> 1391 <span class="wr-flag-label">Venezuela</span> 1392 </div> 1393 1394 </div> 1395 1396 <h3 class="wr-footer-title">¡y muchos más!</h3> 1397 <p class="wr-footer-text">Con Tapp, el proceso es fácil, seguro y puedes revisar el estado de tu envÃo cuando quieras.</p> 1398 1399 <a href="https://www.tapp.cl/transferencia-al-extranjero" class="wr-btn">Conoce más</a> 1400 1401</section> 1402<style> 1403 .wr-section { 1404 width: 100%; 1405 background: linear-gradient(180deg, #0A2458 0%, #153C6D 40%, #48A0A9 100%); 1406 padding: 40px 20px 60px 20px; 1407 font-family: 'Nunito Sans', sans-serif; 1408 text-align: center; 1409 box-sizing: border-box; 1410 overflow: hidden; 1411 } 1412 1413 .wr-title { 1414 color: white; 1415 font-size: clamp(26px, 6vw, 48px); 1416 font-weight: 700; 1417 line-height: 1.3; 1418 max-width: 800px; 1419 margin: 0 auto 30px auto; 1420 } 1421 1422 .wr-subtitle { 1423 color: white; 1424 font-size: clamp(14px, 4vw, 24px); 1425 font-weight: 700; 1426 line-height: 1.4; 1427 max-width: 800px; 1428 margin: 0 auto 30px auto; 1429 } 1430 1431 .wr-footer-title { 1432 color: white; 1433 font-size: clamp(16px, 4vw, 22px); 1434 font-weight: 700; 1435 margin: 30px auto 10px auto; 1436 } 1437 1438 .wr-footer-text { 1439 color: white; 1440 font-size: clamp(12px, 3.5vw, 18px); 1441 font-weight: 400; 1442 max-width: 700px; 1443 margin: 0 auto 30px auto; 1444 line-height: 1.5; 1445 } 1446 1447 .wr-btn { 1448 display: flex; 1449 align-items: center; 1450 justify-content: center; 1451 background: white; 1452 border-radius: 25px; 1453 height: 48px; 1454 width: 100%; 1455 max-width: 320px; 1456 margin: 0 auto; 1457 color: #1F1F22; 1458 font-size: 18px; 1459 font-weight: 700; 1460 text-decoration: none; 1461 transition: transform 0.2s ease, background 0.3s ease; 1462 } 1463 .wr-btn:hover { 1464 transform: scale(1.05); 1465 background: #f4f4f4; 1466 } 1467 1468 .wr-hero-container { 1469 position: relative; 1470 width: 100%; 1471 max-width: 320px; 1472 margin: 0 auto 40px auto; 1473 display: flex; 1474 justify-content: center; 1475 align-items: center; 1476 } 1477 1478 .wr-hero-image { 1479 position: relative; 1480 width: 100%; 1481 height: auto; 1482 z-index: 10; 1483 display: block; 1484 } 1485 1486 .wr-flags-grid { 1487 display: flex; 1488 flex-wrap: nowrap; 1489 justify-content: space-between; 1490 gap: 10px; 1491 margin: 0 auto; 1492 max-width: 600px; 1493 } 1494 1495 .wr-flag-item { 1496 display: flex; 1497 flex-direction: column; 1498 align-items: center; 1499 gap: 10px; 1500 flex: 1; 1501 } 1502 1503 .wr-flag-label { 1504 color: white; 1505 font-size: clamp(12px, 3vw, 24px); 1506 font-weight: 700; 1507 } 1508 1509 .wr-flag-img { 1510 width: clamp(50px, 15vw, 100px); 1511 height: clamp(50px, 15vw, 100px); 1512 border-radius: 50%; 1513 object-fit: cover; 1514 background: white; 1515 box-shadow: 0px 4px 10px rgba(0,0,0,0.2); 1516 } 1517 1518 @media (min-width: 768px) { 1519 .wr-hero-container { 1520 max-width: 400px; 1521 } 1522 .wr-section { 1523 padding: 60px 20px 80px 20px; 1524 } 1525 } 1526 </style> 1527 1528 1529<section id="videoframe" class="vf-ifr" style="display:none;"> 1530 1531<div class="container"><iframe class="viframe" width="100%" height="315px" src="https://www.youtube.com/embed/ZxM-kBLUa4Q" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div> 1532 1533<style> 1534 1535#videoframe { 1536 padding: 42px 0 20px 0; 1537 1538} 1539 1540@media only screen and (min-width: 48em) { 1541 1542.vf-ifr .viframe { height: 450px;width: 87%;margin: 0 auto;display: block;} 1543 1544 } 1545 1546 1547</style> 1548</section> 1549 1550 1551 1552<section id="funcionalidades-consejos"> 1553 <div class="container"> 1554 1555 1556 <div class="row text-center mb-5"> 1557 <div class="col-12"> 1558 <h2 class="cla-text-gray-50 cla-fw-extralight"> 1559 ¡Paga tus cuentas <strong>fácil y rápido desde tu App</strong>! 1560 </h2> 1561 <section id="videoframe02" class="vf-iframe" style="display:block;"> 1562 1563<div class="container"><iframe class="vidframe" width="100%" height="315px" src="https://www.youtube.com/embed/IXIQ5e_CQZA?si=k0stVOKSNaGkDDav" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div> 1564 1565<style> 1566 1567#videoframe02 { 1568 padding: 42px 0 20px 0; 1569 1570} 1571 1572@media only screen and (min-width: 48em) { 1573 1574.vf-iframe .vidframe {height: 381px; 1575 width: 69%; 1576 border-radius: 16px;margin: 0 auto;display: block;} 1577 1578 } 1579 1580 1581</style> 1582 </section> 1583 <p class="cla-h5 cla-text-gray-50 cla-fw-extralight mt-3 mb-4"> 1584 Ahora puedes gestionar el pago de tus cuentas a través de la App. Selecciona tus deudas y págalas 1585 <br>usando tu saldo disponible. <strong>Todo, desde un mismo lugar y a solo un Tapp.</strong> 1586 </p> 1587 1588 <h3 class="cla-text-gray-50 cla-fw-regular mb-4"> 1589 ¿Qué cuentas <strong>puedes pagar?</strong> 1590 </h3> 1591 1592 <div class="row justify-content-center gy-3"> 1593 <div class="col-auto text-center"> 1594 <img src="https://cla.cdn.modyo.com/uploads/b292fabe-98
159403-4371-aff3-ad3ad4155a7c/original/icon_prueba.svg" alt="Servicios básicos" width="32" height="32" class="mb-2" style="height: 44px; 1595 width: 117px !important;"> 1596 <p class="cla-h6 cla-text-gray-50">Servicios básicos</p> 1597 </div> 1598 <div class="col-auto text-center"> 1599 <img src="https://cla.cdn.modyo.com/uploads/0b90ad2e-8b8e-42de-9fac-762795255365/original/2.svg" alt="Autopistas" width="32" height="32" class="mb-2" style="height: 44px; 1600 width: 117px !important;"> 1601 <p class="cla-h6 cla-text-gray-50">Autopistas</p> 1602 </div> 1603 <div class="col-auto text-center"> 1604 <img src="https://cla.cdn.modyo.com/uploads/4856f632-1c6c-41a4-a28d-51dd57c41594/original/3.svg" alt="Seguros" width="32" height="32" class="mb-2" style="height: 44px; 1605 width: 117px !important;"> 1606 <p class="cla-h6 cla-text-gray-50">Seguros</p> 1607 </div> 1608 <div class="col-auto text-center"> 1609 <img src="https://cla.cdn.modyo.com/uploads/9605154f-ebf5-463f-bd12-8b0ab1ef38b9/original/4.svg" alt="Salud" width="32" height="32" class="mb-2" style="height: 44px; 1610 width: 117px !important;"> 1611 <p class="cla-h6 cla-text-gray-50">Salud</p> 1612 </div> 1613 <div class="col-auto text-center"> 1614 <img src="https://cla.cdn.modyo.com/uploads/6348399d-7002-407c-ad59-42e32be22501/original/5.svg" alt="TelefonÃa e Internet" width="32" height="32" class="mb-2" style="height: 44px; 1615 width: 117px !important;"> 1616 <p class="cla-h6 cla-text-gray-50">TelefonÃa e Internet</p> 1617 </div> 1618 </div> 1619 1620 <p class="cla-h6 cla-text-gray-50 mt-3"> 1621 <strong>Entre otras</strong> que encontrarás disponibles en la App. 1622 </p> 1623 </div> 1624 </div> 1625 1626 1627 1628 1629 <div class="row align-items-center"> 1630 <div class="col-12 col-lg-7 d-flex flex-column justify-content-center"> 1631 <h3 class="cla-text-gray-50 cla-fw-regular mb-4"> 1632 ¿Y cómo funciona? 1633 </h3> 1634 <ul class="cla-h5 cla-text-gray-50 cla-fw-extralight ps-3"> 1635 <li>Ingresa a la App de Tapp.</li> 1636 <li>Busca la sección âPagarâ en el menú principal.</li> 1637 <li>Selecciona la empresa o servicio que necesitas pagar.</li> 1638 <li>Ingresa los datos del cliente o número de cuenta.</li> 1639 <li>Verifica el monto, confirma el pago, ¡y listo!</li> 1640 </ul> 1641 <p class="cla-h5 cla-text-gray-50 cla-fw-regular mt-4"> 1642 <img class="sencillito-img"src="https://cla.cdn.modyo.com/uploads/8acea84e-7a43-468d-bf86-6a5e0e4e0b75/original/Group_9.webp" alt="¡Asà de fácil es pagar tus cuentas con Tapp y Sencillito!"> 1643 </p> 1644 </div> 1645 1646 <div class="col-12 col-lg-5 mt-5 mt-lg-0"> 1647 <figure class="imgSecurity"> 1648 <img src="https://cla.cdn.modyo.com/uploads/a2ca9096-4ca5-4f5d-bd04-f3a78211535e/original/funcionalidades-2.webp" alt="Dispositivos móviles con app Tapp" width="674" height="647" class="lazyload wow fadeInUp" data-wow-offset="400" data-wow-duration="1s"> 1649 </figure> 1650 </div> 1651 </div> 1652 </div> 1653</section> 1654 1655 1656 1657<style> 1658 #funcionalidades-consejos { 1659 padding: 56px 0 100px 0; 1660 } 1661 1662 #funcionalidades-consejos h3 { 1663 font-size: 2rem; 1664 } 1665 1666 #funcionalidades-consejos ul { 1667 list-style-type: disc; 1668 } 1669 1670 #funcionalidades-consejos .imgSecurity { 1671 position: relative; 1672 display: block; 1673 margin: 0 auto; 1674 width: 100%; 1675 max-width: 360px; 1676 height: 347px; 1677 background-image: url('https://cla.cdn.modyo.com/uploads/fd193a26-62ab-4ce9-aa2c-d17dd8d58236/original/cla_shape-tertiary.svg'); 1678 background-size: contain; 1679 background-position: center center; 1680 background-repeat: no-repeat; 1681 } 1682 1683 #funcionalidades-consejos .imgSecurity img { 1684 position: relative; 1685 display: block; 1686 margin: 0 auto; 1687 width: 100%; 1688 max-width: 360px; 1689 height: auto; 1690 } 1691 1692 .sencillito-img { 1693 width: 425px; 1694 1695 } 1696 1697 @media (max-width: 768px) { 1698 .sencillito-img { 1699 width:340px !important; 1700 1701 } 1702 1703 } 1704 1705 @media screen and (min-width: 992px) { 1706 #funcionalidades-consejos .imgSecurity { 1707 margin-right: 0; 1708 height: 420px; /* Se redujo la altura */ 1709 } 1710 1711 #funcionalidades-consejos .imgSecurity, 1712 #funcionalidades-consejos .imgSecurity img { 1713 max-width: 420px; /* También se ajustó esto */ 1714 } 1715 1716 1717 } 1718</style> 1719 1720 1721<div class="modyo-widget-bip"> 1722 <div class="bip-container"> 1723 1724 <div class="bip-header"> 1725 <div class="bip-title-group"> 1726 <h1 class="bip-main-title">Paga tus viajes en Bus, Metro o Tren directamente desde tu Tapp</h1> 1727 <p class="bip-subtitle">¡Sin filas y sin tarjeta!</p> 1728 </div> 1729 <div class="bip-logos">
1730 <span class="qr-text"></span> 1731 <img src="https://cla.cdn.modyo.com/uploads/2ac8958a-f4c6-4fcc-8d17-64da9b6a9a70/original/1_1_.webp" alt="Logo oficial de tarjeta bip" class="transport-icons"> 1732 </div> 1733 </div> 1734 1735 <div class="bip-body"> 1736 <div class="bip-mockup"> 1737 <img src="https://cla.cdn.modyo.com/uploads/5726e69f-e36d-4e38-84ca-31ae7140e045/original/2_1_.webp" alt="Pantalla de la aplicación de Tapp con la funcionalidad de Bip QR, donde se muestra el saldo, el beneficio Dale QR y el botón para generar pasaje" class="img-responsive"> 1738 </div> 1739 1740 <div class="bip-details"> 1741 <h2 class="section-label">¿Cómo funciona?</h2> 1742 1743 <div class="steps-grid"> 1744 <div class="step-item"> 1745 <span class="step-circle">1</span> 1746 <div class="step-content"> 1747 <strong>Activa:</strong> 1748 <p>Entra a la sección bip! QR en tu App y vincula tu cuenta con tu RUT.</p> 1749 </div> 1750 </div> 1751 <div class="step-item"> 1752 <span class="step-circle">2</span> 1753 <div class="step-content"> 1754 <strong>Carga:</strong> 1755 <p>Carga saldo a tu cuenta bip! QR desde tu saldo en Tapp.</p> 1756 </div> 1757 </div> 1758 <div class="step-item"> 1759 <span class="step-circle">3</span> 1760 <div class="step-content"> 1761 <strong>Viaja:</strong> 1762 <p>Genera tu código QR y acércalo al lector para pagar tu viaje.</p> 1763 </div> 1764 </div> 1765 </div> 1766 1767 <div class="dale-qr-section"> 1768 <h3 class="dale-title">Acumula viajes con Dale QR!</h3> 1769 <p class="dale-text">Cada vez que pagas con tu pasaje QR en Tapp, tus viajes se acumulan. Si cumples con el monto o la meta, el resto de tus viajes del mes son a costo $0.</p> 1770 </div> 1771 </div> 1772 </div> 1773 1774 <div class="bip-footer"> 1775 <p style="color: #fff;font-size:23px !important;">Para generar tu código QR, tu cuenta bip!QR debe estar creada o vinculada y con saldo disponible.</p> 1776 </div> 1777 1778 </div> 1779</div> 1780 1781<style> 1782 .modyo-widget-bip { 1783 background: linear-gradient(180deg, #3075C5 0%, #103056 100%); 1784 color: #ffffff; 1785 padding: 40px 20px; 1786 -webkit-font-smoothing: antialiased; 1787 } 1788 1789 .bip-container { 1790 max-width: 1200px; 1791 margin: 0 auto; 1792 } 1793 1794 .bip-header { 1795 display: flex; 1796 justify-content: space-between; 1797 align-items: flex-start; 1798 margin-bottom: 30px; 1799 } 1800 1801 .bip-main-title { 1802 font-size: 32px !important; 1803 color: #fff; 1804 font-weight: 600; 1805 max-width: 600px; 1806 margin: 0 0 10px 0; 1807 line-height: 1.1; 1808 } 1809 1810 .bip-subtitle { 1811 font-size: 20px !important; 1812 color: #fff; 1813 font-weight: 400; 1814 margin: 0; 1815 } 1816 1817 .bip-logos { 1818 display: flex; 1819 align-items: center; 1820 gap: 10px; 1821 } 1822 1823 .qr-text { font-weight: bold; font-size: 22px;color: #fff;} 1824 .transport-icons { height: 35px; width: auto; } 1825 1826 .bip-body { 1827 display: flex; 1828 flex-direction: column; 1829 gap: 40px; 1830 align-items: center; 1831 } 1832 1833 .bip-mockup img { 1834 max-width: 100%; 1835 height: auto; 1836 } 1837 1838 .section-label { 1839 color: #fff; 1840 font-size: 24px !important; 1841 margin-bottom: 25px; 1842 font-weight: 600; 1843 } 1844 1845 .steps-grid { 1846 display: grid; 1847 grid-template-columns: 1fr; 1848 gap: 20px; 1849 margin-bottom: 35px; 1850 } 1851 1852 .step-item { 1853 display: flex; 1854 align-items: flex-start; 1855 gap: 12px; 1856 } 1857 1858 .step-circle { 1859 background: #d6e03d; 1860 color: #11468f; 1861 min-width: 30px; 1862 height: 30px; 1863 border-radius: 50%; 1864 display: flex; 1865 align-items: center; 1866 justify-content: center; 1867 font-weight: 800; 1868 font-size: 14px; 1869 margin-top: 4px; 1870 } 1871 1872 .step-content strong { 1873 display: block; 1874 color: #fff; 1875 font-size: 18px; 1876 margin-bottom: 4px; 1877 } 1878 1879 .step-content p { 1880 font-size: 18px; 1881 color: #fff; 1882 line-height: 1.3; 1883 margin: 0; 1884 opacity: 0.9; 1885 } 1886 1887 .dale-title { font-size: 24px !important; margin-bottom: 10px; color: #fff; } 1888 .dale-text { font-size: 18px !important; opacity: 0.9; max-width: 800px; color: #fff; } 1889 1890 .bip-footer { 1891 text-align: center; 1892 color: #fff !important; 1893 margin-top: 50px; 1894 font-size: 18px; 1895 font-weight: 500; 1896 } 1897 1898 @media (min-width: 1024px) { 1899 .bip-body { 1900 flex-direction: row; 1901 align-items: flex-start; 1902 } 1903 1904 1905 1906 .bip-mockup { 1907 flex: 0 0 350px; 1908 } 1909 1910 .bip-details { 1911 flex: 1; 1912 padding-top: 20px; 1913 } 1914 1915 .steps-grid { 1916 grid-template-columns: repeat(3, 1fr); 1917 gap: 30px; 1918 } 1919 1920 .bip-main-title { font-size: 42px; } 1921 } 1922 1923 @media (max-width:768px){ 1924 .bip-header{/*margin-top:270px;*/display:block;} 1925 .transport-icons {margin-top:12px;} 1926 } 1927</style> 1928 1929 1930<section class="widget-definition widget-texto-egg-img" id="modyo-0872bf99-5ac2-47fa-af99-1e7a7bfae8bb/5ec98290a3a99640f1b59dd6b573fd34d87e5e26b75482573d8af47a4f110c97"></section>
1931<script nonce="LPjPSt951n"> 1932 (function(){ 1933 var css_url = "https://www.tapp.cl/widget_manager/0872bf99-5ac2-47fa-af99-1e7a7bfae8bb/5ec98290a3a99640f1b59dd6b573fd34d87e5e26b75482573d8af47a4f110c97.css"; 1934 var css; 1935 css = document.createElement('link'); 1936 css.rel = 'stylesheet'; 1937 css.type = 'text/css'; 1938 css.media = "all"; 1939 css.href = css_url; 1940 document.getElementsByTagName("head")[0].appendChild(css); 1941 })(); 1942</script>
1942 1943 1944 1945 1946 1947 1948 1949 1950<section id="funcionalidades-consejos"> 1951 <div class="container"> 1952 <div class="row"> 1953 <div class="col-12"> 1954 <h2 class="cla-text-gray-50 cla-fw-extralight text-center"> 1955 Consejos de <strong>seguridad</strong> 1956 </h2> 1957 </div> 1958 </div> 1959 1960 <div class="row mt-4 mt-lg-5"> 1961 <div class="col-12 col-lg-7"> 1962 <ul class="p-0 m-0"> 1963 <li class="d-flex align-items-lg-center mb-4 mb-lg-5"> 1964 <img src="https://cla.cdn.modyo.com/uploads/3d6fa3ff-6d99-4d24-8dbc-10f7134c0294/original/ico_lock-primary-gradient.svg" alt="Ãcono de seguridad" with="48" height="48" class="lazyload w-auto me-3"> 1965 <div> 1966 <h3 class="cla-text-gray-50 cla-fw-regular"> 1967 Cuida tu información 1968 </h3> 1969 <p class="cla-h5 cla-text-gray-50 cla-fw-extralight mb-0"> 1970 Nunca solicitaremos tus datos personales o claves por teléfono, email o sms. 1971 </p> 1972 </div> 1973 </li> 1974 <li class="d-flex align-items-lg-center mb-4 mb-lg-5"> 1975 <img src="https://cla.cdn.modyo.com/uploads/7f571469-6999-4eed-90af-164b9a6f9029/original/ico_key-dark-gradient.svg" alt="Ãcono de seguridad" with="48" height="48" class="lazyload w-auto me-3"> 1976 <div> 1977 <h3 class="cla-text-gray-50 cla-fw-regular"> 1978 Recuerda 1979 </h3> 1980 <p class="cla-h5 cla-text-gray-50 cla-fw-extralight mb-0"> 1981 Tus claves son de uso personal e intransferibles. 1982 </p> 1983 </div> 1984 </li> 1985 <li class="d-flex align-items-lg-center"> 1986 <img src="https://cla.cdn.modyo.com/uploads/889d8126-10da-4215-ad23-f0d14ada4db2/original/ico_shield-secondary-gradient.svg" alt="Ãcono de seguridad" with="48" height="48" class="lazyload w-auto me-3"> 1987 <div> 1988 <h3 class="cla-text-gray-50 cla-fw-regular"> 1989 Por tu seguridad 1990 </h3> 1991 <p class="cla-h5 cla-text-gray-50 cla-fw-extralight mb-0"> 1992 Para mayor seguridad en el uso de tu cuenta Tapp, no utilices claves como fecha de nacimiento o números seguidos (1234). 1993 </p> 1994 </div> 1995 </li> 1996 </ul> 1997 </div> 1998 <div class="col-12 col-lg-5 mt-4 mt-lg-0"> 1999 <figure class="imgSecurity"> 2000 <img src="https://cla.cdn.modyo.com/uploads/0bca6f88-1da6-4022-a610-5bab3e55eb31/original/cla_cellphones-tapp-seguridad.png" alt="Dispositivos móviles con app Tapp" width="674" height="647" class="lazyload wow fadeInUp" data-wow-offset="400" data-wow-duration="1s"> 2001 </figure> 2002 </div> 2003 </div> 2004 </div> 2005</section> 2006 2007<style> 2008 #funcionalidades-consejos { 2009 padding: 56px 0 225px 0; 2010 } 2011 #funcionalidades-consejos .imgSecurity{ 2012 position: relative; 2013 display: block; 2014 margin: 0 auto; 2015 width: 100%; 2016 max-width: 360px; 2017 height: 347px; 2018 background-image: url('https://cla.cdn.modyo.com/uploads/fd193a26-62ab-4ce9-aa2c-d17dd8d58236/original/cla_shape-tertiary.svg'); 2019 background-size: contain; 2020 background-position: center center; 2021 background-repeat: no-repeat; 2022 } 2023 #funcionalidades-consejos .imgSecurity img { 2024 position: relative; 2025 display: block; 2026 margin: 0 auto; 2027 width: 100%; 2028 max-width: 360px; 2029 height: auto; 2030 } 2031 2032 @media screen and (min-width: 992px) { 2033 #funcionalidades-consejos .imgSecurity { 2034 margin-right: 0; 2035 height: 270px; 2036 } 2037 #funcionalidades-consejos .imgSecurity, 2038 #funcionalidades-consejos .imgSecurity img { 2039 max-width: 450px; 2040 } 2041 } 2042</style> 2043 2044</main> 2045
2046<script nonce="LPjPSt951n">(async function registerServiceWorker() { 2047 if('serviceWorker' in navigator) { 2048 if('false' !== 'true') { 2049 await navigator.serviceWorker.getRegistration().then((registration) => { 2050 if(!!registration) registration.unregister(); 2051 }); 2052 return; 2053 } 2054 2055 const swRegistered = await navigator.serviceWorker.getRegistration().then((registration) => !!registration); 2056 if(swRegistered) return; 2057 2058 navigator.serviceWorker.register('https://www.tapp.cl/serviceworker.js', { scope: '/'}) 2059 .catch((e) => { 2060 console.error('Error during service worker registration:', e.message); 2061 }); 2062 } else { 2063 console.warn('Service Worker is not supported'); 2064 } 2065}());</script>
2065 2066 2067 2068 2069<footer 2070 role="contentinfo" 2071 class="cla-bg-primary-90"> 2072 <div class="container"> 2073 <div class="row"> 2074 2075 <div class="order-last order-lg-first col-12 col-lg-auto mt-4 mt-lg-0 me-lg-auto"> 2076 <p class="cla-h4 cla-text-white cla-fw-regular mb-3">Descarga la App</p> 2077 <a 2078 href="https://play.google.com/store/apps/details?id=cl.tapp&hl=es_CL&gl=US" 2079 role="link" 2080 target="_blank" 2081 aria-label="Descarga Tapp en Google Play" 2082 class="d-inline-flex d-lg-table me-4 me-lg-0 mb-lg-3 app-download"> 2083 <img 2084 src="https://cla.cdn.modyo.com/uploads/862453dd-1326-41e5-925b-58df3650627c/original/download_googleplay.svg" 2085 alt="Descarga en Google Play" 2086 width="150" 2087 height="46" 2088 class="lazyload"> 2089 </a> 2090 <a 2091 href="https://apps.apple.com/cl/app/tapp-caja-los-andes/id1578548929" 2092 role="link" 2093 target="_blank" 2094 aria-label="Descarga Tapp en la App Store" 2095 class="d-inline-flex d-lg-table app-download"> 2096 <img 2097 src="https://cla.cdn.modyo.com/uploads/fc41d666-b75e-4744-b1c6-980766762abe/original/download_appstore.svg" 2098 alt="Descarga en App Store" 2099 width="150" 2100 height="46" 2101 class="lazyload"> 2102 </a> 2103 </div> 2104 2105 2106 2107 2108 <div class="col-12 col-lg-auto mb-3 mb-lg-0"> 2109 <p class="cla-h4 cla-text-white cla-fw-regular">Conoce Tapp</p> 2110 2111 2112 <a 2113 role="button" 2114 href="https://www.tapp.cl/funcionalidades" 2115 aria-label="Funcionalidades" 2116 target="_self" 2117 class="cla-text-white cla-h5 cla-fw-extralight d-table mb-2"> 2118 Funcionalidades 2119 </a> 2120 2121 <a 2122 role="button" 2123 href="https://www.tapp.cl/beneficios" 2124 aria-label="Beneficios y Descuentos" 2125 target="_self" 2126 class="cla-text-white cla-h5 cla-fw-extralight d-table mb-2"> 2127 Beneficios y Descuentos 2128 </a> 2129 2130 <a 2131 role="button" 2132 href="https://www.tapp.cl/blog" 2133 aria-label="Blog" 2134 target="_self" 2135 class="cla-text-white cla-h5 cla-fw-extralight d-table mb-2"> 2136 Blog 2137 </a> 2138 2139 <a 2140 role="button" 2141 href="https://www.tapp.cl/nuestro-sello" 2142 aria-label="Nuestro sello" 2143 target="_self" 2144 class="cla-text-white cla-h5 cla-fw-extralight d-table mb-2"> 2145 Nuestro sello 2146 </a> 2147 2148 </div> 2149 2150 2151 2152 2153 <div class="col-12 col-lg-auto mb-3 mb-lg-0"> 2154 <p class="cla-h4 cla-text-white cla-fw-regular">Ayuda</p> 2155 2156 2157 <a 2158 role="button" 2159 href="https://www.tapp.cl/ayuda" 2160 aria-label="Centro de Ayuda" 2161 target="_self" 2162 class="cla-text-white cla-h5 cla-fw-extralight d-table mb-2"> 2163 Centro de Ayuda 2164 </a> 2165 2166 </div> 2167 2168 2169 2170 2171 <div class="col-12 col-lg-auto mb-3 mb-lg-0"> 2172 <p class="cla-h4 cla-text-white cla-fw-regular">Legales</p> 2173 2174 2175 <a 2176 role="button" 2177 href="https://www.tapp.cl/linea-etica" 2178 aria-label="LÃnea ética" 2179 target="_self" 2180 class="cla-text-white cla-h5 cla-fw-extralight d-table mb-2"> 2181 LÃnea ética 2182 </a> 2183 2184 <a 2185 role="button" 2186 href="https://cla.cdn.modyo.com/uploads/80ae3e31-7b81-42b7-93c8-ab77242c502f/original/Ley_de_fraude_Primer_Semestre_2026.pdf" 2187 aria-label="Ley de fraude" 2188 target="_blank" 2189 class="cla-text-white cla-h5 cla-fw-extralight d-table mb-2"> 2190 Ley de fraude 2191 </a> 2192 2193 <a 2194 role="button" 2195 href="https://cla.cdn.modyo.com/uploads/c2bb8ba2-f285-4d09-bd4e-0de187c8d240/original/Contrato_Clientes_v21-04-2026.pdf" 2196 aria-label="Términos y condiciones" 2197 target="_self" 2198 class="cla-text-white cla-h5 cla-fw-extralight d-table mb-2"> 2199 Términos y condiciones 2200 </a> 2201 2202 <a 2203 role="button" 2204 href="https://www.tapp.cl/politica-de-privacidad" 2205 aria-label="PolÃtica de privacidad" 2206 target="_self" 2207 class="cla-text-white cla-h5 cla-fw-extralight d-table mb-2"> 2208 PolÃtica de privacidad 2209 </a> 2210 2211 <a 2212 role="button" 2213 href="https://cla.cdn.modyo.com/uploads/eaae9fab-b436-4e7f-aea0-0f8ec3b88504/original/Pol_tica_de_Privacidad_Candidatos_Tapp_v_6.pdf" 2214 aria-label="PolÃtica de Privacidad Candidatos Tapp" 2215 target="_blank" 2216 class="cla-text-white cla-h5 cla-fw-extralight d-table mb-2"> 2217 PolÃtica de Privacidad Candidatos Tapp 2218 </a> 2219 2220 <a 2221 role="button" 2222 href="https://www.tapp.cl/estados-financieros" 2223 aria-label="Estados financieros" 2224 target="_self" 2225 class="cla-text-white cla-h5 cla-fw-extralight d-table mb-2"> 2226 Estados financieros 2227 </a> 2228 2229 <a 2230 role="button" 2231 href="https://www.tapp.cl/tarifas-y-limites" 2232 aria-label="Tarifas y lÃmites" 2233 target="_self" 2234 class="cla-text-white cla-h5 cla-fw-extralight d-table mb-2"> 2235 Tarifas y lÃmites 2236 </a> 2237 2238 <a 2239 role="button" 2240 href="https://cla.cdn.modyo.com/uploads/4dfcbd27-639a-4e1e-af55-e385792c7141/original/Codigo_de_buenas_practicas.pdf" 2241 aria-label="Código de buenas prácticas" 2242 target="_blank" 2243 class="cla-text-white cla-h5 cla-fw-extralight d-table mb-2"> 2244 Código de buenas prácticas 2245 </a> 2246 2247 </div> 2248 2249 2250 2251 </div> 2252 2253 <div class="row mt-5 justify-content-lg-between"> 2254 <div class="col-12 col-lg-auto mb-4 mb-lg-0"> 2255 <a 2256 href="https://www.facebook.com/TappChile/" 2257 role="link" 2258 target="_blank" 2259 ref="noopener noreferrer" 2260 aria-label="Facebook" 2261 class="d-inline-flex me-3 rrss-link"> 2262 <img 2263 src="https://cla.cdn.modyo.com/uploads/494f4c16-a661-4b79-8e32-bcc385eb0440/original/ico_facebook--tertiary.svg" 2264 alt="Logo Facebook" 2265 width="32" 2266 height="32" 2267 class="lazyload"> 2268 </a> 2269 <a 2270 href="https://twitter.com/tapp_cl?lang=en" 2271 role="link" 2272 target="_blank" 2273 ref="noopener noreferrer" 2274 aria-label="Twitter" 2275 class="d-inline-flex me-3 rrss-link"> 2276 <img 2277 src="https://cla.cdn.modyo.com/uploads/8b725550-484b-42be-86e2-8377c863b6f8/original/ico_twitter--tertiary.svg" 2278 alt="Logo Twitter" 2279 width="32" 2280 height="32" 2281 class="lazyload"> 2282 </a> 2283 <a 2284 href="https://www.instagram.com/tappchile/" 2285 role="link" 2286 target="_blank" 2287 aria-label="Instagram" 2288 class="d-inline-flex rrss-link"> 2289 <img 2290 src="https://cla.cdn.modyo.com/uploads/543bb672-f3f1-4772-8ae5-4d8e74727c9b/original/ico_instagram--tertiary.svg" 2291 alt="Logo Instagram" 2292 width="32" 2293 height="32" 2294 class="lazyload"> 2295 </a> 2296 </div> 2297 <div class="col-12 col-lg-auto me-lg-0"> 2298 <a
2299 href="https://www.cmfchile.cl/portal/principal/613/w3-channel.html" 2300 role="link" 2301 target="_blank" 2302 ref="noopener noreferrer" 2303 aria-label="Comisión del Mercado Financiero" 2304 class="d-inline-flex me-3 logo-link"> 2305 <img 2306 src="https://cla.cdn.modyo.com/uploads/1cfe9c30-8833-4c4c-a79a-8b089a65a30a/original/logo_cmf--white.svg" 2307 alt="Comisión del Mercado Financiero" 2308 width="100%" 2309 height="30" 2310 class="lazyload"> 2311 </a> 2312 <a 2313 href="https://www.cajalosandes.cl/home_personas" 2314 role="link" 2315 target="_blank" 2316 ref="noopener noreferrer" 2317 aria-label="Caja Los Andes" 2318 class="d-inline-flex logo-link"> 2319 <img 2320 src="https://cla.cdn.modyo.com/uploads/940ad5f2-6a45-465e-9bf7-d418768134a1/original/logo_caja--white.svg" 2321 alt="Caja Los Andes" 2322 width="100%" 2323 height="30" 2324 class="lazyload"> 2325 </a> 2326 </div> 2327 <div class="col-12 mt-4 mt-lg-5"> 2328 <p class="cla-text-white cla-fw-extralight mb-0 text-lg-center"> 2329 Infórmese sobre las entidades autorizadas para emitir Tarjetas de Pago en el paÃs, quienes se encuentran inscritas en los Registros de Emisores de Tarjetas que lleva la CMF, en <a href="https://www.cmfchile.cl" target="_blank" ref="noopener noreferrer" class="cla-text-white cla-fw-bold">www.cmfchile.cl</a> 2330 </p> 2331 </div> 2332 </div> 2333 </div> 2334</footer> 2335 2336 2337
2337<script id="widget-definition-manager" url="https://www.tapp.cl" src="/assets/manager-919c043f745b15d0acb67bdc6a6c055719ae5a2b629342b7d7b99b117d99e15d.js" nonce="LPjPSt951n" wn="LPjPSt951n"></script>
2337 2338</body> 2339 2340 2341 </html> 2342
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.