/* Corrige o carrossel de logos de parceiros: o slider original dependia de JS
   (tiny-slider) que não roda no clone estático. Recriamos o efeito de rotação
   com uma animação CSS, mostrando no máximo ~5 logos por vez em uma janela fixa. */

.jkit-client-logo .tns-outer {
  overflow: hidden !important;
  max-width: 780px !important;
  margin: 0 auto !important;
}

.jkit-client-logo .tns-ovh {
  overflow: hidden !important;
  height: auto !important;
}

.jkit-client-logo .client-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 48px !important;
  width: max-content !important;
  animation: dpgLogosMarquee 16s ease-in-out infinite !important;
}

/* Esconde os slides duplicados que o slider usava para o loop de JS */
.jkit-client-logo .tns-slide-cloned {
  display: none !important;
}

.jkit-client-logo .client-slider.item {
  width: auto !important;
  max-width: 160px !important;
  flex: 0 0 auto !important;
}

.jkit-client-logo .content-image img {
  height: 42px !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

.jkit-client-logo .tns-nav,
.jkit-client-logo [data-nav] {
  display: none !important;
}

@keyframes dpgLogosMarquee {
  0%   { transform: translateX(0); }
  12%  { transform: translateX(0); }
  50%  { transform: translateX(-620px); }
  62%  { transform: translateX(-620px); }
  100% { transform: translateX(0); }
}

/* ===================================================================== */
/* Corrige o carrossel de depoimentos (testimonials): mesmo problema —
   slider tiny-slider sem JS ficava travado com o transform congelado
   no meio de uma transição, cortando os cards. */

.jkit-testimonials .tns-outer {
  overflow: hidden !important;
  max-width: 1184px !important;
  margin: 0 auto !important;
}

.jkit-testimonials .tns-ovh {
  overflow: hidden !important;
  height: auto !important;
}

.jkit-testimonials .testimonials-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 32px !important;
  width: max-content !important;
  animation: dpgTestimonialsMarquee 24s ease-in-out infinite !important;
}

/* Esconde os slides duplicados usados pelo slider para o loop de JS */
.jkit-testimonials .tns-slide-cloned {
  display: none !important;
}

.jkit-testimonials .testimonial-item {
  width: min(560px, 85vw) !important;
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
}

.jkit-testimonials .tns-nav,
.jkit-testimonials [data-nav] {
  display: none !important;
}

@keyframes dpgTestimonialsMarquee {
  0%   { transform: translateX(0); }
  12%  { transform: translateX(0); }
  33%  { transform: translateX(-1184px); }
  45%  { transform: translateX(-1184px); }
  66%  { transform: translateX(-2368px); }
  78%  { transform: translateX(-2368px); }
  100% { transform: translateX(0); }
}

/* ===================================================================== */
/* Padroniza a altura dos cards de serviços (grid de 8 cards): sem isso
   cada card fica com uma altura diferente conforme o tamanho do texto. */

.elementor-element-cd634d6.e-grid {
  align-items: stretch !important;
  grid-auto-rows: 1fr !important;
}

.elementor-element-cd634d6 .elementor-widget-jkit_icon_box {
  height: 100% !important;
}

.elementor-element-cd634d6 .icon-box-link {
  height: 100% !important;
  display: flex !important;
}

.elementor-element-cd634d6 .jkit-icon-box-wrapper {
  height: 100% !important;
  min-height: 340px !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

.elementor-element-cd634d6 .icon-box-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

.elementor-element-cd634d6 .icon-box-body .title {
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.elementor-element-cd634d6 .icon-box-description {
  flex: 1 1 auto !important;
}

/* Deixa claro que as abas de "Por que nos contratar" são clicáveis
   (a troca de conteúdo agora funciona via script). */
.jkit-tabs .tab-nav {
  cursor: pointer !important;
}

/* ===================================================================== */
/* Corrige o menu de navegação: no mobile, o clique num item com
   submenu (via script em layout.js) adiciona a classe "dropdown-open",
   mas o CSS original só mostrava o submenu com :hover (sem funcionar
   em telas de toque). Esta regra completa o comportamento. */
.jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu .sub-menu.dropdown-open,
.jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu .jkit-mega-menu-wrapper.dropdown-open {
  opacity: 1 !important;
  visibility: visible !important;
}

.jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper.active {
  left: 0 !important;
}