document.addEventListener('DOMContentLoaded', () => {
  // IDs de los servicios a los que queremos aplicar la modificación
  const serviceIds = [106, 107];

  serviceIds.forEach(id => {
    // Busca el link del servicio por su href
    const serviceLink = document.querySelector(`a.link-to-details[href*="/${id}/service_detail"]`);
    if (!serviceLink) return;

    // Encuentra el bloque principal del servicio
    const serviceSection = serviceLink.closest('.service-item');
    if (!serviceSection) return;

    // Busca el bloque de duración dentro del servicio
    const durationEl = serviceSection.querySelector('.service-item__extra-duration');
    if (durationEl) {
      // Busca el separador siguiente (el "|") dentro del mismo contenedor
      const nextSeparator = durationEl.parentElement.querySelector('.service-item__extra-separator');
      if (nextSeparator) {
        nextSeparator.remove();
      }

      // Elimina el bloque de duración
      durationEl.remove();
    }
  });
});