.elementor-1531 .elementor-element.elementor-element-6d1c5ad{--display:flex;--min-height:700px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.63;}.elementor-1531 .elementor-element.elementor-element-6d1c5ad:not(.elementor-motion-effects-element-type-background), .elementor-1531 .elementor-element.elementor-element-6d1c5ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://evot.com.br/wp-content/uploads/2025/08/mao-usando-laptop-com-tela-virtual-e-documento-para-aprovacao-line-de-garantia-de-qualidade-sem-papel-e-conceito-de-gerenciamento-de-erp-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1531 .elementor-element.elementor-element-6d1c5ad::before, .elementor-1531 .elementor-element.elementor-element-6d1c5ad > .elementor-background-video-container::before, .elementor-1531 .elementor-element.elementor-element-6d1c5ad > .e-con-inner > .elementor-background-video-container::before, .elementor-1531 .elementor-element.elementor-element-6d1c5ad > .elementor-background-slideshow::before, .elementor-1531 .elementor-element.elementor-element-6d1c5ad > .e-con-inner > .elementor-background-slideshow::before, .elementor-1531 .elementor-element.elementor-element-6d1c5ad > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000FA;--background-overlay:'';}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1531 .elementor-element.elementor-element-8c37927{--divider-border-style:solid;--divider-color:var( --e-global-color-d45fe9f );--divider-border-width:2.2px;}.elementor-1531 .elementor-element.elementor-element-8c37927 .elementor-divider-separator{width:5%;margin:0 auto;margin-center:0;}.elementor-1531 .elementor-element.elementor-element-8c37927 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.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-1531 .elementor-element.elementor-element-2ebd93b{text-align:center;}.elementor-1531 .elementor-element.elementor-element-2ebd93b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{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-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1531 .elementor-element.elementor-element-606d144{width:var( --container-widget-width, 54% );max-width:54%;--container-widget-width:54%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-1531 .elementor-element.elementor-element-1cf8808{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1531 .elementor-element.elementor-element-68cdd11{--divider-border-style:solid;--divider-color:var( --e-global-color-d45fe9f );--divider-border-width:2.2px;}.elementor-1531 .elementor-element.elementor-element-68cdd11 .elementor-divider-separator{width:5%;}.elementor-1531 .elementor-element.elementor-element-68cdd11 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1531 .elementor-element.elementor-element-2e01ab8 .elementor-heading-title{color:var( --e-global-color-efdbc6b );}.elementor-1531 .elementor-element.elementor-element-4e85ac7{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;text-align:justify;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#1B1B1B;}.elementor-1531 .elementor-element.elementor-element-a771ec2{--display:flex;--min-height:0px;--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1531 .elementor-element.elementor-element-d551d51 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1531 .elementor-element.elementor-element-3a29d7b{--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:-54px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1531 .elementor-element.elementor-element-418b121{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1531 .elementor-element.elementor-element-f07e832{--display:flex;--border-radius:11px 11px 11px 11px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1531 .elementor-element.elementor-element-f07e832:not(.elementor-motion-effects-element-type-background), .elementor-1531 .elementor-element.elementor-element-f07e832 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.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-1531 .elementor-element.elementor-element-0e5b103{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:25px;--padding-right:25px;}.elementor-1531 .elementor-element.elementor-element-6107451 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:#303030;}.elementor-1531 .elementor-element.elementor-element-6e76560{color:#000000;}.elementor-1531 .elementor-element.elementor-element-d32023b{--display:flex;--border-radius:11px 11px 11px 11px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1531 .elementor-element.elementor-element-d32023b:not(.elementor-motion-effects-element-type-background), .elementor-1531 .elementor-element.elementor-element-d32023b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1531 .elementor-element.elementor-element-ad8ec40{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:25px;--padding-right:25px;}.elementor-1531 .elementor-element.elementor-element-1539958 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:#303030;}.elementor-1531 .elementor-element.elementor-element-f962028{color:#000000;}.elementor-1531 .elementor-element.elementor-element-bca634a{--display:flex;--border-radius:11px 11px 11px 11px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1531 .elementor-element.elementor-element-bca634a:not(.elementor-motion-effects-element-type-background), .elementor-1531 .elementor-element.elementor-element-bca634a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1531 .elementor-element.elementor-element-ebb3a96{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:25px;--padding-right:25px;}.elementor-1531 .elementor-element.elementor-element-4fe5608 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:#303030;}.elementor-1531 .elementor-element.elementor-element-51d8ffe{color:#000000;}.elementor-1531 .elementor-element.elementor-element-a77b8d7{--display:flex;--border-radius:11px 11px 11px 11px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1531 .elementor-element.elementor-element-a77b8d7:not(.elementor-motion-effects-element-type-background), .elementor-1531 .elementor-element.elementor-element-a77b8d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1531 .elementor-element.elementor-element-37157bf{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:25px;--padding-right:25px;}.elementor-1531 .elementor-element.elementor-element-e4cf197 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:#303030;}.elementor-1531 .elementor-element.elementor-element-92df608{color:#000000;}.elementor-1531 .elementor-element.elementor-element-d0bca22{--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:20px 035px;--row-gap:20px;--column-gap:035px;}.elementor-1531 .elementor-element.elementor-element-a8dd0d3{--display:flex;}.elementor-1531 .elementor-element.elementor-element-60b975f{--divider-border-style:solid;--divider-color:var( --e-global-color-d45fe9f );--divider-border-width:2.2px;}.elementor-1531 .elementor-element.elementor-element-60b975f .elementor-divider-separator{width:10%;}.elementor-1531 .elementor-element.elementor-element-60b975f .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1531 .elementor-element.elementor-element-9e97887 .elementor-heading-title{color:var( --e-global-color-efdbc6b );}.elementor-1531 .elementor-element.elementor-element-588dad3{width:var( --container-widget-width, 106.923% );max-width:106.923%;--container-widget-width:106.923%;--container-widget-flex-grow:0;text-align:justify;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#1B1B1B;}.elementor-1531 .elementor-element.elementor-element-588dad3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1531 .elementor-element.elementor-element-dedc90e{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1531 .elementor-element.elementor-element-dedc90e:not(.elementor-motion-effects-element-type-background), .elementor-1531 .elementor-element.elementor-element-dedc90e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://evot.com.br/wp-content/uploads/2025/12/hacker-usando-um-teclado-de-computador-com-visualizacao-de-dados-scaled.jpg");background-position:center center;background-size:cover;}.elementor-1531 .elementor-element.elementor-element-62d2089{--display:flex;--min-height:410px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1531 .elementor-element.elementor-element-62d2089:not(.elementor-motion-effects-element-type-background), .elementor-1531 .elementor-element.elementor-element-62d2089 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-efdbc6b );}.elementor-1531 .elementor-element.elementor-element-7f03c70{text-align:center;}.elementor-1531 .elementor-element.elementor-element-7f03c70 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-1531 .elementor-element.elementor-element-33ead85{text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1531 .elementor-element.elementor-element-61d9085 .elementor-button{background-color:var( --e-global-color-d45fe9f );border-radius:11px 11px 11px 11px;padding:12px 35px 12px 35px;}.elementor-1531 .elementor-element.elementor-element-61d9085 .elementor-button:hover, .elementor-1531 .elementor-element.elementor-element-61d9085 .elementor-button:focus{background-color:var( --e-global-color-d16f3ca );color:var( --e-global-color-d45fe9f );}.elementor-1531 .elementor-element.elementor-element-61d9085 .elementor-button:hover svg, .elementor-1531 .elementor-element.elementor-element-61d9085 .elementor-button:focus svg{fill:var( --e-global-color-d45fe9f );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1531 .elementor-element.elementor-element-6d1c5ad{--min-height:330px;--justify-content:flex-end;}.elementor-1531 .elementor-element.elementor-element-2ebd93b .elementor-heading-title{font-size:25px;}.elementor-1531 .elementor-element.elementor-element-606d144{--container-widget-width:300px;--container-widget-flex-grow:0;width:var( --container-widget-width, 300px );max-width:300px;font-size:14px;}.elementor-1531 .elementor-element.elementor-element-4e85ac7{width:100%;max-width:100%;}.elementor-1531 .elementor-element.elementor-element-588dad3{width:100%;max-width:100%;}.elementor-1531 .elementor-element.elementor-element-7f03c70 .elementor-heading-title{font-size:18px;}.elementor-1531 .elementor-element.elementor-element-33ead85{font-size:14px;}}/* Start custom CSS for html, class: .elementor-element-d551d51 *//* Container principal da linha do tempo */
.timeline-wrapper {
    position: relative;
    padding-bottom: 180px; /* Espaço para os cards flutuarem */
    padding-top: 50px; /* Espaço acima da linha */
    width: 100%; /* Ocupa a largura total do container pai (Seção/Container do Elementor) */
}

