# Inicio - Banco Santander del Perú

> Markdown mirror of DialtoneApp's public top-site detail page for `santander.com.pe`.

URL: https://dialtoneapp.com/top-sites/santander.com.pe/index.md
Canonical HTML: https://dialtoneapp.com/top-sites/santander.com.pe

## Summary

- Domain: `santander.com.pe`
- Website: https://santander.com.pe
- Description: ai readable | score 24 | purchase read only
- Label: ai_readable
- Payment surface: Not available
- Purchase boundary: read_only
- Control boundary: unknown
- Rank: 627432

## robots

Not found.

## llms

~~~text
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Inicio - Banco Santander del Perú</title>
  <link rel="stylesheet" />

  <link rel="stylesheet" href="/public/assets/vendor/css/all.css?v=3" />
  <link rel="stylesheet" href="/public/assets/vendor/css/bootstrap.css?v=3" />
  <link rel="stylesheet" href="/public/assets/vendor/css/site.css?v=17" />
  <link rel="stylesheet" href="/public/assets/vendor/css/style.css?v=3" />

</head>

<body id="body" class="safari">
  <div id="bsp-app">
    <div id="bsp-header">

    </div>


    <main class="content closeMenu" id="MainBody">

      <!-- SLIDER -->
      <section class="container-fluid" id="HomeSlider">
        <div class="row">
          <div id="main-slider" class="carousel slide carousel-fade w-100" data-ride="carousel">
            <ol class="carousel-indicators">
              <li data-target="#main-slider" data-slide-to="0" class="active"></li>
              <li data-target="#main-slider" data-slide-to="1" class=""></li>
              <li data-target="#main-slider" data-slide-to="2" class=""></li>
              <li data-target="#main-slider" data-slide-to="3" class=""></li>

            </ol>

            <div class="carousel-inner" role="listbox">
              <div class="carousel-item  position-relative active">
                <div class="bannerOverlay"></div>
                <div class="view">
                  <img class="w-100 d-none d-md-block" src="/public/assets/img/Desktop/FINANCIAMIENTOS_factoring.jpg"
                    alt="Financiamiento para tu Negocio" title="Financiamiento para tu Negocio" />
                  <img class="d-block w-100 d-md-none" src="/public/assets/img/Mobile/FINANCIAMIENTOS_factoring.jpg"
                    alt="Financiamiento para tu Negocio" title="Financiamiento para tu Negocio" />
                </div>
                <div class="hero hero-width text-left">
                  <h2 class="pb-lg-3 pb-md-2 pb-1 pt-lg-3 pt-md-2 pt-1 text-left">
                    Factura Negociable: ¿Tus clientes te pagan al crédito?
                  </h2>
                  <h3 class="pb-lg-3 pb-md-2 pb-1 text-left">
                    Obtén liquidez de manera ágil, sencilla y personal haciendo líquidas tus cuentas por cobrar a través
                    de la factura negociable con un clic aquí:
                  </h3>
                  <a class="btn bsp-btn-primary mt-2 mt-sm-4  mr-2" v-on:click="navigateQuieroInformacion()">
                    Me Interesa
                  </a>
                  <a class="btn bsp-btn-primary mt-2 mt-sm-4 " v-on:click="navigateSimulador()">
                    Cotiza tu operación
                  </a>
                </div>
              </div>
              <div class="carousel-item  position-relative ">
                <div class="bannerOverlay"></div>
                <div class="view">
                  <img class="w-100 d-none d-md-block" src="/public/assets/img/Desktop/HOME.jpg"
                    alt="Financiamiento para tu Negocio" title="Financiamiento para tu Negocio" />
                  <img class="d-block w-100 d-md-none" src="/public/assets/img/Mobile/HOME.jpg"
                    alt="Financiamiento para tu Negocio" title="Financiamiento para tu Negocio" />
                </div>
                <div class="hero">
                  <span>Capital de trabajo</span>
                  <h2 class="pb-lg-3 pb-md-2 pb-1 pt-lg-3 pt-md-2 pt-1">
                    Financiamiento <br />
                    para tu negocio
                  </h2>
                  <h3 class="pb-lg-3 pb-md-2 pb-1">
                    Te ofrecemos liquidez para cubrir tus necesidades
                    financieras.
                  </h3>
                  <a class="btn btn-main btn-lg" :href="'/financiamientos/capital-de-trabajo.html'+paramsUTM">Conoce
                    m&aacute;s</a>
                </div>
              </div>


              <div class="carousel-item position-relative">
                <div class="bannerOverlay"></div>
                <div class="view">
                  <img class="w-100 d-none d-md-block" src="/public/assets/img/Desktop/HOME2.jpg"
                    alt="Cuentas Corrientes" title="Cuentas Corrientes" />
                  <img class="d-block w-100 d-md-none" src="/public/assets/img/Mobile/HOME2.jpg"
                    alt="Cuentas Corrientes" title="Cuentas Corrientes" />
                </div>
                <div class="hero">
                  <span>Cuentas</span>
                  <h2 class="pb-lg-3 pb-md-2 pb-1 pt-lg-3 pt-md-2 pt-1">
                    Cuenta Corriente
                  </h2>
                  <h3 class="pb-lg-3 pb-md-2 pb-1">
                    Administra eficientemente tu dinero.
                  </h3>
                  <a class="btn btn-main btn-lg" :href="'/cuentas/cuentas-corrientes.html'+paramsUTM">Conoce
                    m&aacute;s</a>
                </div>
              </div>

              <div class="carousel-item  position-relative">
                <div class="bannerOverlay"></div>
                <div class="view">
                  <img class="w-100 d-none d-md-block" src="/public/assets/img/Desktop/HOME3.jpg"
                    alt="Financiamiento para tu Negocio" title="Financiamiento para tu Negocio" />
                  <img class="d-block w-100 d-md-none" src="/public/assets/img/Mobile/HOME3.jpg"
                    alt="Financiamiento para tu Negocio" title="Financiamiento para tu Negocio" />
                </div>
                <div class="hero hero-width">
                  <h2 class="pb-lg-3 pb-md-2 pb-1 pt-lg-3 pt-md-2 pt-1">
                    Aprende a usar tu Office Banking
                  </h2>
                  <h3 class="pb-lg-3 pb-md-2 pb-1">
                    Entérate cómo realizar diferentes transacciones rápidamente y desde tu computadora, utilizando
                    nuestra banca por internet Office Banking.
                  </h3>
                  <a class="btn  btn-main btn-lg btn-instructivo--red btn-main--red text-left"
                    :href="'/office-banking/instructivos.html'+paramsUTM">
                    <i style="display: inline-block;" class="fas fa-play-circle fa-lg " aria-hidden="true"></i>
                    <span> Mira los videos
                      instructivos</span></a>
                </div>
              </div>
            </div>

            <a class="carousel-control-prev d-none" href="#main-slider" role="button" data-slide="prev">
              <span class="sr-only">Anterior</span>
            </a>
            <a class="carousel-control-next d-none" href="#main-slider" role="button" data-slide="next">
              <span class="sr-only">Siguiente</span>
            </a>

          </div>
        </div>
      </section>

      <!-- MODAL AVISO -->
      <div class="modal fade " id="modalAviso" tabindex="-1" role="dialog" aria-labelledby="modalAviso"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <img src="/public/assets/img/logo-santander-peru.png" id="santander-logo" alt="Santander Logo"
                title="Santander Logo" />
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                style="color: gray !important;">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
              <ol class="carousel-indicators d-none">
                <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
              </ol>
              <div class="carousel-inner">
                <!-- Primer slider  -->
    
                <!-- Segundo item -slider -->
                <div class="carousel-item active">
                  <section>
                    <div class="container-fluid mt-2">
                      <div class="row">
                        <div class="col-12 col-lg-10 offset-lg-1">
                          <h3 class="text-center color-red">Grupo Santander Perú</h3>

                          <div class="modal-body__paragraph ">
                            <ul class="grupo_santander">
                              <li class="border-r">
                                <h6 class="d-block">Santander Consumer</h6>
                                <a :href="'https://www.santanderconsumer.com.pe'+paramsUTM" target="_blank">
                                  <img src="/public/assets/img/santander_consumer.png" alt="">
                                </a>
                                <h6 class="color-red">Créditos Vehiculares para Personas Naturales
                                </h6>
                              </li>

                              <li>
                                <h6 class="d-block">Surgir</h6>
                                <a :href="'https://www.surgir.com.pe'+paramsUTM" target="_blank">
                                  <img src="/public/assets/img/santander_surgir.png" alt="">
                                </a>
                                <h6 class="color-red">Microfinanzas para emprendedores
                                </h6>
                              </li>
                              <p>Cada entidad atiende a un segmento de clientes diferente. Si eres
                                cliente de una de
                                ellas, haz click en el logo correspondiente para ingresar a la web y
                                realizar las
                                gestiones que requieras.
                              </p>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  </section>
                </div>
              </div>

              <a class="carousel-control-prev d-none" href="#carouselExampleIndicators" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span
                  class="sr-only">Previous</span>
              </a>
              <a class="carousel-control-next d-none" href="#carouselExampleIndicators" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span>
              </a>
            </div>
          </div>
        </div>
      </div>
      <!-- FIN MODAL -->
      <!-- MODAL COOKIE -->
      <div class="modal fade " id="modal-cookie" tabindex="-1" role="dialog" aria-labelledby="modal-cookie"
        aria-hidden="true">
      </div>
      <!-- FINAL MODAL COOKIE -->

      <!-- MODAL CONFIGURE COOKIE -->
      <div class="modal fade" id="modal-configure-cookie" tabindex="-1" role="dialog"
        aria-labelledby="modal-configure-cookie" aria-hidden="true">
      </div>
      <!-- FINAL MODAL CONFIGURE COOKIE -->

      <section class="container" id="ServicesBody">
        <div class="row services-title">
          <div class="col">
            <h1>Nuestros Servicios</h1>
          </div>
        </div>

        <div class="row services-body">
          <div class="col px-0">
            <nav>
              <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
                <template v-for="(item, index) in servicesFamilyOrdered">
                  <template v-if="item.Controller !== 'consejos-seguridad'">
                    <a class="nav-item nav-link hover-tab" :class="{active: index === 0}"
                      :id="'nav-' + item.Controller.toLowerCase() + '-tab'" data-toggle="tab"
                      :href="'#nav-' + item.Controller.toLowerCase()" role="tab"
                      :aria-controls="'nav-' + item.Controller.toLowerCase()" :aria-selected="index === 0 ? true : ''"
                      v-html="item.Name" v-vec-hover-tab v-vec-click-tab="item.viewUrl"></a>
                  </template>
                </template>
              </div>
            </nav>
            <div class="tab-content w-100" id="nav-tabContent">
              <template v-for="(item, index) in servicesFamilyOrdered">
                <template v-if="item.Controller !== 'consejos-seguridad'">
                  <div class="tab-pane fade" :class="{show: index === 0, active: index === 0}"
                    :id="'nav-' + item.Controller.toLowerCase()" role="tabpanel"
                    :aria-labelledby="'nav-' + item.Controller.toLowerCase() + '-tab'">
                    <div class="services-content parent">
                      <div class="slide parent">
                        <div class="slide-text">
                          <div>
                            <h2 v-html="item.Name"></h2>
                            <p v-html="item.Description"></p>
                            <a class="btn btn-main" :href="'/servicios/' + item.Controller + '.html'+ paramsUTM">Conoce
                              más</a>
                          </div>
                        </div>
                        <div class="slide-img">
                          <img :src="item.FullPath" :alt="item.Title" :title="item.Title" />
                        </div>
                      </div>
                    </div>

                    <div class="services-content-mobile">
                      <div class="inner-wrapper">
                        <div class="slider parent">
                          <div class="slider-item">
                            <div class="bannerOverlay2"></div>
                            <img :src="item.FullPath.replace('/Desktop/', '/Thumbnail/')" :alt="item.Title"
                              :title="item.Title" />
                            <div class="slider-item-text">
                              <h2 v-html="item.Name"></h2>
                              <p v-html="item.Description"></p>
                              <a class="btn btn-main" :href="'/servicios/' + item.Controller + '.html'+paramsUTM">Conoce
                                más</a>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </template>

              </template>
            </div>
          </div>
        </div>
      </section>


      <section class="container-fluid" id="AppDescription">
        <div class="row app-bg p-lg-5 p-3" style='background-image: url("/public/assets/img/app-bg.png")'>
          <div class="col d-sm-block">
            <div class="app-container container" style="text-align: center;">
              <div class="row">
                <div class="col-md-12 px-lg-5 px-md-4 px-2">
                  <div class="row">
                    <div class="col">
                      <h2 class="title text-main pt-md-4 pt-2 mb-lg-4 mb-md-3 mb-2">
                        Santander Office Banking
                      </h2>
                      <p>
                        Pensando en ti, hemos desarrollado las siguientes
                        funcionalidades
                      </p>
                    </div>
                  </div>
                  <hr class="mt-0" />
                  <div class="row">
                    <div class="col-4">
                      <p class="app-text">
                        Consultas de Transferencia Interbancarias Recibidas.
                      </p>
                    </div>
                    <div class="col-4">
                      <p class="app-text">
                        Consulta CCI de tus cuentas y Swift del banco.
                      </p>
                    </div>
                    <div class="col-4">
                      <p class="app-text">
                        Datos de tu Ejecutivo Comercial y fecha de Ultimo
                        ingreso a la web.
                      </p>
                    </div>
                  </div>
                  <hr />
                  <div class="row">
                    <div class="col-4">
                      <p class="app-text">
                        Env&iacute;o de clave de coordenadas por SMS o a tu
                        correo.
                      </p>
                    </div>
                    <div class="col-4">
                      <p class="app-text">
                        Solicitudes de Cartas Fianza y renovaci&oacute;n de
                        Cartas Fianza.
                      </p>
                    </div>
                    <div class="col-4">
                      <p class="app-text">
                        Pago Masivos a Proveedores y Trabajadores (nominas y
                        CTS).
                      </p>
                    </div>
                    <div class="col-4 offset-4">
                      <a :href="'/pagos/office-banking-web.html'+paramsUTM">
                        Conoce más
                      </a>
                    </div>
                  </div>
                </div>
                
              </div>
            </div>
          </div>

        </div>
      </section>
      <section class="container section-group-company">
        <h3 class="section-group-company__title">Empresa del Grupo Santander</h3>

        <div class="section-group-company__articles">
          <a href="https://www.santanderconsumer.com.pe" target="_blank">
            <article class="article-company-card">
              <div class="article-company-card__header">
                <img class="article-company-card__logo" src="/public/assets/img/logo-santander-consumer.png"
                  alt="Logo Santander Consumer">
              </div>
              <div class="article-company-card__content">
                <img class="article-company-card__image" src="/public/assets/img/Desktop/Consumer.jpg"
                  alt="Imagen Santander Consumer">
              </div>

            </article>
          </a>
          <a href="https://www.surgir.com.pe" target="_blank">
            <article class="article-company-card">
              <div class="article-company-card__header">
                <img class="article-company-card__logo" src="/public/assets/img/logo-surgir.svg" alt="Logo Surgir">
              </div>
              <div class="article-company-card__content">
                <img class="article-company-card__image" src="/public/assets/img/Desktop/Surgir.png"
                  alt="Imagen Surgir">
              </div>
            </article>
          </a>
          <a href="https://neoauto.com/?gad_source=1&gclid=Cj0KCQiA0--6BhCBARIsADYqyL98_EMm67iGuyIQMsncrVZultXEDf2iPjsaN63l5gjR3Y5QXPD34QUaAiwlEALw_wcB"
            target="_blank">
            <article class="article-company-card">
              <div class="article-company-card__header">
                <img class="article-company-card__logo" src="/public/assets/img/logo-neoauto.png" alt="Logo Neoauto">
              </div>
              <div class="article-company-card__content">
                <img class="article-company-card__image" src="/public/assets/img/Desktop/Neoautos.jpg"
                  alt="Imagen Neoauto">
              </div>
            </article>
          </a>
        </div>


      </section>
    </main>
    <div id="bsp-footer">

    </div>


    <div class="modal" id="Loader" tabindex="-1" role="dialog" aria-labelledby="Loader" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
        <div class="modal-content border-0">
          <div class="d-flex justify-content-center">
            <div class="main-loader">
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <script src="/src/app/polyfills.js?v=2"></script>
  <script src="/public/assets/vendor/js/jquery-3.4.1.js"></script>


  <script src="/public/assets/vendor/js/popper-utils.min.js"></script>
  <script src="/public/assets/vendor/js/popper.min.js"></script>

  <script src="/public/assets/vendor/js/bootstrap.min.js"></script>

  <script src="/public/assets/vendor/js/vue.js"></script>

  <script src="/public/assets/vendor/js/axios.min.js"></script>

  <script src="/src/app/services/bsp.service.js"></script>

  <script src="/src/app/controllers/index.controller.js"></script>
  <!-- -->
  <script src="/src/app/shared/header.component.js"></script>



  <script src="/src/app/shared/footer.component.js?v=2"></script>
  <script src="/src/app/shared/modal-cookie.component.js"></script>
  <script src="/src/app/shared/modal-cookie-configurate.component.js"></script>
  <script src="/src/app/shared/common-app.pipe.js"></script>
  <script src="/src/app/shared/common-app.directive.js"></script>
  <script src="/public/assets/vendor/js/site.js?v=4"></script>





  <script></script>
