PageSourceSearch

https://www.bancoagricola.com/empresas-gobierno

html bancoagricola.com collected 2026-10-04 17:02:31 UTC 93,323 bytes, 2,294 lines download raw bytes

1<!DOCTYPE html>
2<html lang="es">
3
4<head>
5    <meta charset="utf-8">
6  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7  <meta http-equiv="x-ua-compatible" content="ie=edge">
8  <meta http-equiv="Content-Language" content="es"/>
9  <title>Empresas y Gobierno</title>
10  
11	<meta name="description" content="Encuentra un portafolio de soluciones financieras enfocadas en el financiamiento, ahorro, inversión, crecimiento y la seguridad de tu empresa.">
12	<meta name="title" content="Empresas y Gobierno">
13	<meta name="keywords" content="banco agricola empresa y gobierno,bancoagricola.com empresarial,agricola empresa,nueva e banca empresarial agricola,banco empresarial agricola,e banca empresarial,agricola empresarial">  <!--<link rel="icon" type="image/svg+xml" href="https://www.bancoagricola.com/web/templates/Principalnew2/assets/img/favicon-grupo.svg">-->
14  <link async  rel="icon" href="https://www.bancoagricola.com/web/templates/Principalnew2/assets/img/favicon-grupo.png" type="image/png" />
15  <link async  rel="stylesheet" href="https://www.bancoagricola.com/web/templates/Principalnew2/assets/bootstrap/css/bootstrap.min.css">
16  
17
18
19  <link async  rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i">
20  <link async  rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
21
22  <link async  rel="stylesheet" href="https://www.bancoagricola.com/web/templates/Principalnew2/assets/css/banco.min.css?v=2">
23  <!-- <link async  rel="stylesheet" href="https://www.bancoagricola.com/web/templates/Principalnew2/assets/css/comparador.css"> -->
24  <link async  rel="stylesheet" href="https://www.bancoagricola.com/web/templates/Principalnew2/assets/css/banco-ed.min.css?v=1">
25  <link async  rel="stylesheet" href="https://www.bancoagricola.com/web/templates/Principalnew2/assets/css/banco-g.min.css?v=2.1">
26  <link async  rel="stylesheet" href="https://www.bancoagricola.com/web/templates/Principalnew2/assets/css/banco-f.min.css?v=2">
27  <link async  rel="stylesheet" href="https://www.bancoagricola.com/web/templates/Principalnew2/assets/css/newstyle.min.css?v=2">
28  <link async  rel="stylesheet" href="https://www.bancoagricola.com/web/templates/Principalnew2/assets/css/stylesinovation.min.css">
29  <link async  rel="stylesheet" href="https://www.bancoagricola.com/web/templates/Principalnew2/assets/css/banco-fonts.min.css?v=3.5">
30
31  
31<script>var base_url ="https://www.bancoagricola.com/";</script>
31
32  
32<script>
33    var template_base_url = "https://www.bancoagricola.com/web/templates/Principalnew2/";
34  </script>
34
35    
35<script>
36    var migas = []  </script>
36
37
38
39
40  
40<script  src="https://www.bancoagricola.com/web/templates/principalnew2/assets/js/jquery-3.6.0.min.js"></script>
40
41  
42  
42<script  src="https://www.bancoagricola.com/web/templates/Principalnew2/assets/bootstrap/js/bootstrap.min.js"></script>
42
43  
43<script  src="https://www.bancoagricola.com/web/templates/Principalnew2/assets/js/angular.min.js"></script>
43
44
45  
45<script src="https://www.bancoagricola.com/web/modulos/comparador/dist/formulario-productos.js?v=1"></script>
45
46  
46<script  src="https://www.bancoagricola.com/web/templates/Principalnew2/assets/js/template.min.js?v=1.1"></script>
46
47  
48
49
50  <link rel="alternate" href="https://www.bancoagricola.com/empresas-gobierno" hreflang="es-SV">  <meta property="og:title" content="Conectamos a empresas con posibilidades">
51<meta property="og:site_name" content="Bancoagrícola Empresas y Gobierno">
52<meta property="og:description" content="Impulsamos el crecimiento de su empresa con asesoría especializada y un portafolio integral de productos acorde a sus necesidades.">
53<meta property="og:type" content="website">
54<meta property="og:url" content="https://www.bancoagricola.com/empresas-gobierno">
55<meta property="og.locale" content="es_SV">
56<meta property="og:image" content="https://www.bancoagricola.com/web/templates/Principal/assets/img/logo.png">  
56<script type="application/ld+json">
57{
58  "@context": "http://www.schema.org",
59  "@type": "Organization",
60  "name": "Banco Agr&iacute;cola",
61  "url": "https://www.bancoagricola.com/",
62  "logo": "https://www.bancoagricola.com/web/templates/Principalnew2/assets/img/logo.png",
63  "description": "Soluciones dise&ntilde;adas para ti. Con cr&eacute;ditos personales, tarjetas de cr&eacute;dito, cuentas de ahorro y un amplia gama de servicios financieros a tu disposici&oacute;n.",
64"contactPoint" : [
65    { "@type" : "ContactPoint",
66      "telephone" : "+503-2210-0000",
67      "contactType" : "customer support",
68      "contactOption" : "TollFree",
69"availableLanguage" : "Spanish",
70      "areaServed" : "SV"
71    } ],
72  "address": {
73     "@type": "PostalAddress",
74     "addressCountry": "El Salvador"
75  }
76}
77</script>
77
78
79  
80
81  <link rel="preconnect" href="//cdn.dynamicyield.com">
82  <link rel="preconnect" href="//st.dynamicyield.com">
83  <link rel="preconnect" href="//rcom.dynamicyield.com">
84  <!-- DY SCRIPT -->
85  
85<script type="text/javascript">
86    window.DY = window.DY || {};
87      DY.recommendationContext = {
88    "type": "CATEGORY",
89    "data": [
90        "empresas-gobierno"
91    ]
92};
93      </script>
93
94    
94<script type="text/javascript" src="//cdn.dynamicyield.com/api/8793173/api_dynamic.js"></script>
94
95  
95<script type="text/javascript" src="//cdn.dynamicyield.com/api/8793173/api_static.js"></script>
95  <!-- Anti-flicker snippet (recommended)  -->
96<style>.async-hide { opacity: 0 !important} </style>
97<script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;
98h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
99(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;
100})(window,document.documentElement,'async-hide','dataLayer',4000,
101{'GTM-N6KV42J':true});</script>
101
102
103<script src="https://www.googleoptimize.com/optimize.js?id=OPT-NF9VCXT"></script>
103
104
105<!-- Google Tag Manager -->
106<script>
vendor: 331 bytes, lines 106-110
106(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
107new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
108j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
109'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
110})(window,document,'script','dataLayer','
110GTM-N6KV42J
vendor: 3 bytes, line 110
110');
110</script>
110
111<!-- End Google Tag Manager -->
112
113
114</head>
115
116<body>
117    <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 117-118
117
118<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
118GTM-N6KV42J
vendor: 85 bytes, lines 118-119
118"
119height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
120<!-- End Google Tag Manager (noscript) -->    <section class="d-none d-sm-none d-md-none d-lg-block d-xl-block sectiongray">
121        <div class="container">
122            <div class="row">
123                <div class="col-12 col-sm-12 col-md-10 col-lg-6 col-xl-6 offset-xl-0">
124                    <div id="menu-2" class="limbo-menu firstmenu">
125<ul >
126			<li class="" data-menu-item="41">
127			<a href="https://www.bancoagricola.com/personas"  class="">Personas</a>
128		</li>
129			<li class="" data-menu-item="42">
130			<a href="https://www.bancoagricola.com/preferencial"  class="">Preferencial</a>
131		</li>
132			<li class="" data-menu-item="56">
133			<a href="https://www.bancoagricola.com/pyme"  class="">Pyme</a>
134		</li>
135			<li class="" data-menu-item="55">
136			<a href="https://www.bancoagricola.com/empresas-gobierno"  class="active">Empresas y Gobierno</a>
137		</li>
138	</ul>
139</div>
140                 <!--    <ul class="firstmenu">
141                     <li><img class="img-fluid homeicon" src="https://www.bancoagricola.com/web/templates/Principalnew2/assets/img/Home.png">Inicio</li>
142                     <li>Personas</li>
143                     <li>Preferencial</li>
144                     <li>Pyme</li>
145                     <li>Empresa y Gobierno</li>
146                 </ul> -->
147             </div>
148             <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 offset-xl-0 align-items-center align-self-center text-right"> <a href="https://www.bancoagricola.com/buscador"><button class="btn btn-secondary white" type="submit">Atención al cliente</button></a>
149             <a href="https://www.bancoagricola.com/puntos-de-servicio">  <button class="btn btn-secondary white" type="submit">Puntos de servicio</button></a>
150
151               <a href="https://www.bancoagricola.com/buscador"><img class="" src="https://www.bancoagricola.com/web/templates/Principalnew2/assets/img/buscador.png"></a>
152
153         </div>
154     </div>
155 </section>
156 <section class="d-none d-sm-none d-md-none d-lg-block d-xl-block top">
157    <div class="container">
158        <div class="row">
159            <div class="col-md-12 col-lg-3 col-xl-2 d-flex">
160            <a href="https://www.bancoagricola.com/">
161                <img class="d-flex m-auto logo" src="https://www.bancoagricola.com/web/templates/Principalnew2/assets/img/logo.png">
162                </a>
163            </div>
164            <div class="col-9 col-md-12 col-lg-12 col-xl-8 offset-lg-0 offset-xl-0 order-lg-1 order-xl-2">
165                  <div id="menu-6" class="limbo-menu secondary menu">
166<ul >
167			<li class="" data-menu-item="50">
168			<a href="https://www.bancoagricola.com/financiacion"  class="">Financiación</a>
169		</li>
170			<li class="" data-menu-item="51">
171			<a href="https://www.bancoagricola.com/cuentas-de-deposito"  class="">Cuentas</a>
172		</li>
173			<li class="" data-menu-item="52">
174			<a href="https://www.bancoagricola.com/cash-management"  class="">Cash Management</a>
175		</li>
176			<li class="" data-menu-item="64">
177			<a href="https://www.bancoagricola.com/inversiones-empresa-y-gobierno"  class="">Inversiones</a>
178		</li>
179			<li class="" data-menu-item="78">
180			<a href="https://www.bancoagricola.com/canales-digitales-empresas"  class="">Canales Digitales Empresariales</a>
181		</li>
182	</ul>
183</div>
184            </div>
185            <div class="col-lg-3 col-xl-2 offset-lg-6 offset-xl-0 d-flex order-xl-2 e-banca">
186            <a href="https://www.pcbac.com/ebancaempresarial/" class="btn btn-primary m-auto btn-ebanca" >e-banca Empresarial<img src="https://www.bancoagricola.com/multimedia/render/3198" class="padlockicon"></a>
187            </div>
188        </div>
189    </div>
190</section>
191<section class="d-block d-sm-block d-md-block d-lg-none d-xl-none movil">
192    <div class="container">
193        <div class="row">
194            <div class="col-6 logo-link">    <a href="https://www.bancoagricola.com/">
195                <img class="d-flex m-auto logo" src="https://www.bancoagricola.com/web/templates/Principalnew2/assets/img/logo.png">
196                </a> </div>
197            <div class="col-6 ">
198                <img id="mobile-button" src="https://www.bancoagricola.com/multimedia/render/3316" alt="">
199            </div>
200            <div class="col-12 e-banca">
201            <a href="https://www.pcbac.com/ebancaempresarial/" class="btn btn-primary m-auto btn-ebanca" >e-banca Empresarial<img src="https://www.bancoagricola.com/multimedia/render/3198" class="padlockicon"></a>
202            </div>
203        </div>
204    </div>
205    <div class="containermovil">
206
207        <div class="secondcontainer">
208            <div class="row off">
209                <div class="col-8">
210                    <img class="img-fluid d-flex m-auto logomovil second" src="https://www.bancoagricola.com/web/templates/Principalnew2/assets/img/logo.png">
211                </div>
212                <div class="col-4">
213                    <img id="cancel" class="img-fluid d-flex m-auto logomovil second" src="https://www.bancoagricola.com/web/templates/Principalnew2/assets/img/cancelar.png">
214                </div>
215                <div class="col-12">
216                    <div class="scrollmenu">
217                        <div class="contenedor-menumovile">
218                            <ul class="limbo-menu menumovile">
219   <li><a href="" ></a>
220            <span class="menu-btn-subitem"></span>
221      <ul>
222                      <li><a href="cuentas-preferencial"  >Cuentas</a></li>
223                    <li><a href="tarjetas-preferencial"  >Tarjetas</a></li>
224                    <li><a href="creditos-personas"  >Créditos</a></li>
225                    <li><a href="salvadorenos-en-el-exterior"  >Salvadoreños en el Exterior</a></li>
226                    <li><a href="exclusivos"  >Promociones Exclusivas</a></li>
227            </ul>
228</li>
229  <li><a href="https://www.bancoagricola.com/home-innovacion" >Innovación</a>
230      </li>
231  <li><a href="https://www.bancoagricola.com/personas" >Personas</a>
232            <span class="menu-btn-subitem"></span>
233      <ul>
234                      <li><a href="cuentas-personas"  >Cuentas</a></li>
235                    <li><a href="tarjetas"  >Tarjetas</a></li>
236                    <li><a href="creditos-personas"  >Créditos</a></li>
237                    <li><a href="inversiones"  >Inversiones</a></li>
238                    <li><a href="seguros"  >Seguros</a></li>
239                    <li><a href="salvadorenos-en-el-exterior"  >Salvadoreños en el Exterior</a></li>
240                    <li><a href="promociones"  >Promociones</a></li>
241            </ul>
242</li>
243  <li><a href="https://www.bancoagricola.com/preferencial" >Preferencial</a>
244      </li>
245  <li><a href="https://www.bancoagricola.com/innovacion-metodologia" >Metodología</a>
246      </li>
247  <li><a href="https://www.bancoagricola.com/pyme" >Pyme</a>
248            <span class="menu-btn-subitem"></span>
249      <ul>
250                      <li><a href="adquirencia-pos"  > Plataformas de Pago</a></li>
251                    <li><a href="wompi"  >Wompi</a></li>
252                    <li><a href="financiacion-pyme"  >Financiamiento</a></li>
253                    <li><a href="plan-empresarial"  >Seguros Pyme</a></li>
254                    <li><a href="https://www.bancoagricola.com/canales-digitales-empresas"  >Canales Digitales Empresariales</a></li>
255            </ul>
256</li>
257  <li><a href="https://www.bancoagricola.com/movilizadores-de-la-innovacion" >Movilizadores de la innovación</a>
258      </li>
259  <li><a href="https://www.bancoagricola.com/empresas-gobierno" >Empresas y Gobierno</a>
260            <span class="menu-btn-subitem"></span>
261      <ul>
262                      <li><a href="financiacion"  >Financiación</a></li>
263                    <li><a href="cuentas-de-deposito"  >Cuentas</a></li>
264                    <li><a href="cash-management"  >Cash Management</a></li>
265                    <li><a href="inversiones-empresa-y-gobierno"  >Inversiones</a></li>
266                    <li><a href="https://www.bancoagricola.com/canales-digitales-empresas"  >Canales Digitales Empresariales</a></li>
267            </ul>
268</li>
269</ul>
270                            <div class="buttons-movil-topbar" style="">
271                                <a href="https://www.bancoagricola.com/buscador"><button class="btn btn-secondary buttons-movil-topbar-buscador" type="submit">Atención al cliente</button></a>
272                                <a href="https://www.bancoagricola.com/puntos-de-servicio">  <button class="btn btn-secondary buttons-movil-topbar-servicio" type="submit">Puntos de servicio</button></a>
273                           </div>
274                            <!-- <div >
275                                <ul class="menumovile">
276                                    <li><a href="#">Inicio</a></li>
277                                    <li><a href="#">Productos</a>
278                                        <ul>
279                                            <li><a href="http://www.falconmasters.com">Item 1</a></li>
280                                            <li><a href="https://www.google.com">Item 2</a></li>
281                                            <li><a href="http://www.tutorialdephp.com">Item 3</a></li>
282                                            <li><a href="http://www.falconmasters.com">Item 4</a></li>
283                                        </ul>
284                                    </li>
285                                    <li><a href="#">Redes Sociales</a>
286                                        <ul>
287                                            <li><a href="#">Item 1</a></li>
288                                            <li><a href="#">Item 2</a></li>
289                                            <li><a href="#">Item 3</a></li>
290                                            <li><a href="#">Item 4</a></li>
291                                        </ul>
292                                    </li>
293                                    <li><a href="#">Contactanos</a></li>
294                                </ul>
295                            </div> -->
296                        </div>
297                    </div>
298
299                </div>
300            </div>
301        </div>
302    </div>
303</section>
304<section>
305   <div class="container">
306       </div>
307</section><section id="section-37"><section class="seccion-banner">
308<section>
309  <div class="home-bannerminimal backgroundgrey" limbo-dom="imagen-bg">
310    <div class="container">
311      <div class="row">
312        <div class="col-12 col-sm-9 col-md-6 col-lg-6 col-xl-6">
313
314          <p class="h1banner fontsans-bold-56 line-height-60">
315            Conectamos a empresas con posibilidades
316          </p>
317
318          <p class="paragrafbanner opensans-regular-14">
319            Impulsamos el crecimiento de tu empresa con asesoría especializada y
320            un portafolio integral de productos acorde a tus necesidades.
321          </p>
322        </div>
323        <div class="col-12 col-sm-9 col-md-6 col-lg-6 col-xl-6">
324          <img src="https://www.bancoagricola.com/multimedia/render/7989" alt="bancoagricola empresas" width="100%">
325        </div>
326      </div>
327    </div>
328  </div>
329</section>
330</section></section><section id="section-260" style="">
331<section class="backgroundwhite">
332<div class="container pt-4 pb-3">
333<div class="row">
334<div class="col-12"> 
335<h2 class="three-holder fontsans-light-28" limbo-dom="texto">Descubre nuestras soluciones</h2>
336<br>
337 </div>
338</div>
339</div>
340</section>
341
342<section class="backgroundwhite pb-4">
343<div class="container">
344<div class="row">
345<div class="col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 bottom">
346<div class="row backgroundwhite">
347<div class="col-3 d-flex"><img alt="icono e banca empresarial" class="d-flex m-auto icons-card-small-45 icono-card" limbo-dom="imagen" src="https://www.bancoagricola.com/multimedia/render/ahorro-2.png"></div>
348
349<div class="col-9 icono-card-text">
350<h3 class="col-form-label title-service fontsans-bold-18" limbo-dom="texto"><a href="https://www.bancoagricola.com/financiacion"><u>Financiamiento</u></a></h3>
351
352<p class="second-text opensans-regular-12" limbo-dom="texto">Apoyamos las metas de su empresa con las mejores alternativas de financiamiento.</p>
353</div>
354</div>
355</div>
356
357<div class="col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 bottom">
358<div class="row backgroundwhite">
359<div class="col-3 d-flex"><img alt="icono e banca empresarial" class="d-flex m-auto icons-card-small-45 icono-card" limbo-dom="imagen" src="https://www.bancoagricola.com/multimedia/render/cards-1.png"></div>
360
361<div class="col-9 icono-card-text">
362<h3 class="col-form-label title-service fontsans-bold-18" limbo-dom="texto"><a href="https://www.bancoagricola.com/transfer-365"><u>Transfer365 CA-RD del Banco Central de Reserva</u></a></h3>
363
364<p class="second-text opensans-regular-12" limbo-dom="texto">Realiza transferencias entre bancos de Centroamérica y República Dominicana, a través de e-banca Personas y e-banca Empresarial.</p>
365</div>
366</div>
367</div>
368
369<div class="col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 bottom">
370<div class="row backgroundwhite">
371<div class="col-3 d-flex"><img alt="icono e banca empresarial" class="d-flex m-auto icons-card-small-45 icono-card" limbo-dom="imagen" src="https://www.bancoagricola.com/multimedia/render/currency-exchange-1.png"></div>
372
373<div class="col-9 icono-card-text">
374<h3 class="col-form-label title-service fontsans-bold-18" limbo-dom="texto"><a href="https://www.bancoagricola.com/negocios-especializados"><u>Negocios Especializados</u></a></h3>
375
376<p class="second-text opensans-regular-12" limbo-dom="texto">Le ofrecemos soluciones competitivas para llevar a cabo la administración de su negocio.</p>
377</div>
378</div>
379</div>
380
381<div class="col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 bottom">
382<div class="row backgroundwhite">
383<div class="col-3 d-flex"><img alt="icono e banca empresarial" class="d-flex m-auto icons-card-small-45 icono-card" limbo-dom="imagen" src="https://www.bancoagricola.com/multimedia/render/5611"></div>
384
385<div class="col-9 icono-card-text">
386<h3 class="col-form-label title-service fontsans-bold-18" limbo-dom="texto"><a href="https://www.bancoagricola.com/factura-electronica"><u>Factura Electrónica</u></a></h3>
387
388<p class="second-text opensans-regular-12" limbo-dom="texto">Integración en línea con el Ministerio de Hacienda para el control y almacenamiento de los Documentos Tributarios Electrónicos (DTE)</p>
389</div>
390</div>
391</div>
392
393<div class="col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 bottom">
394<div class="row backgroundwhite">
395<div class="col-3 d-flex"><img alt="icono e banca empresarial" class="d-flex m-auto icons-card-small-45 icono-card" limbo-dom="imagen" src="https://www.bancoagricola.com/multimedia/render/6542"></div>
396
397<div class="col-9 icono-card-text">
398<h3 class="col-form-label title-service fontsans-bold-18" limbo-dom="texto"><a href="https://www.bancoagricola.com/credito-desarrollo-sostenible"><u>Crédito Desarrollo Sostenible</u></a></h3>
399
400<p class="second-text opensans-regular-12" limbo-dom="texto">Construyamos un mejor futuro. Conoce el Portafolio de Créditos para el Desarrollo Sostenible.</p>
401</div>
402</div>
403</div>
404
405<div class="col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 bottom">
406<div class="row backgroundwhite">
407<div class="col-3 d-flex"><img alt="documentacion contratos empresas" class="d-flex m-auto icons-card-small-45 icono-card" limbo-dom="imagen" src="https://www.bancoagricola.com/multimedia/render/document-delivery.png"></div>
408
409<div class="col-9 icono-card-text">
410<h3 class="col-form-label title-service fontsans-bold-18" limbo-dom="texto"><a href="https://www.bancoagricola.com/documentos-contratos-credito-depositado"><u>Documentos Contratos de Crédito Depositados</u></a></h3>
411
412<p class="second-text opensans-regular-12" limbo-dom="texto">Consulte documentación acerca de Contrato mutuo Mercantil, Aperturas de líneas de Crédito Rotativas y no Rotativas y Anexos</p>
413</div>
414</div>
415</div>
416
417  <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 bottom">
418        <div class="row backgroundwhite">
419          <div class="col-3 d-flex">
420            <img alt="contracargos" class="d-flex m-auto icono-card" limbo-dom="imagen" src="https://www.bancoagricola.com/multimedia/render/cards-1.png">
421          </div>
422
423          <div class="col-9 col-sm-8 col-md-9 col-lg-8 col-xl-8 icono-card-text">
424            <h3 class="col-form-label title-service" limbo-dom="texto">
425              <a href="/contracargos"><u>Contracargos</u></a>
426            </h3>
427            <p class="second-text" limbo-dom="texto">
428             Un espacio donde encontrarás guías del proceso de contracargos de Bancoagrícola para facilitar la resolución a tus consultas.
429            </p>
430          </div>
431        </div>
432      </div>
433
434
435  <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 bottom">
436        <div class="row backgroundwhite">
437          <div class="col-3 d-flex">
438            <img alt="deposito a plazo empresas" class="d-flex m-auto icono-card" limbo-dom="imagen" src="https://www.bancoagricola.com/multimedia/render/bb24pxrgbv01creditos.png">
439          </div>
440
441          <div class="col-9 col-sm-8 col-md-9 col-lg-8 col-xl-8 icono-card-text">
442            <h3 class="col-form-label title-service" limbo-dom="texto">
443              <a href="https://www.bancoagricola.com/deposito-plazo-digital-empresas"><u>Depósito a Plazo Digital Empresarial</u></a>
444            </h3>
445            <p class="second-text" limbo-dom="texto">
446             Contrátalo desde e-banca Empresarial o App Bancoagrícola Empresas en el plazo que mejor se adapte a tus necesidades
447            </p>
448          </div>
449        </div>
450      </div>
451</div>
452</div>
453</section></section><section id="section-262" style="">
454<section class="backgroundwhite pt-4 pb-4">
455  <div class="container">
456    &nbsp;
457    <h2 class="three-holder blue" limbo-dom="texto">
458      Te hacemos la vida más fácil
459    </h2>
460    &nbsp;
461
462<div class="row">
463     <div class="col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7">
464  <div class="row shadow backgroundgrey margin-20">
465    <div class="col-12 col-sm-12 col-md-6 col-lg-6  off">
466      <div class="imgofcard" limbo-dom="imagen-bg" style=" 
467          background-image: url('https://www.bancoagricola.com/multimedia/render/7820');
468        "></div>
469      
470    </div><div class="col-12 col-sm-12 col-md-6 col-lg-6 d-flex align-self-center off">
471        <div class="borderadd">
472          <h3 class="fontsans-bold-28 " limbo-dom="texto">App Bancoagrícola Empresas</h3>
473          <br>
474          <p class="opensans-regular-12 " limbo-dom="texto">
475            Disfrute los beneficios de llevar su empresa con usted.<br>
476            Con nuestra App Empresarial tiene el control de sus transacciones
477            desde su móvil.
478          </p>
479          <br><br><br>
480          <button class="btn btn-primary btn-secondary" onclick="location.href='https://www.bancoagricola.com/app-empresarial'" type="button">
481            Conoce más
482          </button>
483        </div>
484      </div></div></div>
485
486      <div class="col-12 col-sm-12 col-md-5 col-lg-5 col-xl-5">
487        <div class="row shadow backgroundblue  ">
488          <div class="col-12 off">
489            <div class="imgofcardtwo" limbo-dom="imagen-bg" style="
490                background-image: url('https://www.bancoagricola.com/multimedia/render/3601');
491              ">
492              &nbsp;
493            </div>
494          </div>
495
496          <div class="col-12 d-flex align-self-center off textbox-two-personas">
497            <div class="borderadd">
498              &nbsp;
499              <h3 class="fontsans-bold-28  pb-3" limbo-dom="texto">
500                Servicios Internacionales
501              </h3>
502
503              <p class="second-text pb-3" limbo-dom="texto">
504                Realiza pagos a proveedores internacionales, transfiere fondos a tus filiales o realiza operaciones en el extranjero en múltiples monedas.
505              </p>
506
507              <a class="btn btn-primary btn-secondary" href="https://www.bancoagricola.com/servicios-internacionales-empresas">Conoce más
508              </a>
509            </div>
510          </div>
511        </div>
512      </div>
513    </div></div></section></section><section id="section-2296" style="">
514<section id="section-2273 " style="">
515<section class="backgroundwhite">
516<div class="container">
517<div class="row">
518<div class="cardhorizontalcol pt-5 pb-2">
519<div class="row shadow">
520<div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 align-self-center backgroundwhite pr-0 pl-0">
521<div><img class="" alt="Cotizacion Divisas Bancoagricola " src="https://www.bancoagricola.com/multimedia/render/6620" width="370" height="" style="width: 100%;"></div>
522</div>
523
524<div class="col-12 col-sm-12 col-md-8 col-lg-6 col-xl-8 align-self-center backgroundyellow">
525<div class="borderadd"><h2 class="fontsans-bold-28" limbo-dom="texto">Compra y venta de Divisas</h2>
526
527<h3 class="second-text" limbo-dom="texto" style="line-height: 19.5px">Conoce nuestros productos y cotice los tipos de cambio completando el formulario de contacto o a través de uno de nuestros especialistas.</h3><br>
528
529<button class="btn btn-primary btn-secondary" id="btn-divisas" type="button" onclick="location.href='https://www.bancoagricola.com/divisas'">Cotizar</button></div>
530</div></div>
531</div></div></div></section></section></section><section id="section-1096" style="">
532<section class="backgroundgrey pt-3 pb-3">
533<div class="container">
534<div class="row">
535<div class="col cardhorizontalcol">
536<div class="row shadow backgroundpink">
537<div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
538<div><img class="cardhorizontal img" alt="Wompi" src="https://www.bancoagricola.com/multimedia/render/3602"></div>
539</div>
540
541<div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 align-self-center">
542<div class="borderadd"><h3 class="fontsans-bold-28" limbo-dom="texto">Seguro, confiable y <br>fácil de usar</h3><br>
543
544<p class="second-text" limbo-dom="texto">Wompi es una pasarela de pagos en línea 100% autogestionable <br>sin membresía, que permitirá que tus cliente compren online desde <br>tus redes sociales o sitio web de la forma más fácil y segura.<br><br><strong>¡Empieza a vender por internet con Wompi!</strong></p><br>
545<button class="btn btn-primary btn-secondary" id="wompi_boton" type="button" onclick="location.href='https://wompi.sv/'">Ingresa aquí</button></div>
546
547</div>
548</div>
549</div>
550</div>
551</div>
552</section>
553</section><section id="section-272" style="">
554<section class="backgroundgrey">
555  <div class="container">
556    <div class="row">
557      <div class="col cardhorizontalcol">
558        <div class="row shadow backgroundgreen">
559          <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
560            <div>
561              <img class="img-fluid" alt="Cupo Verde Bancoagricola" src="https://www.bancoagricola.com/multimedia/render/3603">
562            </div>
563          </div>
564
565          <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 align-self-center">
566            <div class="borderadd">
567              <p class="mini-tittle">Contáctanos</p>
568              <h2 class="title-service" limbo-dom="texto">Negocios con Propósito</h2>
569              <p class="second-text" limbo-dom="texto">
570                Ponemos a su disposición una alternativa de financiamiento
571                destinada para el desarrollo de proyectos sostenibles.<br>
572              </p>
573              <a class="btn btn-primary btn-secondary" href="https://www.bancoagricola.com/negocios-con-proposito">Conoce más</a>
574            </div>
575          </div>
576        </div>
577      </div>
578    </div>
579  </div>
580</section>
581</section><footer class="footer">
582    <div class="footer-head">
583        <section class="backgroundwhite" id="contactanos">
584<div class="text-center">
585<h2 class="colorblack fontsans-light-28">Cont&aacute;ctanos</h2>
586&nbsp;
587
588<p>&nbsp;</p>
589
590<h3 class="textoptions2 opensans-semibold-16 colorblack" onclick="document.getElementById('circularMenu').classList.toggle('active');" style="padding: 20px"><img alt="chat en línea" class="iconopction" height="auto" limbo-dom="imagen" src="https://www.bancoagricola.com/multimedia/render/4447" width="38" />Chat en l&iacute;nea</h3>
591
592<h3 class="textoptions2 opensans-semibold-16 colorblack" style="padding: 20px"><img alt="telebanca" class="iconopction" height="auto" limbo-dom="imagen" src="https://www.bancoagricola.com/multimedia/render/4448" width="38" /> 2210-0000</h3>
593
594<h3 class="textoptions2 opensans-semibold-16 colorblack" style="padding: 20px"><a formulario="formulario-atencion-cliente" href="#"><img alt="correo" class="iconopction" height="auto" limbo-dom="imagen" src="https://www.bancoagricola.com/multimedia/render/4450" width="38" />Escr&iacute;benos </a></h3>
595
596<h3 class="textoptions2 opensans-semibold-16 colorblack" style="padding: 20px"><img alt="Whatsapp" class="iconopction" height="auto" limbo-dom="imagen" src="https://www.bancoagricola.com/multimedia/render/whatsapp-icono.png" width="38" /><a href="https://api.whatsapp.com/send?phone=50322100000&amp;text=Hola%20Tabot!"> Whatsapp</a></h3>
597
598<h3 class="textoptions2 opensans-semibold-16 colorblack" style="padding: 20px"><img alt="puntos de servicio" class="iconopction" height="auto" limbo-dom="imagen" src="https://www.bancoagricola.com/multimedia/render/puntos-de-servicios-icono.png" width="38" /> <a href="https://www.bancoagricola.com/puntos-de-servicio">Puntos de servicio</a></h3>
599
600<p>&nbsp;</p>
601</div>
602</section>
603
604          
605<script type="text/javascript" src="https://www.bancoagricola.com/web/modulos/formulario/dist/ba-formularios.js"></script>
605
606<div class="form-conteiner" style="width:100%">
607	</div>
608
609<script>
610			if(!window.limbo_forms){
611			window.limbo_forms=[];
612		}
613		window.limbo_forms.push({
614			id:"4e6a4d3d",
615			slug:"formulario-atencion-cliente",
616			tipo : "1",
617			token_producto : "",
618			producto : ""
619		});
620		$('[formulario]').unbind("click");
621		$('[formulario]').bind("click",function(e){
622
623			e.preventDefault();
624			let slug_form = $(this).attr("formulario");
625			
626			let _form = window.limbo_forms.filter(x=>x.slug==slug_form)[0];
627			let form_code = _form.id;
628
629			let html_modal_limbo_form = `<div id="appdiv_${form_code}" formulario-slug="${slug_form}" formulario_code="${form_code}"></div>`;
630			modal_limbo(null,{},null,html_modal_limbo_form);
631			
632			$("#appdiv_"+form_code).react_render_limbo_form({
633				form:form_code,
634				keyCaptcha:"6LcOaOMgAAAAAAao8LFx5ZuoqaWTaFZO2o0eaGEu",
635				tipo : _form.tipo,
636				token_producto : _form.token_producto,
637				producto : _form.producto
638			});
639
640			
641		});
642	</script>
642
643
644    </div>
645    <div class="footer-body">
646        <div class="container">
647            <div class="row">
648<div class="col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 offset-md-0 offset-lg-0 offset-xl-0"><label class="col-form-label fontsans-bold-18 colorwhite footer-body-titles">Links directos</label>
649<ul class="third menu footer">
650	<li><a class="colorwhite opensans-regular-12" href="https://www.bancoagricola.com/salaprensa" target="_blank">Sala de prensa</a></li>
651	<li><a class="colorwhite opensans-regular-12" href="https://www.bancoagricola.com/desarrollo-sostenible" target="_blank">Desarrollo sostenible</a></li>
652	<li><a class="colorwhite opensans-regular-12" href="https://www.bancoagricola.com/home-innovacion" target="_blank">Innovaci&oacute;n</a></li>
653	<li><a class="colorwhite opensans-regular-12" href="https://www.bancoagricola.com/financiera-mente" target="_blank">Educaci&oacute;n Financiera</a></li>
654	<li><a class="colorwhite opensans-regular-12" href="https://www.bancoagricola.com/lo-lindo-del-futbol" target="_blank">Lo Lindo del F&uacute;tbol</a></li>
655	<li><a class="colorwhite opensans-regular-12" href="https://www.bancoagricola.com/preguntas-frecuentes" target="_blank">Preguntas Frecuentes FAQs</a></li>
656	<li><a class="colorwhite opensans-regular-12" href="https://www.bancoagricola.com/linea-etica" target="_blank">Línea ética</a></li>
657</ul>
658</div>
659
660<div class="col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 offset-0 offset-md-0 offset-lg-0 offset-xl-0"><label class="col-form-label fontsans-bold-18 colorwhite footer-body-titles">Nuestro Banco</label>
661
662<ul class="third menu footer">
663	<li><a class="colorwhite opensans-regular-12" href="https://www.bancoagricola.com/somos-banco-agricola">Somos Bancoagr&iacute;cola</a></li>
664	<li><a class="colorwhite opensans-regular-12" href="https://www.bancoagricola.com/transparencia">Transparencia</a></li>
665	<li><a class="colorwhite opensans-regular-12" href="https://empleo.grupobancolombia.com/bancoagricola/" target="_blank">&Uacute;nete a nuestro equipo </a></li>
666	<li><a class="colorwhite opensans-regular-12" href="https://www.bancoagricola.com/rincon-magico" target="_blank">Rinc&oacute;n m&aacute;gico </a></li>
667	<li><a class="colorwhite opensans-regular-12" href="https://www.bancoagricola.com/cookies" target="_blank">Aviso de Privacidad y Pol&iacute;tica de cookies</a></li>
668	<li><a class="colorwhite opensans-regular-12" href="https://www.bancoagricola.com/formularios-arco-pol" target="_blank">Formularios de derechos ARCO-POL</a></li>
669</ul>
670</div>
671
672<div class="col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 offset-0 offset-sm-0 offset-md-0 offset-lg-0 offset-xl-0"><label class="col-form-label fontsans-bold-18 colorwhite footer-body-titles">Informaci&oacute;n corporativa</label>
673
674<ul class="third menu footer">
675	<li><a class="colorwhite opensans-regular-12" href="https://www.bancoagricola.com/gobierno-corporativo">Gobierno corporativo<br>
676	Bancoagr&iacute;cola</a></li>
677	<li><a class="colorwhite opensans-regular-12" href="https://www.bancoagricola.com/valores-banagricola">Gobierno valores Banagr&iacute;cola</a></li>
678	<li><a class="colorwhite opensans-regular-12" href="https://www.gestorabanagricola.com/quienes-somos-2/" target="_blank">Gobierno corporativo Gestora</a></li>
679	<li><a class="colorwhite opensans-regular-12" href="sociedad-accelera">Sociedad ACCELERA</a></li>
680	<li><a class="colorwhite opensans-regular-12" href="sociedad-arfinsa">Sociedad Arfinsa</a></li>
681	<li><a class="colorwhite opensans-regular-12" href="https://www.bancoagricola.com/relacion-con-inversionistas-espanol">Relaci&oacute;n con inversionistas</a></li>
682</ul>
683</div>
684
685<div class="col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 offset-0 offset-md-0 offset-lg-0 offset-xl-0"><label class="col-form-label fontsans-bold-18 colorwhite footer-body-titles">Tasas de inter&eacute;s</label>
686
687<ul class="third menu footer">
688	<li><a class="colorwhite opensans-regular-12" href="https://www.bancoagricola.com/tasas-de-interes">Tarifas de Tasas de Inter&eacute;s</a></li>
689</ul>
690
691<div class="row icons-footer">
692<div class="col-1 "><a href="https://www.facebook.com/bancoagricola.sv" rel="noopener noreferrer" target="_blank"><img alt="contactanos facebook bancoagricola" class="icon-redes" src="https://www.bancoagricola.com/multimedia/render/3185"></a></div>
693
694<div class="col-1 "><a href="https://twitter.com/@BancoAgricolaSV" rel="noopener noreferrer" target="_blank"><img alt="contactanos twitter bancoagricola" class="icon-redes" src="https://www.bancoagricola.com/multimedia/render/7610"></a></div>
695
696<div class="col-1 "><a href="https://www.instagram.com/bancoagricola/ " rel="noopener noreferrer" target="_blank"><img alt="contactanos instagram bancoagricola" class="icon-redes" src="https://www.bancoagricola.com/multimedia/render/3186"></a></div>
697
698<div class="col-1 "><a href="https://www.youtube.com/user/BancoAgricolaSV" rel="noopener noreferrer" target="_blank"><img alt="contactanos twitter bancoagricola" class="icon-redes" src="https://www.bancoagricola.com/multimedia/render/3189"></a></div>
699
700<div class="col-1 "><a href="https://sv.linkedin.com/company/bancoagricola" rel="noopener noreferrer" target="_blank"><img alt="contactanos linkedin bancoagricola" class="icon-redes" src="https://www.bancoagricola.com/multimedia/render/3187"></a></div>
701
702<div class="col-1 ">
702<a href="https://api.whatsapp.com/send?phone=50322100000&amp;text=Hola%20Tabot!" rel="noopener noreferrer" target="_blank"><img alt="contactanos whatsapp bancoagricola" class="icon-redes" src="https://www.bancoagricola.com/multimedia/render/4931"></a></div>
703</div>
704</div>
705</div>
706        </div>
707    </div>
708    <div class="ba-menu-abanico">
709    <link rel="stylesheet" href=" https://www.bancoagricola.com/web/modulos/menu_abanico/assets/css/abanico.css" />
710
711<div id="circularMenu" class="circular-menu">
712
713        <a class="floating-btn" onclick="document.getElementById('circularMenu').classList.toggle('active');" id="menu-abanico-abrir_cerar">
714        <span class="ico-menu-abanico ico-menu-chat ico-btn-menu"></span>
715        <span class="ico-menu-abanico ico-menu-cerrar"></span>
716            <!-- <img src="chat.png" id="circularMenu2" onclick="changeImage()" />-->
717        </a>
718
719        <menu class="items-wrapper ">
720            <a href="https://www.bancoagricola.com/mapas-interactivos" class="menu-item fa " id="menu-abanico-puntos_servicio"><span class="ico-menu-abanico ico-menu-pin"></span>
721                <p>Puntos de <br>servicio</p>
722            </a>
723                        <a href="javascript:open_chat_ba()" class="menu-item fa " id="menu-abanico-chat"><span class="ico-menu-abanico ico-menu-chat-op"></span>
724                <p>Chat en línea</p>
725            </a>
726            <a href="https://www.bancoagricola.com/gestiones-en-linea" class="menu-item fa " id="menu-abanico-gestiones_linea"><span class="ico-menu-abanico ico-menu-linea"></span>
727                <p>Gestiones en<br> línea</p>
728            </a>
729        </menu>
730
731    </div>
732<script>
733  function open_chat_ba(){
734    showChat();
735    $(".circular-menu").removeClass("active");
736  }
737  
738  $("#circularMenu .items-wrapper").addClass("count-item-"+$("#circularMenu .items-wrapper .menu-item").length);
739</script>
739
740    </div>
741    <div class="footer-foot">
742        <div class="container d-flex">
743            <div class="row align-items-center footer-foot-content">
744                <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 offset-0 offset-md-0 offset-lg-0 offset-xl-0">
745                    <div class="logo-ba-footer d-flex m-auto">
746                        <img class="img-fluid" src="https://www.bancoagricola.com/multimedia/render/3315" alt="logo banco agrícola">
747                    </div>
748                </div>
749                <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 offset-0 offset-md-2 offset-lg-2 offset-xl-2">
750                    <p class="opensans-regular-14 colorwhite bc-texto">Copyright © 2026 Grupo Cibest</p>
751                </div>
752                <div class="col-12 col-sm-12 col-md-2 col-lg-2 col-xl-2 offset-0 offset-md-0 offset-lg-0 offset-xl-0">
753                    <div class="logo-bc-footerold d-flex m-auto">
754                        <img class="img-fluid" src="https://www.bancoagricola.com/web/templates/Principalnew2/assets/img/logo-grupo-cibest.png" alt="Grupo Cibest" style="max-height: 45px">
755                    </div>
756                </div>
757            </div>
758        </div>
759    </div>
760</footer>
761
762<script type="text/javascript" src="https://bancoagricola.s1gateway.com/pe/1cdc83e4c54408353f2d0448b4f2e67125a61de8a6b05a863ebaf8c9be6d983c302044a38df253b3"></script>
762<style>/*Retos BM*/
763.days2{
764    max-width: 1400px;
765    margin: 50px auto;
766    padding: 0 20px;
767    display: grid;
768    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
769    gap: 20px;
770
771}
772
773.day-card{
774
775background:white;
776border-radius:16px;
777padding:24px;
778text-align:center;
779box-shadow:0 5px 15px rgba(0,0,0,.08);
780
781}
782
783.day-card span{
784
785display:block;
786font-size:42px;
787margin-bottom:10px;
788
789}
790
791.day-card a{
792
793
794font-weight:bold;
795text-decoration: underline !important;
796
797}
798
799
800/* tabs LCM */
801.carousel-indicators .lcm-tabs{
802    text-indent: unset !important;
803width:180px;
804}
805.carousel-indicators .lcm-tabs {
806    height: auto !important;
807background-color: #ffffff;
808}
809
810/*Hover*/
811.hoverimage {
812  --s: 250px;   /* the size of the image */
813  --b: 8px;     /* the border thickness*/
814  --g: 14px;    /* the gap */
815  --c: #4ECDC4; /* the color */
816  
817  width: var(--s);
818  aspect-ratio: 1;
819  outline-offset: calc(var(--s)/-2);
820  cursor: pointer;
821  transition: .3s;
822}
823.hoverimage:hover {
824  outline: var(--b) solid var(--c);
825  outline-offset: var(--g);
826}
827
828.hoverimage + img {
829  border-radius: 50%;
830}
831
832
833/*FLIP CARD*/
834.nav-link.tab-produdig.btnnphqp.active  {
835    background-color: #292929 !important;
836    color: #fff !important;
837}
838
839.card1:focus {
840  outline: none;
841}
842
843.tdccard{
844    position: relative;
845    flex: 0 0 20%;
846    max-width: 20%;
847}
848
849.card1 {
850  width:100%;
851  min-height: 470px;
852  margin: 1rem auto;
853  perspective: 1000px;
854  cursor: pointer;
855background: #fddb24;
856}
857
858.card-inner {
859  position: relative;
860  width: 100%;
861  height: 100%;
862  transition: transform 0.6s;
863  transform-style: preserve-3d;
864}
865
866
867.card1:focus .card-inner {
868  transform: rotateY(180deg);
869}
870
871.card-front,
872.card-back {
873  position: absolute;
874  width: 100%;
875  backface-visibility: hidden;
876  display: flex;
877  align-items: center;
878  justify-content: center;
879  border-radius: 0.5rem;
880}
881
882.card-front {
883  background: white;
884  
885}
886
887.card-back {
888
889  transform: rotateY(180deg);
890}
891
892
893  
894 
895/* Hover holographic*/
896.holographic-container {
897  justify-content: center;
898  align-items: center;
899}
900
901.holographic-card {
902  background: #111;
903  display: flex;
904  justify-content: center;
905  align-items: center;
906
907  overflow: hidden;
908  transition: all 0.5s ease;
909}
910
911.holographic-card h2 {
912  color: #0ff;
913  font-size: 2rem;
914  position: relative;
915  z-index: 2;
916}
917
918.holographic-card::before {
919  content: '';
920  position: absolute;
921  top: -50%;
922  left: -50%;
923  width: 200%;
924  height: 200%;
925  background: linear-gradient(0deg, transparent, transparent 30%, rgb(255 255 255 / 53%));
926  transform: rotate(-45deg);
927  transition: all 0.5s ease;
928  opacity: 0;
929}
930
931.holographic-card:hover {
932  transform: scale(1.05);
933
934}
935
936.holographic-card:hover::before {
937  opacity: 1;
938  transform: rotate(-45deg) translateY(100%);
939}
940
941/* Slider */
942.slider-rm > a{
943background-color:#fff !important;
944}
945
946.carousel-indicators .slide-beneficios-indicador {
947    height: 3px;
948
949}
950
951/* BLOG*/
952
953 /* ===== Pasos (solo 1 visible) ===== */
954    .step { display: none; scroll-margin-top: 100px; }
955    #step1 { display: block; }            /* default cuando no hay hash */
956    .step:target { display: block; }      /* muestra el target */
957    .step:target ~ #step1 { display:none; } /* si hay target, oculta el default */
958
959    /* ===== Navbar estilo pills ===== */
960    .multi-nav {
961      --p: 33.33%; /* progreso por defecto: step1 */
962    }
963
964    .multi-nav .nav-link {
965      border-radius: 999px;
966      background: rgba(255,255,255,.18);
967      color: #fff;
968      border: 1px solid rgba(255,255,255,.20);
969      padding: .45rem .85rem;
970      white-space: nowrap;
971      transition: transform .08s ease-in-out;
972    }
973    .multi-nav .nav-link:hover { transform: translateY(-1px); }
974
975    /* Activo por defecto: step1 */
976    .multi-nav a[href="#step1"]{
977      background: #fff;
978      color: #0d6efd;
979      font-weight: 700;
980      border-color: rgba(255,255,255,.60);
981    }
982
983    /* Si hay target, step1 deja de ser activo por defecto */
984    :target ~ nav.multi-nav a[href="#step1"]{
985      background: rgba(255,255,255,.18);
986      color: #fff;
987      font-weight: 400;
988      border-color: rgba(255,255,255,.20);
989    }
990
991    /* Activo dinámico según :target */
992    #step1:target ~ nav.multi-nav a[href="#step1"],
993    #step2:target ~ nav.multi-nav a[href="#step2"],
994    #step3:target ~ nav.multi-nav a[href="#step3"]{
995      background: #fff;
996      color: #0d6efd;
997      font-weight: 800;
998      border-color: rgba(255,255,255,.60);
999    }
1000
1001    /* ===== Progreso dinámico (sin JS) ===== */
1002    #step1:target ~ nav.multi-nav { --p: 33.33%; }
1003    #step2:target ~ nav.multi-nav { --p: 66.66%; }
1004    #step3:target ~ nav.multi-nav { --p: 100%;   }
1005
1006    /* Barra de progreso (estilo fino) */
1007    .progress-wrap{
1008      height: 8px;
1009      background: rgba(255,255,255,.25);
1010      border-radius: 999px;
1011      overflow: hidden;
1012      border: 1px solid rgba(255,255,255,.25);
1013    }
1014    .progress-bar-css{
1015      height: 100%;
1016      width: var(--p);
1017      background: #fff;
1018      border-radius: 999px;
1019      transition: width .25s ease;
1020    }
1021
1022    /* Texto "Paso X de Y" sin JS (mostramos/ocultamos) */
1023    .step-indicator > span { display: none; }
1024    .step-indicator .s1 { display: inline; } /* default sin hash */
1025
1026    #step1:target ~ nav.multi-nav .step-indicator .s1,
1027    #step2:target ~ nav.multi-nav .step-indicator .s2,
1028    #step3:target ~ nav.multi-nav .step-indicator .s3 { display: inline; }
1029
1030    /* Cuando hay target, ocultar el default */
1031    :target ~ nav.multi-nav .step-indicator .s1 { display: none; }
1032
1033    /* Badge numérico opcional para títulos */
1034    .step-badge{
1035      display:inline-flex;
1036      width: 1.6rem;
1037      height: 1.6rem;
1038      align-items:center;
1039      justify-content:center;
1040      border-radius: 999px;
1041      background: rgba(13,110,253,.12);
1042      color:#0d6efd;
1043      font-weight: 800;
1044      margin-right: .4rem;
1045      border: 1px solid rgba(13,110,253,.20);
1046    }
1047
1048.gap-2 > .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
1049color: #ffffff;
1050    background-color: #2c2a29;
1051}
1052
1053
1054/* Blog 
1055---------------------*/
1056.blog-grid {
1057  box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
1058    border-radius: 5px;
1059    overflow: hidden;
1060    background: #ffffff;
1061    margin-top: 15px;
1062    margin-bottom: 15px;
1063    height: 100%;
1064}
1065.blog-grid .blog-img {
1066  position: relative;
1067  border-radius: 5px;
1068  overflow: hidden;
1069}
1070.blog-grid .blog-img .date {
1071      position: absolute;
1072    background: #fdda24;
1073    color: #1a1b1a;
1074    padding: 8px 15px;
1075    left: 10px;
1076    top: 10px;
1077    border-radius: 4px;
1078}
1079.blog-grid .blog-info {
1080  box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
1081  border-radius: 5px;
1082  background: #ffffff;
1083  padding: 20px;
1084  margin: -30px 20px 0;
1085  position: relative;
1086}
1087.blog-grid .blog-info h5 {
1088  font-size: 22px;
1089  font-weight: 500;
1090  margin: 0 0 10px;
1091}
1092
1093.blog-grid .blog-info p {
1094  margin: 0;
1095}
1096.blog-grid .blog-info .btn-bar {
1097  margin-top: 20px;
1098}
1099
1100.px-btn-arrow {
1101    padding: 0 50px 0 0;
1102    line-height: 20px;
1103    position: relative;
1104    display: inline-block;
1105    -moz-transition: ease all 0.3s;
1106    -o-transition: ease all 0.3s;
1107    -webkit-transition: ease all 0.3s;
1108    transition: ease all 0.3s;
1109}
1110
1111
1112.px-btn-arrow .arrow {
1113    width: 13px;
1114    height: 2px;
1115    background: currentColor;
1116    display: inline-block;
1117    position: absolute;
1118    top: 0;
1119    bottom: 0;
1120    margin: auto;
1121    right: 25px;
1122    -moz-transition: ease right 0.3s;
1123    -o-transition: ease right 0.3s;
1124    -webkit-transition: ease right 0.3s;
1125    transition: ease right 0.3s;
1126}
1127
1128.px-btn-arrow .arrow:after {
1129    width: 8px;
1130    height: 8px;
1131    border-right: 2px solid currentColor;
1132    border-top: 2px solid currentColor;
1133    content: "";
1134    position: absolute;
1135    top: -3px;
1136    right: 0;
1137    display: inline-block;
1138    -moz-transform: rotate(45deg);
1139    -o-transform: rotate(45deg);
1140    -ms-transform: rotate(45deg);
1141    -webkit-transform: rotate(45deg);
1142    transform: rotate(45deg);
1143}
1144
1145/* Blog Sidebar
1146-------------------*/
1147.blog-aside .widget {
1148  box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
1149  border-radius: 5px;
1150  overflow: hidden;
1151  background: #ffffff;
1152  margin-top: 15px;
1153  margin-bottom: 15px;
1154  width: 100%;
1155  display: inline-block;
1156  vertical-align: top;
1157}
1158.blog-aside .widget-body {
1159  padding: 15px;
1160}
1161.blog-aside .widget-title {
1162  padding: 15px;
1163  border-bottom: 1px solid #eee;
1164}
1165.blog-aside .widget-title h3 {
1166  font-size: 20px;
1167  font-weight: 700;
1168
1169  margin: 0;
1170}
1171.blog-aside .widget-author .media {
1172  margin-bottom: 15px;
1173}
1174.blog-aside .widget-author p {
1175  font-size: 16px;
1176  margin: 0;
1177}
1178.blog-aside .widget-author .avatar {
1179  width: 70px;
1180  height: 70px;
1181  border-radius: 50%;
1182  overflow: hidden;
1183}
1184.blog-aside .widget-author h6 {
1185  font-weight: 600;
1186
1187  font-size: 22px;
1188  margin: 0;
1189  padding-left: 20px;
1190}
1191.blog-aside .post-aside {
1192  margin-bottom: 15px;
1193}
1194.blog-aside .post-aside .post-aside-title h5 {
1195  margin: 0;
1196}
1197.blog-aside .post-aside .post-aside-title a {
1198  font-size: 18px;
1199  font-weight: 600;
1200}
1201.blog-aside .post-aside .post-aside-meta {
1202  padding-bottom: 10px;
1203}
1204.blog-aside .post-aside .post-aside-meta a {
1205  font-size: 12px;
1206  text-transform: uppercase;
1207  display: inline-block;
1208  margin-right: 10px;
1209}
1210.blog-aside .latest-post-aside + .latest-post-aside {
1211  border-top: 1px solid #eee;
1212  padding-top: 15px;
1213  margin-top: 15px;
1214}
1215.blog-aside .latest-post-aside .lpa-right {
1216  width: 90px;
1217}
1218.blog-aside .latest-post-aside .lpa-right img {
1219  border-radius: 3px;
1220}
1221.blog-aside .latest-post-aside .lpa-left {
1222  padding-right: 15px;
1223}
1224.blog-aside .latest-post-aside .lpa-title h5 {
1225  margin: 0;
1226  font-size: 15px;
1227}
1228.blog-aside .latest-post-aside .lpa-title a {
1229  font-weight: 600;
1230}
1231.blog-aside .latest-post-aside .lpa-meta a {
1232  font-size: 12px;
1233  text-transform: uppercase;
1234  display: inline-block;
1235  margin-right: 10px;
1236}
1237
1238.tag-cloud a {
1239  padding: 4px 15px;
1240  font-size: 13px;
1241  color: #ffffff;
1242  background: #20247b;
1243  border-radius: 3px;
1244  margin-right: 4px;
1245  margin-bottom: 4px;
1246}
1247.tag-cloud a:hover {
1248  background: #fc5356;
1249}
1250
1251.blog-single {
1252  padding-top: 30px;
1253  padding-bottom: 30px;
1254}
1255
1256.article {
1257  box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
1258  border-radius: 5px;
1259  overflow: hidden;
1260  background: #ffffff;
1261  padding: 15px;
1262  margin: 15px 0 30px;
1263}
1264.article .article-title {
1265  padding: 15px 0 20px;
1266}
1267.article .article-title h6 {
1268  font-size: 14px;
1269  font-weight: 700;
1270  margin-bottom: 20px;
1271}
1272.article .article-title h6 a {
1273  text-transform: uppercase;
1274  border-bottom: 1px solid #fc5356;
1275}
1276.article .article-title h2 {
1277  font-weight: 600;
1278}
1279.article .article-title .media {
1280  padding-top: 15px;
1281  border-bottom: 1px dashed #ddd;
1282  padding-bottom: 20px;
1283}
1284.article .article-title .media .avatar {
1285  width: 45px;
1286  height: 45px;
1287  border-radius: 50%;
1288  overflow: hidden;
1289}
1290.article .article-title .media .media-body {
1291  padding-left: 8px;
1292}
1293.article .article-title .media .media-body label {
1294  font-weight: 600;
1295  margin: 0;
1296}
1297.article .article-title .media .media-body span {
1298  display: block;
1299  font-size: 12px;
1300}
1301.article .article-content h1,
1302.article .article-content h2,
1303.article .article-content h3,
1304.article .article-content h4,
1305.article .article-content h5,
1306.article .article-content h6 {
1307
1308  font-weight: 600;
1309  margin-bottom: 15px;
1310}
1311.article .article-content blockquote {
1312  max-width: 600px;
1313  padding: 15px 0 30px 0;
1314  margin: 0;
1315}
1316.article .article-content blockquote p {
1317  font-size: 20px;
1318  font-weight: 500;
1319  margin: 0;
1320}
1321.article .article-content blockquote .blockquote-footer {
1322  font-size: 16px;
1323}
1324.article .article-content blockquote .blockquote-footer cite {
1325  font-weight: 600;
1326}
1327.article .tag-cloud {
1328  padding-top: 10px;
1329}
1330
1331.article-comment {
1332  box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
1333  border-radius: 5px;
1334  overflow: hidden;
1335  background: #ffffff;
1336  padding: 20px;
1337}
1338.article-comment h4 {
1339  font-weight: 700;
1340  margin-bottom: 25px;
1341  font-size: 22px;
1342}
1343
1344
1345/* Contact Us
1346---------------------*/
1347.contact-name {
1348  margin-bottom: 30px;
1349}
1350.contact-name h5 {
1351  font-size: 22px;
1352  margin-bottom: 5px;
1353  font-weight: 600;
1354}
1355.contact-name p {
1356  font-size: 18px;
1357  margin: 0;
1358}
1359
1360.social-share a {
1361  width: 40px;
1362  height: 40px;
1363  line-height: 40px;
1364  border-radius: 50%;
1365  color: #ffffff;
1366  text-align: center;
1367  margin-right: 10px;
1368}
1369.social-share .dribbble {
1370  box-shadow: 0 8px 30px -4px rgba(234, 76, 137, 0.5);
1371  background-color: #ea4c89;
1372}
1373.social-share .behance {
1374  box-shadow: 0 8px 30px -4px rgba(0, 103, 255, 0.5);
1375  background-color: #0067ff;
1376}
1377.social-share .linkedin {
1378  box-shadow: 0 8px 30px -4px rgba(1, 119, 172, 0.5);
1379  background-color: #0177ac;
1380}
1381
1382.contact-form .form-control {
1383  border: none;
1384  border-bottom: 1px solid #20247b;
1385  background: transparent;
1386  border-radius: 0;
1387  padding-left: 0;
1388  box-shadow: none !important;
1389}
1390.contact-form .form-control:focus {
1391  border-bottom: 1px solid #fc5356;
1392}
1393.contact-form .form-control.invalid {
1394  border-bottom: 1px solid #ff0000;
1395}
1396.contact-form .send {
1397  margin-top: 20px;
1398}
1399@media (max-width: 767px) {
1400.tdccard{
1401
1402    flex: 0 0 50%;
1403    max-width: 50%;
1404}
1405
1406.fontsans-bold-24 {
1407    font-size: 20px;
1408}
1409  .contact-form .send {
1410    margin-bottom: 20px;
1411  }
1412}
1413
1414.section-title h2 {
1415    font-weight: 700;
1416    font-size: 45px;
1417    margin: 0 0 15px;
1418    border-left: 5px solid #00c389;
1419    padding-left: 15px;
1420}
1421.section-title {
1422    padding-bottom: 45px;
1423}
1424.contact-form .send {
1425    margin-top: 20px;
1426}
1427.px-btn {
1428    padding: 0 50px 0 20px;
1429    line-height: 60px;
1430    position: relative;
1431    display: inline-block;
1432    background: none;
1433    border: none;
1434}
1435.px-btn:before {
1436    content: "";
1437    position: absolute;
1438    top: 0;
1439    left: 0;
1440    display: block;
1441    border-radius: 30px;
1442    background: transparent;
1443    border: 1px solid rgba(252, 83, 86, 0.6);
1444    border-right: 1px solid transparent;
1445    -moz-transition: ease all 0.35s;
1446    -o-transition: ease all 0.35s;
1447    -webkit-transition: ease all 0.35s;
1448    transition: ease all 0.35s;
1449    width: 60px;
1450    height: 60px;
1451}
1452.px-btn .arrow {
1453    width: 13px;
1454    height: 2px;
1455    background: currentColor;
1456    display: inline-block;
1457    position: absolute;
1458    top: 0;
1459    bottom: 0;
1460    margin: auto;
1461    right: 25px;
1462}
1463.px-btn .arrow:after {
1464    width: 8px;
1465    height: 8px;
1466    border-right: 2px solid currentColor;
1467    border-top: 2px solid currentColor;
1468    content: "";
1469    position: absolute;
1470    top: -3px;
1471    right: 0;
1472    display: inline-block;
1473    -moz-transform: rotate(45deg);
1474    -o-transform: rotate(45deg);
1475    -ms-transform: rotate(45deg);
1476    -webkit-transform: rotate(45deg);
1477    transform: rotate(45deg);
1478}
1479
1480
1481/*Testimoniales*/
1482 .testimonial-card {
1483            margin: 0 auto;
1484            padding: 20px;
1485            text-align: center;background: #fff;
1486    border-radius: 20px;
1487        }
1488
1489        .testimonial-text {
1490            font-style: italic;
1491            color: #495057;
1492            margin-bottom: 20px;
1493        }
1494
1495        .testimonial-author {
1496            display: flex;
1497            align-items: center;
1498            justify-content: center;
1499        }
1500
1501        .author-photo {
1502            width: 70px;
1503            height: 70px;
1504            border-radius: 50%;
1505            object-fit: cover;
1506            margin-right: 15px;
1507        }
1508
1509        .author-info h5 {
1510            margin-bottom: 0;
1511            font-weight: bold;
1512        }
1513
1514        .author-info p {
1515            font-size: 0.9rem;
1516            color: #6c757d;
1517        }
1518
1519
1520 
1521
1522/* Ocultamos todo por defecto */
1523        #resultado, #quiz {
1524            display: none;
1525        }
1526
1527        /* Mostrar la sección activa */f
1528        #quiz:target {
1529            display: block;
1530        }
1531
1532        #resultado:target {
1533            display: block;
1534        }
1535
1536        /* Estilos opcionales */
1537        .correcta { color: green; font-weight: bold; }
1538        .incorrecta { color: red; font-weight: bold; }
1539
1540
1541.nav-link.tab-produdig2.active {
1542    border-radius: 50px !important;
1543    margin: 1% 1% !important;
1544    padding: 10px 30px !important;
1545    color: #1a1b1a !important;
1546    border: 1px solid #fff !important;
1547    background: #fdda24 !important;
1548    font-weight: bold;
1549    font-family: fontsans-bold, Fallback, sans-serif;
1550}
1551
1552.tab-produdig2 {
1553 
1554    background: #E4E4E4 !important;
1555border-radius: 50px !important;
1556    margin: 1% 1% !important;
1557    padding: 10px 30px !important;
1558    color: #1a1b1a !important;
1559    font-weight: bold;
1560    font-family: fontsans-bold, Fallback, sans-serif;
1561    font-size: 25px;
1562
1563}
1564
1565/*Creditos 2026*/
1566.credit{
1567border: none;width: 100%;display: flex;line-height: 15px;flex-wrap: nowrap;
1568}
1569
1570/*Slider home*/
1571#section-3218 > section > div> #carouselBeneficiosDesktop >.carousel-inner  {
1572height:300px;
1573}
1574
1575.btn-show-all-divisas{
1576 
1577    white-space: break-spaces;
1578}
1579
1580/* TAB DIGITAL BIBLIOTECA */
1581.tab-bdigital.active.show{
1582background: #fff !important;
1583    color: #000 !important;
1584    border-radius: 10px !important;
1585    width: 100%;
1586    margin-bottom: 10px !important;
1587    border-bottom: 2px solid #fdda24;
1588    text-align: left !important;
1589    justify-content: left !important;
1590    padding: 15px;}
1591
1592.tab-bdigital{
1593background: #fff !important;
1594    color: #000 !important;
1595    border-radius: 10px !important;}
1596
1597/* */
1598#tab-cursos > li >  a.curso1.nav-link.active.show
1599 {
1600    padding-left: 28px;
1601    background-color: #f4b5cc7d !important;
1602}
1603#tab-cursos > li >  a.curso2.nav-link.active.show
1604 {
1605    padding-left: 28px;
1606    background-color: #00cae729 !important;
1607}
1608#tab-cursos > li >  a.curso3.nav-link.active.show
1609 {
1610    padding-left: 28px;
1611    background-color: #01c18942 !important;
1612}
1613
1614#nav-tab > a.tab-tipos.active.show {
1615  font-weight: 900;
1616background:#fff;
1617}
1618
1619#nav-tab > a.tab-tipos {
1620    font-weight: 100;
1621    font-family: fontsans-light, Fallback, sans-serif;
1622    font-size: 18px;
1623
1624}
1625
1626.cuenta-top{
1627margin-top:-42px;
1628}
1629
1630/* OCULTAR OPCION DE CHAT EN LINEA
1631#menu-abanico-chat {
1632display:none;
1633}
1634*/
1635/* LANDING TARJETAS 2025 */
1636 .btn-beneficios{
1637    box-shadow: -3px 2px 8px 1px rgb(0 0 0 / 6%);
1638    display: flex;
1639    margin: auto;
1640    border-radius: 100px;
1641    width: 800px;
1642}
1643.modal-2025 .modal-md {
1644    max-width: 700px;
1645}
1646.modal-2025 .modal-md .modal-body{
1647	padding: 20px 75px;
1648}
1649.modal-2025 .modal-header .close{
1650  color: transparent;
1651  background-image: url(https://www.bancoagricola.com/web/templates/Principalnew2/assets/img/error.png);  
1652background-size: 25px;
1653
1654font-size: 0px !important;
1655  padding: 12px !important;
1656  opacity: 1;
1657}
1658
1659ul{
1660font-family: fontsans-light, Fallback, sans-serif;}
1661.ico-info-2025{
1662  display: inline-block;
1663  width: 43px;
1664  height: 43px;
1665  vertical-align: middle;
1666  background:#59cbe8 url('https://www.bancoagricola.com/multimedia/render/bb24pxrgbv01idea-1-1.png') no-repeat center;
1667  background-size: 15px;
1668  border-radius: 50%;
1669}
1670@media only screen and (max-width: 600px) {
1671    .card1 {
1672        min-height: 190px;
1673    }
1674/*
1675.billeteras .px-1,.px-0, .px-2{padding:0px !important}
1676.credit{
1677border: none;width: 100%;display: block;line-height: 15px;}*/
1678
1679#section-3218 > section > div> #carouselBeneficiosDesktop >.carousel-inner  {
1680height:425px;
1681}
1682
1683    .tab-content>.active {
1684        color: #000;
1685}
1686.cuenta-top{
1687margin-top:0px;
1688padding-bottom:20px;
1689} 
1690
1691.fontsans-light-56{
1692font-size: 32px !important;
1693}
1694
1695	.modal-2025 .modal-md .modal-body{
1696		padding: 20px 20px;
1697	}
1698  .ico-info-2025{
1699    width: 32px;
1700    height: 32px;
1701    background-size: 16px;
1702  }
1703
1704 .btn-beneficios{
1705    box-shadow: -3px 2px 8px 1px rgb(0 0 0 / 6%);
1706    display: flex;
1707    margin: auto;
1708    border-radius: 100px;
1709    width: 100%;
1710}
1711}
1712/* FIN LANDING TARJETAS 2025 */
1713/* TARJETAS 2025*/
1714
1715.beneficios-franquicia, .beneficios-general{background: #fff;}
1716#beneficios .nav-tabs .nav-link.active, .secondnavitem.nav-item.nav-link.beneficios-general.active.show, .secondnavitem.nav-item.nav-link.beneficios-franquicia.active.show  {
1717    justify-content: start;
1718    align-items: center;
1719    border-radius: 0;
1720    background-color: #fdda24;
1721font-weight: bold;
1722}
1723/* SW JOVENES*/
1724
1725/* FLIP */
1726.flip-card {
1727  background-color: transparent;
1728  perspective: 1000px;
1729}
1730
1731.flip-card-inner {
1732  position: relative;
1733  width: 100%;
1734  height: 100%;
1735  text-align: center;
1736  transition: transform 0.6s;
1737  transform-style: preserve-3d;
1738}
1739
1740.flip-card:hover .flip-card-inner {
1741  transform: rotateY(180deg);
1742}
1743
1744.flip-card-front, .flip-card-back {
1745  position: absolute;
1746  width: 100%;
1747  height: 100%;
1748  -webkit-backface-visibility: hidden;
1749  backface-visibility: hidden;
1750}
1751
1752
1753
1754.flip-card-back {
1755  transform: rotateY(180deg);
1756}
1757
1758/* ESTILOS */
1759.fontsans-light-14 {
1760    font-family: fontsans-light, Fallback, sans-serif;
1761    font-size: 14px;
1762}
1763
1764#btn_documentos.accordion.active > .btn_faqsserv3 {
1765
1766    background-image: url(multimedia/render/10497) !important;
1767    background-size: 30px 30px !important;
1768    background-repeat: no-repeat !important;
1769    color: #fff;
1770    padding: 10px 20px !important;
1771    border-radius: 12px 12px 0px 0px;
1772}
1773.btn_faqsserv3{
1774    background-position: 2% 50% !important;
1775    background-image: url(multimedia/render/10498) !important;
1776    background-size: 30px 30px !important;
1777    background-repeat: no-repeat !important;
1778    padding: 10px 20px !important;
1779    border-radius: 12px 12px 0px 0px;
1780}
1781
1782#btn_documentos.accordion.active > .btn_faqsserv2 {
1783
1784    background-image: url(multimedia/render/10659) !important;
1785    background-size: 30px 30px !important;
1786    background-repeat: no-repeat !important;
1787    color: #fff;
1788    padding: 10px 20px !important;
1789    border-radius: 12px 12px 0px 0px;
1790}
1791.btn_faqsserv2{
1792    background-position: 2% 50% !important;
1793    background-image: url(multimedia/render/10658) !important;
1794    background-size: 30px 30px !important;
1795    background-repeat: no-repeat !important;
1796    padding: 10px 20px !important;
1797    border-radius: 12px 12px 0px 0px;
1798}
1799
1800#btn_documentos.accordion.active > .btn_faqsserv {
1801
1802    background-image: url(multimedia/render/10494) !important;
1803    background-size: 30px 30px !important;
1804    background-repeat: no-repeat !important;
1805    color: #fff;
1806    padding: 10px 20px !important;
1807    border-radius: 12px 12px 0px 0px;
1808}
1809.btn_faqsserv{
1810    background-position: 2% 50% !important;
1811    background-image: url(multimedia/render/10493) !important;
1812    background-size: 30px 30px !important;
1813    background-repeat: no-repeat !important;
1814    padding: 10px 20px !important;
1815    border-radius: 12px 12px 0px 0px;
1816}
1817
1818button:focus {
1819    outline: 0px dotted;
1820}
1821#tabla-banco > table tr td {
1822padding: 2% 4%;
1823font-family: fontsans-light, Fallback, sans-serif;
1824font-weight:bold;
1825border: 1px solid #2C2A29;
1826}
1827
1828#btn_documentos{   background: #fff;
1829    color: #000;
1830background-position: 95% 50% !important;
1831    background-image: url(multimedia/render/10486) !important;
1832    background-size: 30px 30px !important;
1833    background-repeat: no-repeat !important;
1834padding: 10px 20px !important;
1835    border-radius: 12px 12px 0px 0px;}
1836
1837 #btn_documentos.accordion.active {
1838background-position: 95% 50% !important;
1839    background-image: url(multimedia/render/10485) !important;
1840    background-size: 30px 30px !important;
1841    background-repeat: no-repeat !important;
1842 background: #2C2A29;
1843    color: #fff;
1844padding: 10px 20px !important;
1845    border-radius: 12px 12px 0px 0px;
1846}
1847#nav-serviciosint > a{    flex-grow: 1;
1848    flex-basis: 0;    color: #cecece;}
1849
1850#nav-serviciosint>.nav-tabs.nav-link.active, #nav-serviciosint>.secondnavitem.nav-item.nav-link.active.show {
1851    justify-content: center !important;
1852    color: #212529 !important;}
1853/* COUNTDOWN*/
1854.countdown{
1855      width: 80vw;
1856    display: flex
1857;
1858    justify-content: space-around;
1859    gap: 10px;
1860    position: relative;
1861    transform: translate(-50%, -75%);
1862    top: 50%;
1863    left: 50%
1864}
1865.box2{
1866        width: 525px;
1867    display: flex
1868;
1869    flex-direction: row;
1870    align-items: center;
1871    justify-content: space-evenly;
1872    position: relative;
1873    box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.5);
1874}
1875.box2:after{
1876    content: "";
1877    position: absolute;
1878    background-color: rgba(255, 255, 255, 0.12);
1879    height: 100%;
1880    width: 50%;
1881    left: 0;
1882}
1883span.num{
1884    background-color: #fff;
1885    height: 220px;
1886    width: 100%;
1887    display: grid
1888;
1889    place-items: center;
1890    font-weight: 600;
1891    font-size: 10em;
1892}
1893span.text{
1894   font-size: 2.5em;
1895    background-color: #9164cd;
1896    display: block;
1897    width: 100%;
1898    text-align: center;
1899    padding: 0.5em 0;
1900    font-weight: 400;
1901    height: 220px;
1902    align-content: space-evenly;
1903}
1904/* */
1905.imghover {
1906  --c: #f4f4f4;
1907    --b: 2px;
1908    --g: 4px;
1909    padding: calc(var(--g) + var(--b));
1910    --_g: #0000 25%, var(--c) 0;
1911    background: conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) var(--_i, 200%) 0 / 200% var(--_i, var(--b)) no-repeat, conic-gradient(at bottom var(--b) left var(--b), var(--_g)) 0 var(--_i, 200%) / var(--_i, var(--b)) 200% no-repeat;
1912    transition: .3s, background-position .3s .3s;
1913    cursor: pointer;
1914}
1915.imghover:hover {
1916  --_i: 100%;
1917  transition: .3s, background-size .3s .3s;
1918}
1919.hover-1 {
1920background-image: linear-gradient(#FEF4BB, #FEF4BB);
1921    background-size: 0 100%;
1922    background-repeat: no-repeat;
1923    transition: 1s;
1924    padding: 0% 6%;
1925}
1926.hover-1:hover {
1927  background-size: 100% 100%;
1928}
1929
1930.imgjoven {
1931  --b: 5px;  /* the border thickness */
1932  --d: 20px; /* the distance from the edge */
1933  --o: 15px; /* the offset on hover */
1934  --s: 1;    /* the direction of the hover effect (+1 or -1)*/
1935  
1936  --_d: calc(var(--d) + var(--s)*1em);
1937  --_g: calc(100% - 2*(var(--_d) + var(--b)));
1938  --_m:
1939    conic-gradient(from 90deg at var(--_d) var(--_d),#0000 25%,#000 0)
1940     0 0/calc(100% - var(--_d)) calc(100% - var(--_d)),
1941    linear-gradient(#000 0 0) 50%/var(--_g) var(--_g) no-repeat;
1942  -webkit-mask: var(--_m);
1943          mask: var(--_m);
1944  font-size: 0;
1945  transition: .35s;
1946}
1947.imgjoven:hover {
1948  font-size: var(--o);
1949}
1950
1951.productos-joven {
1952  --b: 4px; /* border thickness */
1953  --c: #0000 25%,#fdda24 0; /* define the color here */
1954  padding: 10px;
1955  background:
1956    conic-gradient(from 90deg  at top    var(--b) left  var(--b),var(--c)) 0    0,
1957    conic-gradient(from 180deg at top    var(--b) right var(--b),var(--c)) 100% 0,
1958    conic-gradient(from 0deg   at bottom var(--b) left  var(--b),var(--c)) 0    100%,
1959    conic-gradient(from -90deg at bottom var(--b) right var(--b),var(--c)) 100% 100%;
1960  background-size: 50px 50px; /* adjust border length here */
1961  background-repeat: no-repeat;
1962  transition: .6s;
1963  cursor: pointer;
1964}
1965
1966.productos-joven:hover {
1967  background-size: 51% 51%;
1968}
1969
1970 .floating {
1971           
1972            position: relative;
1973            animation: float 4s ease-in-out infinite;
1974        }
1975
1976        @keyframes float {
1977            0% {
1978                transform: translateY(0);
1979            }
1980
1981            50% {
1982                transform: translateY(-20px);
1983            }
1984
1985            100% {
1986                transform: translateY(0);
1987            }
1988        }
1989.tab-jovenes li a.active.show > div {
1990    border: 2px solid #ffd200 !important;
1991    background-color: #f4f4f4 !important;
1992}
1993.tab-jovenes li a.active.show > div > div > label{
1994    font-weight:bold !important;
1995
1996}
1997
1998.tabbable > ul > li > a.active.show
1999{
2000    color: #000000;
2001    border-radius: 15px;
2002    background: #f4f4f4;
2003    border: 1px solid #d6d6d6 !important;}
2004
2005.tabbable > ul a.nav-link, .tab-faqs a.nav-link.active.show {
2006    font-size: 16px;
2007    font-weight: 700;
2008    margin: auto 4px;
2009}
2010/* CALENDARIO*/
2011.polaroid {
2012  position: relative;
2013  width: 290px;
2014}
2015 
2016.polaroid img {
2017      border: 5px solid #efedf196;
2018    border-bottom: 100px solid #efedf196;
2019    -webkit-box-shadow: 3px 3px 0px #ffffff;
2020    -moz-box-shadow: 3px 3px 0px #ffffff;
2021    box-shadow: 3px 3px 0px #ffffff;
2022}
2023 
2024.polaroid p{
2025position: absolute;
2026    text-align: center;
2027    width: 100%;
2028    bottom: 0px;
2029}
2030
2031.navidad.tab-content>.active {
2032        
2033        color: #2d2b29;
2034        border: none;
2035        box-shadow: none;
2036    }
2037.btn-navidad.secondnavitem.nav-item.nav-link.active.show {
2038    border-bottom: none;}
2039.btn-navidad.secondnavitem.nav-item.nav-link.active.show h4{
2040    border-bottom: 4px solid #fdda24;}
2041
2042.days {
2043  color: #AAAAAA;
2044  font-size: 18px;
2045  top: 30px;
2046  word-spacing: 35px;
2047  font-weight: 600;
2048}
2049.month-hover{padding: 1%;}
2050.calendar-base {
2051  width: 100%;
2052  height: auto;
2053  border-radius: 20px;
2054  background-color: white;
2055  z-index: -1;
2056  color: black;
2057}
2058
2059.year {
2060  color: #E8E8E8;
2061  font-size: 30px;
2062  float: right;
2063  position: relative;
2064  right: 13px;
2065  top: 0px;
2066  font-weight: bold;
2067}
2068
2069.triangle-left {
2070  width: 0;
2071  height: 0;
2072  border-top: 5px solid transparent;
2073  border-right: 10px solid #E8E8E8;
2074  border-bottom: 5px solid transparent;
2075  float: right;
2076  position: relative;
2077  right: 23px;
2078  top: 20px;
2079}
2080
2081.triangle-right {
2082  width: 0;
2083  height: 0;
2084  border-top: 5px solid transparent;
2085  border-left: 10px solid #E8E8E8;
2086  border-bottom: 5px solid transparent;
2087  float: right;
2088  position: relative;
2089  left: 82px;
2090  top: 20px;
2091}
2092.triangle-left:hover{
2093  border-right: 10px solid#9063cd;
2094}
2095.triangle-right:hover{
2096  border-left: 10px solid#9063cd;
2097}
2098
2099.month-color {
2100  color: #9063cd;
2101font-weight:bold;
2102}
2103.month-hover:hover{
2104  color:#9063cd !important;
2105}
2106
2107.months {
2108  color: #AAAAAA;
2109    width: -webkit-fill-available;
2110  top: 30px;
2111  word-spacing: 10px;
2112}
2113
2114.month-line {
2115  border-color: #E8E8E8;
2116  top: 30px;
2117  width: 57%;
2118;
2119}
2120
2121.event-line {
2122  width: 90%;
2123border-color:#9063cd;
2124}
2125
2126.add-event {
2127  width: 20px;
2128  height: 20px;
2129  padding: 0px;
2130  border-radius: 50%;
2131  border: solid white 2px;
2132
2133  bottom: 42px;
2134  left: 260px;
2135}
2136
2137.btn-navidad img{
2138width:50%;
2139padding: 7% !important;
2140}
2141
2142.btn-navidad:focus {
2143    outline: none;
2144}
2145 .btn-navidad{   text-align-last: center;
2146    display: block;
2147    width: 25%;
2148    background: transparent;}
2149.btn-navidad:disabled{
2150opacity:0.5}
2151
2152.btn-navidad.secondnavitem.nav-item.nav-link.active.show img {
2153  background-color: #fff !important;
2154
2155}
2156
2157
2158.btn-navidad.secondnavitem.nav-item.nav-link.active.show {
2159background: transparent !important;
2160opacity:1 !important;
2161}
2162
2163/* FIN CALENDARIO*/
2164
2165/* CAROUSEL 3D*/
2166#slider [type=radio] {
2167  display: none;
2168}
2169#slider {
2170  height: 35vw;
2171  position: relative;
2172  perspective: 1000px;
2173  transform-style: preserve-3d;
2174}
2175
2176#slider label {
2177  margin: auto;
2178  width: 58%;
2179  height: 100%;
2180  border-radius: 4px;
2181  position: absolute;
2182  left: 0; right: 0;
2183  cursor: pointer;
2184  transition: transform 0.4s ease;
2185}
2186
2187#s1:checked ~ #slide4, #s2:checked ~ #slide5,
2188#s3:checked ~ #slide1, #s4:checked ~ #slide2,
2189#s5:checked ~ #slide3 {
2190  box-shadow: 0 1px 4px 0 rgba(0,0,0,.37);
2191  transform: translate3d(-30%,0,-200px);
2192}
2193
2194#s1:checked ~ #slide5, #s2:checked ~ #slide1,
2195#s3:checked ~ #slide2, #s4:checked ~ #slide3,
2196#s5:checked ~ #slide4 {
2197  box-shadow: 0 6px 10px 0 rgba(0,0,0,.3), 0 2px 2px 0 rgba(0,0,0,.2);
2198  transform: translate3d(-15%,0,-100px);
2199}
2200
2201#s1:checked ~ #slide1, #s2:checked ~ #slide2,
2202#s3:checked ~ #slide3, #s4:checked ~ #slide4,
2203#s5:checked ~ #slide5 {
2204  box-shadow: 0 13px 25px 0 rgba(0,0,0,.3), 0 11px 7px 0 rgba(0,0,0,.19);
2205  transform: translate3d(0,0,0);
2206}
2207
2208#s1:checked ~ #slide2, #s2:checked ~ #slide3,
2209#s3:checked ~ #slide4, #s4:checked ~ #slide5,
2210#s5:checked ~ #slide1 {
2211  box-shadow: 0 6px 10px 0 rgba(0,0,0,.3), 0 2px 2px 0 rgba(0,0,0,.2);
2212  transform: translate3d(15%,0,-100px);
2213}
2214
2215#s1:checked ~ #slide3, #s2:checked ~ #slide4,
2216#s3:checked ~ #slide5, #s4:checked ~ #slide1,
2217#s5:checked ~ #slide2 {
2218  box-shadow: 0 1px 4px 0 rgba(0,0,0,.37);
2219  transform: translate3d(30%,0,-200px);
2220}
2221
2222#slide1 { background-image: url(multimedia/render/9275);
2223    background-size: 100%; }
2224#slide2 {    background-image: url(multimedia/render/9275);
2225    background-size: 100%; }
2226#slide3 {     background-image: url(multimedia/render/9275);
2227    background-size: 100%;}
2228#slide4 {    background-image: url(multimedia/render/9275);
2229    background-size: 100%; }
2230#slide5 {   background-image: url(multimedia/render/9275);
2231    background-size: 100%; }
2232/*FIN PRUEBA*/
2233
2234.list-form.ng-scope{list-style:none}.nav-link.tab-produdig.active{border-radius: 50px !important;
2235    margin: 1% 1% !important;
2236    padding: 10px 30px !important;
2237    color: #1a1b1a !important;
2238    border: 1px solid #fff !important;
2239    background: #fdda24 !important;
2240    font-weight: bold;
2241    font-family: fontsans-bold, Fallback, sans-serif;
2242    font-size: 20px;}.tab-produdig{border-radius: 50px !important;
2243    margin: 1% 1% !important;
2244    padding: 10px 30px !important;
2245    color: #1a1b1a !important;
2246    background: #f4f4f4 !important;
2247    font-weight: bold;
2248    font-family: fontsans-bold, Fallback, sans-serif;
2249    font-size: 20px;}a.linkexc:hover{color:#fff !important;}.nav-tabs .nav-link.tab-exc.active{border-radius: 50px !important; margin: 1% 1% !important;padding: 8px 20px !important;color: #fff !important;border: 1px solid #fff !important;background: #1a1b1a !important;}.tab-exc{border-radius: 50px !important; margin: 1% 1% !important; padding: 8px 20px !important;
2250    color: #1a1b1a !important; border: 1px solid #1a1b1a !important; background: #f4f4f4 !important;}.bg-pref{background-image: url(multimedia/render/8374);background-position: top center;background-repeat: no-repeat;background-size: contain;}#section-2665>.nav-tabs.nav-link.active,.secondnavitem.nav-item.nav-link.active.show{justify-content:center !important;}.fontsans-light-72{font-size: 72px;font-family: fontsans-light, Fallback, sans-serif;}.fontsans-light-56{font-size: 56px;font-family: fontsans-light, Fallback, sans-serif;}.fontsans-light-44{font-size: 44px;font-family: fontsans-light, Fallback, sans-serif;}.btn.btn-primary.btn-secondary.btn-lcp{font-size: 13px;padding: 5px 13px;}.fontsans-light-16{font-family:fontsans-light,Fallback,sans-serif;font-size:16px}#section-329{background-color:#f4f4f4}.getcard.creditop>li{line-height: 30px;padding-top: 47px;padding-left:12px}.panel.second{overflow:auto;}.promos-estaticas-item-body{}.card-beneficios-opcion{height: auto;}.promos-estaticas-item-img{background-color:#fff}.fontsans-bold-16,.fontsans-bold-20{font-family:fontsans-bold,Fallback,sans-serif;font-weight:700}.caja-beneficios-tarjetas,.caja-preferencial,.caja-productos{margin:1%;box-shadow:0 3px 12px rgb(0 0 0 / 10%)}.listgoles2,.tab-lista{display:flex}#section-2217 ol>li,.canales-alternos>ol>li{margin-left:1%;list-style:auto}.caja-beneficios-tarjetas{height:255px;border-radius:6px}
2250.soluciones-cards{height:140px}#section-354,#section-419{background-color:#f4f4f4}.tab-pane.fade.active.show>.panel>ul>li::marker{font-size:19px!important}#preguntas-frecuentes .accordion,#preguntasfreq .panel>p,.panel>ul>li{font-size:14px}.fontsans-bold-16{font-size:16px}.fontsans-bold-20{font-size:20px}.txt-promo{font-size:50px}.caja-productos{height:80px;border-radius:6px}.iconos-preferencial{background:#2c2a29;border-radius:100%;padding:2%}.caja-preferencial{height:185px;border-radius:6px}.productos>li>a{display:inline-flex}#preguntasfreq{box-shadow:0 1px 20px 13px rgb(226 225 225 / 16%),2px -2px 13px rgb(229 229 229 / 36%)}#preguntasfreq .accordion{border:none;padding:9px 9px 9px 49px;background-size:25px 25px;background-repeat:no-repeat;background-position:2% 50%;border-bottom:2px solid #cecece4d}.beneficios-tab .tab-faqs a.nav-link.tab-lunes.active.show,.tab-faqs a.nav-link.tab-domingo.active.show,.tab-faqs a.nav-link.tab-martes.active.show,.tab-faqs a.nav-link.tab-miercoles.active.show,.tab-faqs a.nav-link.tab-sabado.active.show,.tab-faqs a.nav-link.tab-viernes.active.show{font-size:22px;height:100px;border-radius:0;background-color:#f4f4f4}.tab-faqs a.nav-link,.tab-faqs a.nav-link.active.show{font-size:16px;height:66px;font-weight:700;border-radius:66PX;margin:auto 4px;}.tituloai{font-size:38px}#appdiv_4d54673d .form-group{margin-bottom:1rem;width:50%;display:inline-block;padding-left:36px}.productos li{transition:.7s}.productos li:hover{border-bottom:2px solid #fdda24!important}.promos-estaticas .promos-slider-next,.promos-estaticas .promos-slider-prev{top:50px}.nav-adquirencia .secondnavitem{border-right:1px solid #e1e1e1}.btn-knowmore,a:not([href]):not([tabindex]){cursor:pointer}.txt-faq,.txt-title-info{font-family:'CIBFont Sans'}.label-2{cursor:default!important}.faqs-tab .nav-tabs{border-bottom:1px solid #fff;display:contents}.nav-item a.nav-link{padding-left:15px}.tabs-faqs-style .accordion{padding:16px 50px;border-bottom:1px solid #a9a9a9;border-top:none}#appdiv_4d6a513d .form-bg-dark .formulario-subtitulo{margin-bottom:0!important}.listgoles2 .listgoles-descripcion{font-family:opensans-regular,Fallback,sans-serif;font-weight:400;font-size:16px}.listgoles2{align-items:center;height:40px}.numerales-28{font-size:28px;width:45px;font-family:numerales,Fallback,sans-serif;font-weight:400}.ba-menu-abanico .fa,.txt-contactos{display:inline-block}.promos-estaticas-item{height:215px}.beneficios-tab .tab-faqs a.nav-link{height:100px;font-size:22px}.beneficios-tab .tab-faqs a.nav-link.tab-lunes.active.show{border-bottom:3px solid #fdda24!important;font-weight:700}.tab-faqs a.nav-link.tab-martes.active.show{border-bottom:3px solid #f5b6cd!important;font-weight:700}.tab-faqs a.nav-link.tab-miercoles.active.show{border-bottom:3px solid #9063cd!important;font-weight:700}.tab-faqs a.nav-link.tab-viernes.active.show{border-bottom:3px solid #ff7f37!important;font-weight:700}.tab-faqs a.nav-link.tab-sabado.active.show{border-bottom:3px solid #00ccea!important;font-weight:700}.tab-faqs a.nav-link.tab-domingo.active.show{border-bottom:3px solid #09c58d!important;font-weight:700}.border-line{border-right:1px solid #cdcdcd}.tab-faqs a.nav-link{background-color:#f4f4f4;display:flex;align-items:center}.beneficios-tab .tab-faqs a.nav-link.active{background-color:#f4f4f4!important}#appdiv_4e54413d .formulario-nota,#appdiv_4e54453d .formulario-nota{font-size:15px;font-weight:600;color:#ff7f41}.dmd-ponentes{background:#fff;padding:20px;margin:12px;border:1px solid #000;border-radius:20px;height:370px}.promos-slider-next,.promos-slider-prev{width:60px;height:34px;top:175px;background-size:contain}img.tt-logo{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);filter:grayscale(0%)}img.tt-logo:hover{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);filter:grayscale(100%);transition:.5s}.contenedor img,.contenedor:hover img{transition:transform .2s}.canales-alternos>ol>li{text-align:justify}.promos-slider-prev{left:-60px}.heart{animation:3s ease-out infinite heart-pulse}@keyframes heart-pulse{0%,100%{transform:scale(.7)}50%{transform:scale(1.2)}}.bg-bum{background-repeat:no-repeat;background-position:top;background-attachment:fixed;background-size:cover}.contenedor:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.contenedor{overflow:hidden}.promos-mes .promos-mes-item{height:520px}.promos-mes .promos-mes-item .ver-mas{bottom:19px!important}.promos-mes .promos-mes-item p{height:90px!important}.preguntas{margin:0!important;padding:0}.preguntas .borderadd{padding:0 2%}.nav-filtros,.tabs-preguntas{flex-wrap:nowrap}.nav-preguntas{justify-content:center!important;display:inherit}.ba-menu-abanico .fa{font:inherit}.btn.btn-secondary,.contenedor-menumovile .menumovile li a,.contenedor-menumovile .menumovile ul li a,ul.listcard-two li{font-family:opensans-regular,Fallback,sans-serif}.bg-black,.row.shadow.textbox-one.bg-black{background-color:#2c2a29}.borderadd>.title-service.title-white,.second-text.txt-white{color:#fff}.btn-secondary.btn-white:hover,.btn.btn-primary.btn-secondary.btn-white:hover{color:#2c2a29!important;background-color:#fff;border-color:#1a1b1a}.btn.btn-primary.btn-secondary.btn-white{color:#fff;border:1px solid #fff}.btn-primary.btn-white:not(:disabled):not(.disabled).active,.btn-primary.btn-white:not(:disabled):not(.disabled):active,.show>
2250.btn-primary.dropdown-toggle.btn-white{color:#1a1b1a;background-color:#f4f4f4}.btn-primary.btn-white:not(:disabled):not(.disabled).active:focus,.btn-primary.btn-white:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle.btn-white:focus{box-shadow:1px -1px 16px 0 rgb(234 234 234 / 25%)}a{color:#1a1b1a;text-decoration:none}.solicitud__container{padding-bottom:50px}#tarifas,#tarifasTab,.tarifas__box,.tarifas__container h3{display:none}#beneficiosTab,#caracteristicasTab,#solicitudTab{width:370px!important}.textoptions2{text-decoration:underline;margin-left:2%;margin-right:1%;cursor:pointer;display:inline-block;margin-bottom:.5rem}.promos-mes .promos-mes-item .promos-mes-comercio{margin-bottom:-10px;height:31px;line-height:1.3}.promos-mes .promos-mes-item .promos-mes-titulo-promo{text-align:left!important;font-size:15px!important;height:30px;margin-bottom:18px}.buttons-movil-topbar,.contenedor-menumovile .menumovile li a{background:#fff}.menu-btn-subitem{margin-right:20px;background-size:30px 30px}.listcard-two>li::before,.listcard>li::before,ul.listcardarchive>li::before{font-size:20px}@media (max-width:900px){.imgofcard{min-height: 250px;} #nav-serviciosint > a {
2251    flex-grow: 1;
2252    flex-basis: 0;
2253    min-width: 150px;
2254}.btn-navidad .fontsans-bold-24 {    font-size: 18px;    text-align: center;}.btn-navidad img{width:100%}.fontsans-bold-56 {font-size: 35px;}.numerales-93 {font-size:160px !important;} .fontsans-light-44 {font-size: 31px;} #nav-tab3, .nav-link.active {display: contents;width:100%}.fontsans-bold-32{font-size:24px}.infogooglep.caja-preferencial{height: auto !important;}.h1banner{font-size:32px !important;}.bg-pref{background-image:url(multimedia/render/8392);background-position: top center;background-size: auto;}.slide-beneficios-tarjetas .carousel-indicators{    bottom: -5% !important;} a#nav-contact-tab{display:inline-block !important;} .nav-tabs .nav-link.active{display:inline-block !important;} .row.backgroundyellow{margin-top: 20px;}.getcard>li {padding-top: 50px;}.promos-estaticas-item{height:250px !important}.fontsans-bold-72{font-size: 50px;}.getcard.creditop>li {line-height: 22px;padding-top: 30px;padding-left: 12px;}.que__card{height: 52rem;}.u-font-medium-20{font-size: 2.6rem;}.que__btn {font-size: 22px;}.u-font-regular-14,.u-font-medium-16,.u-font-medium-18, .u-font-icons-14, .u-font-light-14 {font-size: 2.3rem;}.u-font-regular-16, .u-font-icons-16, .u-font-light-16 {font-size: 2.3rem;}.productos>li>a,.sm-pl-0{padding-left:0!important}#section-250 .col-lg-2,#section-250 h2{text-align:center}.row.shadow.gob.textbox-one{display:inline-grid}.three-holder,h3.three-holder{font-size:30px!important;FONT-WEIGHT:bold}.second-text{font-size:14px!important}.sm-pr-0{padding-right:0!important}.txt-promo{font-size:37px!important}.caja-beneficios-tarjetas,.caja-preferencial,.caja-productos{height:auto;margin:1%;border-radius:8px}.caracteristicas-productos .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4.bottom>.row{height:100px!important}.menu-productos{display:contents!important}.productos>li>a{display:block!important}.tituloai{font-size:23px}#appdiv_4d54673d .form-group{margin-bottom:1rem;width:100%;padding-left:0}.tab-colectores{display:inline!important}.carousel-control-prev.inovationslider{left:-20%!important}.carousel-control-next.inovationslider{right:-20%!important}.fontsans-bold-28{font-family:fontsans-bold,Fallback,sans-serif;font-weight:700;font-size:22px}.h1banner.fontsans-bold-56.colorblack,.h1banner.fontsans-bold-56.line-height-60{font-size:40px;line-height:41px!important}.nav-adquirencia{flex-flow:column}.creditovehiculo .pl-5{padding-left:1rem!important}.creditovehiculo .pr-5{padding-right:1rem!important}.nav-item a.nav-link{padding-left:27px;font-weight:600}.faqs-tab .nav-tabs{border-bottom:1px solid #fff;display:flex}.promos-estaticas-item:only-child{height:114px}.beneficios-tab .tab-faqs a.nav-link{font-size:20px;flex:0 0 calc(50% - 0px);flex-direction:column;height:auto!important}.beneficios-tab .tab-faqs a.nav-link.active.show{font-size:20px;flex:0 0 calc(50% - 0px);flex-direction:column}
2254.beneficios-tab{display:flex;flex-wrap:wrap}.tab-lista{display:list-item!important}.imgofcardtwo{min-height:113px}.border-line{border-bottom:1px solid #cdcdcd;border-right:none}.publicaciones{padding-right:29px!important}.form-solicitud-producto>.form-group{margin-bottom:1rem;padding:0 15px}.dmd-ponentes{height:auto}.bg-bum{background-repeat:no-repeat;background-position:top;background-attachment:scroll;background-size:contain}.contenedor-bum{padding:60px 35px}.fontsans-light-24,.three-holder{font-size:22px}.fontsans-bold-40{font-size:30px}.col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4.top .row .col-9>.third-text,.col-9>.third-text,.third-text{font-size:1em}.slide-beneficios-tarjetas .carousel-control-next,.slide-beneficios-tarjetas .carousel-control-prev{width:12%!important}#section-2114 .three-holder{font-size:17px}.third-text{word-break:break-word}#section-2106 .tab-content>.active{border:1px solid #fff}.preguntas{margin:0!important;padding:0}#tab-979-01{display:contents}.tabs-preguntas{flex-wrap:wrap}.modal__data-card{height:615px}.mapas__cards-box{height:282px}#section-2000 .borderadd{padding:12% 5% 5%}#section-250 h2{font-size:40px}#section-250 #numero{margin-top:10px}#beneficiosTab,#caracteristicasTab,#solicitudTab{width:183px!important}.formulario-subtitulo{padding:5% 0!important}.promos-mes-item-body .btn.btn-primary{font-size:13px!important;padding-left:40px;padding-right:40px}.promos-mes .promos-mes-item .promos-mes-comercio{margin-bottom:-25px;height:61px;line-height:1.3}.promos-mes .promos-mes-item .promos-mes-titulo-promo{display:block;font-size:14px!important;margin-bottom:25px;text-align:left!important}.promos-mes .promos-mes-item{height:474px}.promos-mes .promos-mes-item .ver-mas{bottom:49px!important}.promos-mes .promos-mes-item p{height:159px!important}.promos-estaticas{text-align:-webkit-center}ul.listcard-two li{margin-top:8%}.mapa-area-render{margin:31px 0;height:505px;background:#ccc}.panel-categoria-lugares{max-width:max-content;z-index:0}.mapsection .form-control.input-departamento{background-color:transparent;border:none;border-radius:1px!important;border-bottom:1px solid #000!important;height:48px;margin-bottom:22px!important}.mapainfo-titulo_lugar{font-size:17px!important}#mapa>div>div>div>div>div>div>div>div>div>div>div>div>div>div.col-xs-3.text-center{text-align:left!important;padding-left:20%!important}.mapainfo-windows{width:auto!important}.col.cardhorizontalcol .borderadd .title-service.blue{font-size:18px}.seccion-filtros{width:100%!important;margin:12px 0!important}.nav-filtros{flex-wrap:wrap!important}.promos-mes-item-imagen{width:100%;height:152px}.carousel-control-next,.carousel-control-prev{width:10%}}.eln-list-icons ul li:hover{border-radius:0;border:1px solid #f4f4f4;box-shadow:none;color:#000;background:#f4f4f4}.eln-list-icons{padding:0}.eln-list-icons ul{padding-left:0;padding-right:0}.eln-list-icons ul li{padding:10px 65px;font-size:14px}.eln-list-icons li span{background-size:26px}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#1a1b1a;background-color:#ffd200}.btn.btn-secondary.white:hover{background-color:#fff;color:#2c2a29}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:2px -2px 16px 1px rgb(234 234 234)}.btn.btn-primary:hover{background-color:#fdda24;color:#292929;box-shadow:0 1px 8px 0 rgb(0 0 0 / 6%),0 3px 8px 0 rgb(0 0 0 / 6%)}.tabla-checklist.checklist-disabled tr td{color:#6c757d!important}.tabla-checklist tr td{color:#1a1b1a!important}.formulario-nota{font-size:12px}.formulario-bg{padding:5% 0}.formulario-subtitulo{padding:2% 0}.filtros-tab{width:100%;height:auto;display:flex;flex-direction:row;align-items:flex-start;justify-content:start;padding:5px 24px;margin-bottom:0;flex-wrap:nowrap}.seccion-filtros,.seccion-filtros2{text-align:center;margin:0 25px;background:#fff;box-shadow:0 1px 8px rgb(0 0 0 / 14%),0 3px 8px rgb(0 0 0 / 11%)}.seccion-filtros{width:33.33%}.seccion-filtros.nav-item.nav-link.active.show,.seccion-filtros.nav-link.active{justify-content:start;align-items:center;text-align:left;border:2px solid #fdda24;cursor:pointer;border-radius:0;background-color:#fff;box-shadow:0 1px 8px rgb(0 0 0 / 14%),0 3px 8px rgb(0 0 0 / 11%)}.filtros-descripcion{padding:0 25px}#filtro-tutoriales{padding:40px 0}#filtro-tutoriales .navs-psc{margin-top:0}.tutorial-descripcion{height:100px}.contenido-tab.tab-content>.active{border:0 solid #000;-webkit-box-shadow:0 0 17px -10px rgb(0 0 0 / 0%);-moz-box-shadow:0 0 17px -10px transparent;box-shadow:0 0 17px -10px rgb(0 0 0 / 0%)}.fontsans-bold-56{margin-bottom:.5rem}.opensans-regular-12,.opensans-regular-14{display:inline-block;line-height:1.5}.fontsans-bold-18,.item-comparador-tarjeta-descripcion,.item-comparador-tarjeta-nombre,.mini-tittle,.second-text,.third-text,.title-service.white.flat{display:inline-block;margin-bottom:.5rem;line-height:1.5;display:revert}
2255
2256#custCarousel .carousel-indicators {
2257    position: static;
2258    margin-top:20px;
2259}
2260
2261#custCarousel .carousel-indicators > li {
2262  width:100px;
2263}
2264
2265 #custCarousel .carousel-indicators li img {
2266    display: block;
2267    opacity: 0.5;
2268 }
2269
2270  #custCarousel .carousel-indicators li.active img {
2271    opacity: 1;
2272  }
2273
2274  #custCarousel .carousel-indicators li:hover img {
2275    opacity: 0.75;
2276  }
2277.divTrimestres{
2278display: flex;
2279}
2280.divTrimestre{
2281width: -webkit-fill-available;
2282}
2283.docTrimestral{
2284width: 19px;
2285}
2286
2287/*PARA OCULTAR EL DIV DE KIT DE BIENVENIDA EN LP BANCONAUTAS*/
2288section#section-246 .caracteristicas__container .caracteristicas__item:nth-child(3) {
2289    display: none;
2290}</style>
2290<script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=5&cb=1320575531" async></script>
2290</body>
2291</html>
2292
2293
2294

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.