/* Reposicao minima do CSS do JetElements (plugin pago, ausente no export estatico).
   Cobre apenas o widget jet-timeline da secao "metodo 6E".
   As cores/tamanhos continuam vindo de images/post-236.css (config da propria cliente);
   aqui so entra o layout que o plugin fornecia. Onde precisa vencer a especificidade
   de post-236.css (5 classes), o seletor encadeia 6 classes em vez de usar !important. */

.elementor-jet-timeline .jet-timeline { position: relative; padding: 20px 0; }

.elementor-jet-timeline .jet-timeline__line {
  position: absolute; top: 0; bottom: 0; left: 50%;
}
.elementor-widget-jet-timeline .jet-elements.elementor-jet-timeline .jet-timeline.jet-timeline--align-center .jet-timeline__line {
  margin-left: -1px; margin-right: 0;
}
/* o preenchimento e animado por JS no plugin original; sem ele a linha ficaria branca */
.elementor-jet-timeline .jet-timeline__line-progress { display: block; width: 100%; height: 100%; }

.elementor-jet-timeline .jet-timeline-list { position: relative; }

.elementor-jet-timeline .jet-timeline-item { display: flex; align-items: center; }
.elementor-jet-timeline .jet-timeline-item:nth-child(odd) { flex-direction: row; }
.elementor-jet-timeline .jet-timeline-item:nth-child(even) { flex-direction: row-reverse; }

/* card = metade menos o bloco do ponto (40px + 20px de margem de cada lado) */
.elementor-jet-timeline .jet-timeline-item .timeline-item__card { width: calc(50% - 40px); }
.elementor-jet-timeline .jet-timeline-item:nth-child(odd) .timeline-item__card { text-align: right; }
.elementor-jet-timeline .jet-timeline-item:nth-child(even) .timeline-item__card { text-align: left; }

.elementor-jet-timeline .timeline-item__card-inner {
  background: #fff; border-radius: 10px; padding: 22px 26px;
  box-shadow: 0 2px 14px rgba(0, 0, 0, .07);
}
.elementor-jet-timeline .timeline-item__card-title { margin: 0 0 8px; line-height: 1.3; }
.elementor-jet-timeline .timeline-item__card-desc { line-height: 1.6; }
.elementor-jet-timeline .timeline-item__meta:empty { display: none; }
.elementor-jet-timeline .timeline-item__card-arrow { display: none; }

.elementor-jet-timeline .timeline-item__point { flex: 0 0 auto; z-index: 2; }
.elementor-jet-timeline .timeline-item__point-content {
  display: flex; align-items: center; justify-content: center; border-radius: 50%;
}
.elementor-jet-timeline .timeline-item__point .jet-elements-icon { line-height: 0; }
.elementor-jet-timeline .timeline-item__point .jet-elements-icon svg {
  width: 1em; height: 1em; fill: #fff;
}

@media (max-width: 767px) {
  .elementor-jet-timeline .jet-timeline__line { left: 20px; }
  .elementor-widget-jet-timeline .jet-elements.elementor-jet-timeline .jet-timeline.jet-timeline--align-center .jet-timeline__line { margin-left: 0; }
  .elementor-jet-timeline .jet-timeline-item,
  .elementor-jet-timeline .jet-timeline-item:nth-child(odd),
  .elementor-jet-timeline .jet-timeline-item:nth-child(even) {
    flex-direction: row; align-items: flex-start;
  }
  .elementor-jet-timeline .jet-timeline-item .timeline-item__card,
  .elementor-jet-timeline .jet-timeline-item:nth-child(odd) .timeline-item__card,
  .elementor-jet-timeline .jet-timeline-item:nth-child(even) .timeline-item__card {
    width: calc(100% - 80px); text-align: left;
  }
  .elementor-jet-timeline .jet-timeline.jet-timeline--align-center .timeline-item__point {
    margin-left: 0; margin-right: 20px;
  }
}