<script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=10&cb=1524304694" async></script></body>

</html>
<!-- comentario-->
~~~

## llms-full

~~~text
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Inicio - Banco Santander del Perú</title>
  <link rel="stylesheet" />

  <link rel="stylesheet" href="/public/assets/vendor/css/all.css?v=3" />
  <link rel="stylesheet" href="/public/assets/vendor/css/bootstrap.css?v=3" />
  <link rel="stylesheet" href="/public/assets/vendor/css/site.css?v=17" />
  <link rel="stylesheet" href="/public/assets/vendor/css/style.css?v=3" />

</head>

<body id="body" class="safari">
  <div id="bsp-app">
    <div id="bsp-header">

    </div>


    <main class="content closeMenu" id="MainBody">

      <!-- SLIDER -->
      <section class="container-fluid" id="HomeSlider">
        <div class="row">
          <div id="main-slider" class="carousel slide carousel-fade w-100" data-ride="carousel">
            <ol class="carousel-indicators">
              <li data-target="#main-slider" data-slide-to="0" class="active"></li>
              <li data-target="#main-slider" data-slide-to="1" class=""></li>
              <li data-target="#main-slider" data-slide-to="2" class=""></li>
              <li data-target="#main-slider" data-slide-to="3" class=""></li>

            </ol>

            <div class="carousel-inner" role="listbox">
              <div class="carousel-item  position-relative active">
                <div class="bannerOverlay"></div>
                <div class="view">
                  <img class="w-100 d-none d-md-block" src="/public/assets/img/Desktop/FINANCIAMIENTOS_factoring.jpg"
                    alt="Financiamiento para tu Negocio" title="Financiamiento para tu Negocio" />
                  <img class="d-block w-100 d-md-none" src="/public/assets/img/Mobile/FINANCIAMIENTOS_factoring.jpg"
                    alt="Financiamiento para tu Negocio" title="Financiamiento para tu Negocio" />
                </div>
                <div class="hero hero-width text-left">
                  <h2 class="pb-lg-3 pb-md-2 pb-1 pt-lg-3 pt-md-2 pt-1 text-left">
                    Factura Negociable: ¿Tus clientes te pagan al crédito?
                  </h2>
                  <h3 class="pb-lg-3 pb-md-2 pb-1 text-left">
                    Obtén liquidez de manera ágil, sencilla y personal haciendo líquidas tus cuentas por cobrar a través
                    de la factura negociable con un clic aquí:
                  </h3>
                  <a class="btn bsp-btn-primary mt-2 mt-sm-4  mr-2" v-on:click="navigateQuieroInformacion()">
                    Me Interesa
                  </a>
                  <a class="btn bsp-btn-primary mt-2 mt-sm-4 " v-on:click="navigateSimulador()">
                    Cotiza tu operación
                  </a>
                </div>
              </div>
              <div class="carousel-item  position-relative ">
                <div class="bannerOverlay"></div>
                <div class="view">
                  <img class="w-100 d-none d-md-block" src="/public/assets/img/Desktop/HOME.jpg"
                    alt="Financiamiento para tu Negocio" title="Financiamiento para tu Negocio" />
                  <img class="d-block w-100 d-md-none" src="/public/assets/img/Mobile/HOME.jpg"
                    alt="Financiamiento para tu Negocio" title="Financiamiento para tu Negocio" />
                </div>
                <div class="hero">
                  <span>Capital de trabajo</span>
                  <h2 class="pb-lg-3 pb-md-2 pb-1 pt-lg-3 pt-md-2 pt-1">
                    Financiamiento <br />
                    para tu negocio
                  </h2>
                  <h3 class="pb-lg-3 pb-md-2 pb-1">
                    Te ofrecemos liquidez para cubrir tus necesidades
                    financieras.
                  </h3>
                  <a class="btn btn-main btn-lg" :href="'/financiamientos/capital-de-trabajo.html'+paramsUTM">Conoce
                    m&aacute;s</a>
                </div>
              </div>


              <div class="carousel-item position-relative">
                <div class="bannerOverlay"></div>
                <div class="view">
                  <img class="w-100 d-none d-md-block" src="/public/assets/img/Desktop/HOME2.jpg"
                    alt="Cuentas Corrientes" title="Cuentas Corrientes" />
                  <img class="d-block w-100 d-md-none" src="/public/assets/img/Mobile/HOME2.jpg"
                    alt="Cuentas Corrientes" title="Cuentas Corrientes" />
                </div>
                <div class="hero">
                  <span>Cuentas</span>
                  <h2 class="pb-lg-3 pb-md-2 pb-1 pt-lg-3 pt-md-2 pt-1">
                    Cuenta Corriente
                  </h2>
                  <h3 class="pb-lg-3 pb-md-2 pb-1">
                    Administra eficientemente tu dinero.
                  </h3>
                  <a class="btn btn-main btn-lg" :href="'/cuentas/cuentas-corrientes.html'+paramsUTM">Conoce
                    m&aacute;s</a>
                </div>
              </div>

              <div class="carousel-item  position-relative">
                <div class="bannerOverlay"></div>
                <div class="view">
                  <img class="w-100 d-none d-md-block" src="/public/assets/img/Desktop/HOME3.jpg"
                    alt="Financiamiento para tu Negocio" title="Financiamiento para tu Negocio" />
                  <img class="d-block w-100 d-md-none" src="/public/assets/img/Mobile/HOME3.jpg"
                    alt="Financiamiento para tu Negocio" title="Financiamiento para tu Negocio" />
                </div>
                <div class="hero hero-width">
                  <h2 class="pb-lg-3 pb-md-2 pb-1 pt-lg-3 pt-md-2 pt-1">
                    Aprende a usar tu Office Banking
                  </h2>
                  <h3 class="pb-lg-3 pb-md-2 pb-1">
                    Entérate cómo realizar diferentes transacciones rápidamente y desde tu computadora, utilizando
                    nuestra banca por internet Office Banking.
                  </h3>
                  <a class="btn  btn-main btn-lg btn-instructivo--red btn-main--red text-left"
                    :href="'/office-banking/instructivos.html'+paramsUTM">
                    <i style="display: inline-block;" class="fas fa-play-circle fa-lg " aria-hidden="true"></i>
                    <span> Mira los videos
                      instructivos</span></a>
                </div>
              </div>
            </div>

            <a class="carousel-control-prev d-none" href="#main-slider" role="button" data-slide="prev">
              <span class="sr-only">Anterior</span>
            </a>
            <a class="carousel-control-next d-none" href="#main-slider" role="button" data-slide="next">
              <span class="sr-only">Siguiente</span>
            </a>

          </div>
        </div>
      </section>

      <!-- MODAL AVISO -->
      <div class="modal fade " id="modalAviso" tabindex="-1" role="dialog" aria-labelledby="modalAviso"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <img src="/public/assets/img/logo-santander-peru.png" id="santander-logo" alt="Santander Logo"
                title="Santander Logo" />
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                style="color: gray !important;">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
              <ol class="carousel-indicators d-none">
                <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
              </ol>
              <div class="carousel-inner">
                <!-- Primer slider  -->
    
                <!-- Segundo item -slider -->
                <div class="carousel-item active">
                  <section>
                    <div class="container-fluid mt-2">
                      <div class="row">
                        <div class="col-12 col-lg-10 offset-lg-1">
                          <h3 class="text-center color-red">Grupo Santander Perú</h3>

                          <div class="modal-body__paragraph ">
                            <ul class="grupo_santander">
                              <li class="border-r">
                                <h6 class="d-block">Santander Consumer</h6>
                                <a :href="'https://www.santanderconsumer.com.pe'+paramsUTM" target="_blank">
                                  <img src="/public/assets/img/santander_consumer.png" alt="">
                                </a>
                                <h6 class="color-red">Créditos Vehiculares para Personas Naturales
                                </h6>
                              </li>

                              <li>
                                <h6 class="d-block">Surgir</h6>
                                <a :href="'https://www.surgir.com.pe'+paramsUTM" target="_blank">
                                  <img src="/public/assets/img/santander_surgir.png" alt="">
                                </a>
                                <h6 class="color-red">Microfinanzas para emprendedores
                                </h6>
                              </li>
                              <p>Cada entidad atiende a un segmento de clientes diferente. Si eres
                                cliente de una de
                                ellas, haz click en el logo correspondiente para ingresar a la web y
                                realizar las
                                gestiones que requieras.
                              </p>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  </section>
                </div>
              </div>

              <a class="carousel-control-prev d-none" href="#carouselExampleIndicators" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span
                  class="sr-only">Previous</span>
              </a>
              <a class="carousel-control-next d-none" href="#carouselExampleIndicators" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span>
              </a>
            </div>
          </div>
        </div>
      </div>
      <!-- FIN MODAL -->
      <!-- MODAL COOKIE -->
      <div class="modal fade " id="modal-cookie" tabindex="-1" role="dialog" aria-labelledby="modal-cookie"
        aria-hidden="true">
      </div>
      <!-- FINAL MODAL COOKIE -->

      <!-- MODAL CONFIGURE COOKIE -->
      <div class="modal fade" id="modal-configure-cookie" tabindex="-1" role="dialog"
        aria-labelledby="modal-configure-cookie" aria-hidden="true">
      </div>
      <!-- FINAL MODAL CONFIGURE COOKIE -->

      <section class="container" id="ServicesBody">
        <div class="row services-title">
          <div class="col">
            <h1>Nuestros Servicios</h1>
          </div>
        </div>

        <div class="row services-body">
          <div class="col px-0">
            <nav>
              <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
                <template v-for="(item, index) in servicesFamilyOrdered">
                  <template v-if="item.Controller !== 'consejos-seguridad'">
                    <a class="nav-item nav-link hover-tab" :class="{active: index === 0}"
                      :id="'nav-' + item.Controller.toLowerCase() + '-tab'" data-toggle="tab"
                      :href="'#nav-' + item.Controller.toLowerCase()" role="tab"
                      :aria-controls="'nav-' + item.Controller.toLowerCase()" :aria-selected="index === 0 ? true : ''"
                      v-html="item.Name" v-vec-hover-tab v-vec-click-tab="item.viewUrl"></a>
                  </template>
                </template>
              </div>
            </nav>
            <div class="tab-content w-100" id="nav-tabContent">
              <template v-for="(item, index) in servicesFamilyOrdered">
                <template v-if="item.Controller !== 'consejos-seguridad'">
                  <div class="tab-pane fade" :class="{show: index === 0, active: index === 0}"
                    :id="'nav-' + item.Controller.toLowerCase()" role="tabpanel"
                    :aria-labelledby="'nav-' + item.Controller.toLowerCase() + '-tab'">
                    <div class="services-content parent">
                      <div class="slide parent">
                        <div class="slide-text">
                          <div>
                            <h2 v-html="item.Name"></h2>
                            <p v-html="item.Description"></p>
                            <a class="btn btn-main" :href="'/servicios/' + item.Controller + '.html'+ paramsUTM">Conoce
                              más</a>
                          </div>
                        </div>
                        <div class="slide-img">
                          <img :src="item.FullPath" :alt="item.Title" :title="item.Title" />
                        </div>
                      </div>
                    </div>

                    <div class="services-content-mobile">
                      <div class="inner-wrapper">
                        <div class="slider parent">
                          <div class="slider-item">
                            <div class="bannerOverlay2"></div>
                            <img :src="item.FullPath.replace('/Desktop/', '/Thumbnail/')" :alt="item.Title"
                              :title="item.Title" />
                            <div class="slider-item-text">
                              <h2 v-html="item.Name"></h2>
                              <p v-html="item.Description"></p>
                              <a class="btn btn-main" :href="'/servicios/' + item.Controller + '.html'+paramsUTM">Conoce
                                más</a>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </template>

              </template>
            </div>
          </div>
        </div>
      </section>


      <section class="container-fluid" id="AppDescription">
        <div class="row app-bg p-lg-5 p-3" style='background-image: url("/public/assets/img/app-bg.png")'>
          <div class="col d-sm-block">
            <div class="app-container container" style="text-align: center;">
              <div class="row">
                <div class="col-md-12 px-lg-5 px-md-4 px-2">
                  <div class="row">
                    <div class="col">
                      <h2 class="title text-main pt-md-4 pt-2 mb-lg-4 mb-md-3 mb-2">
                        Santander Office Banking
                      </h2>
                      <p>
                        Pensando en ti, hemos desarrollado las siguientes
                        funcionalidades
                      </p>
                    </div>
                  </div>
                  <hr class="mt-0" />
                  <div class="row">
                    <div class="col-4">
                      <p class="app-text">
                        Consultas de Transferencia Interbancarias Recibidas.
                      </p>
                    </div>
                    <div class="col-4">
                      <p class="app-text">
                        Consulta CCI de tus cuentas y Swift del banco.
                      </p>
                    </div>
                    <div class="col-4">
                      <p class="app-text">
                        Datos de tu Ejecutivo Comercial y fecha de Ultimo
                        ingreso a la web.
                      </p>
                    </div>
                  </div>
                  <hr />
                  <div class="row">
                    <div class="col-4">
                      <p class="app-text">
                        Env&iacute;o de clave de coordenadas por SMS o a tu
                        correo.
                      </p>
                    </div>
                    <div class="col-4">
                      <p class="app-text">
                        Solicitudes de Cartas Fianza y renovaci&oacute;n de
                        Cartas Fianza.
                      </p>
                    </div>
                    <div class="col-4">
                      <p class="app-text">
                        Pago Masivos a Proveedores y Trabajadores (nominas y
                        CTS).
                      </p>
                    </div>
                    <div class="col-4 offset-4">
                      <a :href="'/pagos/office-banking-web.html'+paramsUTM">
                        Conoce más
                      </a>
                    </div>
                  </div>
                </div>
                
              </div>
            </div>
          </div>

        </div>
      </section>
      <section class="container section-group-company">
        <h3 class="section-group-company__title">Empresa del Grupo Santander</h3>

        <div class="section-group-company__articles">
          <a href="https://www.santanderconsumer.com.pe" target="_blank">
            <article class="article-company-card">
              <div class="article-company-card__header">
                <img class="article-company-card__logo" src="/public/assets/img/logo-santander-consumer.png"
                  alt="Logo Santander Consumer">
              </div>
              <div class="article-company-card__content">
                <img class="article-company-card__image" src="/public/assets/img/Desktop/Consumer.jpg"
                  alt="Imagen Santander Consumer">
              </div>

            </article>
          </a>
          <a href="https://www.surgir.com.pe" target="_blank">
            <article class="article-company-card">
              <div class="article-company-card__header">
                <img class="article-company-card__logo" src="/public/assets/img/logo-surgir.svg" alt="Logo Surgir">
              </div>
              <div class="article-company-card__content">
                <img class="article-company-card__image" src="/public/assets/img/Desktop/Surgir.png"
                  alt="Imagen Surgir">
              </div>
            </article>
          </a>
          <a href="https://neoauto.com/?gad_source=1&gclid=Cj0KCQiA0--6BhCBARIsADYqyL98_EMm67iGuyIQMsncrVZultXEDf2iPjsaN63l5gjR3Y5QXPD34QUaAiwlEALw_wcB"
            target="_blank">
            <article class="article-company-card">
              <div class="article-company-card__header">
                <img class="article-company-card__logo" src="/public/assets/img/logo-neoauto.png" alt="Logo Neoauto">
              </div>
              <div class="article-company-card__content">
                <img class="article-company-card__image" src="/public/assets/img/Desktop/Neoautos.jpg"
                  alt="Imagen Neoauto">
              </div>
            </article>
          </a>
        </div>


      </section>
    </main>
    <div id="bsp-footer">

    </div>


    <div class="modal" id="Loader" tabindex="-1" role="dialog" aria-labelledby="Loader" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
        <div class="modal-content border-0">
          <div class="d-flex justify-content-center">
            <div class="main-loader">
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
              <div></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <script src="/src/app/polyfills.js?v=2"></script>
  <script src="/public/assets/vendor/js/jquery-3.4.1.js"></script>


  <script src="/public/assets/vendor/js/popper-utils.min.js"></script>
  <script src="/public/assets/vendor/js/popper.min.js"></script>

  <script src="/public/assets/vendor/js/bootstrap.min.js"></script>

  <script src="/public/assets/vendor/js/vue.js"></script>

  <script src="/public/assets/vendor/js/axios.min.js"></script>

  <script src="/src/app/services/bsp.service.js"></script>

  <script src="/src/app/controllers/index.controller.js"></script>
  <!-- -->
  <script src="/src/app/shared/header.component.js"></script>



  <script src="/src/app/shared/footer.component.js?v=2"></script>
  <script src="/src/app/shared/modal-cookie.component.js"></script>
  <script src="/src/app/shared/modal-cookie-configurate.component.js"></script>
  <script src="/src/app/shared/common-app.pipe.js"></script>
  <script src="/src/app/shared/common-app.directive.js"></script>
  <script src="/public/assets/vendor/js/site.js?v=4"></script>





  <script></script>
<script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=12&cb=800167847" async></script></body>

</html>
<!-- comentario-->
~~~