/* A linha horizontal */
.timeline-line {
    position: absolute;
    top: 125px; /* Alinha com o centro das bolinhas */
    left: 0;
    right: 0;
    height: 2px;
    background-color: #ddd; /* Cor da linha */
    z-index: 0; /* Fica abaixo das bolinhas */
}

/* Container dos itens da linha do tempo (controla a largura máxima do conteúdo e centraliza) */
.timeline-container {
    display: flex;
    justify-content: space-between; /* Distribui os itens igualmente */
    align-items: flex-start; /* Alinha o topo dos itens */
    position: relative;
    z-index: 1; /* Garante que os itens fiquem acima da linha */
    max-width: 1500px; /* Largura máxima desejada para o conteúdo dos cards */
    margin: 0 auto; /* Centraliza o conteúdo dentro do wrapper */
    padding: 0 20px; /* Adiciona padding lateral para não colar nas bordas da tela */
}

/* Cada item da linha do tempo */
.timeline-item {
    flex: 1; /* Ocupa o mesmo espaço */
    text-align: center;
    position: relative;
    padding-top: 20px; /* Ajusta a posição vertical do conteúdo em relação à bolinha */
    min-width: 120px; /* Largura mínima para evitar sobreposição */
}

/* A bolinha na linha do tempo */
.timeline-dot {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #007bff; /* Cor da bolinha */
    color: #fff; /* Cor do número na bolinha */
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.8em; /* <--- AJUSTADO: Tamanho da fonte para números normais */
    line-height: 1; /* Ajuda no alinhamento vertical */
    position: absolute;
    top: 50px; /* Posiciona a bolinha 50px abaixo do topo do item */
    left: 50%;
    transform: translateX(-50%);
    border: 3px solid #fff; /* Borda branca para destacar da linha */
    box-shadow: 0 0 0 3px #007bff; /* Sombra para profundidade */
    transition: all 0.3s ease;
    cursor: pointer;
}

