Top SitesInicio - Banco Santander del Perú

Machine Readiness

Stored receipt and evidence

Overall

24

Readable

80

Callable

0

Commerce

0

Payment

0

Machine Access

Inspect the site's MCP endpoint

Open MCP explorer

DialtoneApp can scan the stored discovery files for this domain, try the MCP initialize handshake, and show the raw protocol transcript.

Purchase boundary

read only

Control boundary

unknown

Payment rails

None

Payment providers

None

Payment methods

None

Payment protocols

None

Payment assets

None

Payment networks

None

Capabilities

None

Verified payment surface

No

Crypto only

No

Readable docs

llms, llms-full

Products

0

Variants

0

Priced variants

0

Currencies

0

Offers

0

Priced offers

0

Priced actions

0

Samples

Offer samples

No stored offer samples.

Samples

Action samples

No stored action samples.

Samples

Product samples

No stored product samples.

Document

robots.txt

Not stored for this site.

Document

llms.txt

Open llms.txt
<!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-->

Document

llms-full.txt

Open llms-full.txt
<!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-->