/* ==========================================================================
   CREA DISEÑO & CONSTRUCCIÓN · PESTAÑAS DE SERVICIOS
   ========================================================================== */

document.addEventListener('DOMContentLoaded', () => {
  const serviceTabItems = document.querySelectorAll('.service-tab-item');
  const serviceContentCards = document.querySelectorAll('.service-content-card');

  if (serviceTabItems.length > 0 && serviceContentCards.length > 0) {
    serviceTabItems.forEach(tab => {
      tab.addEventListener('click', () => {
        const targetId = tab.getAttribute('data-service-target');

        serviceTabItems.forEach(t => t.classList.remove('active'));
        tab.classList.add('active');

        serviceContentCards.forEach(card => {
          if (card.id === `service-panel-${targetId}`) {
            card.classList.add('active');
          } else {
            card.classList.remove('active');
          }
        });
      });
    });
  }
});