.elementor-15170 .elementor-element.elementor-element-ed4b0ec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-15170 .elementor-element.elementor-element-246fce9{color:#000000;}.elementor-15170 .elementor-element.elementor-element-4c84f2e > .elementor-widget-container{margin:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-4c84f2e *//* Seção de Timeline Integrada */
.integrated-timeline-section {
    background-color: #ffffff;
    padding: 80px 0;
    font-family: 'Outfit', sans-serif;
}

/* Container mais estreito para melhor legibilidade */
.integrated-timeline-section .container {
    max-width: 800px;
}
/* A Timeline */
.integrated-timeline {
    position: relative;
    /* A linha cinza que conecta os passos */
    border-left: 3px solid #ede4ff;
}

.timeline-item {
    position: relative;
    padding-left: 60px; /* Espaço para o marcador e a linha */
    margin-bottom: 60px; /* Espaço entre os itens completos */
}

.timeline-item:last-child {
    margin-bottom: 0;
}

/* O marcador circular com o número */
.timeline-marker {
    position: absolute;
    left: -21.5px; /* Centraliza o círculo na linha */
    top: 0;
    width: 40px;
    height: 40px;
    background-color: #7C00FF; /* Fundo roxo vibrante */
    border: 4px solid #ffffff; /* Borda branca para criar um anel sobre a linha */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.1rem;
    color: #ffffff;
    z-index: 2;
}

/* O conteúdo de cada passo */
.item-title {
    font-size: 2rem;
    color: #430485;
    margin-bottom: 20px;
}

.item-image {
    margin-bottom: 20px;
}

.item-image img {
    max-width: 100%;
    border-radius: 12px;
}

.item-text p {
    font-size: 1.1rem;
    color: #555;
    line-height: 1.8;
}/* End custom CSS */