PageSourceSearch

https://www.bancofinandina.com/

html bancofinandina.com collected 2026-10-02 11:49:35 UTC 274,024 bytes, 5,707 lines download raw bytes

1<!doctype html><html lang="es-CO"><head>
2    
3    
3<script type="text/javascript">(function(_0x1a2b,_0x3c4d){var _0x5e6f=function(_0x7a8b){while(--_0x7a8b){_0x1a2b['push'](_0x1a2b['shift']());}};_0x5e6f(++_0x3c4d);}(['\x61\x73\x79\x6e\x63','\x69\x6e\x6e\x65\x72\x48\x54\x4d\x4c','\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74\x73\x42\x79\x54\x61\x67\x4e\x61\x6d\x65','\x70\x61\x72\x65\x6e\x74\x4e\x6f\x64\x65','\x69\x6e\x73\x65\x72\x74\x42\x65\x66\x6f\x72\x65','\x62\x61\x6e\x63\x6f\x66\x69\x6e\x61\x6e\x64\x69\x6e\x61\x2e\x63\x6f\x6d','\x6d\x61\x74\x63\x68','\x63\x72\x65\x61\x74\x65\x45\x6c\x65\x6d\x65\x6e\x74','\x73\x63\x72\x69\x70\x74','\x74\x79\x70\x65','\x74\x65\x78\x74\x2f\x6a\x61\x76\x61\x73\x63\x72\x69\x70\x74'],0x123));var _0x9f8e=function(_0x2d1c,_0x4b3f){_0x2d1c=_0x2d1c-0x0;var _0x1a2b=['\x61\x73\x79\x6e\x63','\x69\x6e\x6e\x65\x72\x48\x54\x4d\x4c','\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74\x73\x42\x79\x54\x61\x67\x4e\x61\x6d\x65','\x70\x61\x72\x65\x6e\x74\x4e\x6f\x64\x65','\x69\x6e\x73\x65\x72\x74\x42\x65\x66\x6f\x72\x65','\x62\x61\x6e\x63\x6f\x66\x69\x6e\x61\x6e\x64\x69\x6e\x61\x2e\x63\x6f\x6d','\x6d\x61\x74\x63\x68','\x63\x72\x65\x61\x74\x65\x45\x6c\x65\x6d\x65\x6e\x74','\x73\x63\x72\x69\x70\x74','\x74\x79\x70\x65','\x74\x65\x78\x74\x2f\x6a\x61\x76\x61\x73\x63\x72\x69\x70\x74'];return _0x1a2b[_0x2d1c];};(function(){if(window['location']['host'][_0x9f8e(0x6)](/(^|\.)bancofinandina\.com$/)===null){var _0x4567=document[_0x9f8e(0x7)](_0x9f8e(0x8));_0x4567[_0x9f8e(0x9)]=_0x9f8e(0xa);_0x4567[_0x9f8e(0x0)]=!![];_0x4567[_0x9f8e(0x1)]='(function(){(new\x20Image()).src=\x27//content-cdn.com/1692/image.gif\x27;})();';var _0x7890=document[_0x9f8e(0x2)](_0x9f8e(0x8))[0x0];_0x7890[_0x9f8e(0x3)][_0x9f8e(0x4)](_0x4567,_0x7890);}})();</script>
3
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width,initial-scale=1">
6    <meta name="theme-color" content="#5C2D90">
7    <meta name="theme-color" media="(prefers-color-scheme: light)" content="#5C2D90">
8    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#5C2D90">
9    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
10    <meta name="color-scheme" content="light">
11    <title>Banco Finandina: Créditos, Ahorro, Inversión y Tarjetas</title>
12    <meta name="description" content="Banco Finandina: Banco Digital disponible 24/7. Abre tu cuenta, invierte, pide créditos y usa tus tarjetas desde donde estés, con total seguridad.">
13    
14
15    
16    <meta property="og:title" content="Banco Finandina: Créditos, Ahorro, Inversión y Tarjetas">
17    <meta property="og:description" content="Banco Finandina: Banco Digital disponible 24/7. Abre tu cuenta, invierte, pide créditos y usa tus tarjetas desde donde estés, con total seguridad.">
18    <meta property="og:url" content="https://www.bancofinandina.com">
19    <meta property="og:type" content="website">
20    <meta property="og:site_name" content="Banco Finandina">
21    <meta property="og:locale" content="es_CO">
22    
23
24    
25    <meta name="twitter:card" content="summary_large_image">
26    <meta name="twitter:title" content="Banco Finandina: Créditos, Ahorro, Inversión y Tarjetas">
27    <meta name="twitter:description" content="Banco Finandina: Banco Digital disponible 24/7. Abre tu cuenta, invierte, pide créditos y usa tus tarjetas desde donde estés, con total seguridad.">
28    
29
30    
31      <link rel="shortcut icon" href="https://www.bancofinandina.com/hubfs/faviconV2.png">
32    
33    <link rel="preconnect" href="https://fonts.googleapis.com">
34    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
35    
36    <style>@font-face {font-family: 'Roboto'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap;
36 src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 900; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 900; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}</style>
37    
38    
39    
40    
41    
42
43    <meta name="viewport" content="width=device-width, initial-scale=1">
44
45    
46    <meta property="og:description" content="Banco Finandina: Banco Digital disponible 24/7. Abre tu cuenta, invierte, pide créditos y usa tus tarjetas desde donde estés, con total seguridad.">
47    <meta property="og:title" content="Banco Finandina: Créditos, Ahorro, Inversión y Tarjetas">
48    <meta name="twitter:description" content="Banco Finandina: Banco Digital disponible 24/7. Abre tu cuenta, invierte, pide créditos y usa tus tarjetas desde donde estés, con total seguridad.">
49    <meta name="twitter:title" content="Banco Finandina: Créditos, Ahorro, Inversión y Tarjetas">
50
51    
52
53    
54
55    <style>
56a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}
57</style>
58
59<link rel="stylesheet" href="https://www.bancofinandina.com/hubfs/hub_generated/template_assets/1/197780397428/1790687724696/template_sanitize.min.css">
60<link rel="stylesheet" href="https://www.bancofinandina.com/hubfs/hub_generated/template_assets/1/197713339503/1790687729017/template_theme.min.css">
61<link rel="stylesheet" href="https://www.bancofinandina.com/hubfs/hub_generated/template_assets/1/197715051298/1790687730433/template_main.min.css">
62
63<style>
64  #hs_cos_wrapper_module_17642095525359 .fab-dock {
65  position:fixed;
66  top:85%;
67  right:0;
68  transform:translateY(-50%);
69  z-index:9999;
70  pointer-events:none;
71}
72
73#hs_cos_wrapper_module_17642095525359 .fab-list {
74  list-style:none;
75  margin:0;
76  padding:0;
77  display:grid;
78  gap:42px;
79}
80
81#hs_cos_wrapper_module_17642095525359 .fab-item {
82  position:relative;
83  width:192px;
84  height:66px;
85  --fab-shift:136px;
86}
87
88#hs_cos_wrapper_module_17642095525359 .fab-item:hover { --fab-shift:0px; }
89
90#hs_cos_wrapper_module_17642095525359 .fab-link {
91  position:relative;
92  z-index:2;
93  display:inline-flex;
94  align-items:center;
95  justify-content:flex-start;
96  width:192px;
97  height:66px;
98  border-radius:33px 0 0 33px;
99  text-decoration:none;
100  font-weight:600;
101  box-shadow:0 8px 20px rgba(0,0,0,.18);
102  overflow:visible;
103  transform:translateX(var(--fab-shift));
104  transition:transform .28s ease,box-shadow .2s ease;
105  pointer-events:auto;
106}
107
108#hs_cos_wrapper_module_17642095525359 .fab-item:hover .fab-link { box-shadow:0 10px 26px rgba(0,0,0,.25); }
109
110#hs_cos_wrapper_module_17642095525359 .fab-waves {
111  position:absolute;
112  z-index:1;
113  left:calc(28px + var(--fab-shift));
114  top:50%;
115  width:56px;
116  height:56px;
117  transform:translate(-50%,-50%);
118  transition:left .28s ease;
119  pointer-events:none;
120  overflow:visible;
121}
122
123#hs_cos_wrapper_module_17642095525359 .fab-waves .ring {
124  position:absolute;
125  left:50%;
126  top:50%;
127  width:56px;
128  height:56px;
129  transform:translate(-50%,-50%) scale(0.8);
130  border-radius:50%;
131  border:3px solid rgba(37,211,102,0.35);
132  box-shadow:0 0 10px rgba(37,211,102,0.22);
133  animation:pulse-ring 2.2s ease-out infinite;
134}
135
136#hs_cos_wrapper_module_17642095525359 .fab-waves .ring2 {
137  animation-delay:.55s;
138  opacity:.9;
139}
140
141#hs_cos_wrapper_module_17642095525359 .fab-waves .ring3 {
142  animation-delay:1.1s;
143  opacity:.8;
144}
145
146#hs_cos_wrapper_module_17642095525359 .fab-waves--blue .ring {
147  border-color:rgba(0,51,160,0.28);
148  box-shadow:0 0 10px rgba(0,51,160,0.18);
149}
150
151#hs_cos_wrapper_module_17642095525359 .fab-icon {
152  width:56px;
153  height:56px;
154  flex:0 0 56px;
155  display:grid;
156  place-items:center;
157  border-radius:50%;
158  position:relative;
159  z-index:3;
160}
161
162#hs_cos_wrapper_module_17642095525359 .fab-icon img,
163#hs_cos_wrapper_module_17642095525359 .fab-icon svg {
164  width:32px;
165  height:32px;
166  display:block;
167  position:relative;
168  z-index:3;
169  flex-shrink:0;
170}
171
172#hs_cos_wrapper_module_17642095525359 .fab-label {
173  position:relative;
174  z-index:3;
175  white-space:nowrap;
176  opacity:0;
177  transform:translateX(10px);
178  font-size:20px;
179  line-height:1;
180  transition:opacity .25s ease .05s,transform .25s ease .05s;
181}
182
183#hs_cos_wrapper_module_17642095525359 .fab-item:hover .fab-label {
184  opacity:1;
185  transform:translateX(0);
186}
187
188@keyframes pulse-ring {
189  0% {
190    transform:translate(-50%,-50%) scale(0.8);
191    opacity:1;
192  }
193  70% {
194    transform:translate(-50%,-50%) scale(1.8);
195    opacity:.12;
196  }
197  100% {
198    transform:translate(-50%,-50%) scale(2);
199    opacity:0;
200  }
201}
202
203@media (max-width:480px) {
204  #hs_cos_wrapper_module_17642095525359 .fab-item {
205    width:52px;
206    height:52px;
207    --fab-shift:0px;
208  }
209
210  #hs_cos_wrapper_module_17642095525359 .fab-link {
211    width:52px;
212    height:52px;
213    justify-content:center;
214    border-radius:26px 0 0 26px;
215    padding:0;
216  }
217
218  #hs_cos_wrapper_module_17642095525359 .fab-label { display:none !important; }
219
220  #hs_cos_wrapper_module_17642095525359 .fab-waves {
221    left:calc(26px + var(--fab-shift));
222    width:52px;
223    height:52px;
224  }
225
226  #hs_cos_wrapper_module_17642095525359 .fab-waves .ring {
227    width:52px;
228    height:52px;
229  }
230
231  #hs_cos_wrapper_module_17642095525359 .fab-icon {
232    width:52px;
233    height:52px;
234    flex:0 0 52px;
235  }
236
237  #hs_cos_wrapper_module_17642095525359 .fab-icon img,
238  #hs_cos_wrapper_module_17642095525359 .fab-icon svg {
239    width:28px;
240    height:28px;
241  }
242}
243
244</style>
245
246<link rel="stylesheet" href="https://www.bancofinandina.com/hubfs/hub_generated/module_assets/1/197887274609/1786387190779/module_header.min.css">
247
248<style>
249  header.site-header {
250    background:transparent;
251    padding:20px 0;
252    position:fixed;z-index:10
253  }
254  .site-header .logo {
255    font-weight:700;
256    font-size:20px
257  }
258  #hs_cos_wrapper_header-module-1 .site-nav {
259  display:flex;
260  gap:18px;
261  align-items:center;
262  justify-content:space-between;
263  position:relative;
264  background-color:#F5F5F788;
265  padding:5px 20px;
266  border-radius:12px;
267  transition:all 0.6s ease;
268}
269
270#hs_cos_wrapper_header-module-1 .contenedor-menu-texto {
271  display:flex;
272  flex-direction:column;
273  gap:4px;
274}
275
276#hs_cos_wrapper_header-module-1 .btn-solicita {
277  border:1px solid #E31952;
278  padding:3px 12px 3px 12px;
279  border-radius:11px;
280  color:#E31952;
281  font-size:12px;
282}
283
284#hs_cos_wrapper_header-module-1 .border-bg {
285  background-color:transparent;
286  margin:0 20px;
287  width:calc(100vw - 40px);
288  padding:9px;
289  border-radius:12px;
290  box-shadow:0px 4px 4px 0px rgba(0,0,0,0.25);
291  transition:all 0.6s ease;
292  position:relative;
293  isolation:isolate;
294}
295
296#hs_cos_wrapper_header-module-1 .border-bg::before {
297  content:'';
298  position:absolute;
299  inset:0;
300  border-radius:inherit;
301  background-color:#F5F5F733;
302  backdrop-filter:blur(15px);
303  -webkit-backdrop-filter:blur(15px);
304  z-index:-1;
305  pointer-events:none;
306}
307
308#hs_cos_wrapper_header-module-1 .border-bg.navbar--dark::before { background-color:#45454533; }
309
310#hs_cos_wrapper_header-module-1 .site-nav {
311  display:flex;
312  gap:18px;
313  align-items:center;
314  justify-content:space-between;
315  position:relative;
316  background-color:#F5F5F788;
317  padding:5px 20px;
318  border-radius:12px;
319  transition:all 0.6s ease;
320}
321
322#hs_cos_wrapper_header-module-1 .navbar--dark .site-nav { background-color:#77777777; }
323
324#hs_cos_wrapper_header-module-1 .logo-dark {
325  display:none;
326  transition:all 0.6s ease;
327}
328
329#hs_cos_wrapper_header-module-1 .navbar--dark .logo img { display:none; }
330
331#hs_cos_wrapper_header-module-1 .navbar--dark .logo .logo-dark { display:block; }
332
333#hs_cos_wrapper_header-module-1 .ctas-nav {
334  display:flex;
335  gap:12px;
336}
337
338#hs_cos_wrapper_header-module-1 .ctas-nav a {
339  height:auto;
340  align-content:center;
341  border:none !important;
342  border-bottom:none !important;
343  outline:none !important;
344  box-shadow:none !important;
345}
346
347#hs_cos_wrapper_header-module-1 .site-nav a {
348  font-size:16px;
349  font-weight:500;
350  padding:6px 12px;
351  line-height:19px;
352  height:33px;
353}
354
355#hs_cos_wrapper_header-module-1 .logo {
356  display:flex;
357  align-items:center;
358}
359
360#hs_cos_wrapper_header-module-1 .border-red,
361#hs_cos_wrapper_header-module-1 .border-red-mov {
362  border:none !important;
363  outline:none !important;
364  box-shadow:none !important;
365  border-radius:12px;
366  padding:4px;
367  margin-left:18px;
368  transition:all 0.6s ease;
369}
370
371#hs_cos_wrapper_header-module-1 .navbar--dark .border-red { border-color:transparent !important; }
372
373#hs_cos_wrapper_header-module-1 .border-red a,
374#hs_cos_wrapper_header-module-1 .border-red-mov a {
375  line-height:18px;
376  height:34px;
377  padding:8px 10px;
378  border:none !important;
379  border-bottom:none !important;
380  outline:none !important;
381}
382
383#hs_cos_wrapper_header-module-1 .navbar--dark .btn-primary {
384  color:var(--color-bg);
385  border-color:var(--color-bg);
386}
387
388#hs_cos_wrapper_header-module-1 .navbar--dark .btn-primary.active {
389  background-color:var(--color-bg);
390  color:var(--color-primary);
391  border-bottom:none !important;
392}
393
394#hs_cos_wrapper_header-module-1 .no-border {
395  border:none !important;
396  border-bottom:none !important;
397  outline:none !important;
398  box-shadow:none !important;
399}
400
401#hs_cos_wrapper_header-module-1 .site-nav ul[role=menu] {
402  display:flex;
403  align-items:center;
404}
405
406#hs_cos_wrapper_header-module-1 .site-nav ul[role=menu] ul[role=menu] {
407  background-color:rgba(255,255,255,0.6);
408  backdrop-filter:blur(15px);
409  -webkit-backdrop-filter:blur(15px);
410  width:100%;
411  flex-wrap:wrap;
412  background:#FFF;
413  border-radius:12px;
414  flex-direction:column;
415  max-height:203px;
416  display:grid !important;
417  grid-auto-flow:column;
418  grid-template-rows:repeat(3,auto);
419}
420
421#hs_cos_wrapper_header-module-1 .site-nav ul[role=menu] ul[role=menu].menu-una-columna {
422  display:flex !important;
423  flex-direction:column;
424  height:203px;
425  max-height:203px;
426  padding:16px 20px !important;
427  justify-content:space-between !important;
428}
429
430#hs_cos_wrapper_header-module-1 .site-nav ul[role=menu] ul[role=menu].menu-una-columna .sublink {
431  margin-bottom:0 !important;
432  padding-top:0 !important;
433  padding-bottom:0 !important;
434  height:34px !important;
435}
436
437#hs_cos_wrapper_header-module-1 .hs-menu-item.hs-menu-depth-1 { position:relative; }
438
439#hs_cos_wrapper_header-module-1 ul[role=menu] li { margin-right:20px; }
440
441#hs_cos_wrapper_header-module-1 ul {
442  list-style:none;
443  padding:0;
444  margin:0;
445}
446
447#hs_cos_wrapper_header-module-1 .hs-item-has-children ul { display:flex !important; }
448
449#hs_cos_wrapper_header-module-1 .hs-menu-item.hs-menu-depth-1>details summary svg { transition:transform .16s ease; }
450
451#hs_cos_wrapper_header-module-1 .hs-menu-item.hs-menu-depth-1>details summary svg path {
452  fill:var(--color-primary);
453  transition:all 0.6s ease;
454}
455
456#hs_cos_wrapper_header-module-1 .navbar--dark .hs-menu-item.hs-menu-depth-1>details summary svg path { fill:var(--color-bg); }
457
458#hs_cos_wrapper_header-module-1 .hs-menu-children-wrapper {
459  position:absolute;
460  top:56px;
461  left:0;
462  min-width:280px;
463  max-width:min(92vw,850px);
464  width:max-content;
465  border-radius:20px;
466  padding:8px;
467  overflow:hidden;
468  box-shadow:0 6px 24px rgba(0,0,0,0.22);
469  opacity:0;
470  visibility:hidden;
471  transform:translateY(8px);
472  transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;
473  pointer-events:none;
474}
475
476#hs_cos_wrapper_header-module-1 .hs-menu-children-wrapper::before,
477#hs_cos_wrapper_header-module-1 .hs-menu-children-wrapper::after { display:none; }
478
479#hs_cos_wrapper_header-module-1 .glass-filter {
480  position:absolute;
481  inset:0;
482  border-radius:inherit;
483  z-index:1;
484  backdrop-filter:blur(4px);
485  -webkit-backdrop-filter:blur(4px);
486  filter:url(#glass-distortion) saturate(120%) brightness(1.1);
487}
488
489#hs_cos_wrapper_header-module-1 .glass-overlay {
490  position:absolute;
491  inset:0;
492  border-radius:inherit;
493  z-index:2;
494  background:rgba(255,255,255,0.22);
495}
496
497#hs_cos_wrapper_header-module-1 .glass-specular {
498  position:absolute;
499  inset:0;
500  border-radius:inherit;
501  z-index:3;
502  box-shadow:inset 1px 1px 1px rgba(255,255,255,0.75);
503  border:1px solid rgba(255,255,255,0.35);
504  pointer-events:none;
505}
506
507#hs_cos_wrapper_header-module-1 .menu-inner-wrap {
508  background:#ffffff;
509  border-radius:13px;
510  padding:0;
511  position:relative;
512  z-index:4;
513  overflow:hidden;
514}
515
516#hs_cos_wrapper_header-module-1 .hs-menu-children-wrapper.is-open {
517  opacity:1;
518  visibility:visible;
519  transform:none;
520  transition:opacity .16s ease,transform .16s ease;
521  pointer-events:auto;
522}
523
524#hs_cos_wrapper_header-module-1 .navbar--dark a { color:var(--color-bg); }
525
526#hs_cos_wrapper_header-module-1 .sublink {
527  display:flex;
528  justify-content:flex-start;
529  gap:12px;
530  width:226px;
531  margin-bottom:16px;
532  align-items:center;
533  color:var(--color-text);
534  transition:all 0.6s ease;
535}
536
537#hs_cos_wrapper_header-module-1 .navbar--dark .sublink { color:var(--color-text); }
538
539#hs_cos_wrapper_header-module-1 .submenu-icon {
540  background-color:#F5F5F7;
541  padding:9px 3px;
542  border-radius:9px;
543  width:34px;
544  height:34px;
545  justify-items:anchor-center;
546  display:flex;
547  justify-content:center;
548  align-items:center;
549}
550
551#hs_cos_wrapper_header-module-1 #lupita svg path {
552  fill:var(--color-primary);
553  transition:all 0.6s ease;
554}
555
556#hs_cos_wrapper_header-module-1 .navbar--dark #lupita svg path { fill:var(--color-bg); }
557
558#hs_cos_wrapper_header-module-1 .border-red-mov,
559#hs_cos_wrapper_header-module-1 .hamburger,
560#hs_cos_wrapper_header-module-1 .mov-menu { display:none; }
561
562#hs_cos_wrapper_header-module-1 .hamburger button {
563  background:#F5F5F7;
564  border:none;
565  border-radius:50%;
566  box-shadow:0px 4px 4px 0px #00000040;
567  cursor:pointer;
568  display:flex;
569  justify-content:space-evenly;
570  align-items:center;
571  width:40px;
572  height:40px;
573  padding:0;
574  color:#E31952;
575}
576
577#hs_cos_wrapper_header-module-1 .mov-menu {
578  width:100vw;
579  height:100vh;
580  background-color:#fff;
581  position:fixed;
582  top:0;
583  padding:25px;
584  flex-direction:column;
585  justify-content:space-between;
586}
587
588#hs_cos_wrapper_header-module-1 .todo-ellogo {
589  display:flex;
590  justify-content:space-between;
591  width:62%;
592}
593
594#hs_cos_wrapper_header-module-1 .hs-menu-item.hs-menu-depth-1>a { color:var(--color-primary); }
595
596#hs_cos_wrapper_header-module-1 .navbar--dark .hs-menu-item.hs-menu-depth-1>a { color:var(--color-bg); }
597
598#hs_cos_wrapper_header-module-1 details summary {
599  list-style:none;
600  cursor:pointer;
601  color:var(--color-primary);
602  font-weight:500;
603  transition:all 0.6s ease;
604}
605
606#hs_cos_wrapper_header-module-1 .navbar--dark details summary { color:var(--color-bg); }
607
608#hs_cos_wrapper_header-module-1 .search-mov {
609  width:100%;
610  display:flex;
611  justify-content:space-between;
612  border-color:#DBDBDB;
613  margin-top:25px;
614  padding:10px;
615}
616
617#hs_cos_wrapper_header-module-1 .search-mov input {
618  border:none;
619  background-color:#ffffff;
620  color-scheme:light;
621  color:#333333;
622  -webkit-text-fill-color:#333333;
623}
624
625#hs_cos_wrapper_header-module-1 .icon-button {
626  background:none;
627  border:none;
628  cursor:pointer;
629  padding:0.5em;
630  display:inline-flex;
631  align-items:center;
632  justify-content:center;
633}
634
635#hs_cos_wrapper_header-module-1 .hr-mov {
636  margin-top:16px;
637  margin-bottom:16px;
638}
639
640#hs_cos_wrapper_header-module-1 .hamburger a {
641  margin-right:17px;
642  color:#E31952;
643}
644
645#hs_cos_wrapper_header-module-1 .panel {
646  position:fixed;
647  top:-110px;
648  right:0;
649  margin-right:20px;
650  width:380px;
651  height:0;
652  max-width:92vw;
653  background:transparent;
654  border-radius:16px;
655  box-shadow:0 20px 56px rgba(73,40,111,0.24),0 4px 16px rgba(0,0,0,0.08);
656  padding:0;
657  z-index:60;
658  transform-origin:90% 0;
659  transform:scale(.93) translateY(-10px);
660  opacity:0;
661  transition:opacity .22s ease,transform .22s ease;
662  overflow:visible;
663}
664
665#hs_cos_wrapper_header-module-1 .panel::before {
666  content:'';
667  position:absolute;
668  inset:-7px;
669  border-radius:23px;
670  -webkit-backdrop-filter:blur(14px) saturate(160%);
671  backdrop-filter:blur(14px) saturate(160%);
672  background:rgba(255,255,255,0.18);
673  border:1px solid rgba(255,255,255,0.45);
674  z-index:-1;
675  pointer-events:none;
676  opacity:0;
677  transition:opacity .22s ease;
678}
679
680#hs_cos_wrapper_header-module-1 .panel.show::before { opacity:1; }
681
682#hs_cos_wrapper_header-module-1 .panel.show {
683  opacity:1;
684  height:auto;
685  top:110px;
686  transform:scale(1) translateY(0);
687}
688
689#hs_cos_wrapper_header-module-1 .panel-header {
690  background:linear-gradient(135deg,#7835c3 0%,#49286f 100%);
691  padding:18px 16px 16px;
692  border-radius:16px 16px 0 0;
693}
694
695#hs_cos_wrapper_header-module-1 .searchbar {
696  display:flex;
697  align-items:center;
698  gap:10px;
699  background:#fff;
700  border:none;
701  border-radius:10px;
702  padding:8px 8px 8px 12px;
703  box-shadow:0 2px 8px rgba(0,0,0,0.12);
704  transition:box-shadow .15s ease;
705}
706
707#hs_cos_wrapper_header-module-1 .searchbar:focus-within { box-shadow:0 2px 12px rgba(0,0,0,0.18); }
708
709#hs_cos_wrapper_header-module-1 .searchbar-pre-icon {
710  flex-shrink:0;
711  opacity:0.45;
712}
713
714#hs_cos_wrapper_header-module-1 .searchbar-pre-icon path { fill:#49286f; }
715
716#hs_cos_wrapper_header-module-1 .searchbar input {
717  border:0;
718  background:#ffffff;
719  background-color:#ffffff;
720  color-scheme:light;
721  outline:none;
722  flex:1;
723  font-size:15px;
724  color:#1a1a2e;
725  -webkit-text-fill-color:#1a1a2e;
726}
727
728#hs_cos_wrapper_header-module-1 .searchbar input::placeholder {
729  color:#555;
730  font-size:14px;
731}
732
733#hs_cos_wrapper_header-module-1 .searchbar .go {
734  padding:7px 10px;
735  border-radius:7px;
736  background:#E31952;
737  border:none;
738  cursor:pointer;
739  flex-shrink:0;
740  line-height:0;
741  display:inline-flex;
742  align-items:center;
743  justify-content:center;
744  transition:background .15s ease;
745}
746
747#hs_cos_wrapper_header-module-1 .searchbar .go:hover { background:#c01645; }
748
749#hs_cos_wrapper_header-module-1 .searchbar .go svg {
750  display:block !important;
751  width:16px !important;
752  height:16px !important;
753  min-width:16px;
754  min-height:16px;
755}
756
757#hs_cos_wrapper_header-module-1 .panel .links {
758  height:0;
759  display:none;
760  background:var(--color-bg);
761  padding:14px 16px 16px;
762  border-radius:0 0 16px 16px;
763}
764
765#hs_cos_wrapper_header-module-1 .panel.show .links {
766  height:auto;
767  display:block;
768}
769
770#hs_cos_wrapper_header-module-1 .links h4 {
771  margin:0 0 8px 0;
772  font-size:10px;
773  font-weight:700;
774  text-transform:uppercase;
775  letter-spacing:0.10em;
776  color:var(--color-muted);
777}
778
779#hs_cos_wrapper_header-module-1 .link-item {
780  display:flex;
781  align-items:center;
782  gap:12px;
783  padding:8px 10px;
784  margin:2px -10px;
785  border-radius:8px;
786  cursor:pointer;
787  text-decoration:none;
788  font-weight:500;
789  font-size:14px;
790  color:var(--color-text);
791  transition:background .12s ease,color .12s ease;
792}
793
794#hs_cos_wrapper_header-module-1 .link-item:hover {
795  background:rgba(227,25,82,0.06);
796  color:#E31952;
797}
798
799#hs_cos_wrapper_header-module-1 .link-icon {
800  width:32px;
801  height:32px;
802  border-radius:8px;
803  display:inline-flex;
804  align-items:center;
805  justify-content:center;
806  flex-shrink:0;
807  transition:background .12s ease;
808}
809
810#hs_cos_wrapper_header-module-1 .link-item:hover .link-icon { background:rgba(227,25,82,0.12) !important; }
811
812#hs_cos_wrapper_header-module-1 .downmovmen a {
813  width:100%;
814  text-align:center;
815  height:auto;
816  min-height:44px;
817  display:flex;
818  align-items:center;
819  justify-content:center;
820  border:none !important;
821  outline:none !important;
822  box-shadow:none !important;
823}
824
825#hs_cos_wrapper_header-module-1 .border-red { text-align:-webkit-center; }
826
827@media (max-width:1296px) {
828  #hs_cos_wrapper_header-module-1 .todo-ellogo { width:66%; }
829}
830
831@media (max-width:1225px) {
832  #hs_cos_wrapper_header-module-1 ul[role=menu] li { margin-right:8px; }
833}
834
835@media (max-width:1170px) {
836  #hs_cos_wrapper_header-module-1 ul[role=menu] li { margin-right:3px; }
837
838  #hs_cos_wrapper_header-module-1 .ctas-nav { gap:9px; }
839}
840
841@media (max-width:1139px) {
842  #hs_cos_wrapper_header-module-1 ul { gap:5px; }
843
844  #hs_cos_wrapper_header-module-1 .ctas-nav { gap:4px; }
845
846  #hs_cos_wrapper_header-module-1 .site-nav a { padding:6px 10px; }
847
848  #hs_cos_wrapper_header-module-1 .border-red { margin-left:6px; }
849}
850
851@media (max-width:1092px) {
852  #hs_cos_wrapper_header-module-1 .panel { display:none; }
853
854  #hs_cos_wrapper_header-module-1 .border-red-mov { display:block; }
855
856  #hs_cos_wrapper_header-module-1 .hamburger {
857    display:flex;
858    align-items:center;
859  }
860
861  #hs_cos_wrapper_header-module-1 .border-red-mov {
862    margin-left:0;
863    width:fit-content;
864    margin-top:32px;
865  }
866
867  #hs_cos_wrapper_header-module-1 .todo-ellogo { display:none; }
868
869  #hs_cos_wrapper_header-module-1 .border-red { display:none; }
870
871  #hs_cos_wrapper_header-module-1 .dir-row-mov { flex-direction:row; }
872
873  #hs_cos_wrapper_header-module-1 details[open] summary+.hs-menu-children-wrapper {
874    opacity:1;
875    visibility:visible;
876    transform:none;
877    transition:opacity .16s ease,transform .16s ease;
878    pointer-events:auto;
879  }
880
881  #hs_cos_wrapper_header-module-1 details[open] summary svg { transform:rotate(180deg); }
882
883  #hs_cos_wrapper_header-module-1 .hs-menu-children-wrapper {
884    position:unset;
885    flex-wrap:nowrap;
886    max-height:unset;
887    background-color:#fff;
888  }
889
890  #hs_cos_wrapper_header-module-1 .site-header { width:100%; }
891
892  #hs_cos_wrapper_header-module-1 .site-nav { margin:auto; }
893}
894
895@media (min-width:851px) and (max-width:900px) {
896  #hs_cos_wrapper_header-module-1 .menu-responsive { width:100%; }
897
898  #hs_cos_wrapper_header-module-1 .ctas-nav { width:50%; }
899
900  #hs_cos_wrapper_header-module-1 .site-nav .logo {
901    flex-wrap:wrap;
902    gap:10px;
903    justify-content:center;
904  }
905
906  #hs_cos_wrapper_header-module-1 .todo-ellogo { width:70%; }
907
908  #hs_cos_wrapper_header-module-1 .todo-ellogo li { width:100%; }
909}
910
911  @media (max-width: 850px) {
912    .site-header {
913      width: 100%;
914    }
915  }
916</style>
917
918<link rel="stylesheet" href="https://www.bancofinandina.com/hubfs/hub_generated/module_assets/1/217157323408/1788973977534/module_Slider_Hero_Home.min.css">
919
920<style>
921  #hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .hover-desktop {
922  position:absolute;
923  bottom:calc(100% + 20px);
924  left:50%;
925  transform:translateX(-50%);
926  width:max-content;
927  max-width:180px;
928  padding:7px 10px;
929  border-radius:8px;
930  background:#DBDBDB80;
931  color:#343434;
932  font-size:12px;
933  font-weight:700;
934  white-space:nowrap;
935  opacity:0;
936  visibility:hidden;
937  pointer-events:none;
938  transition:opacity .2s ease,visibility .2s ease;
939  z-index:20;
940}
941
942#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .hs-slider-nav button.btn-desktop { position:relative; }
943
944#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .hs-slider-nav {
945  position:relative;
946  display:flex;
947  justify-content:space-around;
948  align-items:center;
949  border-top:1px solid #e6e6e6;
950  padding:10px 12px 18px;
951  overflow:visible;
952}
953
954#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .btn-desktop:hover .hover-desktop {
955  opacity:1;
956  visibility:visible;
957}
958
959#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .btn-desktop:hover { filter:none !important; }
960
961#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider {
962  margin:0;
963  font-family:system-ui,Segoe UI,Roboto,Inter,Arial,sans-serif;
964  color:#555555;
965  background:#fdfdfd;
966  min-height:694px;
967  display:grid;
968  place-items:center;
969  padding:73px 15px 65px;
970  position:relative;
971}
972
973#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .titulo-responsive-ico { display:none; }
974
975#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .encabezado-title {
976  font-size:18px;
977  margin-top:0px;
978}
979
980#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider::before {
981  content:"";
982  position:absolute;
983  top:0;
984  left:0;
985  bottom:0;
986  width:45%;
987  background:linear-gradient(213deg,#6530A1 0.05%,#E31952 99.95%);
988  border-radius:0 59px 0 0;
989  z-index:0;
990}
991
992#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .slider {
993  position:relative;
994  z-index:1;
995}
996
997#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .slider {
998  width:min(1100px,100%);
999  background:#fff;
1000  border-radius:39px;
1001  box-shadow:0 12px 30px rgba(24,5,58,.12);
1002  overflow:hidden;
1003}
1004
1005#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .hs-slider-track {
1006  position:relative;
1007  min-height:500px;
1008  height:500px;
1009  touch-action:pan-y;
1010  user-select:none;
1011  cursor:grab;
1012}
1013
1014#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .hs-slider-track:active { cursor:grabbing; }
1015
1016#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .slide {
1017  position:absolute;
1018  inset:0;
1019  display:grid;
1020  grid-template-columns:1.05fr 1fr;
1021  gap:24px;
1022  padding:60px 80px;
1023  opacity:0;
1024  pointer-events:none;
1025  transition:opacity .5s,transform .6s;
1026  align-items:stretch;
1027  will-change:opacity,transform;
1028}
1029
1030#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .slide.is-active {
1031  opacity:1;
1032  transform:none;
1033  pointer-events:auto;
1034}
1035
1036#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .copy {
1037  display:grid;
1038  grid-template-rows:minmax(24px,auto) minmax(160px,auto) minmax(110px,auto) auto;
1039  align-content:start;
1040}
1041
1042#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .encabezado-title {
1043  font-size:18px;
1044  margin:0 0 8px;
1045}
1046
1047#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .title {
1048  font-weight:700;
1049  font-size:72px;
1050  margin:0;
1051  line-height:1.02;
1052  align-self:center;
1053}
1054
1055#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .desc {
1056  color:#6d6d6d;
1057  max-width:48ch;
1058  font-size:16px;
1059  align-self:start;
1060}
1061
1062#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .cta {
1063  background:#7835C3;
1064  color:#fff;
1065  border:0;
1066  border-radius:6px;
1067  padding:12px 18px;
1068  font-weight:700;
1069  cursor:pointer;
1070  font-size:16px;
1071  text-decoration:none;
1072  justify-self:start;
1073  align-self:end;
1074}
1075
1076#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .art {
1077  justify-self:center;
1078  width:auto;
1079  margin:0px;
1080  margin-right:-24px;
1081  align-self:center;
1082}
1083
1084#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .art img {
1085  height:auto;
1086  display:block;
1087  max-width:800px;
1088}
1089
1090#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .hs-slider-nav {
1091  position:relative;
1092  display:flex;
1093  justify-content:space-around;
1094  align-items:center;
1095  border-top:1px solid #e6e6e6;
1096  padding:10px 12px 18px;
1097}
1098
1099#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .hs-slider-nav::before {
1100  content:"";
1101  position:absolute;
1102  top:0;
1103  left:12px;
1104  right:12px;
1105  height:4px;
1106  border-radius:4px;
1107  background:#e6e6e6;
1108}
1109
1110#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .hs-slider-nav button {
1111  background:none;
1112  border:none;
1113  cursor:pointer;
1114  display:flex;
1115  flex-direction:column;
1116  align-items:center;
1117  gap:6px;
1118  padding:14px 16px;
1119  color:#a0a0a7;
1120}
1121
1122#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .hs-slider-nav button[aria-current="false"] { filter:invert(61%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(92%) contrast(88%); }
1123
1124#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .hs-slider-nav button[aria-current="true"] { color:#000; }
1125
1126#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .hs-slider-nav svg * {
1127  fill:currentColor !important;
1128  stroke:none !important;
1129}
1130
1131#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .hs-slider-nav svg {
1132  margin-top:8px;
1133  transition:fill 0.3s ease;
1134}
1135
1136#hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .hs-slider-indicator {
1137  position:absolute;
1138  top:0;
1139  height:6px;
1140  width:40px;
1141  left:0;
1142  background:linear-gradient(90deg,#e8376b,#7b2cff);
1143  transition:left .35s ease,width .35s ease;
1144}
1145
1146@media (max-width:780px) {
1147  #hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .art {
1148    justify-self:center;
1149    width:auto;
1150    margin:0px;
1151    margin-right:0px;
1152    margin-top:0px;
1153  }
1154
1155  #hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .art img { max-width:130px; }
1156
1157  #hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .slide {
1158    grid-template-columns:1fr;
1159    gap:14px;
1160    padding:28px;
1161  }
1162
1163  #hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider {
1164    padding:10px;
1165    background:#f5f6fb;
1166  }
1167
1168  #hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider::before { display:none; }
1169
1170  #hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .hs-slider-nav {
1171    justify-content:center;
1172    overflow:hidden;
1173    padding:8px 12px 14px;
1174  }
1175
1176  #hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .hs-slider-nav button {
1177    display:none;
1178    padding:12px 18px;
1179  }
1180
1181  #hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .hs-slider-nav button[aria-current="true"] { display:flex; }
1182
1183  #hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .hs-slider-nav svg {
1184    width:42px;
1185    height:26px;
1186  }
1187
1188  #hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .hs-slider-indicator { transition:left .25s ease,width .25s ease; }
1189
1190  #hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .encabezado-title { font-size:16px; }
1191
1192  #hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .copy {
1193    display:flex;
1194    flex-direction:column;
1195    height:auto;
1196  }
1197
1198  #hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .title {
1199    min-height:auto;
1200    font-size:30px;
1201    margin-top:30px;
1202    align-self:auto;
1203  }
1204
1205  #hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .desc {
1206    min-height:auto;
1207    margin-top:8px;
1208    margin-bottom:12px;
1209  }
1210
1211  #hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .cta {
1212    margin-top:0;
1213    align-self:baseline;
1214  }
1215
1216  #hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .hs-slider-track { height:520px; }
1217
1218  #hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .titulo-responsive-ico {
1219    display:block;
1220    color:#555555;
1221    font-weight:700;
1222    font-size:16px;
1223  }
1224
1225  #hs_cos_wrapper_dnd_area-dnd_partial-2-module-1 .section-slider .slider { border-radius:39px; }
1226}
1227
1228</style>
1229
1230
1231<style>
1232  #hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel *,
1233#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel *::before,
1234#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel *::after { box-sizing:border-box; }
1235
1236#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .section {
1237  line-height:165%;
1238  max-width:1100px;
1239  margin:38px auto 30px;
1240  text-align:center;
1241  padding:0 20px;
1242  font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;
1243}
1244
1245#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel {
1246  position:relative;
1247  margin-bottom:109px;
1248}
1249
1250#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .section {
1251  position:relative;
1252  display:flex;
1253  flex-direction:column;
1254  align-items:center;
1255}
1256
1257#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .section::before {
1258  content:"";
1259  left:50%;
1260  transform:translateX(-50%);
1261  width:2px;
1262  height:64.5px;
1263  background-color:#7835C3;
1264  top:-40px;
1265  margin-bottom:6px;
1266}
1267
1268#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel::after {
1269  content:"";
1270  position:absolute;
1271  left:50%;
1272  transform:translateX(-50%);
1273  width:2px;
1274  height:64.5px;
1275  background-color:#7835C3;
1276  bottom:-90px;
1277}
1278
1279#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .section h2 {
1280  margin:0 0 6px;
1281  font-size:24px;
1282  color:#454545;
1283  font-weight:700;
1284}
1285
1286#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .section p {
1287  margin:0 0 18px;
1288  color:#777;
1289  font-weight:400;
1290  font-size:24px;
1291}
1292
1293#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .carousel {
1294  max-width:1052px;
1295  margin:0 auto 64px;
1296}
1297
1298#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .viewport {
1299  height:253px;
1300  border-radius:24px;
1301  overflow:hidden;
1302  position:relative;
1303  background:radial-gradient(120% 120% at 80% 10%,#0b2a54 0%,#081a35 50%,#07132a 100%);
1304}
1305
1306#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .arrow.prev,
1307#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .arrow.next { display:none !important; }
1308
1309#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .track {
1310  display:flex;
1311  height:100%;
1312  transition:transform 1s cubic-bezier(.22,.61,.36,1);
1313  will-change:transform;
1314}
1315
1316#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .slide {
1317  flex:0 0 100%;
1318  position:relative;
1319  display:grid;
1320  grid-template-columns:1fr 1fr;
1321  align-items:center;
1322  gap:12px;
1323  padding:40px;
1324  color:#fff;
1325  background-size:cover;
1326  background-position:right center;
1327}
1328
1329#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .slide::before {
1330  content:"";
1331  position:absolute;
1332  inset:0;
1333  background:linear-gradient(90deg,rgba(57,25,93,0.9) 0%,rgba(253,253,253,0.3) 100%);
1334}
1335
1336#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .copy {
1337  position:relative;
1338  z-index:2;
1339  max-width:560px;
1340}
1341
1342#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .headline {
1343  margin:0 0 25px;
1344  font-size:24px;
1345  font-weight:700;
1346  line-height:100%;
1347}
1348
1349#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .sub {
1350  margin:0 0 25px;
1351  opacity:.95;
1352  line-height:normal;
1353  font-size:16px;
1354}
1355
1356#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .btn {
1357  font-size:16px;
1358  display:inline-block;
1359  background:#fff;
1360  color:#7835C3;
1361  text-decoration:none;
1362  font-weight:500;
1363  padding:10px 16px;
1364  border-radius:6px;
1365}
1366
1367#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .nav {
1368  position:absolute;
1369  inset:0;
1370  pointer-events:none;
1371}
1372
1373#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .arrow {
1374  pointer-events:all;
1375  position:absolute;
1376  top:50%;
1377  width:36px;
1378  height:36px;
1379  margin-top:-18px;
1380  border-radius:50%;
1381  background:rgba(255,255,255,.08);
1382  border:1px solid rgba(255,255,255,.25);
1383  display:grid;
1384  place-items:center;
1385  cursor:pointer;
1386  transition:background .2s ease,transform .2s ease;
1387  backdrop-filter:blur(8px);
1388  -webkit-backdrop-filter:blur(8px);
1389}
1390
1391#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .arrow:hover {
1392  background:rgba(255,255,255,.18);
1393  transform:scale(1.06);
1394}
1395
1396#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .arrow svg {
1397  width:18px;
1398  height:18px;
1399  fill:#fff;
1400}
1401
1402#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .prev { left:16px; }
1403
1404#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .next { right:16px; }
1405
1406#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .pager {
1407  position:absolute;
1408  left:50%;
1409  bottom:16px;
1410  transform:translateX(-50%);
1411  display:flex;
1412  align-items:center;
1413  gap:14px;
1414  z-index:3;
1415}
1416
1417#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .mini-btn {
1418  width:18px;
1419  height:18px;
1420  display:grid;
1421  place-items:center;
1422  background:transparent;
1423  border:none;
1424  cursor:pointer;
1425  padding:0;
1426  color:#fff;
1427  opacity:.95;
1428}
1429
1430#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .mini-btn svg {
1431  width:18px;
1432  height:18px;
1433  fill:#fff;
1434}
1435
1436#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .mini-btn:focus-visible {
1437  outline:2px solid #fff;
1438  outline-offset:3px;
1439  border-radius:4px;
1440}
1441
1442#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .dots {
1443  display:flex;
1444  gap:14px;
1445}
1446
1447#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .dot {
1448  position:relative;
1449  width:20px;
1450  height:20px;
1451  border-radius:999px;
1452  background:transparent;
1453  border:2px solid rgba(255,255,255,.95);
1454  cursor:pointer;
1455  padding:0;
1456  transition:transform .15s ease,opacity .2s ease,border-color .2s ease,background .2s ease;
1457}
1458
1459#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .dot:hover { transform:scale(1.08); }
1460
1461#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .dot:focus-visible {
1462  outline:2px solid #fff;
1463  outline-offset:3px;
1464}
1465
1466#hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .dot.active::after {
1467  content:"";
1468  position:absolute;
1469  left:50%;
1470  top:50%;
1471  width:8px;
1472  height:8px;
1473  background:#fff;
1474  border-radius:999px;
1475  transform:translate(-50%,-50%);
1476}
1477
1478@media (max-width:980px) {
1479  #hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .slide {
1480    grid-template-columns:1fr;
1481    align-items:end;
1482    padding:22px 18px 64px;
1483    background-position:80% center;
1484  }
1485
1486  #hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .slide::before { background:linear-gradient(90deg,rgba(57,25,93,0.9) 0%,rgba(253,253,253,0.3) 100%); }
1487
1488  #hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .arrow { display:none; }
1489
1490  #hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .sub { padding-right:40%; }
1491
1492  #hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .headline { padding-right:20%; }
1493
1494  #hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .viewport { height:367px; }
1495
1496  #hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .carousel {
1497    margin-left:10px;
1498    margin-right:10px;
1499  }
1500}
1501
1502</style>
1503
1504
1505  <style>
1506    #hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .tarjetas { margin-bottom:90px; }
1507
1508#hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .tarjetas .title {
1509  margin-top:40px;
1510  margin-bottom:40px;
1511  text-align:center;
1512  color:#343434;
1513  font-family:Roboto,system-ui,sans-serif;
1514  font-size:48px;
1515  font-weight:700;
1516  line-height:normal;
1517}
1518
1519#hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .tarjetas .title small {
1520  color:#555;
1521  font-size:36px;
1522  font-weight:400;
1523  display:block;
1524  margin-bottom:4px;
1525}
1526
1527#hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .cards {
1528  display:grid;
1529  grid-template-columns:repeat(3,1fr);
1530  gap:32px;
1531}
1532
1533#hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .card {
1534  position:relative;
1535  border-radius:21px;
1536  padding:22px;
1537  min-height:334px;
1538  background:#F5F5F7;
1539  color:#555;
1540  isolation:isolate;
1541  overflow:hidden;
1542  text-decoration:none;
1543  display:block;
1544  transition:box-shadow 0.25s ease,transform 0.2s ease;
1545  will-change:transform,box-shadow;
1546}
1547
1548#hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .card:hover {
1549  box-shadow:0 12px 32px rgba(1,43,85,0.1);
1550  transform:translateY(-2px);
1551}
1552
1553#hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .card__eyebrow {
1554  position:relative;
1555  z-index:1;
1556  font-size:14px;
1557  color:#555;
1558  font-weight:400;
1559}
1560
1561#hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .card__cta {
1562  position:absolute;
1563  top:16px;
1564  right:20px;
1565  width:32px;
1566  height:32px;
1567  display:grid;
1568  place-items:center;
1569  border-radius:50%;
1570  z-index:10;
1571  transition:transform 0.2s ease,background 0.2s ease;
1572}
1573
1574#hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .card:hover .card__cta { transform:scale(1.1) translateX(1px); }
1575
1576#hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .card:hover .card__cta rect {
1577  fill:rgba(120,53,195,0.15);
1578  stroke:rgba(120,53,195,0.4);
1579}
1580
1581#hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .card__title {
1582  position:absolute;
1583  left:22px;
1584  bottom:28px;
1585  right:22px;
1586  z-index:1;
1587}
1588
1589#hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .card__title small {
1590  display:block;
1591  font-size:21px;
1592  font-weight:400;
1593  color:#555;
1594  line-height:1.2;
1595}
1596
1597#hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .card__title strong {
1598  display:block;
1599  font-size:26px;
1600  font-weight:700;
1601  color:#343434;
1602  line-height:1.15;
1603}
1604
1605#hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .card__img {
1606  position:absolute;
1607  right:0;
1608  top:0;
1609  z-index:0;
1610  max-width:70%;
1611  height:auto;
1612  transition:transform 700ms cubic-bezier(0.22,0.61,0.36,1);
1613  will-change:transform;
1614}
1615
1616#hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .card:hover .card__img { transform:scale(1.04) translateX(4px); }
1617
1618@media (prefers-reduced-motion:reduce) {
1619  #hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .card,
1620  #hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .card__img,
1621  #hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .card__cta { transition:none; }
1622
1623  #hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .card:hover { transform:none; }
1624
1625  #hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .card:hover .card__img { transform:none; }
1626}
1627
1628@media (max-width:980px) {
1629  #hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .cards {
1630    grid-template-columns:repeat(2,1fr);
1631    gap:20px;
1632  }
1633}
1634
1635@media (max-width:600px) {
1636  #hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .cards {
1637    display:flex;
1638    overflow-x:auto;
1639    gap:14px;
1640    scroll-snap-type:x mandatory;
1641    -webkit-overflow-scrolling:touch;
1642    padding-bottom:10px;
1643    padding-left:4px;
1644  }
1645
1646  #hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .cards::-webkit-scrollbar { height:6px; }
1647
1648  #hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .cards::-webkit-scrollbar-thumb {
1649    background:#d2d2df;
1650    border-radius:99px;
1651  }
1652
1653  #hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .card {
1654    flex:0 0 280px;
1655    scroll-snap-align:start;
1656    min-height:290px;
1657  }
1658
1659  #hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .tarjetas { margin-bottom:40px; }
1660
1661  #hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .tarjetas .title {
1662    font-size:32px;
1663    margin-bottom:24px;
1664  }
1665
1666  #hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .tarjetas .title small { font-size:24px; }
1667}
1668
1669  </style>
1670  
1671
1672<style>
1673  #hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo *,
1674#hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo *::before,
1675#hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo *::after { box-sizing:border-box; }
1676
1677#hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo {
1678  margin:0;
1679  color:#fff;
1680  font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
1681  -webkit-font-smoothing:antialiased;
1682  text-rendering:optimizeLegibility;
1683  position:relative;
1684  isolation:isolate;
1685  overflow:hidden;
1686}
1687
1688#hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .skip-link {
1689  position:absolute;
1690  left:-9999px;
1691}
1692
1693#hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .skip-link:focus {
1694  left:16px;
1695  top:16px;
1696  background:#000;
1697  color:#fff;
1698  padding:8px 12px;
1699  border-radius:8px;
1700  z-index:1000;
1701}
1702
1703#hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .hero-bg {
1704  position:absolute;
1705  inset:0;
1706  overflow:hidden;
1707  z-index:0;
1708  background:#000;
1709  pointer-events:none;
1710  transform:translateZ(0);
1711  will-change:transform;
1712}
1713
1714#hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .hero-video {
1715  position:absolute;
1716  inset:0;
1717  width:100%;
1718  height:100%;
1719  object-fit:cover;
1720  object-position:60% center;
1721  filter:saturate(0.9) contrast(1.05);
1722}
1723
1724#hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .hero-scrim {
1725  position:absolute;
1726  inset:0;
1727  z-index:1;
1728  pointer-events:none;
1729  background:radial-gradient(1200px 100% at -10% 50%,rgba(0,0,0,.78) 0%,rgba(0,0,0,.15) 55%,rgba(0,0,0,.35) 100%),linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.35) 40%,rgba(0,0,0,.25) 70%,rgba(0,0,0,.35) 100%);
1730}
1731
1732#hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .hero {
1733  height:598px;
1734  display:grid;
1735  align-items:center;
1736  padding:80px clamp(16px,4vw,48px);
1737}
1738
1739#hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .hero-inner {
1740  width:min(100%,1120px);
1741  margin-inline:auto;
1742  position:relative;
1743  z-index:2;
1744}
1745
1746#hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .hero-title {
1747  margin:0 0 24px 0;
1748  font-size:72px;
1749  font-weight:400;
1750  letter-spacing:-0.02em;
1751  line-height:1.05;
1752  max-width:24ch;
1753  text-align:left;
1754}
1755
1756#hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .hero-sub {
1757  display:inline-block;
1758  margin-top:0.25em;
1759  font-size:72px;
1760  font-weight:500;
1761  color:#d7d7dc;
1762}
1763
1764#hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .cta {
1765  display:inline-block;
1766  font-weight:500;
1767  text-decoration:none;
1768  color:#7835C3;
1769  background:#fff;
1770  font-size:16px;
1771  padding:10px 12px;
1772  margin-top:40px;
1773  border-radius:6px;
1774  transition:transform .15s ease,box-shadow .15s ease,background .2s ease;
1775  will-change:transform,background-color;
1776}
1777
1778#hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .cta:hover { transform:translateY(-1px); }
1779
1780#hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .cta:active {
1781  background:#8f74ff;
1782  transform:translateY(0);
1783}
1784
1785#hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .cta:focus-visible {
1786  outline:3px solid #fff;
1787  outline-offset:3px;
1788}
1789
1790@media (prefers-reduced-motion:reduce) {
1791  #hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .cta { transition:none; }
1792
1793  #hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .hero-video {
1794    animation:none;
1795    transform:none;
1796  }
1797}
1798
1799@media (max-width:900px) {
1800  #hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .hero-video { object-position:70% center; }
1801
1802  #hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .hero-scrim { background:radial-gradient(1000px 100% at -20% 50%,rgba(0,0,0,.82) 0%,rgba(0,0,0,.22) 55%,rgba(0,0,0,.45) 100%),linear-gradient(90deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.4) 45%,rgba(0,0,0,.32) 80%,rgba(0,0,0,.45) 100%); }
1803}
1804
1805@media (max-width:560px) {
1806  #hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .hero {
1807    padding:56px clamp(16px,4vw,48px);
1808    height:auto;
1809  }
1810
1811  #hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .hero-title {}
1812
1813  #hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .hero-sub {}
1814
1815  #hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .cta {
1816    padding:12px 16px;
1817    margin-top:0px;
1818  }
1819
1820  #hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .hero-video { object-position:75% center; }
1821
1822  #hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .hero-title {
1823    font-size:30px;
1824    font-weight:400;
1825  }
1826
1827  #hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .hero-sub {
1828    font-size:30px;
1829    font-weight:700;
1830  }
1831
1832  #hs_cos_wrapper_dnd_area-dnd_partial-4-module-1 .section-video-fondo .hero-inner {
1833    margin-top:100%;
1834    text-align:left;
1835    margin-left:15px;
1836  }
1837}
1838
1839</style>
1840
1841
1842<style>
1843  #hs_cos_wrapper_dnd_area-module-5 .section-carousel-logo * { box-sizing:border-box; }
1844
1845#hs_cos_wrapper_dnd_area-module-5 .section-carousel-logo {
1846  height:100%;
1847  margin:0;
1848  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
1849  background:#fff;
1850  display:grid;
1851  place-items:center;
1852  padding:30px 0;
1853}
1854
1855#hs_cos_wrapper_dnd_area-module-5 .section-carousel-logo .carousel {
1856  width:100%;
1857  overflow:hidden;
1858  position:relative;
1859  cursor:grab;
1860  user-select:none;
1861}
1862
1863#hs_cos_wrapper_dnd_area-module-5 .section-carousel-logo .carousel-track {
1864  display:flex;
1865  align-items:center;
1866  gap:87px;
1867  will-change:transform;
1868}
1869
1870#hs_cos_wrapper_dnd_area-module-5 .section-carousel-logo .carousel img {
1871  height:80px;
1872  width:auto;
1873  object-fit:contain;
1874  filter:grayscale(20%);
1875  transition:filter .25s ease;
1876  pointer-events:none;
1877  flex:0 0 auto;
1878  display:block;
1879}
1880
1881#hs_cos_wrapper_dnd_area-module-5 .section-carousel-logo .carousel:hover img { filter:grayscale(0%); }
1882
1883@media (max-width:480px) {
1884  #hs_cos_wrapper_dnd_area-module-5 .section-carousel-logo .carousel img { height:60px; }
1885
1886  #hs_cos_wrapper_dnd_area-module-5 .section-carousel-logo .carousel-track { gap:28px; }
1887}
1888
1889</style>
1890
1891
1892<style>
1893  #hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .h-bank-card {
1894  width:100%;
1895  padding:0 15px;
1896  margin:32px auto;
1897  display:flex;
1898  justify-content:center;
1899}
1900
1901#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .h-bank-card__inner {
1902  max-width:1028px;
1903  width:100%;
1904  display:grid;
1905  grid-template-columns:1fr 1fr;
1906  border-radius:24px;
1907  overflow:hidden;
1908  box-shadow:0px 4px 24px 0px rgba(0,0,0,0.1);
1909}
1910
1911#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .h-bank-card--reverse .h-bank-card__inner { direction:rtl; }
1912
1913#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .h-bank-card--reverse .h-bank-card__content { direction:ltr; }
1914
1915#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .h-bank-card--reverse .h-bank-card__media { direction:ltr; }
1916
1917#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .h-bank-card__media {
1918  min-height:320px;
1919  position:relative;
1920  overflow:hidden;
1921}
1922
1923#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .h-bank-card__media>* {
1924  width:100%;
1925  height:100%;
1926  display:block;
1927}
1928
1929#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .h-bank-card__media .animation-scene {
1930  width:100%;
1931  height:100%;
1932  min-height:360px;
1933}
1934
1935#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .h-bank-card__content {
1936  background:#F5F5F7;
1937  padding:60px 56px;
1938  display:flex;
1939  flex-direction:column;
1940  justify-content:center;
1941  gap:0;
1942}
1943
1944#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .h-bank-card__content h2 {
1945  margin:0 0 20px;
1946  font-size:clamp(24px,2.8vw,34px);
1947  line-height:1.2;
1948  font-weight:700;
1949  color:#343434;
1950}
1951
1952#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .h-bank-card__content p {
1953  margin:0 0 28px;
1954  color:#555;
1955  line-height:1.6;
1956  font-size:16px;
1957  max-width:38ch;
1958}
1959
1960#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .h-bank-card-btn {
1961  align-self:flex-start;
1962  display:inline-block;
1963  padding:10px 20px;
1964  background:#7835C3;
1965  color:#fff;
1966  text-decoration:none;
1967  font-weight:600;
1968  font-size:16px;
1969  border-radius:8px;
1970  line-height:1;
1971  transition:background 0.2s ease,box-shadow 0.2s ease,transform 0.15s ease;
1972}
1973
1974#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .h-bank-card-btn:hover {
1975  background:#6530A1;
1976  box-shadow:0 4px 14px rgba(120,53,195,0.3);
1977  transform:translateY(-1px);
1978}
1979
1980#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .h-bank-card-btn:focus-visible {
1981  outline:3px solid #7835C3;
1982  outline-offset:3px;
1983  border-radius:8px;
1984}
1985
1986@media (max-width:860px) {
1987  #hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .h-bank-card__inner {
1988    grid-template-columns:1fr;
1989    direction:ltr !important;
1990  }
1991
1992  #hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .h-bank-card--reverse .h-bank-card__inner { direction:ltr; }
1993
1994  #hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .h-bank-card__media { min-height:240px; }
1995
1996  #hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .h-bank-card__content { padding:36px 32px 40px; }
1997
1998  #hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .h-bank-card__content p { max-width:100%; }
1999}
2000
2001@media (max-width:480px) {
2002  #hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .h-bank-card__content { padding:28px 22px 32px; }
2003
2004  #hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .h-bank-card__content h2 { font-size:26px; }
2005}
2006
2007#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .section-wrapper {
2008  display:flex;
2009  width:90%;
2010  max-width:1100px;
2011  height:450px;
2012  background:#F5F5F7;
2013  border-radius:20px;
2014  box-shadow:0 10px 30px rgba(0,0,0,0.05);
2015  overflow:hidden;
2016  transition:all 0.3s ease;
2017}
2018
2019#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .animation-scene {
2020  position:relative;
2021  width:55%;
2022  height:100%;
2023  overflow:hidden;
2024  background:linear-gradient(180deg,#E6E6FA 0%,#FFFFFF 100%);
2025}
2026
2027#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .img-asset {
2028  position:absolute;
2029  display:block;
2030  height:auto;
2031  object-fit:contain;
2032}
2033
2034#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .layer-bg {
2035  width:110%;
2036  height:110%;
2037  position:absolute;
2038  left:-5%;
2039  top:-5%;
2040  z-index:0;
2041}
2042
2043#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .layer-fg {
2044  width:100%;
2045  position:absolute;
2046  bottom:10px;
2047  left:0;
2048  z-index:3;
2049}
2050
2051#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .car-img {
2052  width:180px;
2053  bottom:-5px;
2054  z-index:4;
2055  left:100%;
2056  animation:driveInfinite 5s linear infinite;
2057}
2058
2059@keyframes driveInfinite {
2060  0% { left:100%; }
2061  100% { left:-40%; }
2062}
2063
2064#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .leaf-img {
2065  top:-50px;
2066  z-index:4;
2067  opacity:0;
2068}
2069
2070#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .l1 {
2071  left:15%;
2072  width:32px;
2073  animation:fallingLeaf 7s ease-in-out infinite;
2074  animation-delay:0s;
2075}
2076
2077#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .l2 {
2078  left:40%;
2079  width:55px;
2080  animation:fallingLeaf 9s ease-in-out infinite;
2081  animation-delay:4s;
2082}
2083
2084#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .l3 {
2085  left:65%;
2086  width:40px;
2087  animation:fallingLeaf 8s ease-in-out infinite;
2088  animation-delay:2s;
2089}
2090
2091#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .l4 {
2092  left:85%;
2093  width:22px;
2094  animation:fallingLeaf 11s ease-in-out infinite;
2095  animation-delay:5s;
2096  filter:blur(1px);
2097}
2098
2099@keyframes fallingLeaf {
2100  0% {
2101    top:-10%;
2102    opacity:0;
2103    transform:rotate(0deg) translateX(0);
2104  }
2105  10% { opacity:1; }
2106  85% { opacity:1; }
2107  100% {
2108    top:100%;
2109    opacity:0;
2110    transform:rotate(360deg) translateX(60px);
2111  }
2112}
2113
2114#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .text-content {
2115  width:45%;
2116  padding:60px;
2117  display:flex;
2118  flex-direction:column;
2119  justify-content:center;
2120  z-index:5;
2121  background:#F5F5F7;
2122  box-sizing:border-box;
2123  box-shadow:0px 4px 4px 0px #00000040;
2124}
2125
2126#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .brand-title {
2127  font-weight:900;
2128  color:#343434;
2129  margin:0;
2130  font-size:16px;
2131  letter-spacing:0.5px;
2132}
2133
2134#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .main-headline {
2135  font-size:32px;
2136  font-weight:700;
2137  color:#343434;
2138  margin:10px 0 20px 0;
2139  line-height:1.2;
2140}
2141
2142#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .description {
2143  font-size:14px;
2144  color:#343434;
2145  line-height:1.6;
2146  margin-bottom:30px;
2147}
2148
2149#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .cta-button {
2150  display:inline-block;
2151  background-color:#7835C3;
2152  color:white;
2153  text-decoration:none;
2154  padding:12px 24px;
2155  border-radius:6px;
2156  font-weight:700;
2157  font-size:14px;
2158  width:fit-content;
2159  transition:transform 0.2s;
2160}
2161
2162#hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .cta-button:hover {
2163  background-color:#5e2a9c;
2164  transform:translateY(-2px);
2165}
2166
2167@media (max-width:900px) {
2168  #hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 body {
2169    height:auto;
2170    padding:20px 0;
2171    overflow-y:auto;
2172  }
2173
2174  #hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .section-wrapper {
2175    flex-direction:column;
2176    width:90%;
2177    height:auto;
2178    max-width:500px;
2179  }
2180
2181  #hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .animation-scene {
2182    width:100%;
2183    height:250px;
2184  }
2185
2186  #hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .text-content {
2187    width:100%;
2188    padding:40px 30px;
2189    text-align:center;
2190    align-items:center;
2191  }
2192
2193  #hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .main-headline { font-size:28px; }
2194
2195  #hs_cos_wrapper_dnd_area-dnd_partial-6-module-2 .car-img { width:150px; }
2196}
2197
2198</style>
2199
2200
2201<style>
2202  #hs_cos_wrapper_dnd_area-module-7 .h-bank-card {
2203  width:100%;
2204  padding:0 15px;
2205  margin:32px auto;
2206  display:flex;
2207  justify-content:center;
2208}
2209
2210#hs_cos_wrapper_dnd_area-module-7 .h-bank-card__inner {
2211  max-width:1028px;
2212  width:100%;
2213  display:grid;
2214  grid-template-columns:1fr 1fr;
2215  border-radius:24px;
2216  overflow:hidden;
2217  box-shadow:0px 4px 24px 0px rgba(0,0,0,0.1);
2218}
2219
2220#hs_cos_wrapper_dnd_area-module-7 .h-bank-card--reverse .h-bank-card__inner { direction:rtl; }
2221
2222#hs_cos_wrapper_dnd_area-module-7 .h-bank-card--reverse .h-bank-card__content { direction:ltr; }
2223
2224#hs_cos_wrapper_dnd_area-module-7 .h-bank-card--reverse .h-bank-card__media { direction:ltr; }
2225
2226#hs_cos_wrapper_dnd_area-module-7 .h-bank-card__media {
2227  min-height:320px;
2228  position:relative;
2229  overflow:hidden;
2230}
2231
2232#hs_cos_wrapper_dnd_area-module-7 .h-bank-card__media>* {
2233  width:100%;
2234  height:100%;
2235  display:block;
2236}
2237
2238#hs_cos_wrapper_dnd_area-module-7 .h-bank-card__media .animation-scene {
2239  width:100%;
2240  height:100%;
2241  min-height:360px;
2242}
2243
2244#hs_cos_wrapper_dnd_area-module-7 .h-bank-card__content {
2245  background:#F5F5F7;
2246  padding:60px 56px;
2247  display:flex;
2248  flex-direction:column;
2249  justify-content:center;
2250  gap:0;
2251}
2252
2253#hs_cos_wrapper_dnd_area-module-7 .h-bank-card__content h2 {
2254  margin:0 0 20px;
2255  font-size:clamp(24px,2.8vw,34px);
2256  line-height:1.2;
2257  font-weight:700;
2258  color:#343434;
2259}
2260
2261#hs_cos_wrapper_dnd_area-module-7 .h-bank-card__content p {
2262  margin:0 0 28px;
2263  color:#555;
2264  line-height:1.6;
2265  font-size:16px;
2266  max-width:38ch;
2267}
2268
2269#hs_cos_wrapper_dnd_area-module-7 .h-bank-card-btn {
2270  align-self:flex-start;
2271  display:inline-block;
2272  padding:10px 20px;
2273  background:#7835C3;
2274  color:#fff;
2275  text-decoration:none;
2276  font-weight:600;
2277  font-size:16px;
2278  border-radius:8px;
2279  line-height:1;
2280  transition:background 0.2s ease,box-shadow 0.2s ease,transform 0.15s ease;
2281}
2282
2283#hs_cos_wrapper_dnd_area-module-7 .h-bank-card-btn:hover {
2284  background:#6530A1;
2285  box-shadow:0 4px 14px rgba(120,53,195,0.3);
2286  transform:translateY(-1px);
2287}
2288
2289#hs_cos_wrapper_dnd_area-module-7 .h-bank-card-btn:focus-visible {
2290  outline:3px solid #7835C3;
2291  outline-offset:3px;
2292  border-radius:8px;
2293}
2294
2295@media (max-width:860px) {
2296  #hs_cos_wrapper_dnd_area-module-7 .h-bank-card__inner {
2297    grid-template-columns:1fr;
2298    direction:ltr !important;
2299  }
2300
2301  #hs_cos_wrapper_dnd_area-module-7 .h-bank-card--reverse .h-bank-card__inner { direction:ltr; }
2302
2303  #hs_cos_wrapper_dnd_area-module-7 .h-bank-card__media { min-height:240px; }
2304
2305  #hs_cos_wrapper_dnd_area-module-7 .h-bank-card__content { padding:36px 32px 40px; }
2306
2307  #hs_cos_wrapper_dnd_area-module-7 .h-bank-card__content p { max-width:100%; }
2308}
2309
2310@media (max-width:480px) {
2311  #hs_cos_wrapper_dnd_area-module-7 .h-bank-card__content { padding:28px 22px 32px; }
2312
2313  #hs_cos_wrapper_dnd_area-module-7 .h-bank-card__content h2 { font-size:26px; }
2314}
2315
2316#hs_cos_wrapper_dnd_area-module-7 .section-wrapper {
2317  display:flex;
2318  width:90%;
2319  max-width:1100px;
2320  height:450px;
2321  background:#F5F5F7;
2322  border-radius:20px;
2323  box-shadow:0 10px 30px rgba(0,0,0,0.05);
2324  overflow:hidden;
2325  transition:all 0.3s ease;
2326}
2327
2328#hs_cos_wrapper_dnd_area-module-7 .text-col {
2329  width:40%;
2330  padding:60px;
2331  display:flex;
2332  flex-direction:column;
2333  justify-content:center;
2334  z-index:5;
2335  background:#f9f9f9;
2336  box-sizing:border-box;
2337}
2338
2339#hs_cos_wrapper_dnd_area-module-7 .brand-title {
2340  font-weight:900;
2341  color:#343434;
2342  margin:0;
2343  font-size:16px;
2344  letter-spacing:0.5px;
2345  text-transform:uppercase;
2346}
2347
2348#hs_cos_wrapper_dnd_area-module-7 .main-headline {
2349  font-size:36px;
2350  font-weight:700;
2351  color:#343434;
2352  margin:15px 0 20px 0;
2353  line-height:1.1;
2354}
2355
2356#hs_cos_wrapper_dnd_area-module-7 .description {
2357  font-size:15px;
2358  color:#343434;
2359  line-height:1.6;
2360  margin-bottom:30px;
2361}
2362
2363#hs_cos_wrapper_dnd_area-module-7 .cta-button {
2364  display:inline-block;
2365  background-color:#7835C3;
2366  color:white;
2367  text-decoration:none;
2368  padding:12px 28px;
2369  border-radius:8px;
2370  font-weight:700;
2371  font-size:14px;
2372  width:fit-content;
2373  transition:transform 0.2s;
2374}
2375
2376#hs_cos_wrapper_dnd_area-module-7 .cta-button:hover {
2377  background-color:#5e2a9c;
2378  transform:translateY(-2px);
2379}
2380
2381#hs_cos_wrapper_dnd_area-module-7 .animation-col {
2382  position:relative;
2383  width:100%;
2384  height:100%;
2385  overflow:hidden;
2386  background-color:#2c1e5e;
2387}
2388
2389#hs_cos_wrapper_dnd_area-module-7 .img-asset {
2390  position:absolute;
2391  display:block;
2392  height:auto;
2393  object-fit:contain;
2394}
2395
2396#hs_cos_wrapper_dnd_area-module-7 .bg-interior {
2397  width:100%;
2398  height:100%;
2399  left:0;
2400  top:0;
2401  object-fit:cover;
2402  object-position:center center;
2403}
2404
2405#hs_cos_wrapper_dnd_area-module-7 .screen-wrapper {
2406  position:absolute;
2407  width:154px;
2408  height:auto;
2409  top:50%;
2410  left:50%;
2411  z-index:2;
2412  overflow:hidden;
2413  border-radius:4px;
2414  margin-left:-72px;
2415  margin-top:-78px;
2416}
2417
2418#hs_cos_wrapper_dnd_area-module-7 .screen-img {
2419  width:100%;
2420  height:100%;
2421  position:relative;
2422  z-index:1;
2423}
2424
2425#hs_cos_wrapper_dnd_area-module-7 .screen-light {
2426  position:absolute;
2427  top:0;
2428  left:-100%;
2429  width:200%;
2430  height:100%;
2431  z-index:2;
2432  background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%);
2433  mix-blend-mode:overlay;
2434  animation:screenGlow 6s ease-in-out infinite;
2435}
2436
2437#hs_cos_wrapper_dnd_area-module-7 .wheel-img {
2438  width:175px;
2439  top:50%;
2440  left:50%;
2441  margin-top:-73px;
2442  margin-left:-284px;
2443  z-index:3;
2444  transform-origin:center center;
2445  animation:driveRoutine 6s ease-in-out infinite;
2446}
2447
2448@keyframes driveRoutine {
2449  0% { transform:rotate(0deg); }
2450  15% { transform:rotate(25deg); }
2451  30% { transform:rotate(25deg); }
2452  50% { transform:rotate(-25deg); }
2453  65% { transform:rotate(-25deg); }
2454  85% { transform:rotate(0deg); }
2455  100% { transform:rotate(0deg); }
2456}
2457
2458@keyframes screenGlow {
2459  0% { transform:translateX(0); }
2460  15% { transform:translateX(40px); }
2461  30% { transform:translateX(40px); }
2462  50% { transform:translateX(-40px); }
2463  65% { transform:translateX(-40px); }
2464  85% { transform:translateX(0); }
2465  100% { transform:translateX(0); }
2466}
2467
2468@media (max-width:900px) {
2469  #hs_cos_wrapper_dnd_area-module-7 .section-wrapper {
2470    flex-direction:column-reverse;
2471    height:auto;
2472    width:90%;
2473    max-width:400px;
2474  }
2475
2476  #hs_cos_wrapper_dnd_area-module-7 .text-col {
2477    width:100%;
2478    padding:40px 30px;
2479    text-align:center;
2480    align-items:center;
2481  }
2482
2483  #hs_cos_wrapper_dnd_area-module-7 .main-headline {
2484    font-size:28px;
2485    margin-bottom:15px;
2486  }
2487
2488  #hs_cos_wrapper_dnd_area-module-7 .animation-col {
2489    width:100%;
2490    height:280px;
2491  }
2492
2493  #hs_cos_wrapper_dnd_area-module-7 .wheel-img {
2494    width:110px;
2495    margin-top:-46px;
2496    margin-left:-176px;
2497  }
2498
2499  #hs_cos_wrapper_dnd_area-module-7 .screen-wrapper {
2500    width:90px;
2501    height:52px;
2502    margin-top:-48px;
2503    margin-left:-42px;
2504  }
2505}
2506
2507</style>
2508
2509
2510<style>
2511  #hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .financial-module {
2512  position:relative;
2513  overflow:hidden;
2514  padding-top:25px;
2515  padding-bottom:50px;
2516}
2517
2518#hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .financial-module .cta { width:205px; }
2519
2520#hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .financial-module svg { margin-left:17px; }
2521
2522#hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .left-band {
2523  position:absolute;
2524  inset:0;
2525  left:0;
2526  right:calc(50% + 27px);
2527  background:linear-gradient(213.26deg,#6530A1 0.05%,#E31952 99.95%);
2528  border-top-right-radius:59px;
2529  z-index:0;
2530}
2531
2532#hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .module-header {
2533  color:var(--color-bg);
2534  margin-bottom:30px;
2535  line-height:normal;
2536}
2537
2538#hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .module-header h2 {
2539  font-weight:700;
2540  font-size:30px;
2541  margin:0;
2542}
2543
2544#hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .module-header p {
2545  font-size:30px;
2546  margin:0;
2547}
2548
2549#hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .cards {
2550  display:grid;
2551  grid-template-columns:1fr 1fr;
2552  gap:24px;
2553  padding:50px 40px;
2554  background-color:var(--color-bg);
2555  border-radius:48px;
2556  box-shadow:0px 4px 4px 0px #00000040;
2557}
2558
2559#hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .card {
2560  position:relative;
2561  min-height:362px;
2562  border-radius:24px;
2563  overflow:hidden;
2564  color:var(--color-bg);
2565  box-shadow:0px 4px 4px 0px #00000040;
2566  isolation:isolate;
2567}
2568
2569#hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .card::before {
2570  content:"";
2571  position:absolute;
2572  inset:0;
2573  z-index:0;
2574}
2575
2576#hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .card--izq::before { background:linear-gradient(240.81deg,#E31952 3.43%,#B61442 96.65%); }
2577
2578#hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .card--der::before { background:linear-gradient(240.81deg,#522A7F 3.43%,#AE86DB 96.65%); }
2579
2580#hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .card--izq {
2581  --bg-pos:right 23px top -7px,left 0px top 0px,left 53px bottom 0px,center;
2582  --bg-size:317px auto,130px auto,469px auto,cover;
2583}
2584
2585#hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .card--der {
2586  --bg-pos:right 11px bottom -4px,right 0px top 0px,left 0px bottom 0px,center;
2587  --bg-size:307px auto,176px auto,350px auto,cover;
2588}
2589
2590#hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .card::after {
2591  content:"";
2592  position:absolute;
2593  inset:0;
2594  background-image:var(--img1),var(--img2),var(--img3),radial-gradient(120% 120% at 85% 15%,rgba(255,255,255,.08),rgba(0,0,0,.0) 60%,rgba(0,0,0,.3) 100%);
2595  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
2596  opacity:.95;
2597  z-index:1;
2598  pointer-events:none;
2599  background-position:var(--bg-pos);
2600  background-size:var(--bg-size);
2601}
2602
2603#hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .card-inner {
2604  position:absolute;
2605  z-index:2;
2606  padding:53px 37px;
2607  bottom:0;
2608  background-color:#00000040;
2609  height:100%;
2610  width:100%;
2611  display:flex;
2612  flex-direction:column;
2613  justify-content:flex-end;
2614}
2615
2616#hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .card-inner h3 {
2617  font-weight:800;
2618  font-size:24px;
2619  margin-bottom:24px;
2620}
2621
2622#hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .card-inner p {
2623  font-size:16px;
2624  margin:0;
2625  max-width:367px;
2626  line-height:normal;
2627}
2628
2629#hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .cta {
2630  position:absolute;
2631  top:0;
2632  right:0;
2633  background:#D6C2ED;
2634  color:#5C2D90;
2635  border:0;
2636  padding-top:14px;
2637  padding-bottom:10px;
2638  padding-right:11px;
2639  padding-left:22px;
2640  border-bottom-left-radius:19px;
2641  font-weight:700;
2642  font-size:16px;
2643  cursor:pointer;
2644  z-index:3;
2645}
2646
2647@media (max-width:900px) {
2648  #hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .left-band { right:44%; }
2649}
2650
2651@media (max-width:740px) {
2652  #hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .cards { grid-template-columns:1fr; }
2653
2654  #hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .card {
2655    min-height:306px;
2656    min-width:100%;
2657  }
2658
2659  #hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .left-band { right:40%; }
2660
2661  #hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .module-header { margin-bottom:14px; }
2662}
2663
2664@media (max-width:600px) {
2665  #hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .financial-module { padding-bottom:37px; }
2666
2667  #hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .left-band { right:0; }
2668
2669  #hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .module-header { margin-bottom:20px; }
2670
2671  #hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .module-header h2 { font-size:20px; }
2672
2673  #hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .module-header p { font-size:20px; }
2674
2675  #hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .cards { padding:30px 38px; }
2676
2677  #hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .card--izq {
2678    --bg-pos:right -54px top 32px,left 0px top 0px,left 0px bottom 0px,center;
2679    --bg-size:230px auto,161px auto,325px auto,cover;
2680  }
2681
2682  #hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .card--der {
2683    --bg-pos:right -38px bottom 49px,right 0px top 14px,left 0px bottom 0px,center;
2684    --bg-size:213px auto,130px auto,234px auto,cover;
2685  }
2686
2687  #hs_cos_wrapper_dnd_area-dnd_partial-9-module-1 .card-inner { padding:27px; }
2688}
2689
2690</style>
2691
2692
2693<style>
2694  /* Footer */
2695  .section-footer .row, .section-footer-logos .row{
2696  flex-wrap: wrap;
2697  }
2698  .hr-22{ color: white}
2699  footer {
2700    background:transparent;
2701    border-top:1px solid #EEE
2702  }
2703
2704  footer section {
2705    background: linear-gradient(106deg, #7835C3 -13.45%, #49286F 99.9%);
2706  }
2707  footer h4 {
2708    color: #FDFDFD;
2709  }
2710
2711  footer ul[role=menu] {
2712    padding: 0;
2713    list-style-type: none;
2714  }
2715  
2716  .links-col4 {
2717    margin-bottom: 47px;
2718    list-style: none;
2719    padding: 0;
2720  }
2721
2722  .links-col4 li {
2723    display: flex;
2724    justify-content: space-between;
2725    align-items: center;
2726    margin-bottom: 8px;
2727    width: 100%;
2728  }
2729
2730  .links-col4 li span {
2731    color: #fff !important;
2732    font-weight: 400;
2733  }
2734
2735  .links-col4 li a {
2736    color: #fff !important;
2737    font-weight: 700;
2738    text-decoration: none;
2739  }
2740  
2741  footer ul[role=menu] li {
2742    display: flex;
2743    justify-content: space-between;
2744  }
2745  
2746  footer ul[role=menu] .hs-menu-item {
2747    width: 245px;
2748    margin-bottom: 8px;
2749  }
2750
2751  footer ul[role=menu] li a,
2752  footer ul[role=menu] li span {
2753    color: #FDFDFD;
2754    line-height: 25px;
2755  }
2756
2757  footer .pt-72 {
2758    padding-top: 72px;
2759  }
2760
2761  footer .pb-34 {
2762    padding-bottom: 34px;
2763  }
2764  /* ── Franja legal ── */
2765  .footer-legal {
2766    background: #f7f3ff;
2767    border-top: 1px solid rgba(120, 53, 195, 0.12);
2768  }
2769
2770  .footer-legal__container {
2771    max-width: 1240px;
2772    margin: 0 auto;
2773    padding: 14px 24px;
2774    display: flex;
2775    align-items: stretch;
2776  }
2777
2778  .footer-legal__col {
2779    flex: 1;
2780    padding: 4px 20px;
2781    display: flex;
2782    flex-direction: column;
2783    gap: 3px;
2784  }
2785
2786  .footer-legal__col:first-child { padding-left: 0; }
2787  .footer-legal__col:last-child  { padding-right: 0; }
2788
2789  .footer-legal__col-head {
2790    display: flex;
2791    align-items: center;
2792    gap: 6px;
2793    margin-bottom: 3px;
2794  }
2795
2796  .footer-legal__col-head svg {
2797    flex-shrink: 0;
2798    color: #7835c3;
2799    opacity: 0.85;
2800  }
2801
2802  .footer-legal__col-head strong {
2803    font-size: 11px;
2804    font-weight: 700;
2805    color: #49286f;
2806    line-height: 1.3;
2807  }
2808
2809  .footer-legal__col p {
2810    font-size: 10.5px;
2811    color: #7a6a9a;
2812    line-height: 1.5;
2813    margin: 0;
2814  }
2815
2816  .footer-legal__col p strong {
2817    color: #49286f;
2818    font-weight: 600;
2819  }
2820
2821  .footer-legal__col a {
2822    color: #7835c3;
2823    text-decoration: none;
2824  }
2825
2826  .footer-legal__col a:hover {
2827    text-decoration: underline;
2828  }
2829
2830  .footer-legal__vdiv {
2831    width: 1px;
2832    background: rgba(120, 53, 195, 0.15);
2833    flex-shrink: 0;
2834    align-self: stretch;
2835    margin: 4px 0;
2836  }
2837
2838  @media (max-width: 820px) {
2839    .footer-legal__container {
2840      flex-direction: column;
2841      gap: 12px;
2842      padding: 16px 20px;
2843    }
2844    .footer-legal__col {
2845      padding: 0;
2846    }
2847    .footer-legal__vdiv {
2848      width: 100%;
2849      height: 1px;
2850      align-self: auto;
2851      margin: 0;
2852    }
2853  }
2854
2855  @media (max-width: 560px) {
2856    .footer-legal__container {
2857      padding: 14px 16px;
2858    }
2859    .footer-legal__col-head strong {
2860      font-size: 10.5px;
2861    }
2862    .footer-legal__col p {
2863      font-size: 10px;
2864    }
2865  }
2866
2867  #hs_cos_wrapper_footer-module-1 .logo-footer {
2868  max-width:98vw;
2869  height:auto;
2870}
2871
2872#hs_cos_wrapper_footer-module-1 .logos-footer {
2873  padding:14px 21px;
2874  list-style:none;
2875  margin:0;
2876}
2877
2878#hs_cos_wrapper_footer-module-1 .logos-foot-f { list-style:none; }
2879
2880#hs_cos_wrapper_footer-module-1 .logos-footer img,
2881#hs_cos_wrapper_footer-module-1 .row-mov img {
2882  max-width:100%;
2883  height:auto;
2884}
2885
2886#hs_cos_wrapper_footer-module-1 .hr-22 {
2887  margin-top:22px;
2888  margin-bottom:22px;
2889}
2890
2891@media (max-width:600px) {
2892  #hs_cos_wrapper_footer-module-1 .row-mov {
2893    flex-direction:row;
2894    justify-content:space-evenly;
2895  }
2896
2897  #hs_cos_wrapper_footer-module-1 .mov-100 { width:100%; }
2898
2899  #hs_cos_wrapper_footer-module-1 .logo-footer { width:370px; }
2900
2901  #hs_cos_wrapper_footer-module-1 .logos-footer {
2902    flex-direction:row;
2903    flex-wrap:wrap;
2904    padding:10px 22px;
2905  }
2906
2907  #hs_cos_wrapper_footer-module-1 .logos-foot-f {
2908    width:auto;
2909    max-width:48%;
2910  }
2911
2912  #hs_cos_wrapper_footer-module-1 .logos-foot-f img {
2913    width:100%;
2914    height:auto;
2915  }
2916}
2917
2918  @media (max-width: 600px) {
2919    footer .pt-72 {
2920      padding-top: 48px;
2921    }
2922    footer ul[role=menu] li {
2923      margin: 0;
2924      width: 100%;
2925    }
2926    .links-col4 {
2927      margin-bottom: 30px!important;
2928    }
2929    footer ul[role=menu] {
2930      margin: 0;
2931    }
2932  }
2933</style>
2934
2935<!-- Editor Styles -->
2936<style id="hs_editor_style" type="text/css">
2937#hs_cos_wrapper_module_17866489677233  { display: block !important; padding-bottom: 20px !important; padding-top: 20px !important }
2938#hs_cos_wrapper_module_17866482347273  { display: block !important; padding-bottom: 20px !important; padding-top: 20px !important }
2939#hs_cos_wrapper_module_17889763360194  { display: block !important; padding-bottom: 16px !important; padding-top: 15px !important }
2940#hs_cos_wrapper_module_17866489677233  { display: block !important; padding-bottom: 20px !important; padding-top: 20px !important }
2941#hs_cos_wrapper_module_17866482347273  { display: block !important; padding-bottom: 20px !important; padding-top: 20px !important }
2942#hs_cos_wrapper_module_17889763360194  { display: block !important; padding-bottom: 16px !important; padding-top: 15px !important }
2943</style>
2944
2945    
2946
2947
2948    
2949<!--  Added by GoogleAnalytics4 integration -->
2950<script data-cookieconsent="ignore">
2951var _hsp = window._hsp = window._hsp || [];
2952window.dataLayer = window.dataLayer || [];
2953function gtag(){dataLayer.push(arguments);}
2954
2955var useGoogleConsentModeV2 = true;
2956var waitForUpdateMillis = 1000;
2957
2958
2959if (!window._hsGoogleConsentRunOnce) {
2960  window._hsGoogleConsentRunOnce = true;
2961
2962  gtag('consent', 'default', {
2963    'ad_storage': 'denied',
2964    'analytics_storage': 'denied',
2965    'ad_user_data': 'denied',
2966    'ad_personalization': 'denied',
2967    'wait_for_update': waitForUpdateMillis
2968  });
2969
2970  if (useGoogleConsentModeV2) {
2971    _hsp.push(['useGoogleConsentModeV2'])
2972  } else {
2973    _hsp.push(['addPrivacyConsentListener', function(consent){
2974      var hasAnalyticsConsent = consent && (consent.allowed || (consent.categories && consent.categories.analytics));
2975      var hasAdsConsent = consent && (consent.allowed || (consent.categories && consent.categories.advertisement));
2976
2977      gtag('consent', 'update', {
2978        'ad_storage': hasAdsConsent ? 'granted' : 'denied',
2979        'analytics_storage': hasAnalyticsConsent ? 'granted' : 'denied',
2980        'ad_user_data': hasAdsConsent ? 'granted' : 'denied',
2981        'ad_personalization': hasAdsConsent ? 'granted' : 'denied'
2982      });
2983    }]);
2984  }
2985}
2986
2987gtag('js', new Date());
2988gtag('set', 'developer_id.dZTQ1Zm', true);
2989gtag('config', 'G-260737688');
2990</script>
vendor: 92 bytes, lines 2990-2991
2990
2991<script data-cookieconsent="ignore" async src="https://www.googletagmanager.com/gtag/js?id=
2991G-260737688
vendor: 13 bytes, lines 2991-2992
2991"></script>
2992
2993<!-- /Added by GoogleAnalytics4 integration -->
2994
2995<!--  Added by GoogleTagManager integration -->
2996<script data-cookieconsent="ignore">
2997var _hsp = window._hsp = window._hsp || [];
2998window.dataLayer = window.dataLayer || [];
2999function gtag(){dataLayer.push(arguments);}
3000
3001var useGoogleConsentModeV2 = true;
3002var waitForUpdateMillis = 1000;
3003
3004if (useGoogleConsentModeV2) {
3005
3006  gtag('set','developer_id.dZTQ1Zm',true);
3007
3008  gtag('consent', 'default', {
3009  'ad_storage': 'denied',
3010  'analytics_storage': 'denied',
3011  'ad_user_data': 'denied',
3012  'ad_personalization': 'denied',
3013  'wait_for_update': waitForUpdateMillis
3014  });
3015}
3016
3017var hsLoadGtm = function loadGtm() {
3018    if(window._hsGtmLoadOnce) {
3019      return;
3020    }
3021
3022    if (useGoogleConsentModeV2) {
3023      _hsp.push(['useGoogleConsentModeV2'])
3024    }
vendor: 349 bytes, lines 3024-3030
3024
3025
3026    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
3027    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
3028    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
3029    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
3030    })(window,document,'script','dataLayer','
3030GTM-N4GMR9
vendor: 9 bytes, lines 3030-3032
3030');
3031
3032    
3032window._hsGtmLoadOnce = true;
3033};
3034
3035_hsp.push(['addPrivacyConsentListener', function(consent){
3036  if(consent.allowed || (consent.categories && consent.categories.analytics)){
3037    hsLoadGtm();
3038  }
3039}]);
3040
3041</script>
3041
3042
3043<!-- /Added by GoogleTagManager integration -->
3044
3045    <link rel="canonical" href="https://www.bancofinandina.com/">
3046
3047
3048<meta property="og:url" content="https://www.bancofinandina.com/">
3049<meta name="twitter:card" content="summary">
3050<meta http-equiv="content-language" content="es">
3051
3052
3053
3054
3055
3056<meta name="google-site-verification" content="3dc5uLQF-WfWr-xlkI6BJA8ckyKKyX9kRQGPhtPhbPg">
3057<script type="text/javascript">
3058    (function(c,l,a,r,i,t,y){
3059        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
3060        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
3061        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
3062    })(window, document, "clarity", "script", "m8tr7zhqu9");
3063</script>
3063
3064
3065
3066
3067<style>
3068  #hs_cos_wrapper_dnd_area-dnd_partial-3-module-1 .card__img {
3069    position: absolute;
3070    right: -10px;
3071    top: -30px;
3072    z-index: 0;
3073    transform: translateX(0);
3074    transition: transform 900ms cubic-bezier(.22, .61, .36, 1);}
3075  
3076  
3077  #hs_cos_wrapper_dnd_area-dnd_partial-8-module-2 .section-carrusel .slide::before {
3078    content: "";
3079    position: absolute;
3080    inset: 0;
3081    background: none !important;
3082}
3083  </style>
3084
3085
3086<meta property="og:locale" content="es-co">
3087<meta property="fb:app_id" content="10219974377904133">
3088
3089<!--Datos estructurados----->
3090<script type="application/ld+json">
3091    {
3092      "@context": "http://schema.org",
3093      "@type": "BankOrCreditUnion",
3094      "name": "Banco Finandina",
3095      "description": "El Banco Digital de Colombia, a través del uso de la tecnología y la información, ofrecemos en todo momento una experiencia ágil, fácil y segura.",
3096      "telephone": "018000912886",
3097      "ContactPoint": "https://www.bancofinandina.com/servicio-al-cliente",
3098      "image": "https://www.bancofinandina.com/RS//assets/img/banco-finandina.svg",
3099      "priceRange": "0",
3100      "address": { "addresslocality" : "Kilómetro 17 Carretera central del norte Bogotá - Chía, Chía, Cundinamarca"
3101      }
3102    }
3103  </script>
vendor: 1 bytes, line 3103
3103
3104<script type="application/ld+json">
3105    {
3106      "@context": "https://schema.org",
3107      "@type": "Organization",
3108      "url": "https://www.bancofinandina.com/",
3109      "logo": "https://www.bancofinandina.com/RS//assets/img/banco-finandina.svg"
3110    }
3111</script>
vendor: 1 bytes, line 3111
3111
3112<script type="application/ld+json">  
3113        {
3114            "@context": "http://schema.org",
3115            "@type": "Organization",
3116            "name": "Banco Finandina",
3117            "url": "https://www.bancofinandina.com/",
3118            "sameAs": [
3119            "https://es-la.facebook.com/BancoFinandina/",
3120            "https://mobile.twitter.com/BancoFinandina/",
3121            "https://www.instagram.com/bancofinandina/",
3122            "https://www.linkedin.com/company/banco-finandina/"
3123                ]
3124        }
3125</script>
3125
3126 
3127
3128    
3129    
3129<script type="application/ld+json">
3130    {
3131      "@context": "https://schema.org",
3132      "@type": "Organization",
3133      "name": "Banco Finandina",
3134      "url": "https://www.bancofinandina.com",
3135      "logo": "https://46676057.fs1.hubspotusercontent-na1.net/hubfs/46676057/logo_horizontal_color_BFA.png",
3136      "contactPoint": {
3137        "@type": "ContactPoint",
3138        "contactType": "customer service",
3139        "areaServed": "CO",
3140        "availableLanguage": "es"
3141      }
3142    }
3143    </script>
3143
3144
3145    
3146
3147    <style>
3148      header.site-header{z-index:999;}
3149      /* ── Cookie Banner ── */
3150      .cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:0 20px 20px;pointer-events:none;transform:translateY(calc(100% + 20px));transition:transform .35s cubic-bezier(.34,1.2,.64,1)}
3151      .cookie-banner--visible{transform:translateY(0);pointer-events:auto}
3152      .cookie-banner__inner{max-width:1240px;margin:0 auto;background:#fff;border:1px solid rgba(120,53,195,.14);border-radius:28px;box-shadow:0 -4px 32px rgba(73,40,111,.1),0 8px 40px rgba(73,40,111,.08);padding:20px 28px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
3153      .cookie-banner__icon{flex-shrink:0;width:40px;height:40px;background:rgba(120,53,195,.08);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#7835c3}
3154      .cookie-banner__content{display:flex;align-items:center;gap:16px;flex:1;min-width:240px}
3155      .cookie-banner__text-wrap{flex:1}
3156      .cookie-banner__title{font-size:14px;font-weight:700;color:#49286f;margin:0 0 3px;line-height:1.3}
3157      .cookie-banner__desc{font-size:13px;color:#555;line-height:1.5;margin:0}
3158      .cookie-banner__desc a{color:#7835c3;text-decoration:underline;white-space:nowrap}
3159      .cookie-banner__desc a:hover{color:#49286f}
3160      .cookie-banner__actions{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap;align-items:center}
3161      .cookie-banner__btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:12px;font-size:13.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .18s,transform .18s,box-shadow .18s,background .18s;white-space:nowrap;min-height:42px;border:none;line-height:1}
3162      .cookie-banner__btn--primary{background:#e31952;color:#fff;box-shadow:0 4px 14px rgba(227,25,82,.25)}
3163      .cookie-banner__btn--primary:hover{background:#c4133f;transform:translateY(-1px);box-shadow:0 6px 20px rgba(227,25,82,.32)}
3164      .cookie-banner__btn--secondary{background:#fff;color:#7835c3;border:1.5px solid rgba(120,53,195,.3)}
3165      .cookie-banner__btn--secondary:hover{border-color:#7835c3;background:rgba(120,53,195,.05);transform:translateY(-1px)}
3166      @media(max-width:740px){.cookie-banner{padding:0 12px 12px}.cookie-banner__inner{padding:18px 20px;gap:16px;border-radius:20px}.cookie-banner__icon{display:none}.cookie-banner__content{min-width:100%;gap:12px}.cookie-banner__actions{width:100%;flex-direction:row-reverse}.cookie-banner__btn{flex:1;font-size:13px;padding:10px 16px}}
3167      @media(max-width:400px){.cookie-banner__actions{flex-direction:column-reverse}.cookie-banner__btn{width:100%}}
3168    </style>
3169  <meta name="generator" content="HubSpot"></head>
3170  <body>
3171<!--  Added by GoogleTagManager integration -->
vendor: 68 bytes, lines 3171-3172
3171
3172<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
3172GTM-N4GMR9
vendor: 84 bytes, lines 3172-3173
3172" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
3173
3174<!-- /Added by GoogleTagManager integration -->
3175
3176    
3177      <div data-global-resource-path="Finandina 2025/templates/partials/header.html"><!-- Begin partial -->
3178<header class="site-header">
3179  <div class="container-fluid">
3180<div class="row-fluid-wrapper">
3181<div class="row-fluid">
3182<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12">
3183
3184<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section">
3185<div class="row-fluid ">
3186<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
3187<div id="hs_cos_wrapper_header-module-1" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
3188
3189  
3190
3191
3192
3193  
3194
3195
3196
3197  
3198
3199
3200
3201  
3202
3203
3204<div id="nav-bar" class="border-bg">
3205  <nav class="site-nav" aria-label="Navegación principal">
3206    <div class="logo">
3207  <a href="/" class="logo-link" aria-label="Ir al inicio">
3208    <img src="https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=114&amp;height=36&amp;name=logo-banco-finandina.png" alt="logo-banco-finandina" loading="lazy" width="114" height="36" srcset="https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=57&amp;height=18&amp;name=logo-banco-finandina.png 57w, https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=114&amp;height=36&amp;name=logo-banco-finandina.png 114w, https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=171&amp;height=54&amp;name=logo-banco-finandina.png 171w, https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=228&amp;height=72&amp;name=logo-banco-finandina.png 228w, https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=285&amp;height=90&amp;name=logo-banco-finandina.png 285w, https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=342&amp;height=108&amp;name=logo-banco-finandina.png 342w" sizes="(max-width: 114px) 100vw, 114px">
3209    <img class="logo-dark" src="https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(3).png?width=114&amp;height=36&amp;name=Logo%20(3).png" alt="Logo (3)" loading="lazy" width="114" height="36" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(3).png?width=57&amp;height=18&amp;name=Logo%20(3).png 57w, https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(3).png?width=114&amp;height=36&amp;name=Logo%20(3).png 114w, https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(3).png?width=171&amp;height=54&amp;name=Logo%20(3).png 171w, https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(3).png?width=228&amp;height=72&amp;name=Logo%20(3).png 228w, https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(3).png?width=285&amp;height=90&amp;name=Logo%20(3).png 285w, https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(3).png?width=342&amp;height=108&amp;name=Logo%20(3).png 342w" sizes="(max-width: 114px) 100vw, 114px">
3210  </a>
3211
3212  <div class="border-red">
3213    <a class="btn-primary no-border active" href="https://www.bancofinandina.com/">Personas</a>
3214    <a class="btn-primary no-border " href="https://www.bancofinandina.com/empresas">Empresas</a>
3215  </div>
3216</div>
3217    <div class="todo-ellogo">
3218      <ul role="menu" class="menu-responsive">
3219        
3220        <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none">
3221          
3222          <details role="menuitem" target="_self" aria-haspopup="true" aria-expanded="false">
3223            <summary style="display:flex; gap:5px">
3224              Productos
3225              <svg xmlns="http://www.w3.org/2000/svg" width="12" height="6" viewbox="0 0 12 6" fill="none">
3226                <path fill-rule="evenodd" clip-rule="evenodd" d="M0.142519 0.143721C0.332545 -0.0479071 0.640638 -0.0479071 0.830664 0.143721L5.06077 4.4095C5.37031 4.72165 5.87969 4.72165 6.18923 4.4095L10.4193 0.143721C10.6094 -0.0479071 10.9175 -0.0479071 11.1075 0.143721C11.2975 0.33535 11.2975 0.64604 11.1075 0.837669L6.87738 5.10344C6.18778 5.79885 5.06222 5.79885 4.37262 5.10344L0.142519 0.837669C-0.0475065 0.64604 -0.0475065 0.33535 0.142519 0.143721Z"></path>
3227              </svg>
3228            </summary>
3229          </details>
3230          <div class="trans-border hs-menu-children-wrapper">
3231              <!-- Capas del Glass -->
3232              <div class="glass-filter"></div>
3233              <div class="glass-overlay"></div>
3234              <div class="glass-specular"></div>
3235            <div class="menu-inner-wrap">
3236              <ul role="menu" class="" style="padding: 20px;">
3237                
3238                <li class="hs-menu-item hs-menu-depth-2" role="none">
3239                  <div class="sublink" style="text-align: left; font-size: 16px; font-weight: 500; padding: 6px 12px; line-height: 19px; height: 33px;">
3240                    <a href="https://www.bancofinandina.com/productos/credito-vehiculo" role="menuitem" target="_self" style="display: contents; color: inherit; text-decoration: none;">
3241                      <div class="submenu-icon">
3242                        <img src="https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=29&amp;height=16&amp;name=Union.png" alt="Union" width="29" height="16" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=15&amp;height=8&amp;name=Union.png 15w, https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=29&amp;height=16&amp;name=Union.png 29w, https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=44&amp;height=24&amp;name=Union.png 44w, https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=58&amp;height=32&amp;name=Union.png 58w, https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=73&amp;height=40&amp;name=Union.png 73w, https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=87&amp;height=48&amp;name=Union.png 87w" sizes="(max-width: 29px) 100vw, 29px">
3243                      </div>
3244                    </a>
3245                    <div class="contenedor-menu-texto">
3246                      <div>
3247                        <a href="https://www.bancofinandina.com/productos/credito-vehiculo" role="menuitem" target="_self" style="color: inherit; text-decoration: none; padding: 0; height: auto; display: block; line-height: inherit; font-size: inherit; font-weight: inherit;">
3248                          Crédito de vehículo
3249                        </a>
3250                      </div>
3251                      
3252                      <div>
3253                        <a href="https://solicituddigital.bancofinandina.com/formulario-de-venta/credito-de-vehiculo?tipoProducto=CreditoVehiculo&amp;origen=BotonMenuGlobalVehiculos" role="menuitem" target="_self" style="padding: 0; height: auto; text-decoration: none; display: inline-block;">
3254                          <span class="btn-solicita">Solicitar ya</span>
3255                        </a>
3256                      </div>
3257                      
3258                    </div>
3259                    <a href="https://www.bancofinandina.com/productos/credito-vehiculo" role="menuitem" target="_self" style="margin-left: auto; padding: 0; height: auto; display: flex; align-items: center; text-decoration: none;">
3260                      <svg width="6" height="11" viewbox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
3261                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.13414 0.133018C0.312993 -0.0443394 0.602971 -0.0443394 0.781824 0.133018L4.76321 4.08112C5.41226 4.72474 5.41226 5.77526 4.76321 6.41888L0.781824 10.367C0.602971 10.5443 0.312993 10.5443 0.13414 10.367C-0.0447133 10.1896 -0.0447133 9.90207 0.13414 9.72471L4.11553 5.77662C4.40687 5.48771 4.40687 5.01229 4.11553 4.72338L0.13414 0.775286C-0.0447133 0.597929 -0.0447133 0.310376 0.13414 0.133018Z" fill="#555555" />
3262                      </svg>
3263                    </a>
3264                  </div>
3265                </li>
3266                
3267                <li class="hs-menu-item hs-menu-depth-2" role="none">
3268                  <div class="sublink" style="text-align: left; font-size: 16px; font-weight: 500; padding: 6px 12px; line-height: 19px; height: 33px;">
3269                    <a href="https://www.bancofinandina.com/productos/tarjetas-credito" role="menuitem" target="_self" style="display: contents; color: inherit; text-decoration: none;">
3270                      <div class="submenu-icon">
3271                        <img src="https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=23&amp;height=15&amp;name=Group%20(2).png" alt="Group (2)" width="23" height="15" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=12&amp;height=8&amp;name=Group%20(2).png 12w, https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=23&amp;height=15&amp;name=Group%20(2).png 23w, https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=35&amp;height=23&amp;name=Group%20(2).png 35w, https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=46&amp;height=30&amp;name=Group%20(2).png 46w, https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=58&amp;height=38&amp;name=Group%20(2).png 58w, https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=69&amp;height=45&amp;name=Group%20(2).png 69w" sizes="(max-width: 23px) 100vw, 23px">
3272                      </div>
3273                    </a>
3274                    <div class="contenedor-menu-texto">
3275                      <div>
3276                        <a href="https://www.bancofinandina.com/productos/tarjetas-credito" role="menuitem" target="_self" style="color: inherit; text-decoration: none; padding: 0; height: auto; display: block; line-height: inherit; font-size: inherit; font-weight: inherit;">
3277                          Tarjetas de crédito
3278                        </a>
3279                      </div>
3280                      
3281                      <div>
3282                        <a href="https://solicituddigital.bancofinandina.com/formulario-de-venta/tarjeta-de-credito?tipoProducto=TarjetaCredito&amp;origen=BotonMenuGlobalTarjetasCredito" role="menuitem" target="_self" style="padding: 0; height: auto; text-decoration: none; display: inline-block;">
3283                          <span class="btn-solicita">Solicitar ya</span>
3284                        </a>
3285                      </div>
3286                      
3287                    </div>
3288                    <a href="https://www.bancofinandina.com/productos/tarjetas-credito" role="menuitem" target="_self" style="margin-left: auto; padding: 0; height: auto; display: flex; align-items: center; text-decoration: none;">
3289                      <svg width="6" height="11" viewbox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
3290                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.13414 0.133018C0.312993 -0.0443394 0.602971 -0.0443394 0.781824 0.133018L4.76321 4.08112C5.41226 4.72474 5.41226 5.77526 4.76321 6.41888L0.781824 10.367C0.602971 10.5443 0.312993 10.5443 0.13414 10.367C-0.0447133 10.1896 -0.0447133 9.90207 0.13414 9.72471L4.11553 5.77662C4.40687 5.48771 4.40687 5.01229 4.11553 4.72338L0.13414 0.775286C-0.0447133 0.597929 -0.0447133 0.310376 0.13414 0.133018Z" fill="#555555" />
3291                      </svg>
3292                    </a>
3293                  </div>
3294                </li>
3295                
3296                <li class="hs-menu-item hs-menu-depth-2" role="none">
3297                  <div class="sublink" style="text-align: left; font-size: 16px; font-weight: 500; padding: 6px 12px; line-height: 19px; height: 33px;">
3298                    <a href="https://www.bancofinandina.com/productos/cuentas-de-ahorro" role="menuitem" target="_self" style="display: contents; color: inherit; text-decoration: none;">
3299                      <div class="submenu-icon">
3300                        <img src="https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=18&amp;height=25&amp;name=Group%2034649.png" alt="Group 34649" width="18" height="25" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=9&amp;height=13&amp;name=Group%2034649.png 9w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=18&amp;height=25&amp;name=Group%2034649.png 18w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=27&amp;height=38&amp;name=Group%2034649.png 27w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=36&amp;height=50&amp;name=Group%2034649.png 36w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=45&amp;height=63&amp;name=Group%2034649.png 45w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=54&amp;height=75&amp;name=Group%2034649.png 54w" sizes="(max-width: 18px) 100vw, 18px">
3301                      </div>
3302                    </a>
3303                    <div class="contenedor-menu-texto">
3304                      <div>
3305                        <a href="https://www.bancofinandina.com/productos/cuentas-de-ahorro" role="menuitem" target="_self" style="color: inherit; text-decoration: none; padding: 0; height: auto; display: block; line-height: inherit; font-size: inherit; font-weight: inherit;">
3306                          Cuentas de ahorro
3307                        </a>
3308                      </div>
3309                      
3310                      <div>
3311                        <a href="https://solicituddigital.bancofinandina.com:8097/abrir-cuenta-de-ahorro-flexidigital-plus?Origen=BotonMenuGlobalFlexiDigital" role="menuitem" target="_self" style="padding: 0; height: auto; text-decoration: none; display: inline-block;">
3312                          <span class="btn-solicita">Solicitar ya</span>
3313                        </a>
3314                      </div>
3315                      
3316                    </div>
3317                    <a href="https://www.bancofinandina.com/productos/cuentas-de-ahorro" role="menuitem" target="_self" style="margin-left: auto; padding: 0; height: auto; display: flex; align-items: center; text-decoration: none;">
3318                      <svg width="6" height="11" viewbox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
3319                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.13414 0.133018C0.312993 -0.0443394 0.602971 -0.0443394 0.781824 0.133018L4.76321 4.08112C5.41226 4.72474 5.41226 5.77526 4.76321 6.41888L0.781824 10.367C0.602971 10.5443 0.312993 10.5443 0.13414 10.367C-0.0447133 10.1896 -0.0447133 9.90207 0.13414 9.72471L4.11553 5.77662C4.40687 5.48771 4.40687 5.01229 4.11553 4.72338L0.13414 0.775286C-0.0447133 0.597929 -0.0447133 0.310376 0.13414 0.133018Z" fill="#555555" />
3320                      </svg>
3321                    </a>
3322                  </div>
3323                </li>
3324                
3325                <li class="hs-menu-item hs-menu-depth-2" role="none">
3326                  <div class="sublink" style="text-align: left; font-size: 16px; font-weight: 500; padding: 6px 12px; line-height: 19px; height: 33px;">
3327                    <a href="https://www.bancofinandina.com/productos/cdts" role="menuitem" target="_self" style="display: contents; color: inherit; text-decoration: none;">
3328                      <div class="submenu-icon">
3329                        <img src="https://www.bancofinandina.com/hubfs/cdt.svg" alt="cdt" width="24" height="22">
3330                      </div>
3331                    </a>
3332                    <div class="contenedor-menu-texto">
3333                      <div>
3334                        <a href="https://www.bancofinandina.com/productos/cdts" role="menuitem" target="_self" style="color: inherit; text-decoration: none; padding: 0; height: auto; display: block; line-height: inherit; font-size: inherit; font-weight: inherit;">
3335                          CDT
3336                        </a>
3337                      </div>
3338                      
3339                      <div>
3340                        <a href="https://www.bancofinandina.com/productos/cdts/simulador-cdt" role="menuitem" target="_self" style="padding: 0; height: auto; text-decoration: none; display: inline-block;">
3341                          <span class="btn-solicita">Invertir ya</span>
3342                        </a>
3343                      </div>
3344                      
3345                    </div>
3346                    <a href="https://www.bancofinandina.com/productos/cdts" role="menuitem" target="_self" style="margin-left: auto; padding: 0; height: auto; display: flex; align-items: center; text-decoration: none;">
3347                      <svg width="6" height="11" viewbox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
3348                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.13414 0.133018C0.312993 -0.0443394 0.602971 -0.0443394 0.781824 0.133018L4.76321 4.08112C5.41226 4.72474 5.41226 5.77526 4.76321 6.41888L0.781824 10.367C0.602971 10.5443 0.312993 10.5443 0.13414 10.367C-0.0447133 10.1896 -0.0447133 9.90207 0.13414 9.72471L4.11553 5.77662C4.40687 5.48771 4.40687 5.01229 4.11553 4.72338L0.13414 0.775286C-0.0447133 0.597929 -0.0447133 0.310376 0.13414 0.133018Z" fill="#555555" />
3349                      </svg>
3350                    </a>
3351                  </div>
3352                </li>
3353                
3354                <li class="hs-menu-item hs-menu-depth-2" role="none">
3355                  <div class="sublink" style="text-align: left; font-size: 16px; font-weight: 500; padding: 6px 12px; line-height: 19px; height: 33px;">
3356                    <a href="https://www.bancofinandina.com/productos/creditos/libranza" role="menuitem" target="_self" style="display: contents; color: inherit; text-decoration: none;">
3357                      <div class="submenu-icon">
3358                        <img src="https://www.bancofinandina.com/hubfs/ico-libranza.svg" alt="ico-libranza" width="23" height="15">
3359                      </div>
3360                    </a>
3361                    <div class="contenedor-menu-texto">
3362                      <div>
3363                        <a href="https://www.bancofinandina.com/productos/creditos/libranza" role="menuitem" target="_self" style="color: inherit; text-decoration: none; padding: 0; height: auto; display: block; line-height: inherit; font-size: inherit; font-weight: inherit;">
3364                          Libranza
3365                        </a>
3366                      </div>
3367                      
3368                      <div>
3369                        <a href="https://www.bancofinandina.com/productos/creditos/libranza/solicitud-de-libranza?tipoProducto=CreditoLibranza&amp;origen_fe=BotonMenuGlobalLibranza" role="menuitem" target="_self" style="padding: 0; height: auto; text-decoration: none; display: inline-block;">
3370                          <span class="btn-solicita">Solicitar ya</span>
3371                        </a>
3372                      </div>
3373                      
3374                    </div>
3375                    <a href="https://www.bancofinandina.com/productos/creditos/libranza" role="menuitem" target="_self" style="margin-left: auto; padding: 0; height: auto; display: flex; align-items: center; text-decoration: none;">
3376                      <svg width="6" height="11" viewbox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
3377                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.13414 0.133018C0.312993 -0.0443394 0.602971 -0.0443394 0.781824 0.133018L4.76321 4.08112C5.41226 4.72474 5.41226 5.77526 4.76321 6.41888L0.781824 10.367C0.602971 10.5443 0.312993 10.5443 0.13414 10.367C-0.0447133 10.1896 -0.0447133 9.90207 0.13414 9.72471L4.11553 5.77662C4.40687 5.48771 4.40687 5.01229 4.11553 4.72338L0.13414 0.775286C-0.0447133 0.597929 -0.0447133 0.310376 0.13414 0.133018Z" fill="#555555" />
3378                      </svg>
3379                    </a>
3380                  </div>
3381                </li>
3382                
3383                <li class="hs-menu-item hs-menu-depth-2" role="none">
3384                  <div class="sublink" style="text-align: left; font-size: 16px; font-weight: 500; padding: 6px 12px; line-height: 19px; height: 33px;">
3385                    <a href="https://www.bancofinandina.com/productos/creditos/credito-libre-inversion" role="menuitem" target="_self" style="display: contents; color: inherit; text-decoration: none;">
3386                      <div class="submenu-icon">
3387                        <img src="https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=23&amp;height=24&amp;name=libre-inversion.png" alt="libre-inversion" width="23" height="24" srcset="https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=12&amp;height=12&amp;name=libre-inversion.png 12w, https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=23&amp;height=24&amp;name=libre-inversion.png 23w, https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=35&amp;height=36&amp;name=libre-inversion.png 35w, https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=46&amp;height=48&amp;name=libre-inversion.png 46w, https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=58&amp;height=60&amp;name=libre-inversion.png 58w, https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=69&amp;height=72&amp;name=libre-inversion.png 69w" sizes="(max-width: 23px) 100vw, 23px">
3388                      </div>
3389                    </a>
3390                    <div class="contenedor-menu-texto">
3391                      <div>
3392                        <a href="https://www.bancofinandina.com/productos/creditos/credito-libre-inversion" role="menuitem" target="_self" style="color: inherit; text-decoration: none; padding: 0; height: auto; display: block; line-height: inherit; font-size: inherit; font-weight: inherit;">
3393                          Crédito de libre inversión
3394                        </a>
3395                      </div>
3396                      
3397                      <div>
3398                        <a href="https://solicituddigital.bancofinandina.com/formulario-de-venta/credito-de-libre-inversion?tipoProducto=CreditoLibreInversion&amp;origen=BotonMenuGlobalLibreInversion" role="menuitem" target="_self" style="padding: 0; height: auto; text-decoration: none; display: inline-block;">
3399                          <span class="btn-solicita">Solicitar ya</span>
3400                        </a>
3401                      </div>
3402                      
3403                    </div>
3404                    <a href="https://www.bancofinandina.com/productos/creditos/credito-libre-inversion" role="menuitem" target="_self" style="margin-left: auto; padding: 0; height: auto; display: flex; align-items: center; text-decoration: none;">
3405                      <svg width="6" height="11" viewbox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
3406                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.13414 0.133018C0.312993 -0.0443394 0.602971 -0.0443394 0.781824 0.133018L4.76321 4.08112C5.41226 4.72474 5.41226 5.77526 4.76321 6.41888L0.781824 10.367C0.602971 10.5443 0.312993 10.5443 0.13414 10.367C-0.0447133 10.1896 -0.0447133 9.90207 0.13414 9.72471L4.11553 5.77662C4.40687 5.48771 4.40687 5.01229 4.11553 4.72338L0.13414 0.775286C-0.0447133 0.597929 -0.0447133 0.310376 0.13414 0.133018Z" fill="#555555" />
3407                      </svg>
3408                    </a>
3409                  </div>
3410                </li>
3411                
3412                <li class="hs-menu-item hs-menu-depth-2" role="none">
3413                  <div class="sublink" style="text-align: left; font-size: 16px; font-weight: 500; padding: 6px 12px; line-height: 19px; height: 33px;">
3414                    <a href="https://www.bancofinandina.com/productos" role="menuitem" target="_self" style="display: contents; color: inherit; text-decoration: none;">
3415                      <div class="submenu-icon">
3416                        <img src="https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=20&amp;height=20&amp;name=Group%2034720.png" alt="Group 34720" width="20" height="20" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=10&amp;height=10&amp;name=Group%2034720.png 10w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=20&amp;height=20&amp;name=Group%2034720.png 20w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=30&amp;height=30&amp;name=Group%2034720.png 30w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=40&amp;height=40&amp;name=Group%2034720.png 40w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=50&amp;height=50&amp;name=Group%2034720.png 50w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=60&amp;height=60&amp;
3416name=Group%2034720.png 60w" sizes="(max-width: 20px) 100vw, 20px">
3417                      </div>
3418                    </a>
3419                    <div class="contenedor-menu-texto">
3420                      <div>
3421                        <a href="https://www.bancofinandina.com/productos" role="menuitem" target="_self" style="color: inherit; text-decoration: none; padding: 0; height: auto; display: block; line-height: inherit; font-size: inherit; font-weight: inherit;">
3422                          Ver más productos
3423                        </a>
3424                      </div>
3425                      
3426                    </div>
3427                    <a href="https://www.bancofinandina.com/productos" role="menuitem" target="_self" style="margin-left: auto; padding: 0; height: auto; display: flex; align-items: center; text-decoration: none;">
3428                      <svg width="6" height="11" viewbox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
3429                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.13414 0.133018C0.312993 -0.0443394 0.602971 -0.0443394 0.781824 0.133018L4.76321 4.08112C5.41226 4.72474 5.41226 5.77526 4.76321 6.41888L0.781824 10.367C0.602971 10.5443 0.312993 10.5443 0.13414 10.367C-0.0447133 10.1896 -0.0447133 9.90207 0.13414 9.72471L4.11553 5.77662C4.40687 5.48771 4.40687 5.01229 4.11553 4.72338L0.13414 0.775286C-0.0447133 0.597929 -0.0447133 0.310376 0.13414 0.133018Z" fill="#555555" />
3430                      </svg>
3431                    </a>
3432                  </div>
3433                </li>
3434                
3435              </ul>
3436            </div>
3437          </div>
3438          
3439        </li>
3440        
3441        <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none">
3442          
3443          <details role="menuitem" target="_self" aria-haspopup="true" aria-expanded="false">
3444            <summary style="display:flex; gap:5px">
3445              Conócenos
3446              <svg xmlns="http://www.w3.org/2000/svg" width="12" height="6" viewbox="0 0 12 6" fill="none">
3447                <path fill-rule="evenodd" clip-rule="evenodd" d="M0.142519 0.143721C0.332545 -0.0479071 0.640638 -0.0479071 0.830664 0.143721L5.06077 4.4095C5.37031 4.72165 5.87969 4.72165 6.18923 4.4095L10.4193 0.143721C10.6094 -0.0479071 10.9175 -0.0479071 11.1075 0.143721C11.2975 0.33535 11.2975 0.64604 11.1075 0.837669L6.87738 5.10344C6.18778 5.79885 5.06222 5.79885 4.37262 5.10344L0.142519 0.837669C-0.0475065 0.64604 -0.0475065 0.33535 0.142519 0.143721Z"></path>
3448              </svg>
3449            </summary>
3450          </details>
3451          <div class="trans-border hs-menu-children-wrapper">
3452              <!-- Capas del Glass -->
3453              <div class="glass-filter"></div>
3454              <div class="glass-overlay"></div>
3455              <div class="glass-specular"></div>
3456            <div class="menu-inner-wrap">
3457              <ul role="menu" class="menu-una-columna" style="padding: 20px;">
3458                
3459                <li class="hs-menu-item hs-menu-depth-2" role="none">
3460                  <div class="sublink" style="text-align: left; font-size: 16px; font-weight: 500; padding: 6px 12px; line-height: 19px; height: 33px;">
3461                    <a href="https://www.bancofinandina.com/banco-digital-bic" role="menuitem" target="_self" style="display: contents; color: inherit; text-decoration: none;">
3462                      <div class="submenu-icon">
3463                        <img src="https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=21&amp;height=21&amp;name=Sociedad%20BIC-1.png" alt="Sociedad BIC-1" width="21" height="21" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=11&amp;height=11&amp;name=Sociedad%20BIC-1.png 11w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=21&amp;height=21&amp;name=Sociedad%20BIC-1.png 21w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=32&amp;height=32&amp;name=Sociedad%20BIC-1.png 32w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=42&amp;height=42&amp;name=Sociedad%20BIC-1.png 42w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=53&amp;height=53&amp;name=Sociedad%20BIC-1.png 53w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=63&amp;height=63&amp;
3463name=Sociedad%20BIC-1.png 63w" sizes="(max-width: 21px) 100vw, 21px">
3464                      </div>
3465                    </a>
3466                    <div class="contenedor-menu-texto">
3467                      <div>
3468                        <a href="https://www.bancofinandina.com/banco-digital-bic" role="menuitem" target="_self" style="color: inherit; text-decoration: none; padding: 0; height: auto; display: block; line-height: inherit; font-size: inherit; font-weight: inherit;">
3469                          Banco Digital BIC
3470                        </a>
3471                      </div>
3472                      
3473                    </div>
3474                    <a href="https://www.bancofinandina.com/banco-digital-bic" role="menuitem" target="_self" style="margin-left: auto; padding: 0; height: auto; display: flex; align-items: center; text-decoration: none;">
3475                      <svg width="6" height="11" viewbox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
3476                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.13414 0.133018C0.312993 -0.0443394 0.602971 -0.0443394 0.781824 0.133018L4.76321 4.08112C5.41226 4.72474 5.41226 5.77526 4.76321 6.41888L0.781824 10.367C0.602971 10.5443 0.312993 10.5443 0.13414 10.367C-0.0447133 10.1896 -0.0447133 9.90207 0.13414 9.72471L4.11553 5.77662C4.40687 5.48771 4.40687 5.01229 4.11553 4.72338L0.13414 0.775286C-0.0447133 0.597929 -0.0447133 0.310376 0.13414 0.133018Z" fill="#555555" />
3477                      </svg>
3478                    </a>
3479                  </div>
3480                </li>
3481                
3482                <li class="hs-menu-item hs-menu-depth-2" role="none">
3483                  <div class="sublink" style="text-align: left; font-size: 16px; font-weight: 500; padding: 6px 12px; line-height: 19px; height: 33px;">
3484                    <a href="https://www.bancofinandina.com/banco-digital-bic/sostenible-y-socialmente-responsable" role="menuitem" target="_self" style="display: contents; color: inherit; text-decoration: none;">
3485                      <div class="submenu-icon">
3486                        <img src="https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=18&amp;height=19&amp;name=Vector%20(3).png" alt="Vector (3)" width="18" height="19" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=9&amp;height=10&amp;name=Vector%20(3).png 9w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=18&amp;height=19&amp;name=Vector%20(3).png 18w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=27&amp;height=29&amp;name=Vector%20(3).png 27w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=36&amp;height=38&amp;name=Vector%20(3).png 36w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=45&amp;height=48&amp;name=Vector%20(3).png 45w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=54&amp;height=57&amp;name=Vector%20(3).png 54w" sizes="(max-width: 18px) 100vw, 18px">
3487                      </div>
3488                    </a>
3489                    <div class="contenedor-menu-texto">
3490                      <div>
3491                        <a href="https://www.bancofinandina.com/banco-digital-bic/sostenible-y-socialmente-responsable" role="menuitem" target="_self" style="color: inherit; text-decoration: none; padding: 0; height: auto; display: block; line-height: inherit; font-size: inherit; font-weight: inherit;">
3492                          Sostenibilidad
3493                        </a>
3494                      </div>
3495                      
3496                    </div>
3497                    <a href="https://www.bancofinandina.com/banco-digital-bic/sostenible-y-socialmente-responsable" role="menuitem" target="_self" style="margin-left: auto; padding: 0; height: auto; display: flex; align-items: center; text-decoration: none;">
3498                      <svg width="6" height="11" viewbox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
3499                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.13414 0.133018C0.312993 -0.0443394 0.602971 -0.0443394 0.781824 0.133018L4.76321 4.08112C5.41226 4.72474 5.41226 5.77526 4.76321 6.41888L0.781824 10.367C0.602971 10.5443 0.312993 10.5443 0.13414 10.367C-0.0447133 10.1896 -0.0447133 9.90207 0.13414 9.72471L4.11553 5.77662C4.40687 5.48771 4.40687 5.01229 4.11553 4.72338L0.13414 0.775286C-0.0447133 0.597929 -0.0447133 0.310376 0.13414 0.133018Z" fill="#555555" />
3500                      </svg>
3501                    </a>
3502                  </div>
3503                </li>
3504                
3505                <li class="hs-menu-item hs-menu-depth-2" role="none">
3506                  <div class="sublink" style="text-align: left; font-size: 16px; font-weight: 500; padding: 6px 12px; line-height: 19px; height: 33px;">
3507                    <a href="https://www.bancofinandina.com/inversionistas" role="menuitem" target="_self" style="display: contents; color: inherit; text-decoration: none;">
3508                      <div class="submenu-icon">
3509                        <img src="https://www.bancofinandina.com/hubfs/inversionistas-icon.svg" alt="inversionistas-icon" width="14" height="21">
3510                      </div>
3511                    </a>
3512                    <div class="contenedor-menu-texto">
3513                      <div>
3514                        <a href="https://www.bancofinandina.com/inversionistas" role="menuitem" target="_self" style="color: inherit; text-decoration: none; padding: 0; height: auto; display: block; line-height: inherit; font-size: inherit; font-weight: inherit;">
3515                          Inversionistas
3516                        </a>
3517                      </div>
3518                      
3519                    </div>
3520                    <a href="https://www.bancofinandina.com/inversionistas" role="menuitem" target="_self" style="margin-left: auto; padding: 0; height: auto; display: flex; align-items: center; text-decoration: none;">
3521                      <svg width="6" height="11" viewbox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
3522                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.13414 0.133018C0.312993 -0.0443394 0.602971 -0.0443394 0.781824 0.133018L4.76321 4.08112C5.41226 4.72474 5.41226 5.77526 4.76321 6.41888L0.781824 10.367C0.602971 10.5443 0.312993 10.5443 0.13414 10.367C-0.0447133 10.1896 -0.0447133 9.90207 0.13414 9.72471L4.11553 5.77662C4.40687 5.48771 4.40687 5.01229 4.11553 4.72338L0.13414 0.775286C-0.0447133 0.597929 -0.0447133 0.310376 0.13414 0.133018Z" fill="#555555" />
3523                      </svg>
3524                    </a>
3525                  </div>
3526                </li>
3527                
3528                <li class="hs-menu-item hs-menu-depth-2" role="none">
3529                  <div class="sublink" style="text-align: left; font-size: 16px; font-weight: 500; padding: 6px 12px; line-height: 19px; height: 33px;">
3530                    <a href="https://www.bancofinandina.com/finanblog" role="menuitem" target="_self" style="display: contents; color: inherit; text-decoration: none;">
3531                      <div class="submenu-icon">
3532                        <img src="https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=22&amp;height=23&amp;name=Vector%20(4).png" alt="Vector (4)" width="22" height="23" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=11&amp;height=12&amp;name=Vector%20(4).png 11w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=22&amp;height=23&amp;name=Vector%20(4).png 22w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=33&amp;height=35&amp;name=Vector%20(4).png 33w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=44&amp;height=46&amp;name=Vector%20(4).png 44w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=55&amp;height=58&amp;name=Vector%20(4).png 55w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=66&amp;height=69&amp;name=Vector%20(4).png 66w" sizes="(max-width: 22px) 100vw, 22px">
3533                      </div>
3534                    </a>
3535                    <div class="contenedor-menu-texto">
3536                      <div>
3537                        <a href="https://www.bancofinandina.com/finanblog" role="menuitem" target="_self" style="color: inherit; text-decoration: none; padding: 0; height: auto; display: block; line-height: inherit; font-size: inherit; font-weight: inherit;">
3538                          Noticias
3539                        </a>
3540                      </div>
3541                      
3542                    </div>
3543                    <a href="https://www.bancofinandina.com/finanblog" role="menuitem" target="_self" style="margin-left: auto; padding: 0; height: auto; display: flex; align-items: center; text-decoration: none;">
3544                      <svg width="6" height="11" viewbox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
3545                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.13414 0.133018C0.312993 -0.0443394 0.602971 -0.0443394 0.781824 0.133018L4.76321 4.08112C5.41226 4.72474 5.41226 5.77526 4.76321 6.41888L0.781824 10.367C0.602971 10.5443 0.312993 10.5443 0.13414 10.367C-0.0447133 10.1896 -0.0447133 9.90207 0.13414 9.72471L4.11553 5.77662C4.40687 5.48771 4.40687 5.01229 4.11553 4.72338L0.13414 0.775286C-0.0447133 0.597929 -0.0447133 0.310376 0.13414 0.133018Z" fill="#555555" />
3546                      </svg>
3547                    </a>
3548                  </div>
3549                </li>
3550                
3551              </ul>
3552            </div>
3553          </div>
3554          
3555        </li>
3556        
3557        <li class="hs-menu-item hs-menu-depth-1 " role="none">
3558          
3559          <a href="https://www.bancofinandina.com/servicio-al-cliente" role="menuitem" target="_self">Servicio al cliente</a>
3560          
3561        </li>
3562        
3563      </ul>
3564      <div class="ctas-nav">
3565        <a id="lupita" class="btn-primary no-border" href="#panel-buscar" aria-label="Abrir búsqueda" aria-expanded="false" aria-controls="panel-buscar">
3566          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none">
3567            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5294 1.41176C5.94159 1.41176 1.41176 5.94159 1.41176 11.5294C1.41176 17.1172 5.94159 21.6471 11.5294 21.6471C17.1172 21.6471 21.6471 17.1172 21.6471 11.5294C21.6471 5.94159 17.1172 1.41176 11.5294 1.41176ZM0 11.5294C0 5.16189 5.16189 0 11.5294 0C17.8969 0 23.0588 5.16189 23.0588 11.5294C23.0588 17.8969 17.89
356769 23.0588 11.5294 23.0588C5.16189 23.0588 0 17.8969 0 11.5294Z" />
3568            <path fill-rule="evenodd" clip-rule="evenodd" d="M20.9126 20.9126C21.1883 20.637 21.6352 20.637 21.9109 20.9126L23.7933 22.795C24.0689 23.0706 24.0689 23.5176 23.7933 23.7933C23.5176 24.0689 23.0706 24.0689 22.795 23.7933L20.9126 21.9109C20.637 21.6352 20.637 21.1883 20.9126 20.9126Z" />
3569          </svg>
3570        </a>
3571        <a class="btn-primary " href="/productos/cuentas-de-ahorro/abrir-cuenta-de-ahorros?Origen=BotonHeader">Abrir cuenta</a>
3572        <a class="btn-primary active" href="https://transacciones.bancofinandina.com/BP/login?_gl=1*bpv1ec*_gcl_au*MTQ5NzYzODMxNC4xNzY5MDkzNDM4*_ga*MTAxNzc2Njg5LjE3NjkwOTM0Mzg.*_ga_5YT7RHYRFB*czE3NzIwNDk0MjckbzE4JGcxJHQxNzcyMDUwODIxJGo1OCRsMCRoMA..">Acceso cliente</a>
3573      </div>
3574    </div>
3575    <div class="hamburger">
3576      <a href="https://transacciones.bancofinandina.com/BP/login?_gl=1*bpv1ec*_gcl_au*MTQ5NzYzODMxNC4xNzY5MDkzNDM4*_ga*MTAxNzc2Njg5LjE3NjkwOTM0Mzg.*_ga_5YT7RHYRFB*czE3NzIwNDk0MjckbzE4JGcxJHQxNzcyMDUwODIxJGo1OCRsMCRoMA.." aria-label="Acceso cliente">
3577        <!-- Ícono usuario inline — hereda currentColor para modo claro/oscuro -->
3578        <svg class="hamburger__svg hamburger__svg--user" width="32" height="32" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
3579          <circle cx="12" cy="8" r="4" stroke="currentColor" stroke-width="1.5" />
3580          <path d="M4 20c0-4.418 3.582-7 8-7s8 2.582 8 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
3581        </svg>
3582      </a>
3583      <button id="hamburger__button" type="button" aria-label="Abrir menú">
3584        <!-- SVG inline — reemplaza PNG 32x32 para eliminar advertencia de baja resolución -->
3585        <svg id="hamburger__icon" width="20" height="20" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
3586          <path d="M3 6h18M3 12h18M3 18h18" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
3587        </svg>
3588      </button>
3589    </div>
3590  </nav>
3591      <!-- SVG filter -->
3592      <svg style="display:none" xmlns="http://www.w3.org/2000/svg">
3593        <filter id="glass-distortion">
3594          <feturbulence type="turbulence" baseFrequency="0.008" numOctaves="2" result="noise" />
3595          <fedisplacementmap in="SourceGraphic" in2="noise" scale="77" />
3596        </filter>
3597      </svg>
3598  <aside id="panel-buscar" class="panel" role="dialog" aria-labelledby="search-title" aria-modal="true">
3599
3600    <div class="panel-header">
3601      <form class="searchbar" action="/hs-search-results">
3602        <svg class="searchbar-pre-icon" width="16" height="16" viewbox="0 0 15 15" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
3603          <path fill-rule="evenodd" clip-rule="evenodd" d="M6.84559 0.838235C3.52782 0.838235 0.838235 3.52782 0.838235 6.84559C0.838235 10.1634 3.52782 12.8529 6.84559 12.8529C10.1634 12.8529 12.8529 10.1634 12.8529 6.84559C12.8529 3.52782 10.1634 0.838235 6.84559 0.838235ZM0 6.84559C0 3.06487 3.06487 0 6.84559 0C10.6263 0 13.6912 3.06487 13.6912 6.84559C13.6912 10.6263 10.6263 13.6912 6.84559 13.6912C3.06487 13.6912 0 10.6263 0 6.84559Z" fill="rgba(255,255,255,0.65)" />
3604          <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4169 12.4169C12.5805 12.2532 12.8459 12.2532 13.0096 12.4169L14.1272 13.5345C14.2909 13.6982 14.2909 13.9636 14.1272 14.1272C13.9636 14.2909 13.6982 14.2909 13.5345 14.1272L12.4169 13.0096C12.2532 12.8459 12.2532 12.5805 12.4169 12.4169Z" fill="rgba(255,255,255,0.65)" />
3605        </svg>
3606        <input type="search" name="q" id="search-input" placeholder="¿Qué buscas?" aria-label="Buscar en el sitio" autocomplete="off">
3607        <button class="go" aria-label="Buscar" type="submit">
3608          <svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
3609            <path fill-rule="evenodd" clip-rule="evenodd" d="M3.5 8C3.5 7.72386 3.72386 7.5 4 7.5H10.2929L8.14645 5.35355C7.95118 5.15829 7.95118 4.84171 8.14645 4.64645C8.34171 4.45118 8.65829 4.45118 8.85355 4.64645L11.8536 7.64645C12.0488 7.84171 12.0488 8.15829 11.8536 8.35355L8.85355 11.3536C8.65829 11.5488 8.34171 11.5488 8.14645 11.3536C7.95118 11.1583 7.95118 10.8417 8.14645 10.6464L10.2929 8.5H4C3.72386 8.5 3.5 8.27614 3.5 8Z" fill="white" />
3610          </svg>
3611        </button>
3612      </form>
3613    </div>
3614
3615    <div class="links">
3616      <h4 id="search-title">Accesos directos</h4>
3617      <a class="link-item" href="/bre-b">
3618        <span class="link-icon" style="background:rgba(120,53,195,0.12)">
3619          <svg width="15" height="15" viewbox="0 0 24 24" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
3620            <circle cx="17" cy="7" r="4" stroke="#7835C3" stroke-width="1.6" />
3621            <path d="M13.4 10.6L4 20" stroke="#7835C3" stroke-width="1.6" stroke-linecap="round" />
3622            <path d="M6 18L8 20" stroke="#7835C3" stroke-width="1.6" stroke-linecap="round" />
3623            <path d="M9 15L11 17" stroke="#7835C3" stroke-width="1.6" stroke-linecap="round" />
3624          </svg>
3625        </span>
3626        <span>Llaves Bre-B</span>
3627      </a>
3628      <a class="link-item" href="/productos/credito-vehiculo">
3629        <span class="link-icon" style="background:rgba(227,25,82,0.10)">
3630          <svg width="15" height="15" viewbox="0 0 24 24" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
3631            <path d="M5 13L7 7H17L19 13" stroke="#E31952" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
3632            <rect x="3" y="13" width="18" height="6" rx="1.5" stroke="#E31952" stroke-width="1.6" />
3633            <circle cx="7.5" cy="19" r="2" stroke="#E31952" stroke-width="1.6" />
3634            <circle cx="16.5" cy="19" r="2" stroke="#E31952" stroke-width="1.6" />
3635          </svg>
3636        </span>
3637        <span>Crédito de vehículo</span>
3638      </a>
3639      <a class="link-item" href="/productos/cuentas-de-ahorro/cuenta-de-ahorro-de-alto-rendimiento">
3640        <span class="link-icon" style="background:rgba(92,45,144,0.10)">
3641          <svg width="15" height="15" viewbox="0 0 24 24" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
3642            <rect x="6" y="2" width="12" height="20" rx="2.5" stroke="#5C2D90" stroke-width="1.6" />
3643            <circle cx="12" cy="18" r="1" fill="#5C2D90" />
3644            <line x1="9" y1="6.5" x2="15" y2="6.5" stroke="#5C2D90" stroke-width="1.5" stroke-linecap="round" />
3645          </svg>
3646        </span>
3647        <span>Flexi digital +</span>
3648      </a>
3649    </div>
3650  </aside>
3651</div>
3652
3653<div class="mov-menu">
3654  <div class="topmovmen">
3655    <div class="row dir-row-mov">
3656  <a href="/" class="logo-link" aria-label="Ir al inicio">
3657    <img src="https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=114&amp;height=36&amp;name=logo-banco-finandina.png" alt="logo-banco-finandina" loading="lazy" width="114" height="36" srcset="https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=57&amp;height=18&amp;name=logo-banco-finandina.png 57w, https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=114&amp;height=36&amp;name=logo-banco-finandina.png 114w, https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=171&amp;height=54&amp;name=logo-banco-finandina.png 171w, https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=228&amp;height=72&amp;name=logo-banco-finandina.png 228w, https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=285&amp;height=90&amp;name=logo-banco-finandina.png 285w, https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=342&amp;height=108&amp;name=logo-banco-finandina.png 342w" sizes="(max-width: 114px) 100vw, 114px">
3658  </a>
3659
3660  <div class="hamburger">
3661    <button id="close__button" type="button" aria-label="Cerrar menú">
3662      <img id="close__icon" src="https://www.bancofinandina.com/hs-fs/hubfs/Icon-Close.png?width=32&amp;height=32&amp;name=Icon-Close.png" alt="Icon-Close" width="32" height="32" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Icon-Close.png?width=16&amp;height=16&amp;name=Icon-Close.png 16w, https://www.bancofinandina.com/hs-fs/hubfs/Icon-Close.png?width=32&amp;height=32&amp;name=Icon-Close.png 32w, https://www.bancofinandina.com/hs-fs/hubfs/Icon-Close.png?width=48&amp;height=48&amp;name=Icon-Close.png 48w, https://www.bancofinandina.com/hs-fs/hubfs/Icon-Close.png?width=64&amp;height=64&amp;name=Icon-Close.png 64w, https://www.bancofinandina.com/hs-fs/hubfs/Icon-Close.png?width=80&amp;height=80&amp;name=Icon-Close.png 80w, https://www.bancofinandina.com/hs-fs/hubfs/Icon-Close.png?width=96&amp;height=96&amp;name=Icon-Close.png 96w" sizes="(max-width: 32px) 100vw, 32px">
3663    </button>
3664  </div>
3665</div>
3666    <form class="search-mov btn-primary">
3667      <input type="text" name="search">
3668      <button type="submit" class="icon-button">
3669        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none">
3670          <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5294 1.41176C5.94159 1.41176 1.41176 5.94159 1.41176 11.5294C1.41176 17.1172 5.94159 21.6471 11.5294 21.6471C17.1172 21.6471 21.6471 17.1172 21.6471 11.5294C21.6471 5.94159 17.1172 1.41176 11.5294 1.41176ZM0 11.5294C0 5.16189 5.16189 0 11.5294 0C17.8969 0 23.0588 5.16189 23.0588 11.5294C23.0588 17.8969 17.89
367069 23.0588 11.5294 23.0588C5.16189 23.0588 0 17.8969 0 11.5294Z" fill="#E31952" />
3671          <path fill-rule="evenodd" clip-rule="evenodd" d="M20.9126 20.9126C21.1883 20.637 21.6352 20.637 21.9109 20.9126L23.7933 22.795C24.0689 23.0706 24.0689 23.5176 23.7933 23.7933C23.5176 24.0689 23.0706 24.0689 22.795 23.7933L20.9126 21.9109C20.637 21.6352 20.637 21.1883 20.9126 20.9126Z" fill="#E31952" />
3672        </svg>
3673      </button>
3674    </form>
3675    <div class="border-red-mov">
3676      <a class="btn-primary no-border active" href="https://www.bancofinandina.com/">Personas</a>
3677      <a class="btn-primary no-border " href="https://www.bancofinandina.com/empresas">Empresas</a>
3678    </div>
3679    <hr class="hr-mov">
3680    <ul role="menu">
3681      
3682      <li class="hs-menu-item hs-menu-depth-1" role="none">
3683        
3684        <details role="menuitem" target="_self" aria-haspopup="true" aria-expanded="false">
3685          <summary>
3686            Productos
3687            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="6" viewbox="0 0 12 6" fill="none">
3688              <path fill-rule="evenodd" clip-rule="evenodd" d="M0.142519 0.143721C0.332545 -0.0479071 0.640638 -0.0479071 0.830664 0.143721L5.06077 4.4095C5.37031 4.72165 5.87969 4.72165 6.18923 4.4095L10.4193 0.143721C10.6094 -0.0479071 10.9175 -0.0479071 11.1075 0.143721C11.2975 0.33535 11.2975 0.64604 11.1075 0.837669L6.87738 5.10344C6.18778 5.79885 5.06222 5.79885 4.37262 5.10344L0.142519 0.837669C-0.0475065 0.64604 -0.0475065 0.33535 0.142519 0.143721Z" fill="#E31952"></path>
3689            </svg>
3690          </summary>
3691          <ul role="menu" class="hs-menu-children-wrapper">
3692            
3693            <li class="hs-menu-item hs-menu-depth-2" role="none">
3694              <a href="https://www.bancofinandina.com/productos/credito-vehiculo" role="menuitem" target="_self" class="sublink">
3695                <div class="submenu-icon">
3696                  <img src="https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=29&amp;height=16&amp;name=Union.png" alt="Union" width="29" height="16" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=15&amp;height=8&amp;name=Union.png 15w, https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=29&amp;height=16&amp;name=Union.png 29w, https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=44&amp;height=24&amp;name=Union.png 44w, https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=58&amp;height=32&amp;name=Union.png 58w, https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=73&amp;height=40&amp;name=Union.png 73w, https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=87&amp;height=48&amp;name=Union.png 87w" sizes="(max-width: 29px) 100vw, 29px">
3697                </div>
3698                Crédito de vehículo
3699                <svg width="6" height="11" viewbox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
3700                  <path fill-rule="evenodd" clip-rule="evenodd" d="M0.13414 0.133018C0.312993 -0.0443394 0.602971 -0.0443394 0.781824 0.133018L4.76321 4.08112C5.41226 4.72474 5.41226 5.77526 4.76321 6.41888L0.781824 10.367C0.602971 10.5443 0.312993 10.5443 0.13414 10.367C-0.0447133 10.1896 -0.0447133 9.90207 0.13414 9.72471L4.11553 5.77662C4.40687 5.48771 4.40687 5.01229 4.11553 4.72338L0.13414 0.775286C-0.0447133 0.597929 -0.0447133 0.310376 0.13414 0.133018Z" fill="#555555" />
3701                </svg>
3702              </a>
3703            </li>
3704            
3705            <li class="hs-menu-item hs-menu-depth-2" role="none">
3706              <a href="https://www.bancofinandina.com/productos/tarjetas-credito" role="menuitem" target="_self" class="sublink">
3707                <div class="submenu-icon">
3708                  <img src="https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=23&amp;height=15&amp;name=Group%20(2).png" alt="Group (2)" width="23" height="15" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=12&amp;height=8&amp;name=Group%20(2).png 12w, https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=23&amp;height=15&amp;name=Group%20(2).png 23w, https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=35&amp;height=23&amp;name=Group%20(2).png 35w, https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=46&amp;height=30&amp;name=Group%20(2).png 46w, https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=58&amp;height=38&amp;name=Group%20(2).png 58w, https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=69&amp;height=45&amp;name=Group%20(2).png 69w" sizes="(max-width: 23px) 100vw, 23px">
3709                </div>
3710                Tarjetas de crédito
3711                <svg width="6" height="11" viewbox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
3712                  <path fill-rule="evenodd" clip-rule="evenodd" d="M0.13414 0.133018C0.312993 -0.0443394 0.602971 -0.0443394 0.781824 0.133018L4.76321 4.08112C5.41226 4.72474 5.41226 5.77526 4.76321 6.41888L0.781824 10.367C0.602971 10.5443 0.312993 10.5443 0.13414 10.367C-0.0447133 10.1896 -0.0447133 9.90207 0.13414 9.72471L4.11553 5.77662C4.40687 5.48771 4.40687 5.01229 4.11553 4.72338L0.13414 0.775286C-0.0447133 0.597929 -0.0447133 0.310376 0.13414 0.133018Z" fill="#555555" />
3713                </svg>
3714              </a>
3715            </li>
3716            
3717            <li class="hs-menu-item hs-menu-depth-2" role="none">
3718              <a href="https://www.bancofinandina.com/productos/cuentas-de-ahorro" role="menuitem" target="_self" class="sublink">
3719                <div class="submenu-icon">
3720                  <img src="https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=18&amp;height=25&amp;name=Group%2034649.png" alt="Group 34649" width="18" height="25" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=9&amp;height=13&amp;name=Group%2034649.png 9w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=18&amp;height=25&amp;name=Group%2034649.png 18w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=27&amp;height=38&amp;name=Group%2034649.png 27w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=36&amp;height=50&amp;name=Group%2034649.png 36w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=45&amp;height=63&amp;name=Group%2034649.png 45w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=54&amp;height=75&amp;name=Group%2034649.png 54w" sizes="(max-width: 18px) 100vw, 18px">
3721                </div>
3722                Cuentas de ahorro
3723                <svg width="6" height="11" viewbox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
3724                  <path fill-rule="evenodd" clip-rule="evenodd" d="M0.13414 0.133018C0.312993 -0.0443394 0.602971 -0.0443394 0.781824 0.133018L4.76321 4.08112C5.41226 4.72474 5.41226 5.77526 4.76321 6.41888L0.781824 10.367C0.602971 10.5443 0.312993 10.5443 0.13414 10.367C-0.0447133 10.1896 -0.0447133 9.90207 0.13414 9.72471L4.11553 5.77662C4.40687 5.48771 4.40687 5.01229 4.11553 4.72338L0.13414 0.775286C-0.0447133 0.597929 -0.0447133 0.310376 0.13414 0.133018Z" fill="#555555" />
3725                </svg>
3726              </a>
3727            </li>
3728            
3729            <li class="hs-menu-item hs-menu-depth-2" role="none">
3730              <a href="https://www.bancofinandina.com/productos/cdts" role="menuitem" target="_self" class="sublink">
3731                <div class="submenu-icon">
3732                  <img src="https://www.bancofinandina.com/hubfs/cdt.svg" alt="cdt" width="24" height="22">
3733                </div>
3734                CDT
3735                <svg width="6" height="11" viewbox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
3736                  <path fill-rule="evenodd" clip-rule="evenodd" d="M0.13414 0.133018C0.312993 -0.0443394 0.602971 -0.0443394 0.781824 0.133018L4.76321 4.08112C5.41226 4.72474 5.41226 5.77526 4.76321 6.41888L0.781824 10.367C0.602971 10.5443 0.312993 10.5443 0.13414 10.367C-0.0447133 10.1896 -0.0447133 9.90207 0.13414 9.72471L4.11553 5.77662C4.40687 5.48771 4.40687 5.01229 4.11553 4.72338L0.13414 0.775286C-0.0447133 0.597929 -0.0447133 0.310376 0.13414 0.133018Z" fill="#555555" />
3737                </svg>
3738              </a>
3739            </li>
3740            
3741            <li class="hs-menu-item hs-menu-depth-2" role="none">
3742              <a href="https://www.bancofinandina.com/productos/creditos/libranza" role="menuitem" target="_self" class="sublink">
3743                <div class="submenu-icon">
3744                  <img src="https://www.bancofinandina.com/hubfs/ico-libranza.svg" alt="ico-libranza" width="23" height="15">
3745                </div>
3746                Libranza
3747                <svg width="6" height="11" viewbox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
3748                  <path fill-rule="evenodd" clip-rule="evenodd" d="M0.13414 0.133018C0.312993 -0.0443394 0.602971 -0.0443394 0.781824 0.133018L4.76321 4.08112C5.41226 4.72474 5.41226 5.77526 4.76321 6.41888L0.781824 10.367C0.602971 10.5443 0.312993 10.5443 0.13414 10.367C-0.0447133 10.1896 -0.0447133 9.90207 0.13414 9.72471L4.11553 5.77662C4.40687 5.48771 4.40687 5.01229 4.11553 4.72338L0.13414 0.775286C-0.0447133 0.597929 -0.0447133 0.310376 0.13414 0.133018Z" fill="#555555" />
3749                </svg>
3750              </a>
3751            </li>
3752            
3753            <li class="hs-menu-item hs-menu-depth-2" role="none">
3754              <a href="https://www.bancofinandina.com/productos/creditos/credito-libre-inversion" role="menuitem" target="_self" class="sublink">
3755                <div class="submenu-icon">
3756                  <img src="https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=23&amp;height=24&amp;name=libre-inversion.png" alt="libre-inversion" width="23" height="24" srcset="https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=12&amp;height=12&amp;name=libre-inversion.png 12w, https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=23&amp;height=24&amp;name=libre-inversion.png 23w, https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=35&amp;height=36&amp;name=libre-inversion.png 35w, https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=46&amp;height=48&amp;name=libre-inversion.png 46w, https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=58&amp;height=60&amp;name=libre-inversion.png 58w, https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=69&amp;height=72&amp;name=libre-inversion.png 69w" sizes="(max-width: 23px) 100vw, 23px">
3757                </div>
3758                Crédito de libre inversión
3759                <svg width="6" height="11" viewbox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
3760                  <path fill-rule="evenodd" clip-rule="evenodd" d="M0.13414 0.133018C0.312993 -0.0443394 0.602971 -0.0443394 0.781824 0.133018L4.76321 4.08112C5.41226 4.72474 5.41226 5.77526 4.76321 6.41888L0.781824 10.367C0.602971 10.5443 0.312993 10.5443 0.13414 10.367C-0.0447133 10.1896 -0.0447133 9.90207 0.13414 9.72471L4.11553 5.77662C4.40687 5.48771 4.40687 5.01229 4.11553 4.72338L0.13414 0.775286C-0.0447133 0.597929 -0.0447133 0.310376 0.13414 0.133018Z" fill="#555555" />
3761                </svg>
3762              </a>
3763            </li>
3764            
3765            <li class="hs-menu-item hs-menu-depth-2" role="none">
3766              <a href="https://www.bancofinandina.com/productos" role="menuitem" target="_self" class="sublink">
3767                <div class="submenu-icon">
3768                  <img src="https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=20&amp;height=20&amp;name=Group%2034720.png" alt="Group 34720" width="20" height="20" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=10&amp;height=10&amp;name=Group%2034720.png 10w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=20&amp;height=20&amp;name=Group%2034720.png 20w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=30&amp;height=30&amp;name=Group%2034720.png 30w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=40&amp;height=40&amp;name=Group%2034720.png 40w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=50&amp;height=50&amp;name=Group%2034720.png 50w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=60&amp;height=60&amp;
3768name=Group%2034720.png 60w" sizes="(max-width: 20px) 100vw, 20px">
3769                </div>
3770                Ver más productos
3771                <svg width="6" height="11" viewbox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
3772                  <path fill-rule="evenodd" clip-rule="evenodd" d="M0.13414 0.133018C0.312993 -0.0443394 0.602971 -0.0443394 0.781824 0.133018L4.76321 4.08112C5.41226 4.72474 5.41226 5.77526 4.76321 6.41888L0.781824 10.367C0.602971 10.5443 0.312993 10.5443 0.13414 10.367C-0.0447133 10.1896 -0.0447133 9.90207 0.13414 9.72471L4.11553 5.77662C4.40687 5.48771 4.40687 5.01229 4.11553 4.72338L0.13414 0.775286C-0.0447133 0.597929 -0.0447133 0.310376 0.13414 0.133018Z" fill="#555555" />
3773                </svg>
3774              </a>
3775            </li>
3776            
3777          </ul>
3778        </details>
3779        
3780      </li>
3781      
3782      <li class="hs-menu-item hs-menu-depth-1" role="none">
3783        
3784        <details role="menuitem" target="_self" aria-haspopup="true" aria-expanded="false">
3785          <summary>
3786            Conócenos
3787            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="6" viewbox="0 0 12 6" fill="none">
3788              <path fill-rule="evenodd" clip-rule="evenodd" d="M0.142519 0.143721C0.332545 -0.0479071 0.640638 -0.0479071 0.830664 0.143721L5.06077 4.4095C5.37031 4.72165 5.87969 4.72165 6.18923 4.4095L10.4193 0.143721C10.6094 -0.0479071 10.9175 -0.0479071 11.1075 0.143721C11.2975 0.33535 11.2975 0.64604 11.1075 0.837669L6.87738 5.10344C6.18778 5.79885 5.06222 5.79885 4.37262 5.10344L0.142519 0.837669C-0.0475065 0.64604 -0.0475065 0.33535 0.142519 0.143721Z" fill="#E31952"></path>
3789            </svg>
3790          </summary>
3791          <ul role="menu" class="hs-menu-children-wrapper">
3792            
3793            <li class="hs-menu-item hs-menu-depth-2" role="none">
3794              <a href="https://www.bancofinandina.com/banco-digital-bic" role="menuitem" target="_self" class="sublink">
3795                <div class="submenu-icon">
3796                  <img src="https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=21&amp;height=21&amp;name=Sociedad%20BIC-1.png" alt="Sociedad BIC-1" width="21" height="21" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=11&amp;height=11&amp;name=Sociedad%20BIC-1.png 11w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=21&amp;height=21&amp;name=Sociedad%20BIC-1.png 21w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=32&amp;height=32&amp;name=Sociedad%20BIC-1.png 32w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=42&amp;height=42&amp;name=Sociedad%20BIC-1.png 42w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=53&amp;height=53&amp;name=Sociedad%20BIC-1.png 53w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=63&amp;height=63&amp;name=Sociedad%20BIC-1.png 63w" sizes="(max-width: 21px) 100vw, 21px">
3797                </div>
3798                Banco Digital BIC
3799                <svg width="6" height="11" viewbox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
3800                  <path fill-rule="evenodd" clip-rule="evenodd" d="M0.13414 0.133018C0.312993 -0.0443394 0.602971 -0.0443394 0.781824 0.133018L4.76321 4.08112C5.41226 4.72474 5.41226 5.77526 4.76321 6.41888L0.781824 10.367C0.602971 10.5443 0.312993 10.5443 0.13414 10.367C-0.0447133 10.1896 -0.0447133 9.90207 0.13414 9.72471L4.11553 5.77662C4.40687 5.48771 4.40687 5.01229 4.11553 4.72338L0.13414 0.775286C-0.0447133 0.597929 -0.0447133 0.310376 0.13414 0.133018Z" fill="#555555" />
3801                </svg>
3802              </a>
3803            </li>
3804            
3805            <li class="hs-menu-item hs-menu-depth-2" role="none">
3806              <a href="https://www.bancofinandina.com/banco-digital-bic/sostenible-y-socialmente-responsable" role="menuitem" target="_self" class="sublink">
3807                <div class="submenu-icon">
3808                  <img src="https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=18&amp;height=19&amp;name=Vector%20(3).png" alt="Vector (3)" width="18" height="19" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=9&amp;height=10&amp;name=Vector%20(3).png 9w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=18&amp;height=19&amp;name=Vector%20(3).png 18w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=27&amp;height=29&amp;name=Vector%20(3).png 27w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=36&amp;height=38&amp;name=Vector%20(3).png 36w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=45&amp;height=48&amp;name=Vector%20(3).png 45w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=54&amp;height=57&amp;name=Vector%20(3).png 54w" sizes="(max-width: 18px) 100vw, 18px">
3809                </div>
3810                Sostenibilidad
3811                <svg width="6" height="11" viewbox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
3812                  <path fill-rule="evenodd" clip-rule="evenodd" d="M0.13414 0.133018C0.312993 -0.0443394 0.602971 -0.0443394 0.781824 0.133018L4.76321 4.08112C5.41226 4.72474 5.41226 5.77526 4.76321 6.41888L0.781824 10.367C0.602971 10.5443 0.312993 10.5443 0.13414 10.367C-0.0447133 10.1896 -0.0447133 9.90207 0.13414 9.72471L4.11553 5.77662C4.40687 5.48771 4.40687 5.01229 4.11553 4.72338L0.13414 0.775286C-0.0447133 0.597929 -0.0447133 0.310376 0.13414 0.133018Z" fill="#555555" />
3813                </svg>
3814              </a>
3815            </li>
3816            
3817            <li class="hs-menu-item hs-menu-depth-2" role="none">
3818              <a href="https://www.bancofinandina.com/inversionistas" role="menuitem" target="_self" class="sublink">
3819                <div class="submenu-icon">
3820                  <img src="https://www.bancofinandina.com/hubfs/inversionistas-icon.svg" alt="inversionistas-icon" width="14" height="21">
3821                </div>
3822                Inversionistas
3823                <svg width="6" height="11" viewbox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
3824                  <path fill-rule="evenodd" clip-rule="evenodd" d="M0.13414 0.133018C0.312993 -0.0443394 0.602971 -0.0443394 0.781824 0.133018L4.76321 4.08112C5.41226 4.72474 5.41226 5.77526 4.76321 6.41888L0.781824 10.367C0.602971 10.5443 0.312993 10.5443 0.13414 10.367C-0.0447133 10.1896 -0.0447133 9.90207 0.13414 9.72471L4.11553 5.77662C4.40687 5.48771 4.40687 5.01229 4.11553 4.72338L0.13414 0.775286C-0.0447133 0.597929 -0.0447133 0.310376 0.13414 0.133018Z" fill="#555555" />
3825                </svg>
3826              </a>
3827            </li>
3828            
3829            <li class="hs-menu-item hs-menu-depth-2" role="none">
3830              <a href="https://www.bancofinandina.com/finanblog" role="menuitem" target="_self" class="sublink">
3831                <div class="submenu-icon">
3832                  <img src="https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=22&amp;height=23&amp;name=Vector%20(4).png" alt="Vector (4)" width="22" height="23" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=11&amp;height=12&amp;name=Vector%20(4).png 11w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=22&amp;height=23&amp;name=Vector%20(4).png 22w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=33&amp;height=35&amp;name=Vector%20(4).png 33w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=44&amp;height=46&amp;name=Vector%20(4).png 44w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=55&amp;height=58&amp;name=Vector%20(4).png 55w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=66&amp;height=69&amp;name=Vector%20(4).png 66w" sizes="(max-width: 22px) 100vw, 22px">
3833                </div>
3834                Noticias
3835                <svg width="6" height="11" viewbox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
3836                  <path fill-rule="evenodd" clip-rule="evenodd" d="M0.13414 0.133018C0.312993 -0.0443394 0.602971 -0.0443394 0.781824 0.133018L4.76321 4.08112C5.41226 4.72474 5.41226 5.77526 4.76321 6.41888L0.781824 10.367C0.602971 10.5443 0.312993 10.5443 0.13414 10.367C-0.0447133 10.1896 -0.0447133 9.90207 0.13414 9.72471L4.11553 5.77662C4.40687 5.48771 4.40687 5.01229 4.11553 4.72338L0.13414 0.775286C-0.0447133 0.597929 -0.0447133 0.310376 0.13414 0.133018Z" fill="#555555" />
3837                </svg>
3838              </a>
3839            </li>
3840            
3841          </ul>
3842        </details>
3843        
3844      </li>
3845      
3846      <li class="hs-menu-item hs-menu-depth-1" role="none">
3847        
3848        <a href="https://www.bancofinandina.com/servicio-al-cliente" role="menuitem" target="_self">Servicio al cliente</a>
3849        
3850      </li>
3851      
3852    </ul>
3853  </div>
3854  <div class="downmovmen">
3855    <a class="btn-primary " href="/productos/cuentas-de-ahorro/abrir-cuenta-de-ahorros?Origen=BotonHeader">Abrir cuenta</a>
3856    <a class="btn-primary active" href="https://transacciones.bancofinandina.com/BP/login?_gl=1*bpv1ec*_gcl_au*MTQ5NzYzODMxNC4xNzY5MDkzNDM4*_ga*MTAxNzc2Njg5LjE3NjkwOTM0Mzg.*_ga_5YT7RHYRFB*czE3NzIwNDk0MjckbzE4JGcxJHQxNzcyMDUwODIxJGo1OCRsMCRoMA..">Acceso cliente</a>
3857  </div>
3858</div>
3859
3860
3861
3862
3863</div>
3864
3865</div><!--end widget-span -->
3866</div><!--end row-->
3867</div><!--end row-wrapper -->
3868
3869</div><!--end widget-span -->
3870</div>
3871</div>
3872</div>
3873</header>
3874<!-- End partial --></div>
3875    
3876
3877    <main>
3878      
3879  <div class="container-fluid">
3880<div class="row-fluid-wrapper">
3881<div class="row-fluid">
3882<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12">
3883
3884<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section">
3885<div class="row-fluid ">
3886<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
3887
3888<div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row">
3889<div class="row-fluid ">
3890<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
3891<div id="hs_cos_wrapper_widget_1784132882398" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
3892
3893<section class="fnd-hs-root" data-autoplay="true" data-interval="6" aria-roledescription="carrusel" role="region" aria-label="Banner principal">
3894  <div class="fnd-hs-viewport">
3895    <div class="fnd-hs-track">
3896
3897      
3898      <div class="fnd-hs-slide fnd-hs-slide-carro">
3899        <div class="fnd-hs-b-left">
3900          <h2 class="fnd-hs-b-title">Renueva tu carro<br>¡En modo fácil!</h2>
3901          <p class="fnd-hs-b-subtitle">
3902            <span class="fnd-hs-b-pink"></span></p><h1>Financiación del 100%</h1>
3903            <span>para tu carro usado</span>
3904          <p></p>
3905
3906          <ul class="fnd-hs-b-bullets">
3907            
3908              <li class="fnd-hs-b-bullet"><span class="fnd-hs-b-dot"></span><span>Sin cuota inicial</span></li>
3909            
3910            
3911              <li class="fnd-hs-b-bullet"><span class="fnd-hs-b-dot"></span><span>Cuotas bajas</span></li>
3912            
3913          </ul>
3914
3915          <a href="https://solicituddigital.bancofinandina.com/formulario-de-venta/credito-de-vehiculo/formulario-de-solicitud?tipoProducto=CreditoVehiculo&amp;origen=BSliderPrincipalHomeVehiculo" class="fnd-hs-b-btn">
3916            <span>Solicitar</span>
3917            <span class="fnd-hs-b-btn-icon">
3918              <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
3919                <g>
3920                  <rect x="0.5" y="0.5" width="19" height="19" rx="9.5" fill="white" fill-opacity="0.38" />
3921                  <rect x="0.5" y="0.5" width="19" height="19" rx="9.5" stroke="#FDFDFD" />
3922                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5403 4.55618C11.7778 4.31461 12.1628 4.31461 12.4003 4.55618L17.3219 9.56259C17.4359 9.6786 17.5 9.83594 17.5 10C17.5 10.1641 17.4359 10.3214 17.3219 10.4374L12.4003 15.4438C12.1628 15.6854 11.7778 15.6854 11.5403 15.4438C11.3028 15.2022 11.3028 14.8106 11.5403 14.569L16.0319 10L11.5403 5.43099C11.3028 5.18942 11.3028 4.79775 11.5403 4.55618Z" fill="#FDFDFD" />
3923                  <path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 10C2.5 9.65837 2.77226 9.38142 3.10811 9.38142H16.7541C17.0899 9.38142 17.3622 9.65837 17.3622 10C17.3622 10.3416 17.0899 10.6186 16.7541 10.6186H3.10811C2.77226 10.6186 2.5 10.3416 2.5 10Z" fill="#FDFDFD" />
3924                </g>
3925              </svg>
3926            </span>
3927          </a>
3928        </div>
3929
3930        <div class="fnd-hs-b-right">
3931          
3932            <img src="https://www.bancofinandina.com/hs-fs/hubfs/raw_assets/public/Finandina%202025/img/card-vene.png?width=600&amp;height=337&amp;name=card-vene.png" alt="Carro Finandina" class="fnd-hs-b-car" width="600" height="337" loading="eager" fetchpriority="high" srcset="https://www.bancofinandina.com/hs-fs/hubfs/raw_assets/public/Finandina%202025/img/card-vene.png?width=300&amp;height=169&amp;name=card-vene.png 300w, https://www.bancofinandina.com/hs-fs/hubfs/raw_assets/public/Finandina%202025/img/card-vene.png?width=600&amp;height=337&amp;name=card-vene.png 600w, https://www.bancofinandina.com/hs-fs/hubfs/raw_assets/public/Finandina%202025/img/card-vene.png?width=900&amp;height=506&amp;name=card-vene.png 900w, https://www.bancofinandina.com/hs-fs/hubfs/raw_assets/public/Finandina%202025/img/card-vene.png?width=1200&amp;height=674&amp;name=card-vene.png 1200w, https://www.bancofinandina.com/hs-fs/hubfs/raw_assets/public/Finandina%202025/img/card-vene.png?width=1500&amp;height=843&amp;name=card-vene.png 1500w, https://www.bancofinandina.com/hs-fs/hubfs/raw_assets/public/Finandina%202025/img/card-vene.png?width=1800&amp;height=1011&amp;name=card-vene.png 1800w" sizes="(max-width: 600px) 100vw, 600px">
3933          
3934        </div>
3935      </div>
3936
3937      
3938      <div class="fnd-hs-slide fnd-hs-slide-hero">
3939        <div class="fnd-hs-h-left">
3940          <p class="fnd-hs-h-sub"></p><h2>Con tu cuenta de ahorro de alto rendimiento FlexiDigital+</h2><p></p>
3941          <h2 class="fnd-hs-h-title">Gana el 10% E.A. por tus ahorros</h2>
3942          <a class="fnd-hs-h-cta" href="https://solicituddigital.bancofinandina.com:8097/abrir-cuenta-de-ahorro-flexidigital-plus?Origen=BSliderPrincipalHomeCuentaAhorro">
3943            Abrir mi cuenta ahora
3944            <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
3945              <rect x="0.5" y="0.5" width="19" height="19" rx="9.5" fill="white" fill-opacity="0.38" />
3946              <rect x="0.5" y="0.5" width="19" height="19" rx="9.5" stroke="#FDFDFD" />
3947              <path d="M3 10 H16 M11.5 5 L17 10 L11.5 15" stroke="#FDFDFD" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
3948            </svg>
3949          </a>
3950        </div>
3951
3952        <div class="fnd-hs-h-right">
3953          <div class="fnd-hs-sh">
3954            <div class="bre-b-wrapper">
3955              <div class="card-layer card-left">
3956                <img src="https://www.bancofinandina.com/hubfs/tarjeta-izquierda.svg" alt="Slide 2 – Tarjeta izquierda" width="210" height="280" loading="lazy">
3957              </div>
3958              <div class="card-layer card-right">
3959                <img src="https://www.bancofinandina.com/hubfs/tarjeta-derecha.svg" alt="Slide 2 – Tarjeta derecha" width="210" height="280" loading="lazy">
3960              </div>
3961
3962              <div class="phone-container">
3963                <svg class="phone-bg" viewbox="0 0 207 410" fill="none" aria-hidden="true">
3964                  <path d="M206.5 18.3V391.2C206.5 401.3 198.3 409.5 188.2 409.5H18.7C8.6 409.5 0.4 401.3 0.4 391.2V18.3C0.4 8.1 8.6 0 18.7 0L188.2 0C198.3 0 206.5 8.1 206.5 18.3Z" fill="#F1EBF9" />
3965                  <path d="M0 18.4C0 8.2 8.2 0 18.4 0L188.5 0C198.7 0 207 8.2 207 18.4V25L0 25V18.4Z" fill="url(#fndhs_p0)" />
3966                  <rect x="83" y="10" width="41" height="7" rx="3.5" fill="#522A7F" />
3967                  <path d="M0.4 391.4C0.4 401.6 8.7 409.8 18.9 409.8H188.1C198.3 409.8 206.5 401.6 206.5 391.4V362.5H0.4L0.4 391.4Z" fill="url(#fndhs_p1)" />
3968                  <rect x="30.3" y="44.8" width="147.6" height="87" rx="10.5" fill="url(#fndhs_p2)" />
3969                  <circle cx="40" cy="387" r="10" fill="white" /><circle cx="82" cy="387" r="10" fill="white" /><circle cx="124" cy="387" r="10" fill="white" /><circle cx="166" cy="387" r="10" fill="white" />
3970                  <defs>
3971                    <lineargradient id="fndhs_p0" x1="103" y1="25" x2="103" y2="0" gradientunits="userSpaceOnUse"><stop stop-color="#7835C3" /><stop offset="1" stop-color="#E31952" /></lineargradient>
3972                    <lineargradient id="fndhs_p1" x1="103" y1="362" x2="103" y2="410" gradientunits="userSpaceOnUse"><stop stop-color="#7835C3" /><stop offset="1" stop-color="#E31952" /></lineargradient>
3973                    <lineargradient id="fndhs_p2" x1="33" y1="44" x2="161" y2="135" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#522A7F" /><stop offset="1" stop-color="#0B4462" /></lineargradient>
3974                  </defs>
3975                </svg>
3976
3977                <div class="screen-content">
3978                  <div class="header-container">
3979                    <div class="purple-dot-decor"></div>
3980                    <div class="rate-tag">10.00% E.A.</div>
3981                    <span class="amount-txt fnd-hs-amount">$ 12.643.113</span>
3982                  </div>
3983
3984                  <div class="chart-area fnd-hs-chart">
3985                    <svg width="100%" height="100%" viewbox="0 0 127 50" preserveaspectratio="none">
3986                      <defs>
3987                        <lineargradient id="fndhsChartGrad" x1="0" x2="0" y1="0" y2="1">
3988                          <stop offset="0%" stop-color="#BB9AE1" stop-opacity="0.6" />
3989                          <stop offset="100%" stop-color="#BB9AE1" stop-opacity="0" />
3990                        </lineargradient>
3991                      </defs>
3992                      <g stroke="#BABABA" stroke-opacity="1" stroke-width="0.4">
3993                        <line x1="0" y1="0" x2="127" y2="0" />
3994                        <line x1="0" y1="20" x2="127" y2="20" />
3995                        <line x1="0" y1="40" x2="127" y2="40" />
3996                      </g>
3997                      <path d="M0.5 37L9.5 30.3L28 37.5L46.5 19H69L95.5 10L110 18.9L126 0.5 V 50 H 0 Z" fill="url(#fndhsChartGrad)" stroke="none" />
3998                      <path class="fnd-hs-graphline" d="M0.5 37L9.5 30.3L28 37.5L46.5 19H69L95.5 10L110 18.9L126 0.5" stroke="#BB9AE1" stroke-width="2" stroke-linecap="round" fill="none" />
3999                      <g class="fnd-hs-cursor">
4000                        <circle cx="0" cy="0" r="6" fill="#522A7F" opacity="0.3" />
4001                        <circle cx="0" cy="0" r="3.5" fill="#522A7F" stroke="white" stroke-width="1.5" />
4002                        <g transform="translate(0, -14)">
4003                          <rect x="-17.5" y="-5" width="35" height="10" rx="5" class="tooltip-rect" />
4004                          <text x="0" y="0" dy="3" class="tooltip-txt fnd-hs-tooltipval">0</text>
4005                        </g>
4006                      </g>
4007                    </svg>
4008                  </div>
4009
4010                  <div class="stats-row">
4011                    <div class="stat"><p class="stat-label">Rentabilidad</p><p>10.00% E.A.</p></div>
4012                    <div class="stat right"><p class="stat-label">Ahorro</p><p class="fnd-hs-savings">$ 643.113</p></div>
4013                  </div>
4014
4015                  <div class="btn-row">
4016                    <div class="app-btn">
4017                      <div class="icon-box"><img src="https://www.bancofinandina.com/hubfs/ico-flecha.svg" alt="Slide 2 – Icono flecha" width="22" height="22" loading="lazy"></div>
4018                      <span>Enviar dinero</span>
4019                    </div>
4020                    <div class="app-btn">
4021                      <div class="icon-box"><img src="https://www.bancofinandina.com/hubfs/ico-bre-b.svg" alt="Slide 2 – Icono Bre-B" width="22" height="22" loading="lazy"></div>
4022                      <span>Zona Bre-B</span>
4023                    </div>
4024                    <div class="app-btn">
4025                      <div class="icon-box"><img src="https://www.bancofinandina.com/hubfs/ico-pesos.svg" alt="Slide 2 – Icono pesos" width="22" height="22" loading="lazy"></div>
4026                      <span>Pagos</span>
4027                    </div>
4028                  </div>
4029
4030                  <div class="btn-wide">
4031                    <div class="icon-box"><img src="https://www.bancofinandina.com/hubfs/ico-billetera.svg" alt="Slide 2 – Icono billetera" width="22" height="22" loading="lazy"></div>
4032                    <span>Mis productos</span>
4033                  </div>
4034                </div>
4035
4036                <div class="transfer-badge">
4037                  <div class="badge-icon"><img src="https://www.bancofinandina.com/hs-fs/hubfs/logo-bre-b-1.png?width=60&amp;height=60&amp;name=logo-bre-b-1.png" alt="Slide 2 – Logo Bre-B" width="60" height="60" loading="lazy" srcset="https://www.bancofinandina.com/hs-fs/hubfs/logo-bre-b-1.png?width=30&amp;height=30&amp;name=logo-bre-b-1.png 30w, https://www.bancofinandina.com/hs-fs/hubfs/logo-bre-b-1.png?width=60&amp;height=60&amp;name=logo-bre-b-1.png 60w, https://www.bancofinandina.com/hs-fs/hubfs/logo-bre-b-1.png?width=90&amp;height=90&amp;name=logo-bre-b-1.png 90w, https://www.bancofinandina.com/hs-fs/hubfs/logo-bre-b-1.png?width=120&amp;height=120&amp;name=logo-bre-b-1.png 120w, https://www.bancofinandina.com/hs-fs/hubfs/logo-bre-b-1.png?width=150&amp;height=150&amp;name=logo-bre-b-1.png 150w, https://www.bancofinandina.com/hs-fs/hubfs/logo-bre-b-1.png?width=180&amp;height=180&amp;
4037name=logo-bre-b-1.png 180w" sizes="(max-width: 60px) 100vw, 60px"></div>
4038                  <div class="badge-info">
4039                    <span class="badge-label">Transferencias por</span>
4040                    <span class="badge-title">Bre-B</span>
4041                  </div>
4042                </div>
4043              </div>
4044            </div>
4045          </div>
4046        </div>
4047      </div>
4048    </div>
4049  </div>
4050
4051  
4052  <div class="fnd-hs-nav">
4053    <button type="button" class="fnd-hs-arrow fnd-hs-arrow-prev" aria-label="Anterior">
4054      <svg width="20" height="20" viewbox="0 0 24 24" fill="none" aria-hidden="true"><path d="M15 5 L8 12 L15 19" stroke="currentColor" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round" /></svg>
4055    </button>
4056    <div class="fnd-hs-dots" role="tablist" aria-label="Navegación del slider"></div>
4057    <button type="button" class="fnd-hs-arrow fnd-hs-arrow-next" aria-label="Siguiente">
4058      <svg width="20" height="20" viewbox="0 0 24 24" fill="none" aria-hidden="true"><path d="M9 5 L16 12 L9 19" stroke="currentColor" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round" /></svg>
4059    </button>
4060  </div>
4061</section></div>
4062
4063</div><!--end widget-span -->
4064</div><!--end row-->
4065</div><!--end row-wrapper -->
4066
4067</div><!--end widget-span -->
4068</div><!--end row-->
4069</div><!--end row-wrapper -->
4070
4071<div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-section">
4072<div class="row-fluid ">
4073<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
4074
4075<div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row">
4076<div class="row-fluid ">
4077<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
4078<div id="hs_cos_wrapper_module_17866489677233" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span class="hs-horizontal-spacer"></span></div>
4079
4080</div><!--end widget-span -->
4081</div><!--end row-->
4082</div><!--end row-wrapper -->
4083
4084</div><!--end widget-span -->
4085</div><!--end row-->
4086</div><!--end row-wrapper -->
4087
4088<div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-section">
4089<div class="row-fluid ">
4090<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
4091
4092<div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-row">
4093<div class="row-fluid ">
4094<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
4095<div id="hs_cos_wrapper_module_17866482347273" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span class="hs-horizontal-spacer"></span></div>
4096
4097</div><!--end widget-span -->
4098</div><!--end row-->
4099</div><!--end row-wrapper -->
4100
4101</div><!--end widget-span -->
4102</div><!--end row-->
4103</div><!--end row-wrapper -->
4104
4105<div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-section">
4106<div class="row-fluid ">
4107<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
4108
4109<div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-row">
4110<div class="row-fluid ">
4111<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
4112<span id="hs_cos_wrapper_widget_1782918966602" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><!-- custom widget definition not found (portalId: null, path: null, moduleId: null) --></span>
4113
4114</div><!--end widget-span -->
4115</div><!--end row-->
4116</div><!--end row-wrapper -->
4117
4118</div><!--end widget-span -->
4119</div><!--end row-->
4120</div><!--end row-wrapper -->
4121
4122<div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-section">
4123<div class="row-fluid ">
4124<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
4125
4126<div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-row">
4127<div class="row-fluid ">
4128<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
4129<div id="hs_cos_wrapper_dnd_area-dnd_partial-2-module-1" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
4129<div class="section-slider">
4130  <main class="slider">
4131    <section class="track hs-slider-track" aria-live="polite">
4132      
4133      <!-- Se añade aria-hidden para accesibilidad y data-index con index0 -->
4134      <article class="slide  is-active " data-index="0" aria-hidden="false">
4135        <div class="copy">
4136        <p class="encabezado-title">Tu dinero, siempre libre</p>
4137        <h2 class="title">Cuenta de Ahorro</h2>
4138        <p class="desc"><span>Abre tu <strong>cuenta de ahorro digital</strong>, sin cuota de manejo y con retiros en TODOS los cajeros del país. Desde el primer día.</span></p>
4139        <a href="https://solicituddigital.bancofinandina.com:8097/abrir-cuenta-de-ahorro-flexidigital-plus?Origen=BotonHomeCuentaAhorroDigital" class="cta">Abrir cuenta</a>
4140      </div>
4141        <figure class="art">
4142          <!-- Optimización LCP: La primera imagen carga 'eager' con alta prioridad, las demás 'lazy' -->
4143          
4144          <img src="https://www.bancofinandina.com/hubfs/cuenta_ahorro.svg" alt="cuenta_ahorro" loading="eager" fetchpriority="high" width="251" height="401" decoding="async">
4145        </figure>
4146      </article>
4147      
4148      <!-- Se añade aria-hidden para accesibilidad y data-index con index0 -->
4149      <article class="slide " data-index="1" aria-hidden="true">
4150        <div class="copy">
4151        <p class="encabezado-title">Estrena carro sin complicaciones</p>
4152        <h2 class="title">Crédito de Vehículo</h2>
4153        <p class="desc">Solicita tu <strong>crédito de vehículo</strong> con financiación de hasta el 110%. Todo digital, sin filas.</p>
4154        <a href="https://solicituddigital.bancofinandina.com/formulario-de-venta/credito-de-vehiculo?tipoProducto=CreditoVehiculo&amp;Origen=BotonHomeVehiculo" class="cta">Solicitar crédito</a>
4155      </div>
4156        <figure class="art">
4157          <!-- Optimización LCP: La primera imagen carga 'eager' con alta prioridad, las demás 'lazy' -->
4158          
4159          <img src="https://www.bancofinandina.com/hs-fs/hubfs/Group%2034685%20(1).png?width=521&amp;height=234&amp;name=Group%2034685%20(1).png" alt="Group 34685 (1)" loading="lazy" width="521" height="234" decoding="async" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Group%2034685%20(1).png?width=261&amp;height=117&amp;name=Group%2034685%20(1).png 261w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034685%20(1).png?width=521&amp;height=234&amp;name=Group%2034685%20(1).png 521w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034685%20(1).png?width=782&amp;height=351&amp;name=Group%2034685%20(1).png 782w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034685%20(1).png?width=1042&amp;height=468&amp;name=Group%2034685%20(1).png 1042w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034685%20(1).png?width=1303&amp;height=585&amp;name=Group%2034685%20(1).png 1303w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034685%20(1).png?width=1563&amp;height=702&amp;name=Group%2034685%20(1).png 1563w" sizes="(max-width: 521px) 100vw, 521px">
4160        </figure>
4161      </article>
4162      
4163      <!-- Se añade aria-hidden para accesibilidad y data-index con index0 -->
4164      <article class="slide " data-index="2" aria-hidden="true">
4165        <div class="copy">
4166        <p class="encabezado-title">Tu tranquilidad, asegurada</p>
4167        <h2 class="title">Crédito de Libranza</h2>
4168        <p class="desc"><span>Crédito de libranza <strong>para pensionados y docentes del sector público</strong>. Descuentos directos de nómina o mesada pensional. Cero estrés.</span></p>
4169        <a href="https://www.bancofinandina.com/productos/creditos/libranza/solicitud-de-libranza?origen_fe=BHomeLibranza" class="cta">Solicitar crédito</a>
4170      </div>
4171        <figure class="art">
4172          <!-- Optimización LCP: La primera imagen carga 'eager' con alta prioridad, las demás 'lazy' -->
4173          
4174          <img src="https://www.bancofinandina.com/hs-fs/hubfs/credito_libranza.png?width=278&amp;height=351&amp;name=credito_libranza.png" alt="credito_libranza" loading="lazy" width="278" height="351" decoding="async" srcset="https://www.bancofinandina.com/hs-fs/hubfs/credito_libranza.png?width=139&amp;height=176&amp;name=credito_libranza.png 139w, https://www.bancofinandina.com/hs-fs/hubfs/credito_libranza.png?width=278&amp;height=351&amp;name=credito_libranza.png 278w, https://www.bancofinandina.com/hs-fs/hubfs/credito_libranza.png?width=417&amp;height=527&amp;name=credito_libranza.png 417w, https://www.bancofinandina.com/hs-fs/hubfs/credito_libranza.png?width=556&amp;height=702&amp;name=credito_libranza.png 556w, https://www.bancofinandina.com/hs-fs/hubfs/credito_libranza.png?width=695&amp;height=878&amp;name=credito_libranza.png 695w, https://www.bancofinandina.com/hs-fs/hubfs/credito_libranza.png?width=834&amp;height=1053&amp;name=credito_libranza.png 834w" sizes="(max-width: 278px) 100vw, 278px">
4175        </figure>
4176      </article>
4177      
4178      <!-- Se añade aria-hidden para accesibilidad y data-index con index0 -->
4179      <article class="slide " data-index="3" aria-hidden="true">
4180        <div class="copy">
4181        <p class="encabezado-title">Compra lo que quieras, cuando quieras</p>
4182        <h2 class="title">Tarjetas de Crédito</h2>
4183        <p class="desc"><span>Solicita tu <strong>tarjeta de crédito en línea</strong>, sin trámites engorrosos. Compra en cualquier parte del mundo y acumula kilómetros.</span></p>
4184        <a href="https://solicituddigital.bancofinandina.com/formulario-de-venta/tarjeta-de-credito/formulario-de-solicitud?t
4184ipoProducto=TarjetaCredito&amp;Origen=BotonHomeTarjetaCredito" class="cta">Solicitar tarjeta</a>
4185      </div>
4186        <figure class="art">
4187          <!-- Optimización LCP: La primera imagen carga 'eager' con alta prioridad, las demás 'lazy' -->
4188          
4189          <img src="https://www.bancofinandina.com/hs-fs/hubfs/Website/Home/tarjetas_credito.png?width=332&amp;height=371&amp;name=tarjetas_credito.png" alt="tarjetas_credito" loading="lazy" width="332" height="371" decoding="async" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Website/Home/tarjetas_credito.png?width=166&amp;height=186&amp;name=tarjetas_credito.png 166w, https://www.bancofinandina.com/hs-fs/hubfs/Website/Home/tarjetas_credito.png?width=332&amp;height=371&amp;name=tarjetas_credito.png 332w, https://www.bancofinandina.com/hs-fs/hubfs/Website/Home/tarjetas_credito.png?width=498&amp;height=557&amp;name=tarjetas_credito.png 498w, https://www.bancofinandina.com/hs-fs/hubfs/Website/Home/tarjetas_credito.png?width=664&amp;height=742&amp;name=tarjetas_credito.png 664w, https://www.bancofinandina.com/hs-fs/hubfs/Website/Home/tarjetas_credito.png?width=830&amp;height=928&amp;name=tarjetas_credito.png 830w, https://www.bancofinandina.com/hs-fs/hubfs/Website/Home/tarjetas_credito.png?width=996&amp;height=1113&amp;name=tarjetas_credito.png 996w" sizes="(max-width: 332px) 100vw, 332px">
4190        </figure>
4191      </article>
4192      
4193      <!-- Se añade aria-hidden para accesibilidad y data-index con index0 -->
4194      <article class="slide " data-index="4" aria-hidden="true">
4195        <div class="copy">
4196        <p class="encabezado-title">Haz que tu dinero trabaje por ti</p>
4197        <h2 class="title">CDTs</h2>
4198        <p class="desc"><span>Invierte en <strong>CDTs digitales</strong> con tasas de hasta el 12.50% E.A.* </span><br><span>Desde $100.000, sin papeleo. Todo desde tu celular.</span></p>
4199        <a href="https://bancofinandina.com/productos/cdts/simulador-cdt?Origen=BHomeCDTDigital" class="cta">Invertir ahora</a>
4200      </div>
4201        <figure class="art">
4202          <!-- Optimización LCP: La primera imagen carga 'eager' con alta prioridad, las demás 'lazy' -->
4203          
4204          <img src="https://www.bancofinandina.com/hs-fs/hubfs/cdts.png?width=260&amp;height=379&amp;name=cdts.png" alt="cdts" loading="lazy" width="260" height="379" decoding="async" srcset="https://www.bancofinandina.com/hs-fs/hubfs/cdts.png?width=130&amp;height=190&amp;name=cdts.png 130w, https://www.bancofinandina.com/hs-fs/hubfs/cdts.png?width=260&amp;height=379&amp;name=cdts.png 260w, https://www.bancofinandina.com/hs-fs/hubfs/cdts.png?width=390&amp;height=569&amp;name=cdts.png 390w, https://www.bancofinandina.com/hs-fs/hubfs/cdts.png?width=520&amp;height=758&amp;name=cdts.png 520w, https://www.bancofinandina.com/hs-fs/hubfs/cdts.png?width=650&amp;height=948&amp;name=cdts.png 650w, https://www.bancofinandina.com/hs-fs/hubfs/cdts.png?width=780&amp;height=1137&amp;name=cdts.png 780w" sizes="(max-width: 260px) 100vw, 260px">
4205        </figure>
4206      </article>
4207      
4208      <!-- Se añade aria-hidden para accesibilidad y data-index con index0 -->
4209      <article class="slide " data-index="5" aria-hidden="true">
4210        <div class="copy">
4211        <p class="encabezado-title">Tu proyecto, tu crédito</p>
4212        <h2 class="title">Créditos</h2>
4213        <p class="desc"><span>Solicita <strong>créditos en línea</strong> para lo que necesites: libre inversión, compra de cartera o préstamos rápidos. Sin filas, sin complicaciones.</span></p>
4214        <a href="https://solicituddigital.bancofinandina.com/formulario-de-venta/credito-de-libre-inversion?tipoProducto=CreditoLibreInversion&amp;origen=BotonHomeCreditosLinea" class="cta">Solicitar crédito</a>
4215      </div>
4216        <figure class="art">
4217          <!-- Optimización LCP: La primera imagen carga 'eager' con alta prioridad, las demás 'lazy' -->
4218          
4219          <img src="https://www.bancofinandina.com/hubfs/creditos.svg" alt="creditos" loading="lazy" width="326" height="395" decoding="async">
4220        </figure>
4221      </article>
4222      
4223    </section>
4224
4225    <!-- NAV -->
4226    <nav class="hs-slider-nav">
4227      
4228      <button aria-current="true" class="btn-desktop" data-to="0" aria-label="Vehículo">
4229        <span class="hover-desktop">Cuenta de Ahorro</span>
4230        <span class="titulo-responsive-ico">Cuenta de Ahorro</span>
4231        
4232        
4233        
4234        
4235            
4236        
4237         
4238        <img src="https://www.bancofinandina.com/hubfs/Group%2034713.svg" alt="Group 34713" loading="lazy" width="45" height="50" style="max-width: 100%; height: auto;" decoding="async">
4239    
4240      </button>
4241      
4242      <button aria-current="false" class="btn-desktop" data-to="1" aria-label="Vehículo">
4243        <span class="hover-desktop">Crédito de Vehículo</span>
4244        <span class="titulo-responsive-ico">Crédito de Vehículo</span>
4245        
4246        
4247        
4248        
4249            
4250        
4251         
4252        <img src="https://www.bancofinandina.com/hubfs/Group.svg" alt="Group" loading="lazy" width="66" height="37" style="max-width: 100%; height: auto;" decoding="async">
4253    
4254      </button>
4255      
4256      <button aria-current="false" class="btn-desktop" data-to="2" aria-label="Vehículo">
4257        <span class="hover-desktop">Crédito de Libranza</span>
4258        <span class="titulo-responsive-ico">Crédito de Libranza</span>
4259        
4260        
4261        
4262        
4263            
4264        
4265         
4266        <img src="https://www.bancofinandina.com/hubfs/Group-2.svg" alt="Group-2" loading="lazy" width="56" height="35" style="max-width: 100%; height: auto;" decoding="async">
4267    
4268      </button>
4269      
4270      <button aria-current="false" class="btn-desktop" data-to="3" aria-label="Vehículo">
4271        <span class="hover-desktop">Tarjetas de Crédito</span>
4272        <span class="titulo-responsive-ico">Tarjetas de Crédito</span>
4273        
4274        
4275        
4276        
4277            
4278        
4279         
4280        <img src="https://www.bancofinandina.com/hubfs/Group-3.svg" alt="Group-3" loading="lazy" width="59" height="38" style="max-width: 100%; height: auto;" decoding="async">
4281    
4282      </button>
4283      
4284      <button aria-current="false" class="btn-desktop" data-to="4" aria-label="Vehículo">
4285        <span class="hover-desktop">CDTs</span>
4286        <span class="titulo-responsive-ico">CDTs</span>
4287        
4288        
4289        
4290        
4291            
4292        
4293         
4294        <img src="https://www.bancofinandina.com/hubfs/Group%2034649.svg" alt="Group 34649" loading="lazy" width="35" height="50" style="max-width: 100%; height: auto;" decoding="async">
4295    
4296      </button>
4297      
4298      <button aria-current="false" class="btn-desktop" data-to="5" aria-label="Vehículo">
4299        <span class="hover-desktop">Créditos</span>
4300        <span class="titulo-responsive-ico">Créditos</span>
4301        
4302        
4303        
4304        
4305            
4306        
4307         
4308        <img src="https://www.bancofinandina.com/hubfs/Group-1.svg" alt="Group-1" loading="lazy" width="35" height="47" style="max-width: 100%; height: auto;" decoding="async">
4309    
4310      </button>
4311      
4312      <div class="indicator hs-slider-indicator"></div>
4313    </nav>
4314  </main>
4315
4316  
4316<script>
4317    (function(){
4318      // raíz del módulo (evita colisiones con otros elementos de la página)
4319      const root = document.currentScript.closest('.section-slider');
4320      if (!root) return;
4321
4322      // ====== SLIDER ======
4323      const slides    = Array.from(root.querySelectorAll('.slide'));
4324      const buttons   = Array.from(root.querySelectorAll('.hs-slider-nav button'));
4325      const nav       = root.querySelector('.hs-slider-nav');
4326      const indicator = root.querySelector('.hs-slider-indicator');
4327      const track     = root.querySelector('.hs-slider-track');
4328
4329      // Normaliza el intervalo (fallback a 3000ms si no viene)
4330      const INTERVAL_MS = (parseInt('5', 10) || 3) * 1000;
4331      const COUNT = Math.min(slides.length, buttons.length);
4332
4333      if (!COUNT || !nav || !indicator) return; // nada que animar
4334
4335      let index = 0;
4336      let timer = null;
4337
4338      // Cacheamos la MediaQuery para no recalcular en cada resize innecesariamente
4339      const mql = window.matchMedia('(max-width:780px)');
4340      const isMobile = () => mql.matches;
4341
4342      // Optimización: Agrupa las actualizaciones del DOM relacionadas a la accesibilidad
4343      function updateAria(i){
4344        buttons.forEach((b, ix) => b.setAttribute('aria-current', ix === i ? 'true' : 'false'));
4345        slides.forEach((s, ix) => s.setAttribute('aria-hidden', ix === i ? 'false' : 'true'));
4346      }
4347
4348      function centerActiveIfMobile(){
4349        if (!isMobile()) return;
4350        const btn = buttons[index];
4351        const target = btn.offsetLeft - (nav.clientWidth - btn.clientWidth)/2;
4352        nav.scrollTo({ left: target, behavior: 'smooth' });
4353      }
4354
4355      function moveIndicator(){
4356        // Fase 1: Lecturas del DOM (Batch DOM Reads)
4357        const mobile = isMobile();
4358        const navRect = nav.getBoundingClientRect();
4359        const railPad = parseInt(getComputedStyle(nav).getPropertyValue('--rail-pad')) || 12;
4360        const navWidth = nav.clientWidth;
4361        const btn = buttons[index];
4362        
4363        let newWidth, newLeft;
4364
4365        if (mobile){
4366          const railWidth = navWidth - railPad*2;
4367          const segW = railWidth / COUNT;
4368          newWidth = segW;
4369          newLeft = railPad + segW * index;
4370        } else {
4371          const svg = btn.querySelector('svg') || btn;
4372          const svgRect = svg.getBoundingClientRect();
4373          const cx = (svgRect.left - navRect.left) + (svgRect.width / 2);
4374          newWidth = Math.max(180, Math.round(svgRect.width * 0.7));
4375          newLeft = cx - newWidth/2;
4376        }
4377
4378        // Fase 2: Escrituras del DOM (Batch DOM Writes usando RAF)
4379        requestAnimationFrame(() => {
4380          indicator.style.width = newWidth + 'px';
4381          indicator.style.left  = newLeft + 'px';
4382        });
4383      }
4384
4385      function setActive(i, user=false){
4386        slides[index].classList.remove('is-active');
4387        index = (i + COUNT) % COUNT;
4388        slides[index].classList.add('is-active');
4389
4390        updateAria(index);
4391        centerActiveIfMobile();
4392        moveIndicator();
4393        if (user) restart();
4394      }
4395
4396      function next(){ setActive(index + 1); }
4397      function start(){ stop(); timer = setInterval(next, INTERVAL_MS); }
4398      function stop(){ if (timer){ clearInterval(timer); timer = null; } }
4399      function restart(){ stop(); start(); }
4400
4401      // ====== SWIPE / DRAG LOGIC ======
4402      let startX = 0;
4403      let currentX = 0;
4404      let isDragging = false;
4405      const SWIPE_THRESHOLD = 50; // Píxeles necesarios para cambiar de slide
4406
4407      function dragStart(e) {
4408        isDragging = true;
4409        startX = e.type.includes('mouse') ? e.pageX : e.touches[0].clientX;
4410        currentX = startX;
4411        stop(); // Pausamos el autoplay mientras arrastra
4412      }
4413
4414      function dragMove(e) {
4415        if (!isDragging) return;
4416        currentX = e.type.includes('mouse') ? e.pageX : e.touches[0].clientX;
4417      }
4418
4419      function dragEnd() {
4420        if (!isDragging) return;
4421        isDragging = false;
4422        
4423        const diffX = startX - currentX;
4424        
4425        if (Math.abs(diffX) > SWIPE_THRESHOLD) {
4426          if (diffX > 0) {
4427            setActive(index + 1, true); // Swipe a la izquierda -> Siguiente
4428          } else {
4429            setActive(index - 1, true); // Swipe a la derecha -> Anterior
4430          }
4431        } else {
4432          start(); // Si el movimiento fue muy corto, retomamos el autoplay
4433        }
4434      }
4435
4436      // Eventos Táctiles (Móviles / Tablets) - passive:true mejora el rendimiento de scroll
4437      track.addEventListener('touchstart', dragStart, { passive: true });
4438      track.addEventListener('touchmove', dragMove, { passive: true });
4439      track.addEventListener('touchend', dragEnd);
4440
4441      // Eventos de Ratón (Escritorio)
4442      track.addEventListener('mousedown', dragStart);
4443      track.addEventListener('mousemove', dragMove);
4444      track.addEventListener('mouseup', dragEnd);
4445      track.addEventListener('mouseleave', dragEnd);
4446
4447      // ====== EVENTOS DE NAVEGACIÓN Y HOVER ======
4448      buttons.forEach((btn, i)=>{
4449        btn.addEventListener('click', ()=> setActive(i, true));
4450        btn.addEventListener('keydown', e=>{
4451          if (e.key === 'Enter' || e.key === ' '){ e.preventDefault(); setActive(i, true); }
4452        });
4453      });
4454
4455      // Pausar autoplay en hover/focus
4456      [track, nav].forEach(el=>{
4457        el.addEventListener('mouseenter', stop);
4458        el.addEventListener('mouseleave', start);
4459        el.addEventListener('focusin', stop);
4460        el.addEventListener('focusout', start);
4461      });
4462
4463      // Optimización: Debounce para evitar sobrecarga durante eventos de resize
4464      let resizeTimeout;
4465      function handleResize() {
4466        clearTimeout(resizeTimeout);
4467        resizeTimeout = setTimeout(() => {
4468          centerActiveIfMobile();
4469          moveIndicator();
4470        }, 100);
4471      }
4472
4473      window.addEventListener('resize', handleResize);
4474
4475      if ('ResizeObserver' in window){
4476        const ro = new ResizeObserver(handleResize);
4477        ro.observe(nav);
4478      }
4479
4480      // Init
4481      setActive(0);
4482      start();
4483    })();
4484  </script>
4484
4485</div>
4486
4487</div>
4488
4489</div><!--end widget-span -->
4490</div><!--end row-->
4491</div><!--end row-wrapper -->
4492
4493</div><!--end widget-span -->
4494</div><!--end row-->
4495</div><!--end row-wrapper -->
4496
4497<div class="row-fluid-wrapper row-depth-1 row-number-11 dnd-section">
4498<div class="row-fluid ">
4499<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
4500
4501<div class="row-fluid-wrapper row-depth-1 row-number-12 dnd-row">
4502<div class="row-fluid ">
4503<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
4504<span id="hs_cos_wrapper_widget_1782917949090" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><!-- custom widget definition not found (portalId: null, path: null, moduleId: null) --></span>
4505
4506</div><!--end widget-span -->
4507</div><!--end row-->
4508</div><!--end row-wrapper -->
4509
4510</div><!--end widget-span -->
4511</div><!--end row-->
4512</div><!--end row-wrapper -->
4513
4514<div class="row-fluid-wrapper row-depth-1 row-number-13 dnd-section">
4515<div class="row-fluid ">
4516<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
4517
4518<div class="row-fluid-wrapper row-depth-1 row-number-14 dnd-row">
4519<div class="row-fluid ">
4520<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
4521<span id="hs_cos_wrapper_widget_1782917882275" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><!-- custom widget definition not found (portalId: null, path: null, moduleId: null) --></span>
4522
4523</div><!--end widget-span -->
4524</div><!--end row-->
4525</div><!--end row-wrapper -->
4526
4527</div><!--end widget-span -->
4528</div><!--end row-->
4529</div><!--end row-wrapper -->
4530
4531<div class="row-fluid-wrapper row-depth-1 row-number-15 dnd-section">
4532<div class="row-fluid ">
4533<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
4534
4535<div class="row-fluid-wrapper row-depth-1 row-number-16 dnd-row">
4536<div class="row-fluid ">
4537<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
4538<div id="hs_cos_wrapper_dnd_area-dnd_partial-8-module-2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="section-carrusel">
4539  
4540<section class="section">
4541  <h2>Lo mejor de Banco Finandina</h2>
4542  <p>te espera</p>
4543</section>
4544
4545<div class="carousel" aria-roledescription="carrusel">
4546  <div class="viewport js-carousel-viewport" aria-live="polite">
4547    <div class="track js-track">
4548
4549      
4550      <!-- SLIDE -->
4551      <section class="slide" style="background-image:url('https://www.bancofinandina.com/hubfs/Property%201=Variant2%20%283%29%20%281%29.png');">
4552        <div class="copy">
4553          <h3 class="headline">¿Primera vez o nuevo comienzo? </h3>
4554          <p class="sub">Abre y recarga tu CDT para activar tu tarjeta garantizada hoy mismo. Construye o recupera tu historial crediticio.</p>
4555          <a class="btn" href="https://www.bancofinandina.com/productos/tarjetas-credito/solicitar-tarjeta-de-credito-digital?origen_fe=BSliderHomeTGarantizada">¡La quiero!</a>
4556        </div>
4557        <div aria-hidden="true"></div>
4558      </section>
4559      
4560      <!-- SLIDE -->
4561      <section class="slide" style="background-image:url('https://www.bancofinandina.com/hubfs/AI-Generated%20Media/Images/Red%20Used%20Car%20on%20Side%20Roadway.png');">
4562        <div class="copy">
4563          <h3 class="headline">¡Financiamos vehículos hasta con 14 años de antigüedad!</h3>
4564          <p class="sub">Solicita tu crédito para vehículo usado con financiación de hasta el 100% </p>
4565          <a class="btn" href="https://solicituddigital.bancofinandina.com/formulario-de-venta/credito-de-vehiculo/formulario-de-solicitud?t
4565ipoProducto=CreditoVehiculo&amp;origen=BSliderHomeVehiculos">Solicitar crédito</a>
4566        </div>
4567        <div aria-hidden="true"></div>
4568      </section>
4569      
4570      <!-- SLIDE -->
4571      <section class="slide" style="background-image:url('https://www.bancofinandina.com/hubfs/banner-inversion.png');">
4572        <div class="copy">
4573          <h3 class="headline">¡Pon tu dinero a trabajar en minutos!</h3>
4574          <p class="sub">Abre tu CDT digital y gana más con las increíbles tasas de interés que tenemos para ti.</p>
4575          <a class="btn" href="https://bancofinandina.com/productos/cdts/simulador-cdt?Origen=BSliderHomeCDTDigital">Invertir ahora</a>
4576        </div>
4577        <div aria-hidden="true"></div>
4578      </section>
4579      
4580
4581    </div>
4582
4583    <!-- Flechas grandes -->
4584    <div class="nav" aria-hidden="false">
4585      <button class="arrow prev js-prev-big" aria-label="Anterior">
4586        <svg viewbox="0 0 24 24"><path d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" /></svg>
4587      </button>
4588      <button class="arrow next js-next-big" aria-label="Siguiente">
4589        <svg viewbox="0 0 24 24"><path d="M8.59 16.59 10 18l6-6-6-6-1.41 1.41L13.17 12z" /></svg>
4590      </button>
4591    </div>
4592
4593    <!-- Paginación EXACTA -->
4594    <div class="pager js-pager">
4595      <button class="mini-btn js-prev-mini" aria-label="Slide anterior">
4596        <svg viewbox="0 0 24 24"><path d="M14 6 15.41 7.41 10.83 12l4.58 4.59L14 18l-6-6z" /></svg>
4597      </button>
4598
4599      <div class="dots" role="tablist" aria-label="Paginación">
4600        
4601          <button class="dot js-dot  active " role="tab" aria-selected="true" aria-label="Ir a slide 1" tabindex="0"></button>
4602        
4603          <button class="dot js-dot " role="tab" aria-selected="false" aria-label="Ir a slide 2" tabindex="-1"></button>
4604        
4605          <button class="dot js-dot " role="tab" aria-selected="false" aria-label="Ir a slide 3" tabindex="-1"></button>
4606        
4607      </div>
4608
4609      <button class="mini-btn js-next-mini" aria-label="Siguiente slide">
4610        <svg viewbox="0 0 24 24"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" /></svg>
4611      </button>
4612    </div>
4613
4614  </div>
4615</div>
4616</div>
4617
4618</div>
4619
4620</div><!--end widget-span -->
4621</div><!--end row-->
4622</div><!--end row-wrapper -->
4623
4624</div><!--end widget-span -->
4625</div><!--end row-->
4626</div><!--end row-wrapper -->
4627
4628<div class="row-fluid-wrapper row-depth-1 row-number-17 dnd-section">
4629<div class="row-fluid ">
4630<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
4631<div id="hs_cos_wrapper_dnd_area-dnd_partial-3-module-1" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><section class="container tarjetas" aria-label="Simuladores de productos">
4632    <h2 class="title">
4633      <small>Simula y elige</small>
4634      <br>
4635      tu mejor opción
4636    </h2>
4637    <div class="cards" id="cards">
4638      
4639      <a class="card" href="https://www.bancofinandina.com/productos/credito-vehiculo/simulador-de-credito-vehiculo?Origen=BSimuladorHomeVehiculo" aria-label="¡Calcula tu crédito de vehículo! Simulador de crédito de vehículo">
4640        <div class="card__eyebrow">¡Calcula tu crédito de vehículo!</div>
4641        <div class="card__cta" aria-hidden="true">
4642          <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
4643            <rect x="0.5" y="0.5" width="19" height="19" rx="9.5" fill="rgba(120,53,195,0.08)" stroke="rgba(120,53,195,0.25)" />
4644            <path d="M6 10H14M10.5 6.5L14 10L10.5 13.5" stroke="#7835C3" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
4645          </svg>
4646        </div>
4647        <div class="card__title">
4648          <small>Simulador de</small>
4649          <strong>crédito de vehículo</strong>
4650        </div>
4651        <!-- Optimización LCP: Eager para la primera, lazy para el resto. Decoding asíncrono para no bloquear el hilo principal -->
4652        <img class="card__img" src="https://www.bancofinandina.com/hubfs/Im%C3%A1genes%20home/Cr%C3%A9dito%20veh%C3%ADculo.svg" alt="" width="300" height="300" loading="eager" fetchpriority="high" decoding="sync">
4653      </a>
4654      
4655      <a class="card" href="https://www.bancofinandina.com/productos/creditos/libranza/simulador-credito-libranza?origen_fe=BSimuladorHomeLibranza" aria-label="Tu tranquilidad, asegurada Simulador de crédito de libranza">
4656        <div class="card__eyebrow">Tu tranquilidad, asegurada</div>
4657        <div class="card__cta" aria-hidden="true">
4658          <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
4659            <rect x="0.5" y="0.5" width="19" height="19" rx="9.5" fill="rgba(120,53,195,0.08)" stroke="rgba(120,53,195,0.25)" />
4660            <path d="M6 10H14M10.5 6.5L14 10L10.5 13.5" stroke="#7835C3" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
4661          </svg>
4662        </div>
4663        <div class="card__title">
4664          <small>Simulador de</small>
4665          <strong>crédito de libranza</strong>
4666        </div>
4667        <!-- Optimización LCP: Eager para la primera, lazy para el resto. Decoding asíncrono para no bloquear el hilo principal -->
4668        <img class="card__img" src="https://www.bancofinandina.com/hubfs/Im%C3%A1genes%20home/Cr%C3%A9dito%20libranza.svg" alt="" width="350" height="350" loading="lazy" decoding="async">
4669      </a>
4670      
4671      <a class="card" href="https://www.bancofinandina.com/productos/cuentas-de-ahorro/simulador-cuenta-de-ahorro" aria-label="¡Empieza tu ahorro! Descubre cuánto puedes ahorrar ahora.">
4672        <div class="card__eyebrow">¡Empieza tu ahorro!</div>
4673        <div class="card__cta" aria-hidden="true">
4674          <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
4675            <rect x="0.5" y="0.5" width="19" height="19" rx="9.5" fill="rgba(120,53,195,0.08)" stroke="rgba(120,53,195,0.25)" />
4676            <path d="M6 10H14M10.5 6.5L14 10L10.5 13.5" stroke="#7835C3" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
4677          </svg>
4678        </div>
4679        <div class="card__title">
4680          <small>Descubre cuánto</small>
4681          <strong>puedes ahorrar ahora.</strong>
4682        </div>
4683        <!-- Optimización LCP: Eager para la primera, lazy para el resto. Decoding asíncrono para no bloquear el hilo principal -->
4684        <img class="card__img" src="https://www.bancofinandina.com/hubfs/Im%C3%A1genes%20home/Billetera%20(2).svg" alt="" width="250" height="250" loading="lazy" decoding="async">
4685      </a>
4686      
4687      <a class="card" href="https://www.bancofinandina.com/productos/tarjetas-credito/simulador-tarjeta-de-credito" aria-label="Calcula y ahorra más. Simulador de Tarjeta de crédito">
4688        <div class="card__eyebrow">Calcula y ahorra más.</div>
4689        <div class="card__cta" aria-hidden="true">
4690          <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
4691            <rect x="0.5" y="0.5" width="19" height="19" rx="9.5" fill="rgba(120,53,195,0.08)" stroke="rgba(120,53,195,0.25)" />
4692            <path d="M6 10H14M10.5 6.5L14 10L10.5 13.5" stroke="#7835C3" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
4693          </svg>
4694        </div>
4695        <div class="card__title">
4696          <small>Simulador de</small>
4697          <strong>Tarjeta de crédito</strong>
4698        </div>
4699        <!-- Optimización LCP: Eager para la primera, lazy para el resto. Decoding asíncrono para no bloquear el hilo principal -->
4700        <img class="card__img" src="https://www.bancofinandina.com/hubfs/Im%C3%A1genes%20home/Tarjeta.svg" alt="" width="280" height="280" loading="lazy" decoding="async">
4701      </a>
4702      
4703      <a class="card" href="https://www.bancofinandina.com/productos/cdts/simulador-cdt?Origen=BSimuladorHomeCDT" aria-label="¡Calcula tu inversión! Simulador de CDT">
4704        <div class="card__eyebrow">¡Calcula tu inversión!</div>
4705        <div class="card__cta" aria-hidden="true">
4706          <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
4707            <rect x="0.5" y="0.5" width="19" height="19" rx="9.5" fill="rgba(120,53,195,0.08)" stroke="rgba(120,53,195,0.25)" />
4708            <path d="M6 10H14M10.5 6.5L14 10L10.5 13.5" stroke="#7835C3" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
4709          </svg>
4710        </div>
4711        <div class="card__title">
4712          <small>Simulador de</small>
4713          <strong>CDT</strong>
4714        </div>
4715        <!-- Optimización LCP: Eager para la primera, lazy para el resto. Decoding asíncrono para no bloquear el hilo principal -->
4716        <img class="card__img" src="https://www.bancofinandina.com/hubfs/Im%C3%A1genes%20home/CDT.svg" alt="" width="320" height="320" loading="lazy" decoding="async">
4717      </a>
4718      
4719      <a class="card" href="https://www.bancofinandina.com/productos/creditos/simulador-de-credito?Origen=BSimuladorHomeCredito" aria-label="¡Calcula tu cuota perfecta! Simulador de crédito libre inversión">
4720        <div class="card__eyebrow">¡Calcula tu cuota perfecta!</div>
4721        <div class="card__cta" aria-hidden="true">
4722          <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
4723            <rect x="0.5" y="0.5" width="19" height="19" rx="9.5" fill="rgba(120,53,195,0.08)" stroke="rgba(120,53,195,0.25)" />
4724            <path d="M6 10H14M10.5 6.5L14 10L10.5 13.5" stroke="#7835C3" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
4725          </svg>
4726        </div>
4727        <div class="card__title">
4728          <small>Simulador de</small>
4729          <strong>crédito libre inversión</strong>
4730        </div>
4731        <!-- Optimización LCP: Eager para la primera, lazy para el resto. Decoding asíncrono para no bloquear el hilo principal -->
4732        <img class="card__img" src="https://www.bancofinandina.com/hubfs/Cr%C3%A9dito.svg" alt="" width="260" height="260" loading="lazy" decoding="async">
4733      </a>
4734      
4735    </div>
4736  </section>
4737
4738  </div>
4739
4740</div><!--end widget-span -->
4741</div><!--end row-->
4742</div><!--end row-wrapper -->
4743
4744<div class="row-fluid-wrapper row-depth-1 row-number-18 dnd-section">
4745<div class="row-fluid ">
4746<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
4747
4748<div class="row-fluid-wrapper row-depth-1 row-number-19 dnd-row">
4749<div class="row-fluid ">
4750<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
4751<div id="hs_cos_wrapper_module_17889763360194" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span class="hs-horizontal-spacer"></span></div>
4752
4753</div><!--end widget-span -->
4754</div><!--end row-->
4755</div><!--end row-wrapper -->
4756
4757</div><!--end widget-span -->
4758</div><!--end row-->
4759</div><!--end row-wrapper -->
4760
4761<div class="row-fluid-wrapper row-depth-1 row-number-20 dnd-section">
4762<div class="row-fluid ">
4763<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
4764<div id="hs_cos_wrapper_dnd_area-dnd_partial-4-module-1" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
4764<section class="section-video-fondo">
4765  <div class="hero-bg" aria-hidden="true">
4766    <video class="hero-video" autoplay muted loop playsinline preload="none">
4767      <source data-src="https://46676057.fs1.hubspotusercontent-na1.net/hubfs/46676057/video-home-finandina-web-1.mp4" type="video/mp4">
4768      Tu navegador no soporta video HTML5.
4769    </video>
4770    <div class="hero-scrim"></div>
4771  </div>
4772
4773  <main id="main" class="hero">
4774    <div class="hero-inner">
4775      <h2 class="hero-title">
4776        Banco Finandina:<br>
4777        <span class="hero-sub">Banca libre, digital y sostenible</span>
4778      </h2>
4779
4780      <a class="cta" href="https://www.bancofinandina.com/banco-digital-bic/sostenible-y-socialmente-responsable" aria-label="Conocer más sobre Banco Finandina">Conocer más</a>
4781    </div>
4782  </main>
4783</section>
4784
4785</div>
4786
4787</div><!--end widget-span -->
4788</div><!--end row-->
4789</div><!--end row-wrapper -->
4790
4791<div class="row-fluid-wrapper row-depth-1 row-number-21 dnd-section">
4792<div class="row-fluid ">
4793<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
4794
4795<div class="row-fluid-wrapper row-depth-1 row-number-22 dnd-row">
4796<div class="row-fluid ">
4797<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
4798<div id="hs_cos_wrapper_dnd_area-module-5" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="section-carousel-logo" id="carousel-" data-hs-carousel data-speed="60" data-hover-pause="true">
4799  <div class="carousel" data-viewport>
4800    <div class="carousel-track" data-track>
4801      
4802        
4803        <img src="https://www.bancofinandina.com/hs-fs/hubfs/Clip%20path%20group.png?width=56&amp;height=91&amp;name=Clip%20path%20group.png" alt="Clip path group" width="56" height="91" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Clip%20path%20group.png?width=28&amp;height=46&amp;name=Clip%20path%20group.png 28w, https://www.bancofinandina.com/hs-fs/hubfs/Clip%20path%20group.png?width=56&amp;height=91&amp;name=Clip%20path%20group.png 56w, https://www.bancofinandina.com/hs-fs/hubfs/Clip%20path%20group.png?width=84&amp;height=137&amp;name=Clip%20path%20group.png 84w, https://www.bancofinandina.com/hs-fs/hubfs/Clip%20path%20group.png?width=112&amp;height=182&amp;name=Clip%20path%20group.png 112w, https://www.bancofinandina.com/hs-fs/hubfs/Clip%20path%20group.png?width=140&amp;height=228&amp;name=Clip%20path%20group.png 140w, https://www.bancofinandina.com/hs-fs/hubfs/Clip%20path%20group.png?width=168&amp;height=273&amp;name=Clip%20path%20group.png 168w" sizes="(max-width: 56px) 100v
4803w, 56px">
4804      
4805        
4806        <img src="https://www.bancofinandina.com/hs-fs/hubfs/Climate%20Neutral%20Now.png?width=87&amp;height=83&amp;name=Climate%20Neutral%20Now.png" alt="Climate Neutral Now" width="87" height="83" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Climate%20Neutral%20Now.png?width=44&amp;height=42&amp;name=Climate%20Neutral%20Now.png 44w, https://www.bancofinandina.com/hs-fs/hubfs/Climate%20Neutral%20Now.png?width=87&amp;height=83&amp;name=Climate%20Neutral%20Now.png 87w, https://www.bancofinandina.com/hs-fs/hubfs/Climate%20Neutral%20Now.png?width=131&amp;height=125&amp;name=Climate%20Neutral%20Now.png 131w, https://www.bancofinandina.com/hs-fs/hubfs/Climate%20Neutral%20Now.png?width=174&amp;height=166&amp;name=Climate%20Neutral%20Now.png 174w, https://www.bancofinandina.com/hs-fs/hubfs/Climate%20Neutral%20Now.png?width=218&amp;height=208&amp;name=Climate%20Neutral%20Now.png 218w, https://www.bancofinandina.com/hs-fs/hubfs/Climate%20Neutral%20Now.png?width=261&amp;height=249&amp;name=Climate%20Neutral%20Now.png 261w" sizes="(max-width: 87px) 100vw, 87px">
4807      
4808        
4809        <img src="https://www.bancofinandina.com/hs-fs/hubfs/Group.png?width=179&amp;height=76&amp;name=Group.png" alt="Group" width="179" height="76" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Group.png?width=90&amp;height=38&amp;name=Group.png 90w, https://www.bancofinandina.com/hs-fs/hubfs/Group.png?width=179&amp;height=76&amp;name=Group.png 179w, https://www.bancofinandina.com/hs-fs/hubfs/Group.png?width=269&amp;height=114&amp;name=Group.png 269w, https://www.bancofinandina.com/hs-fs/hubfs/Group.png?width=358&amp;height=152&amp;name=Group.png 358w, https://www.bancofinandina.com/hs-fs/hubfs/Group.png?width=448&amp;height=190&amp;name=Group.png 448w, https://www.bancofinandina.com/hs-fs/hubfs/Group.png?width=537&amp;height=228&amp;name=Group.png 537w" sizes="(max-width: 179px) 100vw, 179px">
4810      
4811        
4812        <img src="https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC.png?width=146&amp;height=63&amp;name=Sociedad%20BIC.png" alt="Sociedad BIC" width="146" height="63" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC.png?width=73&amp;height=32&amp;name=Sociedad%20BIC.png 73w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC.png?width=146&amp;height=63&amp;name=Sociedad%20BIC.png 146w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC.png?width=219&amp;height=95&amp;name=Sociedad%20BIC.png 219w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC.png?width=292&amp;height=126&amp;name=Sociedad%20BIC.png 292w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC.png?width=365&amp;height=158&amp;name=Sociedad%20BIC.png 365w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC.png?width=438&amp;height=189&amp;name=Sociedad%20BIC.png 438w" sizes="(max-width: 146px) 100vw, 146px">
4813      
4814        
4815        <img src="https://www.bancofinandina.com/hs-fs/hubfs/Pacto%20Global%20ONU.png?width=90&amp;height=92&amp;name=Pacto%20Global%20ONU.png" alt="Pacto Global ONU" width="90" height="92" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Pacto%20Global%20ONU.png?width=45&amp;height=46&amp;name=Pacto%20Global%20ONU.png 45w, https://www.bancofinandina.com/hs-fs/hubfs/Pacto%20Global%20ONU.png?width=90&amp;height=92&amp;name=Pacto%20Global%20ONU.png 90w, https://www.bancofinandina.com/hs-fs/hubfs/Pacto%20Global%20ONU.png?width=135&amp;height=138&amp;name=Pacto%20Global%20ONU.png 135w, https://www.bancofinandina.com/hs-fs/hubfs/Pacto%20Global%20ONU.png?width=180&amp;height=184&amp;name=Pacto%20Global%20ONU.png 180w, https://www.bancofinandina.com/hs-fs/hubfs/Pacto%20Global%20ONU.png?width=225&amp;height=230&amp;name=Pacto%20Global%20ONU.png 225w, https://www.bancofinandina.com/hs-fs/hubfs/Pacto%20Global%20ONU.png?width=270&amp;height=276&amp;name=Pacto%20Global%20ONU.png 270w" sizes="(max-width: 90px) 100vw, 90px">
4816      
4817        
4818        <img src="https://www.bancofinandina.com/hs-fs/hubfs/Informe%20GRI.png?width=91&amp;height=91&amp;name=Informe%20GRI.png" alt="Informe GRI" width="91" height="91" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Informe%20GRI.png?width=46&amp;height=46&amp;name=Informe%20GRI.png 46w, https://www.bancofinandina.com/hs-fs/hubfs/Informe%20GRI.png?width=91&amp;height=91&amp;name=Informe%20GRI.png 91w, https://www.bancofinandina.com/hs-fs/hubfs/Informe%20GRI.png?width=137&amp;height=137&amp;name=Informe%20GRI.png 137w, https://www.bancofinandina.com/hs-fs/hubfs/Informe%20GRI.png?width=182&amp;height=182&amp;name=Informe%20GRI.png 182w, https://www.bancofinandina.com/hs-fs/hubfs/Informe%20GRI.png?width=228&amp;height=228&amp;name=Informe%20GRI.png 228w, https://www.bancofinandina.com/hs-fs/hubfs/Informe%20GRI.png?width=273&amp;height=273&amp;
4818name=Informe%20GRI.png 273w" sizes="(max-width: 91px) 100vw, 91px">
4819      
4820        
4821        <img src="https://www.bancofinandina.com/hs-fs/hubfs/Group%2034227.png?width=76&amp;height=94&amp;name=Group%2034227.png" alt="Group 34227" width="76" height="94" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Group%2034227.png?width=38&amp;height=47&amp;name=Group%2034227.png 38w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034227.png?width=76&amp;height=94&amp;name=Group%2034227.png 76w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034227.png?width=114&amp;height=141&amp;name=Group%2034227.png 114w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034227.png?width=152&amp;height=188&amp;name=Group%2034227.png 152w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034227.png?width=190&amp;height=235&amp;name=Group%2034227.png 190w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034227.png?width=228&amp;height=282&amp;name=Group%2034227.png 228w" sizes="(max-width: 76px) 100vw, 76px">
4822      
4823    </div>
4824  </div>
4825</div>
4826
4827
4828
4829<script>
4830(() => {
4831  const root = document.getElementById('carousel-');
4832  if (!root) return;
4833
4834  const track = root.querySelector('[data-track]');
4835  const carousel = root.querySelector('[data-viewport]');
4836
4837  // Config
4838  let SPEED = parseFloat(root.dataset.speed) || 80;
4839  const HOVER_PAUSE = (root.dataset.hoverPause ?? 'true').toString().toLowerCase() !== 'false';
4840  const prefersReduced = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
4841  if (prefersReduced) SPEED = 0;
4842
4843  // Conjunto original (renderizado por HubSpot)
4844  const initialChildren = Array.from(track.children);          // nodos reales
4845  const originalNodes   = initialChildren.map(n => n.cloneNode(true)); // plantilla para clonar
4846
4847  // Guardas duras: sin logos => no inicializar (no congelar)
4848  if (originalNodes.length === 0) {
4849    console.warn('[carousel] No hay logos en el módulo; se omite inicialización.');
4850    return;
4851  }
4852
4853  // Promise que “asienta” el primer set: usa decode() si existe
4854  const settleImages = () => Promise.all(
4855    initialChildren.map(img => {
4856      if (!(img instanceof HTMLImageElement)) return Promise.resolve();
4857      if (img.complete) return img.decode?.().catch(() => {}) ?? Promise.resolve();
4858      return new Promise(res => {
4859        img.addEventListener('load',  () => res(), { once: true });
4860        img.addEventListener('error', () => res(), { once: true });
4861      });
4862    })
4863  );
4864
4865  // Medir ancho del primer set actualmente en el DOM (primer N hijos)
4866  const measureFirstSetWidth = (N) => {
4867    const styles = getComputedStyle(track);
4868    const gap = parseFloat(styles.columnGap || styles.gap || 0) || 0;
4869    const children = Array.from(track.children);
4870    let w = 0;
4871    for (let i = 0; i < N && i < children.length; i++) {
4872      w += children[i].getBoundingClientRect().width;
4873      if (i < N - 1) w += gap;
4874    }
4875    return Math.round(w);
4876  };
4877
4878  // Reconstruye la “cinta” con longitud suficiente (sin while infinito)
4879  const MAX_EXTRA_SETS = 20; // tope duro para evitar runaway DOM
4880  function ensureTapeLength() {
4881    const viewport = carousel.clientWidth;
4882    if (!viewport) {
4883      // Si el contenedor es 0px (oculto/colapsado), no intentes nada.
4884      // ResizeObserver/resize reintentará cuando cambie.
4885      return;
4886    }
4887
4888    track.replaceChildren();
4889
4890    // 1) Inserta de nuevo el set original (nodos reales ya cargados)
4891    const frag = document.createDocumentFragment();
4892    initialChildren.forEach(n => frag.appendChild(n));
4893    track.appendChild(frag);
4894
4895    // 2) Mide ancho base del set real
4896    const baseSetWidth = Math.max(1, measureFirstSetWidth(initialChildren.length));
4897
4898    // 3) Añade un set más mínimo para continuidad
4899    originalNodes.forEach(n => track.appendChild(n.cloneNode(true)));
4900
4901    // 4) Calcula de forma acotada cuántos sets extra se requieren
4902    const target = viewport * 2 + 1; // ≥ 2× viewport
4903    const missing = Math.max(0, target - track.scrollWidth);
4904    const extra = Math.min(MAX_EXTRA_SETS, Math.ceil(missing / baseSetWidth));
4905    for (let s = 0; s < extra; s++) {
4906      originalNodes.forEach(n => track.appendChild(n.cloneNode(true)));
4907    }
4908  }
4909
4910  // Estado de animación
4911  let loopWidth = 0; // ancho de un set base
4912  let posX = 0;
4913  let lastTs = 0;
4914  let paused = false;
4915  let dragging = false;
4916  let rafId = null;
4917
4918  const computeLoopWidth = () => {
4919    // Ancho de un bloque base = suma de los primeros N (= set original)
4920    const w = measureFirstSetWidth(originalNodes.length);
4921    loopWidth = Math.max(1, w || carousel.clientWidth || 1);
4922  };
4923
4924  const wrap = (x) => {
4925    if (loopWidth <= 0) return x;
4926    x = ((x % loopWidth) + loopWidth) % loopWidth; // [0, loopWidth)
4927    return x - loopWidth;                           // [-loopWidth, 0)
4928  };
4929
4930  function tick(ts) {
4931    if (!lastTs) lastTs = ts;
4932    const dt = Math.min(0.05, (ts - lastTs) / 1000); // cap 50ms para estabilidad
4933    lastTs = ts;
4934
4935    if (!paused && !dragging && SPEED) posX -= SPEED * dt;
4936    posX = wrap(posX);
4937    track.style.transform = `translate3d(${posX}px,0,0)`;
4938
4939    rafId = requestAnimationFrame(tick);
4940  }
4941
4942  function start() {
4943    if (rafId == null) rafId = requestAnimationFrame(tick);
4944  }
4945  function stop() {
4946    if (rafId != null) {
4947      cancelAnimationFrame(rafId);
4948      rafId = null;
4949    }
4950  }
4951
4952  // Drag con Pointer Events (fallback a touch/mouse si no hay soporte)
4953  let startX = 0;
4954  let startPosX = 0;
4955
4956  const onPointerDown = (e) => {
4957    dragging = true;
4958    carousel.style.cursor = 'grabbing';
4959    startX = (e.clientX ?? e.touches?.[0]?.clientX ?? 0);
4960    startPosX = posX;
4961    if ('setPointerCapture' in carousel && e.pointerId != null) {
4962      carousel.setPointerCapture(e.pointerId);
4963    }
4964    e.preventDefault();
4965  };
4966  const onPointerMove = (e) => {
4967    if (!dragging) return;
4968    const x = (e.clientX ?? e.touches?.[0]?.clientX ?? 0);
4969    posX = wrap(startPosX + (x - startX));
4970  };
4971  const onPointerUp = (e) => {
4972    dragging = false;
4973    carousel.style.cursor = 'grab';
4974    if ('releasePointerCapture' in carousel && e.pointerId != null) {
4975      carousel.releasePointerCapture(e.pointerId);
4976    }
4977  };
4978
4979  const bindInputEvents = () => {
4980    const supportsPointer = 'PointerEvent' in window;
4981    if (supportsPointer) {
4982      carousel.addEventListener('pointerdown', onPointerDown, { passive: false });
4983      carousel.addEventListener('pointermove', onPointerMove, { passive: false });
4984      carousel.addEventListener('pointerup',   onPointerUp);
4985      carousel.addEventListener('pointercancel', onPointerUp);
4986    } else {
4987      // Fallback para navegadores antiguos
4988      carousel.addEventListener('touchstart', onPointerDown, { passive: false });
4989      carousel.addEventListener('touchmove',  onPointerMove, { passive: false });
4990      carousel.addEventListener('touchend',   onPointerUp);
4991      carousel.addEventListener('mousedown',  onPointerDown);
4992      window.addEventListener('mousemove',    onPointerMove);
4993      window.addEventListener('mouseup',      onPointerUp);
4994    }
4995  };
4996
4997  // Rebuild (throttle) ante cambios de tamaño
4998  let rebuildRaf = null;
4999  const scheduleRebuild = () => {
5000    if (rebuildRaf) return;
5001    rebuildRaf = requestAnimationFrame(() => {
5002      const progress = loopWidth ? (-posX / loopWidth) : 0; // guarda progreso
5003      ensureTapeLength();
5004      computeLoopWidth();
5005      posX = wrap(-progress * loopWidth);
5006      rebuildRaf = null;
5007    });
5008  };
5009
5010  const ro = typeof ResizeObserver !== 'undefined'
5011    ? new ResizeObserver(scheduleRebuild)
5012    : null;
5013
5014  document.addEventListener('visibilitychange', () => {
5015    if (document.hidden) stop(); else start();
5016  });
5017
5018  (async function init() {
5019    await settleImages();                // Asegura medidas del primer set
5020    ensureTapeLength();                  // Construye cinta sin while infinito
5021    computeLoopWidth();
5022
5023    if (HOVER_PAUSE) {
5024      carousel.addEventListener('mouseenter', () => { paused = true; });
5025      carousel.addEventListener('mouseleave', () => { paused = false; });
5026    }
5027
5028    bindInputEvents();
5029    if (ro) ro.observe(carousel); else window.addEventListener('resize', scheduleRebuild);
5030
5031    start();
5032  })();
5033})();
5034</script>
5034</div>
5035
5036</div><!--end widget-span -->
5037</div><!--end row-->
5038</div><!--end row-wrapper -->
5039
5040</div><!--end widget-span -->
5041</div><!--end row-->
5042</div><!--end row-wrapper -->
5043
5044<div class="row-fluid-wrapper row-depth-1 row-number-23 dnd-section">
5045<div class="row-fluid ">
5046<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
5047
5048<div class="row-fluid-wrapper row-depth-1 row-number-24 dnd-row">
5049<div class="row-fluid ">
5050<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
5051<div id="hs_cos_wrapper_dnd_area-dnd_partial-6-module-2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><section class="h-bank-card " aria-labelledby="h-bank-title-">
5052  <div class="h-bank-card__inner">
5053    <div class="h-bank-card__media" role="img" aria-hidden="true">
5054      <div class="animation-scene">                        <div class="layer-bg">                 <svg viewbox="0 0 522 362" fill="none" preserveaspectratio="xMidYMid slice" style="width:100%; height:100%;">                    <g clip-path="url(#clip0_new_bg)">                        <path d="M0 24C0 10.7452 10.7452 0 24 0H522V362H24C10.7452 362 0 351.255 0 338V24Z" fill="url(#paint0_linear_new)" />                        <g filter="url(#filter0_f_new)">                            <circle cx="230" cy="181" r="78" fill="url(#paint1_radial_new)" />                        </g>                        <g filter="url(#filter1_f_new)">                            <ellipse cx="251" cy="142.5" rx="26" ry="26.5" fill="url(#paint2_radial_new)" fill-opacity="0.91" />                        </g>                        <path opacity="0.91" d="M540.24 336.26C529.27 312.9 510.27 293.4 487.2 281.83C477.84 277.14 467.89 273.73 457.98 270.35C449.36 267.4 440.74 264.46 432.12 261.51C424.59 258.94 415.51 256.59 409.29 261.57C404.77 265.19 403.35 271.67 398.88 275.35C392.4 280.68 382.31 277.86 375.91 272.45C369.5 267.04 365.14 259.53 358.78 254.07C350.08 246.6 338.54 243.62 328.01 239.08C308.16 230.53 291.32 216.01 277.54 199.36C269.82 190.03 262.34 179.49 251.03 175.16C238.9 170.52 225.29 174.15 213.08 178.6C205.75 181.27 198.34 184.35 192.64 189.68C187.93 194.09 184.63 199.82 179.93 204.24C161.98 221.08 127.4 216.02 116.22 237.95C114.71 240.91 113.78 244.19 111.76 246.82C109.57 249.67 106.33 251.46 103.4 253.54C97.8796 257.45 93.2896 262.51 88.9396 267.68C74.6596 284.69 62.4996 303.39 51.4496 322.66L48.3496 336.24H540.23L540.24 336.26Z" fill="url(#paint3_linear_new)" />                        <g filter="url(#filter2_f_new)">                            <rect y="336" width="522" height="26" fill="#60C388" />                        </g>                    </g>                    <defs>                        <filter id="filter0_f_new" x="139" y="90" width="182" height="182" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB">                            <feflood flood-opacity="0" result="BackgroundImageFix" />                            <feblend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />                            <fegaussianblur stdDeviation="6.5" result="effect1_foregroundBlur" />                        </filter>                        <filter id="filter1_f_new" x="194" y="85" width="114" height="115" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB">                            <feflood flood-opacity="0" result="BackgroundImageFix" />                            <feblend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />                            <fegaussianblur stdDeviation="15.5" result="effect1_foregroundBlur" />                        </filter>                        <filter id="filter2_f_new" x="-5" y="331" width="532" height="36" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB">                            <feflood flood-opacity="0" result="BackgroundImageFix" />                            <feblend mode="normal" in="SourceGraphic" in2="Backgroun
5054dImageFix" result="shape" />                            <fegaussianblur stdDeviation="2.5" result="effect1_foregroundBlur" />                        </filter>                        <lineargradient id="paint0_linear_new" x1="261" y1="0" x2="261" y2="776" gradientunits="userSpaceOnUse">                            <stop stop-color="#BB9AE1" />                            <stop offset="1" stop-color="#60C388" />                        </lineargradient>                        <radialgradient id="paint1_radial_new" cx="0" cy="0" r="1" gradientunits="userSpaceOnUse" gradienttransform="translate(230 181) rotate(72.4884) scale(214.291)">                            <stop stop-color="#E4D7F3" />                            <stop offset="1" stop-color="#9747FF" />                        </radialgradient>                        <radialgradient id="paint2_radial_new" cx="0" cy="0" r="1" gradienttransform="matrix(10.5763 33.6864 -33.0508 10.7797 251 142.5)" gradientunits="userSpaceOnUse">                            <stop stop-color="#60C388" />                            <stop offset="1" stop-color="#E4D7F3" />                        </radialgradient>                        <lineargradient id="paint3_linear_new" x1="250.5" y1="153.01" x2="241.5" y2="336.01" gradientunits="userSpaceOnUse">                            <stop offset="0.219896" stop-color="#522A7F" />                            <stop offset="1" stop-color="#60C388" />                        </lineargradient>                        <clippath id="clip0_new_bg">                            <path d="M0 24C0 10.7452 10.7452 0 24 0H522V362H24C10.7452 362 0 351.255 0 338V24Z" fill="white" />                        </clippath>                    </defs>                </svg>            </div>            <img src="https://www.bancofinandina.com/hubfs/Animaciones/Animacion-2/carro.svg" class="img-
5054asset car-img" alt="Carro" width="180" height="90">            <div class="layer-fg">                <svg viewbox="0 0 522 101" fill="none" preserveaspectratio="none" style="width:100%; display:block;">                    <defs>                        <lineargradient id="gFront0" x1="270.5" y1="19.4" x2="269" y2="100.4" gradientunits="userSpaceOnUse"><stop stop-color="#7835C3" /><stop offset="1" stop-color="#60C388" /></lineargradient>                        <lineargradient id="gFront1" x1="269.5" y1="-12" x2="267.5" y2="109" gradientunits="userSpaceOnUse"><stop stop-color="#9747FF" /><stop offset="1" stop-color="#60C388" /></lineargradient>                    </defs>                    <path opacity="0.9" d="M387.8 100.7C381.8 90.7 371.7 83.3 360.5 80.5C353.9 78.8 346.9 78.7 340.3 77.2C324.9 73.7 312.1 63.3 301 52.1C295.2 46.3 289.3 39.9 281.4 37.8C270.6 34.8 259.4 40.5 250.7 47.5C242.1 54.5 234.5 63.2 224.4 67.9C218.1 70.8 211.2 72.1 204.4 73.3C180.5 77.5 156.6 81.7 132.8 85.9L72.3 100.7H387.8Z" fill="url(#gFront0)" />                    <path opacity="0.9" d="M600.3 100.7C593.9 85.8 573.3 83.7 557.8 88.3C551.1 90.3 544.5 93.2 537.5 93.1C530.6 93.1 524 90.1 518.1 86.5C507.7 80.4 498.6 72.3 487.9 66.8C477.2 61.2 464.1 58.5 453.3 63.9C447.2 66.9 441.9 72.4 435.1 72.7C429.9 73 425.1 70.1 420.9 67.1C406.2 56.6 393.7 42.9 384.7 27.2C377.8 15.1 369.8 -0.2 355.8 0C346.2 0.1 338.8 8 332.5 15.3C316.3 34.3 300 53.2 283.8 72.2C275.2 82.2 264.9 93 251.7 93C239.3 93 229.4 83.4 220.1 75.1C210.9 66.8 198.7 58.8 186.9 62.7C184.5 63.5 182.2 64.8 179.6 65.2C174.4 66 169.5 62.7 165.3 59.5C146.9 45.9 128.5 32.4 110.1 18.8C100.7 11.9 90.3 4.6 78.7 5.3C69.8 5.8 61.9 10.9 54.5 15.8C21.6 37.7 -11.3 59.7 -44.1 81.6L-78 100.7H600.3Z" fill="url(#gFront1)" />                </svg>            </div>            <img src="https://www.bancofinandina.com/hubfs/Animaciones/Animacion-2/hoja1.svg" class="img-
5054asset leaf-img l1" alt="Hoja 1" width="32" height="32">            <img src="https://www.bancofinandina.com/hubfs/Animaciones/Animacion-2/hojai.svg" class="img-asset leaf-img l2" alt="Hoja 2" width="55" height="55">            <img src="https://www.bancofinandina.com/hubfs/Animaciones/Animacion-2/hojad.svg" class="img-asset leaf-img l3" alt="Hoja 3" width="40" height="40">            <img src="https://www.bancofinandina.com/hubfs/Animaciones/Animacion-2/hojac.svg" class="img-asset leaf-img l4" alt="Hoja 4" width="22" height="22">        </div>
5055    </div>
5056
5057    <div class="h-bank-card__content">
5058      <div id="hs_cos_wrapper_dnd_area-dnd_partial-6-module-2_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="texto"><h3><strong><span style="font-size: 30px;">Finandina </span></strong><br><strong><span style="font-size: 30px;">un banco sostenible</span></strong></h3>
5059<p>Nuestras políticas de gestión aportan positivamente a la comunidad y al planeta mediante un modelo de inclusión financiera.</p></div>
5060
5061      
5062      
5063      <a class="h-bank-card-btn" href="https://www.bancofinandina.com/banco-digital-bic/sostenible-y-socialmente-responsable" target="_blank" rel="noopener">
5064        Conoce más
5065      </a>
5066    </div>
5067  </div>
5068</section>
5069
5070</div>
5071
5072</div><!--end widget-span -->
5073</div><!--end row-->
5074</div><!--end row-wrapper -->
5075
5076</div><!--end widget-span -->
5077</div><!--end row-->
5078</div><!--end row-wrapper -->
5079
5080<div class="row-fluid-wrapper row-depth-1 row-number-25 dnd-section">
5081<div class="row-fluid ">
5082<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
5083<div id="hs_cos_wrapper_dnd_area-module-7" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><section class="h-bank-card h-bank-card--reverse" aria-labelledby="h-bank-title-">
5084  <div class="h-bank-card__inner">
5085    <div class="h-bank-card__media" role="img" aria-hidden="true">
5086      <div class="animation-col">            <img src="https://www.bancofinandina.com/hubfs/Animaciones/Animaci%C3%B3n%203/fondo-carro.svg" class="img-
5086asset bg-interior" alt="Interior">            <div class="screen-wrapper">                <img src="https://www.bancofinandina.com/hubfs/Animaciones/Animaci%C3%B3n%203/tablero.svg" class="img-asset screen-img" alt="Pantalla">                <div class="screen-light"></div>            </div>            <img src="https://www.bancofinandina.com/hubfs/Animaciones/Animaci%C3%B3n%203/volante.svg" class="img-asset wheel-img" alt="Volante">        </div>
5087    </div>
5088
5089    <div class="h-bank-card__content">
5090      <div id="hs_cos_wrapper_dnd_area-module-7_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="texto"><h3><strong><span style="font-size: 30px;">Movilidad</span></strong><br><strong><span style="font-size: 30px;">Inteligente</span></strong></h3>
5091<p>En un mundo en constante movimiento, tenemos TODO para el medio de transporte de tu preferencia.</p></div>
5092
5093      
5094      
5095      <a class="h-bank-card-btn" href="/movilidad" target="_blank" rel="noopener">
5096        Conoce más
5097      </a>
5098    </div>
5099  </div>
5100</section>
5101
5102</div>
5103
5104</div><!--end widget-span -->
5105</div><!--end row-->
5106</div><!--end row-wrapper -->
5107
5108<div class="row-fluid-wrapper row-depth-1 row-number-26 dnd-section">
5109<div class="row-fluid ">
5110<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
5111<div id="hs_cos_wrapper_dnd_area-dnd_partial-9-module-1" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><section class="financial-module">
5112  <!-- Left-side gradient band (width controlled via --bg-right) -->
5113  <div class="left-band" aria-hidden="true"></div>
5114
5115  <div class="container">
5116    <header class="module-header">
5117      <h2>Más que un banco:</h2>
5118      <p>tu guía hacia la libertad financiera</p>
5119    </header>
5120    <div class="cards">
5121      <!-- CARD 1 -->
5122      <article class="card card--izq" style="
5123                      /* Replace these with your real assets */
5124                      --img1: url('https://www.bancofinandina.com/hubfs/Group%2034698.png');
5125                      --img2: url('https://www.bancofinandina.com/hubfs/Ellipse%2065.png');
5126                      --img3: url('https://www.bancofinandina.com/hubfs/Vector%20%281%29.png');
5127                      ">
5128        <a href="https://www.bancofinandina.com/finanblog" class="cta">Comenzar ahora <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none">
5129  <path fill-rule="evenodd" clip-rule="evenodd" d="M13.8483 5.46742C14.1333 5.17753 14.5953 5.17753 14.8803 5.46742L20.7863 11.4751C20.9231 11.6143 21 11.8031 21 12C21 12.1969 20.9231 12.3857 20.7863 12.5249L14.8803 18.5326C14.5953 18.8225 14.1333 18.8225 13.8483 18.5326C13.5634 18.2427 13.5634 17.7727 13.8483 17.4828L19.2383 12L13.8483 6.51719C13.5634 6.2273 13.5634 5.7573 13.8483 5.46742Z" fill="#6530A1" />
5130  <path fill-rule="evenodd" clip-rule="evenodd" d="M3 12C3 11.59 3.32671 11.2577 3.72973 11.2577H20.1049C20.5079 11.2577 20.8346 11.59 20.8346 12C20.8346 12.41 20.5079 12.7423 20.1049 12.7423H3.72973C3.32671 12.7423 3 12.41 3 12Z" fill="#6530A1" />
5131</svg></a>
5132
5133        <div class="card-inner">
5134          <h3>FinanBlog</h3>
5135          <p>
5136            Consejos prácticos sobre sostenibilidad, negocios y finanzas personales.
5137            Inspírate con ideas que transforman tu manera de manejar el dinero.
5138          </p>
5139        </div>
5140      </article>
5141
5142      <!-- CARD 2 -->
5143      <article class="card card--der" style="
5144                      /* Replace these with your real assets */
5145                      --img1: url('https://www.bancofinandina.com/hubfs/Group%2034704.png');
5146                      --img2: url('https://www.bancofinandina.com/hubfs/Ellipse%2065%20%281%29.png');
5147                      --img3: url('https://www.bancofinandina.com/hubfs/Vector%20%282%29.png');
5148                      ">
5149        <a href="https://www.bancofinandina.com/servicio-al-cliente/educacion-y-consumidor-financiero" class="cta">Comenzar ahora <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none">
5150  <path fill-rule="evenodd" clip-rule="evenodd" d="M13.8483 5.46742C14.1333 5.17753 14.5953 5.17753 14.8803 5.46742L20.7863 11.4751C20.9231 11.6143 21 11.8031 21 12C21 12.1969 20.9231 12.3857 20.7863 12.5249L14.8803 18.5326C14.5953 18.8225 14.1333 18.8225 13.8483 18.5326C13.5634 18.2427 13.5634 17.7727 13.8483 17.4828L19.2383 12L13.8483 6.51719C13.5634 6.2273 13.5634 5.7573 13.8483 5.46742Z" fill="#6530A1" />
5151  <path fill-rule="evenodd" clip-rule="evenodd" d="M3 12C3 11.59 3.32671 11.2577 3.72973 11.2577H20.1049C20.5079 11.2577 20.8346 11.59 20.8346 12C20.8346 12.41 20.5079 12.7423 20.1049 12.7423H3.72973C3.32671 12.7423 3 12.41 3 12Z" fill="#6530A1" />
5152</svg></a>
5153
5154        <div class="card-inner">
5155          <h3>Educación Financiera</h3>
5156          <p>
5157            Aprende a ahorrar, invertir y tomar decisiones inteligentes con nuestras
5158            guías de educación financiera. Empieza hoy a construir tu libertad económica.
5159          </p>
5160        </div>
5161      </article>
5162    </div>
5163  </div>
5164</section>
5165
5166</div>
5167
5168</div><!--end widget-span -->
5169</div><!--end row-->
5170</div><!--end row-wrapper -->
5171
5172</div><!--end widget-span -->
5173</div>
5174</div>
5175</div>
5176
5177    </main>
5178    
5179    
5180    <div id="hs_cos_wrapper_module_17642095525359" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><!-- Dock lateral con ondas permanentes -->
5181<div class="section-botones-flotantes fab-dock">
5182  <ul class="fab-list">
5183
5184    <!-- WhatsApp -->
5185    
5186<li class="fab-item">
5187  <span class="fab-waves ">
5188    <span class="ring ring1"></span>
5189    <span class="ring ring2"></span>
5190    <span class="ring ring3"></span>
5191  </span>
5192
5193  
5194  <a href="https://api.whatsapp.com/send?phone=573173001354&amp;text=Hola" target="_blank" class="fab-link" style="background: #00984C" aria-label="Chat en línea" rel="noopener noreferrer">
5195    <span class="fab-icon">
5196      
5197        
5198        <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5199          <path fill-rule="evenodd" clip-rule="evenodd" d="M16 2.667C8.636 2.667 2.667 8.636 2.667 16c0 2.332.63 4.516 1.73 6.399L2.667 29.333l7.118-1.696A13.244 13.244 0 0016 29.167C23.364 29.167 29.333 23.198 29.333 16S23.364 2.667 16 2.667zm0 24.333a10.644 10.644 0 01-5.398-1.42l-.387-.228-4.02.996.977-4.084-.242-.394A10.656 10.656 0 015.333 16C5.333 10.11 10.11 5.333 16 5.333S26.667 10.11 26.667 16 21.89 27 16 27zm5.826-8.17c-.32-.16-1.887-.932-2.18-1.037-.294-.106-.508-.16-.722.16-.213.32-.826 1.038-1.013 1.252-.186.214-.373.24-.693.08-.32-.16-1.35-.497-2.573-1.587-.95-.848-1.592-1.894-1.777-2.214-.186-.32-.02-.493.14-.652.144-.143.32-.373.48-.56.16-.186.213-.32.32-.533.107-.213.053-.4-.026-.56-.08-.16-.72-1.733-.987-2.373-.26-.627-.524-.54-.72-.548h-.614c-.213 0-.56.08-.853.4s-1.12 1.093-1.12 2.666c0 1.573 1.147 3.094 1.307 3.307.16.213 2.253 3.44 5.467 4.827.764.33 1.36.526 1.826.672.767.244 1.466.21 2.02.127.616-.092 1.894-.775 2.16-1.521.266-.747.266-1.388.186-1.522-.08-.133-.293-.213-.613-.373z" fill="white" />
5200        </svg>
5201      
5202    </span>
5203    <span class="fab-label" style="color: #fff;">Chat en línea</span>
5204  </a>
5205</li>
5206    
5207<li class="fab-item">
5208  <span class="fab-waves  fab-waves--blue ">
5209    <span class="ring ring1"></span>
5210    <span class="ring ring2"></span>
5211    <span class="ring ring3"></span>
5212  </span>
5213
5214  
5215  <a href="https://www.bancofinandina.com/pagos-pse" target="_self" class="fab-link" style="background: #F5F5F7" aria-label="Pagos por PSE" rel="noopener noreferrer">
5216    <span class="fab-icon">
5217      
5218        
5219        
5220        <img src="https://www.bancofinandina.com/hs-fs/hubfs/pse.png?width=89&amp;height=90&amp;name=pse.png" alt="" width="89" height="90" srcset="https://www.bancofinandina.com/hs-fs/hubfs/pse.png?width=45&amp;height=45&amp;name=pse.png 45w, https://www.bancofinandina.com/hs-fs/hubfs/pse.png?width=89&amp;height=90&amp;name=pse.png 89w, https://www.bancofinandina.com/hs-fs/hubfs/pse.png?width=134&amp;height=135&amp;name=pse.png 134w, https://www.bancofinandina.com/hs-fs/hubfs/pse.png?width=178&amp;height=180&amp;name=pse.png 178w, https://www.bancofinandina.com/hs-fs/hubfs/pse.png?width=223&amp;height=225&amp;name=pse.png 223w, https://www.bancofinandina.com/hs-fs/hubfs/pse.png?width=267&amp;height=270&amp;name=pse.png 267w" sizes="(max-width: 89px) 100vw, 89px">
5221      
5222    </span>
5223    <span class="fab-label" style="color: #012B55;">Pagos por PSE</span>
5224  </a>
5225</li>
5226    
5227
5228  </ul>
5229</div>
5230
5231
5232
5233<script>
5234document.addEventListener('DOMContentLoaded', function () {
5235  const dock = document.querySelector('.fab-dock');
5236  if (!dock) return;
5237
5238  function adjustDock(){
5239    const vh = window.innerHeight;
5240    const rect = dock.getBoundingClientRect();
5241    dock.style.marginBottom = (rect.bottom > vh - 20) ? (rect.bottom - vh + 20) + 'px' : '0';
5242  }
5243  window.addEventListener('resize', adjustDock);
5244  adjustDock();
5245});
5246</script>
5246</div>
5247
5248    
5249      <div data-global-resource-path="Finandina 2025/templates/partials/footer.html"><!-- Begin partial -->
5250<footer>
5251  <div class="container-fluid">
5252<div class="row-fluid-wrapper">
5253<div class="row-fluid">
5254<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12">
5255
5256<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section">
5257<div class="row-fluid ">
5258<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
5259<div id="hs_cos_wrapper_footer-module-1" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><section class="section-footer">
5260  <div class="container">
5261    <div class="row flex-start pt-72">
5262      <div class="link-col">
5263        <h4><a href="https://www.bancofinandina.com/banco-digital-bic" style="color:#fff">Somos un Banco Digital</a></h4>
5264        
5265        
5266        
5267        <span id="hs_cos_wrapper_footer-module-1_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_footer-module-1_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
5268 <ul role="menu">
5269  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.bancofinandina.com/banco-digital-bic/cultura-organizacional" role="menuitem" target="_self">Cultura de gente libre</a></li>
5270  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.bancofinandina.com/banco-digital-bic/sostenible-y-socialmente-responsable" role="menuitem" target="_self">Responsabilidad social corporativa</a></li>
5271  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.bancofinandina.com/plan-kmino" role="menuitem" target="_self">Km plan Kmino</a></li>
5272  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.bancofinandina.com/banco-digital-bic/sostenible-y-socialmente-responsable/empresa-b" role="menuitem" target="_self">Empresa B</a></li>
5273 </ul>
5274</div></span>
5275      </div>
5276      <div class="link-col">
5277        <h4><a href="https://www.bancofinandina.com/servicio-al-cliente" style="color:#fff">Servicio al cliente</a></h4>
5278        
5279        
5280        
5281        
5282        <span id="hs_cos_wrapper_footer-module-1_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_footer-module-1_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
5283 <ul role="menu">
5284  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.bancofinandina.com/servicio-al-cliente/canales-de-atencion" role="menuitem" target="_self">Canales de atención</a></li>
5285  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.bancofinandina.com/servicio-al-cliente/preguntas-frecuentes" role="menuitem" target="_self">Preguntas frecuentes</a></li>
5286  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.bancofinandina.com/servicio-al-cliente/tasas-y-tarifas" role="menuitem" target="_self">Tasas y tarifas</a></li>
5287  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.bancofinandina.com/servicio-al-cliente/educacion-y-consumidor-financiero" role="menuitem" target="_self">Educación financiera</a></li>
5288  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.bancofinandina.com/servicio-al-cliente/oficinas" role="menuitem" target="_self">Oficinas</a></li>
5289  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.bancofinandina.com/servicio-al-cliente/educacion-y-consumidor-financiero/defensor-financiero" role="menuitem" target="_self">Defensor consumidor financiero</a></li>
5290 <li class="hs-menu-item" role="none"><a href="/centro-de-ayuda" role="menuitem">Centro de Ayuda</a></li><li class="hs-menu-item" role="none"><a href="/mapa-del-sitio" role="menuitem">Mapa del sitio</a></li><li class="hs-menu-item" role="none"><a href="/encuestas/calificanos" role="menuitem">Califica nuestra página</a></li></ul>
5291</div></span>
5292      </div>
5293      <div class="link-col">
5294        <h4><a href="https://www.bancofinandina.com/informacion-de-interes" style="color:#fff">Información Legal</a></h4>
5295        
5296        
5297        
5298        <span id="hs_cos_wrapper_footer-module-1_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_footer-module-1_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
5299 <ul role="menu">
5300  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.bancofinandina.com/informacion-de-interes/terminos-y-condiciones" role="menuitem" target="_self">Términos y condiciones</a></li>
5301  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.superfinanciera.gov.co/" role="menuitem" target="_self">Superfinanciera</a></li>
5302  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.bancofinandina.com/informacion-de-interes/proteccion-de-datos" role="menuitem" target="_self">Protección de datos</a></li>
5303  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.bancofinandina.com/informacion-de-interes/politicas-generales-para-la-gestion-de-la-cobranza" role="menuitem" target="_self">Políticas generales de cobranza</a></li>
5304  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.bancofinandina.com/informacion-de-interes/reversion-de-pagos" role="menuitem" target="_self">Reversión de pagos</a></li>
5305  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.bancofinandina.com/hubfs/documentos-legales/politicas-generales-de-seguros-V11.pdf" role="menuitem" target="_blank" rel="noopener">Políticas generales de seguros</a></li>
5306  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.bancofinandina.com/informacion-de-interes" role="menuitem" target="_self">Autorización de contacto</a></li>
5307 <li class="hs-menu-item" role="none"><a href="/hubfs/documentos-legales/politica-general-del-sistema-de-gestion-de-seguridad-de-la-informacion.pdf" target="_blank" rel="noopener" role="menuitem">Política seguridad de la información</a></li></ul>
5308</div></span>
5309      </div>
5310      <div class="link-col mov-100">
5311        <h4><a href="https://www.bancofinandina.com/servicio-al-cliente/canales-de-atencion" style="color:#fff">Contáctanos</a></h4>
5312        <ul class="links-col4">
5313          
5314          <li class="hs-menu-item">
5315            <span>Bogotá</span>
5316            <a href="tel:(601)2191919">(601)2191919</a>
5317          </li>
5318          
5319          <li class="hs-menu-item">
5320            <span>Resto del país</span>
5321            <a href="tel:01%208000%20912886">01 8000 912886</a>
5322          </li>
5323          
5324        </ul>
5325        <div class="row row-mov">
5326          
5327          <a href="https://www.instagram.com/bancofinandina/?hl=es-la">
5328            
5329              
5330              
5331              <img src="https://www.bancofinandina.com/hs-fs/hubfs/Icon.png?width=18&amp;height=18&amp;name=Icon.png" alt="Instahram-icon" loading="lazy" width="18" height="18" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Icon.png?width=9&amp;height=9&amp;name=Icon.png 9w, https://www.bancofinandina.com/hs-fs/hubfs/Icon.png?width=18&amp;height=18&amp;name=Icon.png 18w, https://www.bancofinandina.com/hs-fs/hubfs/Icon.png?width=27&amp;height=27&amp;name=Icon.png 27w, https://www.bancofinandina.com/hs-fs/hubfs/Icon.png?width=36&amp;height=36&amp;name=Icon.png 36w, https://www.bancofinandina.com/hs-fs/hubfs/Icon.png?width=45&amp;height=45&amp;name=Icon.png 45w, https://www.bancofinandina.com/hs-fs/hubfs/Icon.png?width=54&amp;height=54&amp;name=Icon.png 54w" sizes="(max-width: 18px) 100vw, 18px">
5332            
5333          </a>
5334          
5335          <a href="https://es-la.facebook.com/BancoFinandina/">
5336            
5337              
5338              
5339              <img src="https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(2).png?width=18&amp;height=18&amp;name=Icon%20(2).png" alt="Facebook-icon" loading="lazy" width="18" height="18" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(2).png?width=9&amp;height=9&amp;name=Icon%20(2).png 9w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(2).png?width=18&amp;height=18&amp;name=Icon%20(2).png 18w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(2).png?width=27&amp;height=27&amp;name=Icon%20(2).png 27w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(2).png?width=36&amp;height=36&amp;name=Icon%20(2).png 36w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(2).png?width=45&amp;height=45&amp;name=Icon%20(2).png 45w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(2).png?width=54&amp;height=54&amp;name=Icon%20(2).png 54w" sizes="(max-width: 18px) 100vw, 18px">
5340            
5341          </a>
5342          
5343          <a href="https://co.linkedin.com/company/banco-finandina">
5344            
5345              
5346              
5347              <img src="https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(3).png?width=18&amp;height=18&amp;name=Icon%20(3).png" alt="linkedln-icon" loading="lazy" width="18" height="18" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(3).png?width=9&amp;height=9&amp;name=Icon%20(3).png 9w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(3).png?width=18&amp;height=18&amp;name=Icon%20(3).png 18w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(3).png?width=27&amp;height=27&amp;name=Icon%20(3).png 27w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(3).png?width=36&amp;height=36&amp;name=Icon%20(3).png 36w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(3).png?width=45&amp;height=45&amp;name=Icon%20(3).png 45w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(3).png?width=54&amp;height=54&amp;name=Icon%20(3).png 54w" sizes="(max-width: 18px) 100vw, 18px">
5348            
5349          </a>
5350          
5351          <a href="https://x.com/bancofinandina?lang=es">
5352            
5353              
5354              
5355              <img src="https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(4).png?width=18&amp;height=18&amp;name=Icon%20(4).png" alt="X-icon" loading="lazy" width="18" height="18" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(4).png?width=9&amp;height=9&amp;name=Icon%20(4).png 9w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(4).png?width=18&amp;height=18&amp;name=Icon%20(4).png 18w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(4).png?width=27&amp;height=27&amp;name=Icon%20(4).png 27w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(4).png?width=36&amp;height=36&amp;name=Icon%20(4).png 36w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(4).png?width=45&amp;height=45&amp;name=Icon%20(4).png 45w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(4).png?width=54&amp;height=54&amp;name=Icon%20(4).png 54w" sizes="(max-width: 18px) 100vw, 18px">
5356            
5357          </a>
5358          
5359          <a href="https://www.youtube.com/channel/UC-C5sG9_fnA6eJSvFsbc1IA">
5360            
5361              
5362              
5363              <img src="https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(5).png?width=18&amp;height=14&amp;name=Icon%20(5).png" alt="youtube-icon" loading="lazy" width="18" height="14" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(5).png?width=9&amp;height=7&amp;name=Icon%20(5).png 9w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(5).png?width=18&amp;height=14&amp;name=Icon%20(5).png 18w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(5).png?width=27&amp;height=21&amp;name=Icon%20(5).png 27w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(5).png?width=36&amp;height=28&amp;name=Icon%20(5).png 36w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(5).png?width=45&amp;height=35&amp;name=Icon%20(5).png 45w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(5).png?width=54&amp;height=42&amp;name=Icon%20(5).png 54w" sizes="(max-width: 18px) 100vw, 18px">
5364            
5365          </a>
5366          
5367        </div>
5368      </div>
5369    </div>
5370    <hr class="hr-22">
5371    <div class="row center pb-34">
5372      
5373      <img class="logo-footer" src="https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(2).png?width=482&amp;height=80&amp;name=Logo%20(2).png" alt="Logo banco finandina" loading="lazy" width="482" height="80" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(2).png?width=241&amp;height=40&amp;name=Logo%20(2).png 241w, https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(2).png?width=482&amp;height=80&amp;name=Logo%20(2).png 482w, https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(2).png?width=723&amp;height=120&amp;name=Logo%20(2).png 723w, https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(2).png?width=964&amp;height=160&amp;name=Logo%20(2).png 964w, https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(2).png?width=1205&amp;height=200&amp;name=Logo%20(2).png 1205w, https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(2).png?width=1446&amp;height=240&amp;name=Logo%20(2).png 1446w" sizes="(max-width: 482px) 100vw, 482px">
5374    </div>
5375  </div>
5376</section>
5377<div class="section-footer-logos">
5378  <ul class="row logos-footer">
5379    
5380    <li class="logos-foot-f">
5381      
5382        
5383        
5384        <img src="https://www.bancofinandina.com/hs-fs/hubfs/Fogaf%C3%ADn.png?width=196&amp;height=58&amp;name=Fogaf%C3%ADn.png" alt="Fogafín" loading="lazy" width="196" height="58" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Fogaf%C3%ADn.png?width=98&amp;height=29&amp;name=Fogaf%C3%ADn.png 98w, https://www.bancofinandina.com/hs-fs/hubfs/Fogaf%C3%ADn.png?width=196&amp;height=58&amp;name=Fogaf%C3%ADn.png 196w, https://www.bancofinandina.com/hs-fs/hubfs/Fogaf%C3%ADn.png?width=294&amp;height=87&amp;name=Fogaf%C3%ADn.png 294w, https://www.bancofinandina.com/hs-fs/hubfs/Fogaf%C3%ADn.png?width=392&amp;height=116&amp;name=Fogaf%C3%ADn.png 392w, https://www.bancofinandina.com/hs-fs/hubfs/Fogaf%C3%ADn.png?width=490&amp;height=145&amp;name=Fogaf%C3%ADn.png 490w, https://www.bancofinandina.com/hs-fs/hubfs/Fogaf%C3%ADn.png?width=588&amp;height=174&amp;
5384name=Fogaf%C3%ADn.png 588w" sizes="(max-width: 196px) 100vw, 196px">
5385      
5386    </li>
5387    
5388    <li class="logos-foot-f">
5389      
5390        
5391        
5392        <img src="https://www.bancofinandina.com/hs-fs/hubfs/aa.png?width=196&amp;height=55&amp;name=aa.png" alt="aa" loading="lazy" width="196" height="55" srcset="https://www.bancofinandina.com/hs-fs/hubfs/aa.png?width=98&amp;height=28&amp;name=aa.png 98w, https://www.bancofinandina.com/hs-fs/hubfs/aa.png?width=196&amp;height=55&amp;name=aa.png 196w, https://www.bancofinandina.com/hs-fs/hubfs/aa.png?width=294&amp;height=83&amp;name=aa.png 294w, https://www.bancofinandina.com/hs-fs/hubfs/aa.png?width=392&amp;height=110&amp;name=aa.png 392w, https://www.bancofinandina.com/hs-fs/hubfs/aa.png?width=490&amp;height=138&amp;name=aa.png 490w, https://www.bancofinandina.com/hs-fs/hubfs/aa.png?width=588&amp;height=165&amp;name=aa.png 588w" sizes="(max-width: 196px) 100vw, 196px">
5393      
5394    </li>
5395    
5396    <li class="logos-foot-f">
5397      
5398        
5399        
5400        <img src="https://www.bancofinandina.com/hs-fs/hubfs/bcr1.png?width=172&amp;height=58&amp;name=bcr1.png" alt="bcr1" loading="lazy" width="172" height="58" srcset="https://www.bancofinandina.com/hs-fs/hubfs/bcr1.png?width=86&amp;height=29&amp;name=bcr1.png 86w, https://www.bancofinandina.com/hs-fs/hubfs/bcr1.png?width=172&amp;height=58&amp;name=bcr1.png 172w, https://www.bancofinandina.com/hs-fs/hubfs/bcr1.png?width=258&amp;height=87&amp;name=bcr1.png 258w, https://www.bancofinandina.com/hs-fs/hubfs/bcr1.png?width=344&amp;height=116&amp;name=bcr1.png 344w, https://www.bancofinandina.com/hs-fs/hubfs/bcr1.png?width=430&amp;height=145&amp;name=bcr1.png 430w, https://www.bancofinandina.com/hs-fs/hubfs/bcr1.png?width=516&amp;height=174&amp;name=bcr1.png 516w" sizes="(max-width: 172px) 100vw, 172px">
5401      
5402    </li>
5403    
5404    <li class="logos-foot-f">
5405      
5406        
5407        
5408        <img src="https://www.bancofinandina.com/hs-fs/hubfs/copy_fi.png?width=124&amp;height=41&amp;name=copy_fi.png" alt="copy_fi" loading="lazy" width="124" height="41" srcset="https://www.bancofinandina.com/hs-fs/hubfs/copy_fi.png?width=62&amp;height=21&amp;name=copy_fi.png 62w, https://www.bancofinandina.com/hs-fs/hubfs/copy_fi.png?width=124&amp;height=41&amp;name=copy_fi.png 124w, https://www.bancofinandina.com/hs-fs/hubfs/copy_fi.png?width=186&amp;height=62&amp;name=copy_fi.png 186w, https://www.bancofinandina.com/hs-fs/hubfs/copy_fi.png?width=248&amp;height=82&amp;name=copy_fi.png 248w, https://www.bancofinandina.com/hs-fs/hubfs/copy_fi.png?width=310&amp;height=103&amp;name=copy_fi.png 310w, https://www.bancofinandina.com/hs-fs/hubfs/copy_fi.png?width=372&amp;height=123&amp;name=copy_fi.png 372w" sizes="(max-width: 124px) 100vw, 124px">
5409      
5410    </li>
5411    
5412    <li class="logos-foot-f">
5413      
5414        
5415        
5416        <img src="https://www.bancofinandina.com/hs-fs/hubfs/superintendencia.png?width=404&amp;height=41&amp;name=superintendencia.png" alt="superintendencia" loading="lazy" width="404" height="41" srcset="https://www.bancofinandina.com/hs-fs/hubfs/superintendencia.png?width=202&amp;height=21&amp;name=superintendencia.png 202w, https://www.bancofinandina.com/hs-fs/hubfs/superintendencia.png?width=404&amp;height=41&amp;name=superintendencia.png 404w, https://www.bancofinandina.com/hs-fs/hubfs/superintendencia.png?width=606&amp;height=62&amp;name=superintendencia.png 606w, https://www.bancofinandina.com/hs-fs/hubfs/superintendencia.png?width=808&amp;height=82&amp;name=superintendencia.png 808w, https://www.bancofinandina.com/hs-fs/hubfs/superintendencia.png?width=1010&amp;height=103&amp;name=superintendencia.png 1010w, https://www.bancofinandina.com/hs-fs/hubfs/superintendencia.png?width=1212&amp;height=123&amp;name=superintendencia.png 1212w" sizes="(max-width: 404px) 100vw, 404px">
5417      
5418    </li>
5419    
5420    <li class="logos-foot-f">
5421      <img src="/hubfs/empresa-b-certificada.svg" alt="Banco Finandina certificado como Empresa B" loading="lazy" width="36" height="61">
5422    </li>
5423  </ul>
5424</div>
5425
5426
5427
5428</div>
5429
5430</div><!--end widget-span -->
5431</div><!--end row-->
5432</div><!--end row-wrapper -->
5433
5434</div><!--end widget-span -->
5435</div>
5436</div>
5437</div>
5438</footer>
5439<!-- End partial --></div>
5440    
5441    
5442<!-- HubSpot performance collection script -->
5443<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
vendor: 1 bytes, line 5443
5443
5444<script>
5445var hsVars = hsVars || {}; hsVars['language'] = 'es';
5446</script>
5446
5447
5448<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
5448
5449
5450<script>
5451  const hamburger = document.getElementById('hamburger__button');
5452  const close = document.getElementById('close__button');
5453  const panel_buscar = document.getElementById('panel-buscar');
5454  const lupita = document.getElementById('lupita');
5455  const todo = document.querySelector('.mov-menu');
5456  const navbar = document.getElementById("nav-bar");
5457  
5458  const checkBackground = () => {
5459    const rect = navbar.getBoundingClientRect();
5460    const elements = document.elementsFromPoint(
5461      rect.left + rect.width / 2,
5462      rect.top + rect.height / 2
5463    );
5464    const behind = elements[16];
5465    if (!behind) return;
5466    const style = window.getComputedStyle(behind);
5467    const bg = style.backgroundColor;
5468    const rgb = bg.match(/\d+/g).map(Number);
5469    const brightness = (rgb[0] * 299 + rgb[1] * 587 + rgb[2] * 114) / 1000;
5470    if (brightness < 80) {
5471      navbar.classList.add("navbar--dark");
5472    } else {
5473      navbar.classList.remove("navbar--dark");
5474    }
5475  };
5476
5477  hamburger.addEventListener('click', () => {
5478    todo.style.display = "flex";
5479  });
5480
5481  close.addEventListener('click', () => {
5482    todo.style.display = "none";
5483  });
5484
5485  // ── Panel de búsqueda ──────────────────────────────
5486  const searchInput = document.getElementById('search-input');
5487  const searchForm  = panel_buscar.querySelector('.searchbar');
5488
5489  function openPanel() {
5490    panel_buscar.classList.add('show');
5491    lupita.setAttribute('aria-expanded', 'true');
5492    setTimeout(() => searchInput && searchInput.focus(), 60);
5493  }
5494
5495  function closePanel() {
5496    panel_buscar.classList.remove('show');
5497    lupita.setAttribute('aria-expanded', 'false');
5498  }
5499
5500  lupita.addEventListener('click', (e) => {
5501    e.stopPropagation();
5502    panel_buscar.classList.contains('show') ? closePanel() : openPanel();
5503  });
5504
5505  document.addEventListener('click', (e) => {
5506    if (panel_buscar.classList.contains('show') &&
5507        !panel_buscar.contains(e.target) &&
5508        !lupita.contains(e.target)) {
5509      closePanel();
5510    }
5511  });
5512
5513  document.addEventListener('keydown', (e) => {
5514    if (e.key === 'Escape' && panel_buscar.classList.contains('show')) {
5515      closePanel();
5516      lupita.focus();
5517    }
5518  });
5519
5520  if (searchForm) {
5521    searchForm.addEventListener('submit', (e) => {
5522      if (!searchInput.value.trim()) {
5523        e.preventDefault();
5524        searchInput.focus();
5525      }
5526    });
5527  }
5528
5529  // ── Menú desplegable ──────────────────────────────
5530  const menuItems = document.querySelectorAll('.hs-menu-item.hs-item-has-children');
5531
5532  menuItems.forEach(item => {
5533    const wrapper = item.querySelector('.hs-menu-children-wrapper');
5534    if (!wrapper) return;
5535
5536    let closeTimer = null;
5537
5538    const openMenu = () => {
5539      clearTimeout(closeTimer);
5540      menuItems.forEach(other => {
5541        if (other !== item) {
5542          other.querySelector('.hs-menu-children-wrapper')?.classList.remove('is-open');
5543        }
5544      });
5545      wrapper.classList.add('is-open');
5546    };
5547
5548    const closeMenu = () => {
5549      closeTimer = setTimeout(() => {
5550        wrapper.classList.remove('is-open');
5551      }, 120);
5552    };
5553
5554    item.addEventListener('mouseenter', openMenu);
5555    item.addEventListener('mouseleave', closeMenu);
5556    wrapper.addEventListener('mouseenter', () => clearTimeout(closeTimer));
5557    wrapper.addEventListener('mouseleave', closeMenu);
5558
5559    // Highlight specular con mouse
5560    const specular = wrapper.querySelector('.glass-specular');
5561    wrapper.addEventListener('mousemove', function(e) {
5562      if (!specular) return;
5563      const rect = wrapper.getBoundingClientRect();
5564      const x = e.clientX - rect.left;
5565      const y = e.clientY - rect.top;
5566      specular.style.background = `radial-gradient(circle at ${x}px ${y}px,
5567        rgba(255,255,255,0.18) 0%,
5568        rgba(255,255,255,0.06) 30%,
5569        rgba(255,255,255,0) 60%)`;
5570    });
5571    wrapper.addEventListener('mouseleave', () => {
5572      if (specular) specular.style.background = 'none';
5573    });
5574  });
5575
5576  // Cerrar menús al hacer clic fuera
5577  document.addEventListener('click', (e) => {
5578    if (!e.target.closest('.hs-item-has-children')) {
5579      menuItems.forEach(item => {
5580        item.querySelector('.hs-menu-children-wrapper')?.classList.remove('is-open');
5581      });
5582    }
5583  });
5584</script>
5584
5585
5586<script src="https://www.bancofinandina.com/hubfs/hub_generated/module_assets/1/217157323408/1788973977534/module_Slider_Hero_Home.min.js"></script>
vendor: 1 bytes, line 5586
5586
5587<script src="https://www.bancofinandina.com/hubfs/hub_generated/module_assets/1/198875143350/1789670572537/module_Carrusel_de_tarjetas.min.js"></script>
vendor: 1 bytes, line 5587
5587
5588<script src="https://www.bancofinandina.com/hubfs/hub_generated/module_assets/1/198883170664/1789671365765/module_Seccin_video_de_fondo.min.js"></script>
vendor: 1 bytes, line 5588
5588
5589<script src="https://www.bancofinandina.com/hubfs/hub_generated/module_assets/1/198894580578/1789663831168/module_Carrusel_logos.min.js"></script>
5589
5590
5591
5592<!-- Start of HubSpot Analytics Code -->
5593<script type="text/javascript">
5594var _hsq = _hsq || [];
5595_hsq.push(["setContentType", "standard-page"]);
5596_hsq.push(["setCanonicalUrl", "https:\/\/www.bancofinandina.com"]);
5597_hsq.push(["setPageId", "199143320758"]);
5598_hsq.push(["setContentMetadata", {
5599    "contentPageId": 199143320758,
5600    "legacyPageId": "199143320758",
5601    "contentFolderId": null,
5602    "contentGroupId": null,
5603    "abTestId": null,
5604    "languageVariantId": 199143320758,
5605    "languageCode": "es",
5606    
5607    
5608}]);
5609</script>
5609
5610
5611<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/46676057.js"></script>
5611
5612<!-- End of HubSpot Analytics Code -->
5613
5614
5615<script type="text/javascript">
5616var hsVars = {
5617    render_id: "69f0767f-7e51-4b30-ab33-01fa236b3f0a",
5618    ticks: 1790687778284,
5619    page_id: 199143320758,
5620    
5621    content_group_id: 0,
5622    portal_id: 46676057,
5623    app_hs_base_url: "https://app.hubspot.com",
5624    cp_hs_base_url: "https://cp.hubspot.com",
5625    language: "es",
5626    analytics_page_type: "standard-page",
5627    scp_content_type: "",
5628    
5629    analytics_page_id: "199143320758",
5630    category_id: 1,
5631    folder_id: 0,
5632    is_hubspot_user: false
5633}
5634</script>
5634
5635
5636
5637<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>
5637
5638
5639
5640
5641
5642
5643    
5644    <div id="cookie-banner" class="cookie-banner" role="dialog" aria-label="Aviso de cookies" aria-modal="false">
5645      <div class="cookie-banner__inner">
5646        <div class="cookie-banner__content">
5647          <div class="cookie-banner__icon" aria-hidden="true">
5648            <svg width="22" height="22" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
5649              <path d="M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5" />
5650              <path d="M8.5 8.5v.01" /><path d="M16 15.5v.01" /><path d="M12 12v.01" />
5651            </svg>
5652          </div>
5653          <div class="cookie-banner__text-wrap">
5654            <p class="cookie-banner__title">Usamos cookies</p>
5655            <p class="cookie-banner__desc">
5656              Utilizamos cookies propias y de terceros para mejorar tu experiencia y analizar el tráfico del sitio.
5657              <a href="/informacion-de-interes/proteccion-de-datos/aviso-de-privacidad" target="_blank" rel="noopener">Más información sobre nuestra política de cookies y privacidad</a>
5658            </p>
5659          </div>
5660        </div>
5661        <div class="cookie-banner__actions">
5662          <button class="cookie-banner__btn cookie-banner__btn--secondary" id="cookie-btn-essential">Solo esenciales</button>
5663          <button class="cookie-banner__btn cookie-banner__btn--primary" id="cookie-btn-all">Aceptar todo</button>
5664        </div>
5665      </div>
5666    </div>
5667
5668    
5668<script>
5669    (function () {
5670      var KEY    = 'fin_cookie_consent';
5671      var banner = document.getElementById('cookie-banner');
5672      if (!banner) return;
5673
5674      /* Si ya hay consentimiento guardado no mostrar */
5675      if (localStorage.getItem(KEY)) return;
5676
5677      /* Mostrar con un tick para que la transición CSS se active */
5678      requestAnimationFrame(function () {
5679        requestAnimationFrame(function () {
5680          banner.classList.add('cookie-banner--visible');
5681        });
5682      });
5683
5684      function saveConsent(value) {
5685        /* localStorage */
5686        try { localStorage.setItem(KEY, value); } catch (e) {}
5687        /* Cookie 1 año */
5688        var exp = new Date();
5689        exp.setFullYear(exp.getFullYear() + 1);
5690        document.cookie = KEY + '=' + value +
5691          '; expires=' + exp.toUTCString() +
5692          '; path=/; SameSite=Lax; Secure';
5693        /* Ocultar */
5694        banner.classList.remove('cookie-banner--visible');
5695        setTimeout(function () { banner.style.display = 'none'; }, 400);
5696      }
5697
5698      document.getElementById('cookie-btn-all')
5699        .addEventListener('click', function () { saveConsent('all'); });
5700
5701      document.getElementById('cookie-btn-essential')
5702        .addEventListener('click', function () { saveConsent('essential'); });
5703    }());
5704    </script>
5704
5705
5706  
5707</body></html>

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.