const btnActiveFirst = document.getElementById("slide_dato__btn0");
btnActiveFirst.classList.add("btn-active");
const swiperDatos = new Swiper('.swiper_datos-', {
      autoHeight: true,
      simulateTouch: false,
});
document
.querySelector('.slide-0')
.addEventListener('click', function (e) {
e.preventDefault();
var elements = document.getElementById('content_btns_').getElementsByClassName('btn-active');
    for(element of elements){
      element.classList.remove('btn-active');
    }
var targetElement = document.getElementById("slide_dato__btn0");
targetElement.classList.add("btn-active");
swiperDatos.slideTo(0, 0);
});
document
.querySelector('.slide-1')
.addEventListener('click', function (e) {
e.preventDefault();
var elements = document.getElementById('content_btns_').getElementsByClassName('btn-active');
    for(element of elements){
      element.classList.remove('btn-active');
    }
var targetElement = document.getElementById("slide_dato__btn1");
targetElement.classList.add("btn-active");
swiperDatos.slideTo(1, 0);
});
document
.querySelector('.slide-2')
.addEventListener('click', function (e) {
e.preventDefault();
var elements = document.getElementById('content_btns_').getElementsByClassName('btn-active');
    for(element of elements){
      element.classList.remove('btn-active');
    }
var targetElement = document.getElementById("slide_dato__btn2");
targetElement.classList.add("btn-active");
swiperDatos.slideTo(2, 0);
});