.elementor-6010 .elementor-element.elementor-element-c2d150c{--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;--margin-top:-200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6010 .elementor-element.elementor-element-c2d150c:not(.elementor-motion-effects-element-type-background), .elementor-6010 .elementor-element.elementor-element-c2d150c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-6010 .elementor-element.elementor-element-a552927{--spacer-size:200px;}.elementor-6010 .elementor-element.elementor-element-a552927 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6010 .elementor-element.elementor-element-5ebe81f{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:100px;--padding-right:100px;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-6010 .elementor-element.elementor-element-7198520{font-family:"Inter", Sans-serif;font-weight:500;color:var( --e-global-color-83865d0 );}.elementor-6010 .elementor-element.elementor-element-7198520 a{color:var( --e-global-color-6f131a7 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6010 .elementor-element.elementor-element-bb3eb48{text-align:center;}.elementor-6010 .elementor-element.elementor-element-bb3eb48 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:500;color:var( --e-global-color-18c22be );}.elementor-6010 .elementor-element.elementor-element-fd9782a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6010 .elementor-element.elementor-element-fddaf81{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-6010 .elementor-element.elementor-element-fddaf81:not(.elementor-motion-effects-element-type-background), .elementor-6010 .elementor-element.elementor-element-fddaf81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A9ABAE33;}.elementor-6010 .elementor-element.elementor-element-15ea086{--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;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-ec4b5df );--border-color:var( --e-global-color-ec4b5df );}.elementor-6010 .elementor-element.elementor-element-17fa240 > .elementor-widget-container{padding:0px 20px 0px 0px;}.elementor-6010 .elementor-element.elementor-element-17fa240{text-align:right;}.elementor-6010 .elementor-element.elementor-element-17fa240 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:500;color:var( --e-global-color-18c22be );}.elementor-6010 .elementor-element.elementor-element-b4aaf5b{--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;}.elementor-6010 .elementor-element.elementor-element-61400e7 > .elementor-widget-container{padding:0px 20px 0px 0px;}.elementor-6010 .elementor-element.elementor-element-61400e7{text-align:right;}.elementor-6010 .elementor-element.elementor-element-61400e7 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:500;color:var( --e-global-color-18c22be );}.elementor-6010 .elementor-element.elementor-element-faf0d02{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-6010 .elementor-element.elementor-element-c4bc8c9 > .elementor-widget-container{border-style:solid;border-width:0px 0px 0px 0px;border-color:#1B1B1B33;}.elementor-6010 .elementor-element.elementor-element-c4bc8c9 .elementor-icon-box-wrapper{align-items:start;}.elementor-6010 .elementor-element.elementor-element-c4bc8c9{--icon-box-icon-margin:15px;}.elementor-6010 .elementor-element.elementor-element-c4bc8c9 .elementor-icon-box-title, .elementor-6010 .elementor-element.elementor-element-c4bc8c9 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-weight:900;}.elementor-6010 .elementor-element.elementor-element-c4bc8c9 .elementor-icon-box-title{color:var( --e-global-color-83865d0 );}.elementor-6010 .elementor-element.elementor-element-c4bc8c9:has(:hover) .elementor-icon-box-title,
					 .elementor-6010 .elementor-element.elementor-element-c4bc8c9:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-83865d0 );}.elementor-6010 .elementor-element.elementor-element-c4bc8c9 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-weight:300;color:var( --e-global-color-83865d0 );}.elementor-6010 .elementor-element.elementor-element-31ac574 > .elementor-widget-container{border-style:solid;border-width:0px 0px 0px 0px;border-color:#1B1B1B33;}.elementor-6010 .elementor-element.elementor-element-31ac574 .elementor-icon-box-wrapper{align-items:start;}.elementor-6010 .elementor-element.elementor-element-31ac574{--icon-box-icon-margin:15px;}.elementor-6010 .elementor-element.elementor-element-31ac574 .elementor-icon-box-title, .elementor-6010 .elementor-element.elementor-element-31ac574 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-weight:900;}.elementor-6010 .elementor-element.elementor-element-31ac574 .elementor-icon-box-title{color:var( --e-global-color-83865d0 );}.elementor-6010 .elementor-element.elementor-element-31ac574:has(:hover) .elementor-icon-box-title,
					 .elementor-6010 .elementor-element.elementor-element-31ac574:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-83865d0 );}.elementor-6010 .elementor-element.elementor-element-31ac574 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-weight:300;color:var( --e-global-color-83865d0 );}.elementor-6010 .elementor-element.elementor-element-319cd75 > .elementor-widget-container{border-style:solid;border-width:0px 0px 0px 0px;border-color:#1B1B1B33;}.elementor-6010 .elementor-element.elementor-element-319cd75 .elementor-icon-box-wrapper{align-items:start;}.elementor-6010 .elementor-element.elementor-element-319cd75{--icon-box-icon-margin:15px;}.elementor-6010 .elementor-element.elementor-element-319cd75 .elementor-icon-box-title, .elementor-6010 .elementor-element.elementor-element-319cd75 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-weight:900;}.elementor-6010 .elementor-element.elementor-element-319cd75 .elementor-icon-box-title{color:var( --e-global-color-83865d0 );}.elementor-6010 .elementor-element.elementor-element-319cd75:has(:hover) .elementor-icon-box-title,
					 .elementor-6010 .elementor-element.elementor-element-319cd75:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-83865d0 );}.elementor-6010 .elementor-element.elementor-element-319cd75 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-weight:300;color:var( --e-global-color-83865d0 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-6010 .elementor-element.elementor-element-5ebe81f{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-6010 .elementor-element.elementor-element-bb3eb48 .elementor-heading-title{font-size:50px;}.elementor-6010 .elementor-element.elementor-element-0c65dfd > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-6010 .elementor-element.elementor-element-fddaf81{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-6010 .elementor-element.elementor-element-17fa240 .elementor-heading-title{font-size:40px;}.elementor-6010 .elementor-element.elementor-element-61400e7 .elementor-heading-title{font-size:40px;}.elementor-6010 .elementor-element.elementor-element-c4bc8c9 .elementor-icon-box-description{font-size:13px;}.elementor-6010 .elementor-element.elementor-element-31ac574 .elementor-icon-box-description{font-size:13px;}.elementor-6010 .elementor-element.elementor-element-319cd75 .elementor-icon-box-description{font-size:13px;}}@media(max-width:767px){.elementor-6010 .elementor-element.elementor-element-bb3eb48 .elementor-heading-title{font-size:30px;}.elementor-6010 .elementor-element.elementor-element-fddaf81{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-6010 .elementor-element.elementor-element-17fa240 .elementor-heading-title{font-size:30px;}.elementor-6010 .elementor-element.elementor-element-61400e7{text-align:center;}.elementor-6010 .elementor-element.elementor-element-61400e7 .elementor-heading-title{font-size:30px;}.elementor-6010 .elementor-element.elementor-element-faf0d02{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6010 .elementor-element.elementor-element-c4bc8c9 > .elementor-widget-container{padding:30px 30px 30px 30px;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-6010 .elementor-element.elementor-element-31ac574 > .elementor-widget-container{padding:30px 30px 30px 30px;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-6010 .elementor-element.elementor-element-319cd75 > .elementor-widget-container{padding:30px 30px 30px 30px;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}}@media(min-width:768px){.elementor-6010 .elementor-element.elementor-element-15ea086{--width:20%;}.elementor-6010 .elementor-element.elementor-element-b4aaf5b{--width:20%;}.elementor-6010 .elementor-element.elementor-element-faf0d02{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-6010 .elementor-element.elementor-element-15ea086{--width:30%;}.elementor-6010 .elementor-element.elementor-element-b4aaf5b{--width:30%;}.elementor-6010 .elementor-element.elementor-element-faf0d02{--width:70%;}}/* Start custom CSS for html, class: .elementor-element-0c65dfd */body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0px;
}

/* Container principal com Flexbox para as 3 colunas */
.container {
    display: flex;
    align-items: center;
}

/* Define a largura de 33.33% para todas as colunas */
.coluna1, .central-column, .coluna2 {
    flex-basis: 33.33%;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 50px 0 50px 0;
}
    
/* Adiciona margem apenas na coluna 1 */
.coluna1 h2{
        /* Alinha o título à direita e muda a cor */
    text-align: right;
    color: #318b4d;
    font-size: 25px;
    font-weight: 900;
    margin-right: 0px; /* Adiciona espaçamento à direita */
}

.coluna1 p{
    /* Alinha o título à direita e muda a cor */
    text-align: justify;
    color: #000;
    font-size: 15px;

}

/* Estilos específicos para a coluna do meio */
.central-column {
    padding: 0 0 0 20px;
    box-shadow: none;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* A linha vertical */
.line {
    position: absolute;
    width: 16px; /* Espessura da linha */
    height: 100%; /* Ocupa a altura total do container */
    background-color: #a0a0a0; /* Cor da linha */
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* O anel cinza por baixo */
.grey-ring {
    position: absolute; /* Posicionado em relação ao container */
    width: 38px; /* Tamanho do anel cinza */
    height: 38px;
    background-color: #a0a0a0; /* Cor cinza do anel */
    border-radius: 50%; /* Faz ser um círculo */
    z-index: 2; /* Garante que fique por baixo da linha e do círculo branco */
    top: 50%; /* Centraliza verticalmente */
    left: 50%; /* Centraliza horizontalmente */
    transform: translate(-50%, -50%); /* Ajuste final de centralização */
}

/* O círculo branco no meio */
.white-dot {
    position: absolute; /* Posicionado em relação ao container */
    width: 18px; /* Tamanho do círculo branco (menor que o cinza) */
    height: 18px;
    background-color: #fff; /* Cor de fundo branca */
    border-radius: 50%; /* Faz o elemento ser um círculo */
    z-index: 3; /* Garante que o círculo branco fique por cima de tudo */
    top: 50%; /* Centraliza verticalmente */
    left: 50%; /* Centraliza horizontalmente */
    transform: translate(-50%, -50%); /* Ajuste final de centralização */
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); /* Propriedade adicionada */
}

/* Container que engloba a linha e a seta */
.timeline-segment-with-arrow {
    display: flex; /* Para alinhar a linha e a seta */
    justify-content: center; /* Centraliza o conteúdo horizontalmente */
    align-items: center; /* Centraliza verticalmente */
    height: 4px; /* Altura total da linha, como na imagem */
    width: 380px; /* Largura de exemplo para o segmento */
    background-color: #000; /* Cor de fundo do segmento da linha */
    position: relative; /* Para posicionar outros elementos se necessário */
}

/* A base da linha horizontal (o retângulo preto) */
.line-segment-base {
    flex-grow: 1; /* Ocupa todo o espaço disponível */
    height: 100%; /* Ocupa a altura do container */
    background-color: #000; /* Cor preta */
}

/* A cabeça da seta (triângulo) */
.line-arrow-head {
    width: 0;
    height: 0;
    /* As bordas transparentes de cima e de baixo definem a altura da ponta da seta */
    border-top: 12px solid transparent;    /* Metade da altura da linha base */
    border-bottom: 12px solid transparent; /* Metade da altura da linha base */
    /* A borda direita define a largura da ponta da seta e sua cor */
    border-right: 18px solid #a0a0a0;       /* Largura da seta e cor preta */
    flex-shrink: 0; /* Impede que a seta seja espremida */
    /* Ajuste para que a seta se encaixe perfeitamente na linha */
    margin-left: -5px; /* Para sobrepor levemente e evitar lacunas */
    z-index: 3; /* Garante que o círculo branco fique por cima de tudo */
}

/* --- Estilos da Coluna 3 --- */

.timeline-item-right {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 0px;
    justify-content: flex-start;
}

.timeline-bar-group {
    display: flex;
    align-items: center;
}

.timeline-bar-grey {
    width: 4px; /* Tamanho da barra cinza */
    height: 60px;
    background-color: #a0a0a0;
}

.timeline-bar-black {
    width: 80px; /* Tamanho da barra preta */
    height: 4px;
    background-color: #000;
}

.timeline-year {
    font-size: 3.5rem;
    font-weight: 900;
    margin: 0 10px;
    white-space: nowrap;
}

.timeline-icon-circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border-style: solid;
    border-color: #a0a0a0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.timeline-icon-svg {
    width: 80%;
    height: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.timeline-icon-svg img {
    max-width: 100%;
    height: auto;
}

/* ====== MOBILE ====== */
@media (max-width: 768px) {
/* Container principal com Flexbox para as 3 colunas */
.container {
    display: flex;
    align-items: center;
}

/* Define a largura de 33.33% para todas as colunas */
.coluna1, .central-column, .coluna2 {
    flex-basis: 33.33%;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 50px 0 50px 0;
}
    
/* Adiciona margem apenas na coluna 1 */
.coluna1 h2{
        /* Alinha o título à direita e muda a cor */
    text-align: right;
    color: #318b4d;
    font-size: 25px;
    font-weight: 900;
    margin-right: 0px; /* Adiciona espaçamento à direita */
}

.coluna1 p{
    /* Alinha o título à direita e muda a cor */
    text-align: justify;
    color: #000;
    font-size: 12px;

}

/* Estilos específicos para a coluna do meio */
.central-column {
    padding: 0 0 0 10px;
    box-shadow: none;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* A linha vertical */
.line {
    position: absolute;
    width: 10px; /* Espessura da linha */
    height: 100%; /* Ocupa a altura total do container */
    background-color: #a0a0a0; /* Cor da linha */
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* O anel cinza por baixo */
.grey-ring {
    position: absolute; /* Posicionado em relação ao container */
    width: 30px; /* Tamanho do anel cinza */
    height: 30px;
    background-color: #a0a0a0; /* Cor cinza do anel */
    border-radius: 50%; /* Faz ser um círculo */
    z-index: 2; /* Garante que fique por baixo da linha e do círculo branco */
    top: 50%; /* Centraliza verticalmente */
    left: 50%; /* Centraliza horizontalmente */
    transform: translate(-50%, -50%); /* Ajuste final de centralização */
}

/* O círculo branco no meio */
.white-dot {
    position: absolute; /* Posicionado em relação ao container */
    width: 15px; /* Tamanho do círculo branco (menor que o cinza) */
    height: 15px;
    background-color: #fff; /* Cor de fundo branca */
    border-radius: 50%; /* Faz o elemento ser um círculo */
    z-index: 3; /* Garante que o círculo branco fique por cima de tudo */
    top: 50%; /* Centraliza verticalmente */
    left: 50%; /* Centraliza horizontalmente */
    transform: translate(-50%, -50%); /* Ajuste final de centralização */
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); /* Propriedade adicionada */
}

/* Container que engloba a linha e a seta */
.timeline-segment-with-arrow {
    display: flex; /* Para alinhar a linha e a seta */
    justify-content: center; /* Centraliza o conteúdo horizontalmente */
    align-items: center; /* Centraliza verticalmente */
    height: 3px; /* Altura total da linha, como na imagem */
    width: 230px; /* Largura de exemplo para o segmento */
    background-color: #000; /* Cor de fundo do segmento da linha */
    position: relative; /* Para posicionar outros elementos se necessário */
}

/* A base da linha horizontal (o retângulo preto) */
.line-segment-base {
    flex-grow: 1; /* Ocupa todo o espaço disponível */
    height: 100%; /* Ocupa a altura do container */
    background-color: #000; /* Cor preta */
}

/* A cabeça da seta (triângulo) */
.line-arrow-head {
    width: 0;
    height: 0;
    /* As bordas transparentes de cima e de baixo definem a altura da ponta da seta */
    border-top: 12px solid transparent;    /* Metade da altura da linha base */
    border-bottom: 12px solid transparent; /* Metade da altura da linha base */
    /* A borda direita define a largura da ponta da seta e sua cor */
    border-right: 18px solid #a0a0a0;       /* Largura da seta e cor preta */
    flex-shrink: 0; /* Impede que a seta seja espremida */
    /* Ajuste para que a seta se encaixe perfeitamente na linha */
    margin-left: -5px; /* Para sobrepor levemente e evitar lacunas */
    z-index: 3; /* Garante que o círculo branco fique por cima de tudo */
}

/* --- Estilos da Coluna 3 --- */

.timeline-item-right {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 0px;
    justify-content: flex-start;
}

.timeline-bar-group {
    display: flex;
    align-items: center;
}

.timeline-bar-grey {
    width: 3px; /* Tamanho da barra cinza */
    height: 60px;
    background-color: #a0a0a0;
}

.timeline-bar-black {
    width: 35px; /* Tamanho da barra preta */
    height: 3px;
    background-color: #000;
}

.timeline-year {
    font-size: 2.5rem;
    font-weight: 900;
    margin: 0 10px;
    white-space: nowrap;
}

.timeline-icon-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border-style: solid;
    border-color: #a0a0a0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.timeline-icon-svg {
    width: 60%;
    height: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.timeline-icon-svg img {
    max-width: 100%;
    height: auto;
}
}/* End custom CSS */