.timeline-item:hover .timeline-dot {
    background-color: #0056b3; /* Cor da bolinha ao passar o mouse */
    box-shadow: 0 0 0 3px #0056b3;
}

/* Título visível de cada item */
.timeline-item-title {
    margin-top: 90px; /* Empurra o título para baixo da bolinha */
    font-size: 1.1em;
    font-weight: bold;
    color: #333; /* Cor do título */
    white-space: normal; /* Permite que o título quebre linha */
    line-height: 1.2;
    transition: color 0.3s ease;
    padding: 0 10px; /* Pequeno padding para não tocar a borda em telas pequenas */
}

.timeline-item:hover .timeline-item-title {
    color: #007bff; /* Cor do título ao passar o mouse */
}


/* O CARD que aparece ao passar o mouse */
.timeline-card {
    position: absolute;
    bottom: calc(100% - 40px); /* Posiciona acima da bolinha */
    left: 50%;
    transform: translateX(-50%) translateY(20px); /* Começa 20px abaixo da posição final para o efeito de subida */
    opacity: 0;
    visibility: hidden;
    pointer-events: none; /* Não interfere com cliques quando escondido */

    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    width: 280px; /* Largura do card */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    text-align: left;
    z-index: 10; /* Garante que o card fique acima de tudo */

    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}

.timeline-card h5 {
    margin-top: 0;
    color: #007bff; /* Cor do título dentro do card */
    font-size: 1.2em;
    margin-bottom: 10px;
}

.timeline-card p {
    margin-bottom: 0;
    color: #555; /* Cor do texto dentro do card */
    font-size: 0.95em;
    line-height: 1.5;
}

/* Efeito de HOVER para mostrar o card */
.timeline-item:hover .timeline-card {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0); /* Move para a posição final (sobe 20px) */
    pointer-events: auto; /* Permite interação com o card */
}

/* Responsividade básica para telas menores */
@media (max-width: 768px) {
    .timeline-wrapper {
        padding-top: 20px;
        padding-bottom: 150px; /* Ajusta o padding para cards em telas menores */
        max-width: 100%; /* Garante que se adapte em telas pequenas */
    }
    .timeline-line {
        display: none; /* Esconde a linha em telas pequenas */
    }
    .timeline-container {
        flex-direction: column; /* Coloca os itens um abaixo do outro */
        align-items: center; /* Centraliza os itens */
        padding: 0 15px; /* Ajusta o padding lateral para mobile */
    }
    .timeline-item {
        margin-bottom: 100px; /* Espaço entre os itens em modo coluna */
        width: 100%; /* Ocupa a largura total */
        max-width: 300px; /* Limita a largura do item */
    }
    .timeline-dot {
        position: static; /* Volta à posição normal no fluxo */
        transform: none;
        margin: 0 auto 15px; /* Centraliza a bolinha e dá margem */
    }
    .timeline-card {
        bottom: auto; /* Remove o posicionamento absoluto inferior */
        top: calc(100% + 15px); /* Posiciona abaixo do item */
        transform: translateX(-50%) translateY(0); /* Ajusta a posição inicial */
        width: 100%;
        max-width: 300px; /* Garante que o card não seja muito largo */
    }
    .timeline-item:hover .timeline-card {
        transform: translateX(-50%) translateY(0); /* Mantém a posição, só muda opacidade */
    }
}/* End custom CSS */