PageSourceSearch

https://www.tapp.cl/funcionalidades

html tapp.cl collected 2026-10-01 16:37:40 UTC 104,071 bytes, 2,342 lines download raw bytes

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&&lt===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&&gt&&(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.