.elementor-2025 .elementor-element.elementor-element-024abee{--display:flex;}/* Start custom CSS for html, class: .elementor-element-aedb9c0 */<script>
document.addEventListener("DOMContentLoaded", function() {
  const buttons = document.querySelectorAll(".custom-tab-buttons button");
  const panels = document.querySelectorAll(".tab-panel");

  buttons.forEach(btn => {
    btn.addEventListener("click", () => {
      // Quitar estado activo de todos los botones
      buttons.forEach(b => b.classList.remove("active"));
      // Poner activo al botón presionado
      btn.classList.add("active");

      // Ocultar todos los paneles
      panels.forEach(panel => panel.classList.remove("active"));

      // Mostrar el panel correspondiente
      const target = document.getElementById(btn.dataset.tab);
      if (target) {
        target.classList.add("active");
      }
    });
  });

  // Activar el primer botón por defecto
  buttons[0].classList.add("active");
});
</script>/* End custom CSS */
/* Start custom CSS */.custom-tab-buttons button {
  padding: 10px 20px;
  border: none;
  background: #eee;
  cursor: pointer;
  transition: all 0.3s ease;
}

.custom-tab-buttons button.active {
  background: #222;
  color: #fff;
}

.tab-panel {
  display: none;
}

.tab-panel.active {
  display: block;
}/* End custom CSS */