WHY I CAN’T MANIPULATE DOM?

I’m developing an info collecting js script for my banc transactions, but it doesn’t work, there’s some tags my script don’t find even if it is already there, one of those tags is this one

<bbva-btge-app-template id="app__content"><bbva-btge-sidebar-menu class="sidebar" slot="nav" home-page="bbva-btge-dashboard-solution-home" expanded=""></bbva-btge-sidebar-menu></bbva-btge-app-template>

I trying save <bbva-btge-sidebar-menu> in a var and i get nothing, this is mi actual code

window.onload = function () {
    var intervalo = setInterval(function () {
      //var toSend = [];
      console.log("Inicia");
      var btn_modal=document.querySelectorAll(".close-btn");
      if(btn_modal.length>0){
        btn_modal[1].click();
        var div_cuentas=document.querySelector('bbva-web-navigation-menu-item[icon="bbva:account"]');
        if(div_cuentas){
            var btn_mis_cuentas=div_cuentas.querySelector('bbva-web-navigation-menu-item-action[role="button"]');
            if(btn_mis_cuentas){
                btn_mis_cuentas.click();
            }else{
                console.error("No se encontro role=button");
            }
        }else{
            console.error("No se encontro icon=bbva:account");
        }
      }else{
        console.error("No se encontraron .close-btn");
      }
    }, 10000); //Termina el temporizador y se coloca el tiempo para que se repita
  };

Try using JQuery for dom manipulation also try with document.getelement and document.queryselector, i was expecting to save that elements on vars but not happend, it didn’t find it