.elementor-41 .elementor-element.elementor-element-9373bf7 > .elementor-container{max-width:1440px;min-height:673px;}.elementor-41 .elementor-element.elementor-element-9373bf7:not(.elementor-motion-effects-element-type-background), .elementor-41 .elementor-element.elementor-element-9373bf7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://es.eikongroup.global/wp-content/uploads/2024/08/836-ai.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-41 .elementor-element.elementor-element-9373bf7 > .elementor-background-overlay{background-color:#FFFFFF;opacity:0.84;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-41 .elementor-element.elementor-element-9373bf7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-bc-flex-widget .elementor-41 .elementor-element.elementor-element-a0fad40.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-41 .elementor-element.elementor-element-a0fad40.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-41 .elementor-element.elementor-element-e113cfa .elementor-heading-title{color:#B06896;font-size:20px;font-weight:bold;}.elementor-41 .elementor-element.elementor-element-19aa08b .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:96px;}.elementor-41 .elementor-element.elementor-element-4022e77{font-family:"Outfit", Sans-serif;}.elementor-41 .elementor-element.elementor-element-4022e77 > .elementor-widget-container{margin:0px 43px 0px 0px;}.elementor-bc-flex-widget .elementor-41 .elementor-element.elementor-element-6858b56.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-41 .elementor-element.elementor-element-6858b56.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-41 .elementor-element.elementor-element-6858b56.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-41 .elementor-element.elementor-element-6858b56 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-41 .elementor-element.elementor-element-ec9025d > .elementor-widget-container{margin:24px 0px 0px 57px;}.elementor-41 .elementor-element.elementor-element-bbb0429 > .elementor-container{max-width:1440px;min-height:633px;}.elementor-41 .elementor-element.elementor-element-c1cab62 > .elementor-widget-container{margin:158px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-41 .elementor-element.elementor-element-9373bf7{padding:23px 0px 24px 0px;}.elementor-41 .elementor-element.elementor-element-e113cfa .elementor-heading-title{font-size:17px;}.elementor-41 .elementor-element.elementor-element-19aa08b{text-align:left;}.elementor-41 .elementor-element.elementor-element-19aa08b .elementor-heading-title{font-size:51px;}.elementor-41 .elementor-element.elementor-element-4022e77 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-41 .elementor-element.elementor-element-ec9025d > .elementor-widget-container{margin:-118px 0px 0px 64px;}}/* Start custom CSS */@media screen and (max-width: 768px) {
    .arc-container {
        height: 400px;
        padding: 20px;
    }

    .rainbow-balls {
        width: 200px;
        height: 400px;
        transform: scale(0.7);
    }

    .ball {
        width: 20px;
        height: 20px;
    }

    .ball-background {
        width: 35px;
        height: 35px;
    }

    .label {
        font-size: 12px;
    }

    /* Ajustes de posicionamento para mobile */
    .ball-container:nth-child(1) { transform: rotate(-145deg) translateX(30px); }
    .ball-container:nth-child(2) { transform: rotate(-46deg) translateX(40px); }
    .ball-container:nth-child(3) { transform: rotate(-12deg) translateX(65px); }
    .ball-container:nth-child(4) { transform: rotate(12deg) translateX(65px); }
    .ball-container:nth-child(5) { transform: rotate(46deg) translateX(40px); }
    .ball-container:nth-child(6) { transform: rotate(120deg) translateX(40px); }

    /* Ajustes dos labels no mobile */
    .ball-container:nth-child(1) .label {
        transform: rotate(145deg) !important;
        left: 50px;
    }

    .ball-container:nth-child(2) .label {
        transform: rotate(46deg) !important;
        left: 45px;
    }

    .ball-container:nth-child(3) .label {
        transform: rotate(12deg) !important;
        left: 40px;
    }

    .ball-container:nth-child(4) .label {
        transform: rotate(-12deg) !important;
        left: 40px;
    }

    .ball-container:nth-child(5) .label {
        transform: rotate(-46deg) !important;
        left: 45px;
    }

    .ball-container:nth-child(6) .label {
        transform: rotate(-120deg) !important;
        left: 50px;
    }
}

/* Para telas muito pequenas */
@media screen and (max-width: 480px) {
    .rainbow-balls {
        transform: scale(0.6);
    }

    .label {
        font-size: 11px;
    }
}

     
        .timeline {
            position: relative;
            padding: 40px 0;
        }

        .timeline-line {
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            height: 2px;
            background: #a15a7e;
            transform: translateY(-50%);
        }

        .timeline-items {
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;
        }

         .timeline-item {
            position: relative;
            width: calc(100% / 8); /* Divide igualmente o espaço */
            padding: 0 10px;
            box-sizing: border-box;
        }

        .timeline-dot {
            width: 12px;
            height: 12px;
            background: #fff;
            border: 2px solid #a15a7e;
            border-radius: 50%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: 2;
        }

        .timeline-text {
            position: absolute;
            width: 200px; /* Largura fixa */
            height: 100px; /* Altura fixa */
            padding: 15px;
            background: white;
            border-radius: 4px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            text-align: center;
            font-size: 12px;
            line-height: 1.4;
            color: #333;
            left: 50%;
            transform: translateX(-50%);
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box; /* Garante que padding não afete o tamanho */
            overflow-y: auto; /* Adiciona scroll se o conteúdo for muito grande */
        }

        /* Posicionamento alternado */
        .timeline-item:nth-child(odd) .timeline-text {
            bottom: calc(100% + 20px);
        }

        .timeline-item:nth-child(even) .timeline-text {
            top: calc(100% + 20px);
        }

        .timeline-item:hover .timeline-text {
            transform: translateX(-50%) translateY(-5px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        }

        .timeline-item:hover .timeline-dot {
            background: #a15a7e;
        }

        @media (max-width: 1024px) {
            .timeline-items {
                flex-wrap: wrap;
                justify-content: center;
            }

            .timeline-item {
                margin: 20px;
            }
        }

        @media (max-width: 768px) {
            .timeline {
                padding: 20px 0;
            }

            .timeline-line {
                left: 20px;
                width: 2px;
                height: 100%;
                top: 0;
                transform: none;
            }

            .timeline-items {
                flex-direction: column;
                align-items: flex-start;
            }

            .timeline-item {
                width: 100%;
                margin: 20px 0;
                padding-left: 50px;
            }

            .timeline-dot {
                left: 20px;
                transform: translate(-50%, -50%);
            }

            .timeline-text {
                position: relative;
                left: 0;
                transform: none;
                margin-left: 20px;
                width: calc(100% - 40px);
            }

            .timeline-item:nth-child(odd) .timeline-text,
            .timeline-item:nth-child(even) .timeline-text {
                top: 0;
                bottom: auto;
            }

            .timeline-item:hover .timeline-text {
                transform: translateY(-5px);
            }
        }/* End custom CSS */