Servicio de grúa 24 horas a nivel nacional

.text-gradient { background: -webkit-linear-gradient(0deg, #129DFF, #09578E); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .interciudades-box{ position:relative; } .interciudades-box .slick-list{ margin:0 40px; } .interciudades-box .slick-list .slick-slide > div{ padding:0 10px; } .interciudades-box button.slick-arrow{ padding:5px; width:40px; position:absolute; top:45%; background-color:transparent; color:var(–asiste-wip); } .interciudades-box button.slick-arrow.slick-disabled{ color:var(–contrast-3); cursor:default; } .interciudades-box button.slick-prev{ left:0; } .interciudades-box button.slick-next{ right:0; } /* Interciudades en HOVER */ .interciudades-box .gb-grid-column:hover > .gb-container{ border-color:#129DFF; } .interciudades-box .gb-grid-column:hover .head-box{ background: -webkit-linear-gradient(0deg, #129DFF, #09578E); } .interciudades-box .gb-grid-column:hover .text-gradient{ background: -webkit-linear-gradient(0deg, #ffffff, #ffffff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .interciudades-box .gb-grid-column:hover .gb-button{ background: var(–asiste-wip); color:#fff; } .interciudades-box .gb-grid-column:hover .gb-button:hover{ background: var(–asiste-wip); } #interciudades-botones .gb-button.active{ background-color:var(–asiste-wip); color:#fff; } #interciudades-box .container-tab{ overflow:hidden; height:0; } #interciudades-box .container-tab.active{ height:100%; } @media (max-width: 768px) { #interciudades-botones > .gb-inside-container{ display: flex; justify-content: center; gap: 20px; } #interciudades-botones .gb-button{ display:none; } #interciudades-botones .gb-button.active, #interciudades-botones .gb-button.show, #interciudades-botones .dropdown-interciudades .gb-button{ display:block; } .width-botones-mobile{ width:300px; } }const botones = document.getElementsByClassName(«boton-tab»); const contenedores = document.getElementsByClassName(«container-tab»); const dropdown = document.getElementById(«dropdown-interciudades»);function removeActive(){ for(let i=0; i < botones.length; i++){ contenedores[i].classList.remove("active"); botones[i].classList.remove("active"); botones[i].classList.remove("show"); } }function btnClick(num){ console.log(num); removeActive(); contenedores[num].classList.add("active"); botones[num].classList.add("active"); }function dropdownClick(){ console.log("Dropdown"); for(let i=0; i < botones.length; i++){ botones[i].classList.toggle("show"); } }for(let i=0; i { btnClick(i) }); }dropdown.addEventListener(«click», (event) => { dropdownClick(); });#info-interciudades{ position:relative; z-index:99; } .info-interciudades{ position: relative; width: 100%; } .info-icon-i{ cursor:pointer; } .gb-grid-wrapper.info-interciudades .gb-grid-column .info-text-i{ display:none; } .gb-grid-wrapper.info-interciudades .gb-grid-column .info-text-i.active{ display:block; }var iconi = document.getElementsByClassName(«info-icon-i»); var texti = document.getElementsByClassName(«info-text-i»); function infoiToggle(){ for (var j = 0; j < texti.length; j++) { texti[j].classList.toggle("active"); } }for (var i = 0; i { infoiToggle(); }); iconi[i].addEventListener(«mouseout», (event) => { infoiToggle(); }); */iconi[i].addEventListener(«click», (event) => { infoiToggle(); });}