/* 
 * HOME
 * ------------------- * 
 * Estilos home
 * Dependencia: style.css
*/


#hero {
    position: relative;
    background: linear-gradient(100deg, var(--global--color-dark-purple) 2.89%, var(--global--color-gradient-purple) 100.27%);
    padding-bottom: clamp(30px, calc(7.813vw - 49.6px), 100px);
}

#hero > .container {
    margin: clamp(30px, var(--global--modulo-30-100), 100px) auto 0;
}

#hero #estrela-1 {
    position: absolute;
    right: 0;
    z-index: 2;
    overflow: hidden;
}

#hero #estrela-1 svg {
    display: block;
}

#hero #estrela-1 path {
    stroke: var(--global--color-yellow);
}


    @media (max-width: 479px) {
        .tarja br {
            display: none;
        }
    }
    @media (max-width: 1024px) {
        #hero > .container > .flex {
            flex-direction: column;
        }

        #hero .cta {
            display: inline-block;
        }

        #hero > .container .col:last-child > .img {
            margin-right: calc(var(--global--container-padding-modulo) * -1);
            padding-left: 36px;
        } 

        #hero > .container .col:last-child > .img img {
            margin-left: auto;
            width: 100%;
            max-width: 640px;
        }

        #hero #estrela-1 {
            top: 90%;
            width: 40.53vw;
            /* height: 202px; */
            /* width: 155px;
            height: 202px; */
        }

        #hero #estrela-1 svg {
            width: 56vw;
            max-width: 56vw;
            /* width: 210px;
            max-width: 201px; */
        }

        #hero #estrela-1 path {
            stroke-width: 3px;
        }

    }    

    @media (min-width: 688px) and (max-width: 1024px) {
        #hero > .container .col:last-child > .img {
            margin-bottom: -280px;
        } 
        #hero #estrela-1 {
            width: clamp(155px, 41.33vw, 250px);
        }
        #hero #estrela-1 svg {
            width: clamp(210px, 56vw, 300px);
            max-width: clamp(210px, 56vw, 300px);
        }
    } 

    @media (max-width: 687px) {
        #hero > .container .col:last-child > .img {
            margin-bottom: -45%;
        } 
        /* #hero #estrela-1 {
            bottom: -7%;
        } */
    }

    @media (min-width: 1025px) {

        #hero > .container .col:first-child {
            width: calc(50% + 70px);
            z-index: 1;
        }

        #hero > .container .col:last-child {
            width: calc(50% - 70px);
        }

        #hero > .container .col:last-child > .img {
            position: absolute;
            right: 0;
            width: 50vw;
            bottom: 38%;
            transform: translateY(50%);
            padding-left: 30px;
        }

        #hero > .container .col:last-child > .img img {
            margin-left: auto;
            width: 100%;
            max-width: 900px;
        }

        #hero #estrela-1 {
            top: 46%;
            width: 19.9vw;
            /* height: 24.1vw; */
        }

        #hero #estrela-1 svg {
            width: 24.94vw;
            max-width: 24.94vw;
        }

        #hero #estrela-1 path {
            stroke-width: 2px;
        }
    } 





#quem-somos {
    padding-top: clamp(60px, var(--global--modulo-30-150), 150px);
    margin-bottom: 95px;
    overflow: hidden;
    position: relative;
}

#quem-somos h3 {
    text-align: center;
}

    @media (min-width: 688px) and (max-width: 1024px) {
        #quem-somos {
            margin-top: 250px;
        }
    } 

    @media (max-width: 687px) {
        #quem-somos {
            margin-top: 36.34vw;
        }
        #quem-somos .container {
            padding-top: 70px;
        }
    }

    @media (min-width: 1025px) {
        #quem-somos {
            margin-top: clamp(0px, calc((100vw - 1024px) * 0.1829), 120px);
        }
    } 

#quem-somos .flex {
    margin-top: clamp(60px, calc(29.38px + 6.38vw), 110px);
    padding-bottom: clamp(0px, calc(-22.98px + 4.787vw), 45px);
}

.count-up {
    display: inline-block;
}
    
#quem-somos .flex > p {
    max-width: 365px;
    font-size: var(--global--responsive-font-size-40-35);
    color: var(--global--color-cyan);
    text-align: center;
    padding: 0 5px 25px;
} 

#quem-somos .flex > p strong, #quem-somos .flex > p span {
    font-weight: 800;
}

#quem-somos .container {
    position: relative;
}




    @media (max-width: 767px) {
        #quem-somos #graf-1 {
            display: none;
        }

        #quem-somos #graf-2 {
            width: 80px;
            height: 10px;
            background-color: var(--global--color-yellow);
            position: absolute;
            right: 0;
            bottom: 0;
        }

        #quem-somos #graf-3 {
            width: 60px;
            height: 10px;
            background-color: var(--global--color-purple);
            position: absolute;
            left: 0;
            top: 0;
        }
    }
    @media (min-width: 768px) {
        #quem-somos #graf-1 {
            width: 174px;
            height: 10px;
            background-color: var(--global--color-cyan);
            position: absolute;
            right: calc(50% + calc(var(--responsive--intmargin-width)/2) - 90px);
            transform: translateX(100%);
            top: -30px;
        }

        #quem-somos #graf-2 {
            width: 290px;
            height: 10px;
            background-color: var(--global--color-yellow);
            position: absolute;
            left: calc(50% + calc(var(--responsive--intmargin-width)/2) - 90px - 50px);
            top: 20px;
        }

        #quem-somos #graf-3 {
            width: 174px;
            height: 10px;
            background-color: var(--global--color-purple);
            position: absolute;
            bottom: 0;
            right: calc(50% + calc(var(--responsive--intmargin-width)/2) - 90px - 50px);
        }
    } 




#viagem-e-eventos {
    background: linear-gradient(100.4deg, #4F4193 2.89%, #D767A4 100.27%);
    padding-top: clamp(75px, calc(23.94px + 10.638vw), 175px);
}  

#viagem-e-eventos .viagem {
    margin-bottom: 150px;
}

#viagem-e-eventos h3 {
    font-size: var(--global--responsive-font-size-50-38);
    color: var(--global--color-yellow);
}


#viagem-e-eventos [id*="estrela-"] svg {
    display: block;
}

#viagem-e-eventos [id*="estrela-"] path {
    stroke: var(--global--color-yellow);
}

#viagem-e-eventos p {
    color: var(--global--color-white);
}

#viagem-e-eventos .eventos {
    padding-bottom: clamp(90px, calc(3.19vw + 74.7px), 120px);
}

#viagem-e-eventos .img img {
    width: 100%;
}

#viagem-e-eventos .viagem .img img {
    margin-right: auto;
}

#viagem-e-eventos .eventos .img img {
    margin-left: auto;
}

#viagem-e-eventos .fake-margin {
    height: clamp(95px, calc(7.98vw + 56.7px), 170px);
    background-color: var(--global--color-white);
    margin-bottom: -1px;
}

    @media (max-width: 1024px) {
        #viagem-e-eventos .flex {
            flex-direction: column;
        }

        #viagem-e-eventos .col-50 {
            width: 100%;
        }

        #viagem-e-eventos .viagem > .col-50 > .img {
            margin-left: calc(var(--global--container-padding-modulo) * -1);
            position: relative;
        }

        #viagem-e-eventos .img img {
            max-width: 660px;
        }

        #viagem-e-eventos .eventos .img {
            margin-right: calc(var(--global--container-padding-modulo) * -1);
            position: relative;
        }

        #viagem-e-eventos .flex > .col-50:first-child {
            overflow: hidden;
            margin-bottom: 55px;
        }

        #viagem-e-eventos #estrela-2 {
            position: absolute;
            left: 0;
            bottom: -21.5vw;
            z-index: 2;
            overflow: hidden;
            width: 44vw;
            display: flex;
            justify-content: flex-end;
        }

        #viagem-e-eventos [id*="estrela-"] svg {
            width: 56vw;
            max-width: 56vw;
            flex-shrink: 0;
        }

        #viagem-e-eventos [id*="estrela-"] path {
            stroke-width: 3px;
        }

        #viagem-e-eventos #estrela-3 {
            position: absolute;
            right: 0;
            bottom: -31.6vw;
            z-index: 2;
            overflow: hidden;
            width: 47.47vw;
        }

    } 

    @media (min-width: 680px) and (max-width: 1024px) {
        #viagem-e-eventos #estrela-2 {
            bottom: -10.75vw;
            width: 22vw;
        }

        #viagem-e-eventos [id*="estrela-"] svg {
            width: 28vw;
            max-width: 28vw;
        }

        #viagem-e-eventos #estrela-3 {
            bottom: -15.8vw;
            width: 23.7vw;
        }
    }
    
    @media (min-width: 1025px) {
        #viagem-e-eventos {
            overflow: hidden;
        }  

        #viagem-e-eventos .viagem > .col-50:first-child {
            order: 2;
        }

        #viagem-e-eventos .viagem > .col-50 > .img {
            margin-left: calc((var(--responsive--outmargin-width) + var(--global--container-padding-modulo)) * -1);
            padding-right: clamp(30px, calc(11.36vw - 86.36px), 75px);
            position: relative;
        }

        #viagem-e-eventos .eventos .img {
            margin-right: calc((var(--responsive--outmargin-width) + var(--global--container-padding-modulo)) * -1);
            padding-left: clamp(30px, calc(11.36vw - 86.36px), 75px);
            position: relative;
        }

        #viagem-e-eventos #estrela-2 {
            position: absolute;
            left: 0;
            bottom: -6.4vw;
            z-index: 2;
            overflow: hidden;
            width: 19.82vw;
            display: flex;
            justify-content: flex-end;
        }

        #viagem-e-eventos [id*="estrela-"] svg {
            width: 24.94vw;
            max-width: 24.94vw;
            flex-shrink: 0;
        }

        #viagem-e-eventos [id*="estrela-"] path {
            stroke-width: 2px;
        }

        #viagem-e-eventos #estrela-3 {
            position: absolute;
            right: 0;
            bottom: -13.6vw;
            z-index: 2;
            overflow: hidden;
            width: 23.93vw;
        }

        #viagem-e-eventos .eventos .texto {
            margin-right: -10px;
        }
        
    } 


#big-numbers {
    overflow: hidden;
    margin-bottom: 45px;
    /* margin-bottom: clamp(100px, calc(1.76vw + 91.5px), 120px); */
}

#big-numbers h3 {
    text-align: center;
}

#big-numbers .sub {
    padding-top: 10px;
}

#big-numbers .sub > p {
    max-width: 810px;
    margin-left: auto;
    margin-right: auto;
    color: var(--global--color-gray);
} 

#big-numbers #splide-bignumbers {
    margin-top: clamp(60px, calc(5.319vw + 34.47px), 115px);
    padding-bottom: clamp(45px, calc(4.1vw + 25.8px), 75px);
}

#big-numbers .splide__arrows {
    top: calc(50% - 20px);
}
@media (min-width: 768px) {
    #big-numbers #splide-bignumbers .splide__arrows {
        width: calc(100vw - 45px);
        left: -15px;
    }
} 
@media (min-width: 1025px) {
    #big-numbers #splide-bignumbers .splide__arrows {
        width: calc(100% + 80px);
        left: 50%;
        transform: translate(-50%, -50%);
    }
} 


#big-numbers .splide__slide .circle {
    width: 235px;
    height: 235px;
    border-radius: 120px;
    background-color: var(--global--color-yellow);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

#big-numbers .splide__slide p {
    text-align: center;
    margin: 0;
    color: var(--global--color-dark-purple);
}

#big-numbers .splide__slide p.bold {
    font-size: 35px;
    font-weight: 800;
    line-height: 1em;
}

#big-numbers .splide__slide p.texto {
    font-size: 20px;
    font-weight: 400;
}

#big-numbers h3, #big-numbers .container {
    position: relative;
}

#big-numbers #graf-4 {
    width: 290px;
    height: 10px;
    background-color: var(--global--color-yellow);
    position: absolute;
}

#big-numbers #graf-5 {
    width: 176px;
    height: 10px;
    background-color: var(--global--color-purple);
    position: absolute;
    bottom: 0;
}


    @media (max-width: 767px) {
        #big-numbers h3 {
            padding-top: 60px;
        }

        #big-numbers #graf-4 {
            left: calc(-290px + 60px);
            top: 0;
        }

        #big-numbers #graf-5 {
            right: calc(-176px + 80px);
        }
    }
    @media (min-width: 768px) {
        #big-numbers #graf-4 {
            left: calc(50% + calc(var(--responsive--intmargin-width)/2) - 90px - 110px);
        }

        #big-numbers #graf-5 {
            right: calc(50% + calc(var(--responsive--intmargin-width)/2) - 90px - 50px);
        }
    } 



#copa {
    /* padding-top: clamp(75px, calc(9.04vw + 31.6px), 160px);
    padding-bottom: clamp(125px, calc(1.82vw + 116.64px), 150px); */
    padding-top: clamp(75px, calc(4.787vw + 52.025px), 120px);
    padding-bottom: clamp(120px, calc(-0.532vw + 127.554px), 125px);
    background-color: var(--global--color-yellow);
    overflow: hidden;
}

#copa h3 {
    font-size: var(--global--responsive-font-size-50-38);
    text-align: left;
    color: var(--global--color-purple);
}

#copa .flex .col-50:first-child p:last-child {
    margin-bottom: 0;
}

#copa .flex .col-50:last-child {
    position: relative;
}

#copa #estrela-4 svg {
    display: block;
}

#copa #estrela-4 path {
    stroke: var(--global--color-cyan);
    stroke-width: 3px;
}

#copa #estrela-4 {
    position: absolute;
    left: calc(100% - 140px);
    bottom: -20%;
    z-index: 2;
    overflow: hidden;
    width: 210px;
}


    @media (max-width: 1024px) {
        #copa .flex {
            flex-direction: column;
            align-items: center;
        }
        #copa .flex .col-50 {
            width: fit-content;
        }
        #copa .flex .col-50:first-child {
            margin-bottom: 45px;
        }
        #copa h3 br {
            display: none;
        }
    } 
    @media (min-width: 480px) {
        #copa #estrela-4 {
            bottom: -10%;
        }
    }
    @media (min-width: 1025px) {
        #copa .flex .col-50:first-child > * {
            max-width: 510px;
        }
        #copa .flex .col-50:last-child {
            padding-left: 30px;
        }
        #copa .flex .col-50:last-child img {
            margin-left: auto;
        }
        #copa #estrela-4 path {
            stroke-width: 2px;
        }
        #copa #estrela-4 {
            left: calc(100% - 127px);
            bottom: -16.6%;
            width: clamp(340px, 33vw, 419px);
        }
    } 





#tecnologia {
    padding-top: clamp(90px, calc(3.191vw + 74.687px), 120px);
    background-color: var(--global--color-cyan);
    overflow: hidden;
    position: relative;
}

#tecnologia > .container {
    padding-bottom: clamp(65px, calc(5.851vw + 36.911px), 120px);
}

@media (max-width: 1024px) {
    #tecnologia > .container > .flex {
        flex-direction: column;
    }
    #tecnologia > .container > .flex > .col-50 {
        width: 100%;
    }
    #tecnologia > .container {
        text-align: center;
    }
    #tecnologia .flex > .col-50:first-child {
        margin-bottom: 60px;
    }
    #tecnologia .flex > .col-50:last-child .img img {
        margin: 0 auto;
    }
}

@media (min-width: 1025px) {
    #tecnologia .flex > .col-50:first-child {
        order: 2;
        padding-left: 110px;
    }
    #tecnologia .flex > .col-50:last-child .img {
        margin-right: -70px;
    }
} 


#tecnologia .flex > .col-50:last-child .img {
    position: relative;
    z-index: 1;
}

#tecnologia .fake-margin {
    height: clamp(30px, calc(5.851vw + 1.911px), 85px);
    background-color: var(--global--color-white);
    margin-bottom: -1px;
}

#tecnologia h2 {
    color: var(--global--color-white);
    background-color: var(--global--color-yellow);
}

#tecnologia .sub-t {
    margin-bottom: 35px;
}

#tecnologia .cta {
    border-color: var(--global--color-yellow);
}

#tecnologia .cta:hover, #tecnologia .cta:focus {
    background-color: var(--global--color-yellow) !important;
}

/* #tecnologia > .container > *:not(#estrela-5):not(#graf-6) {
    position: relative;
    z-index: 1;
} */

/* #tecnologia #graf-6 {
    width: 176px;
    height: 10px;
    background-color: var(--global--color-purple);
    position: absolute;
}

    @media (max-width: 767px) {
        #tecnologia #graf-6 {
            right: calc(-176px + 80px);
            top: -35px
        }
    }
    @media (min-width: 768px) {
        #tecnologia #graf-6 {
            left: calc(50% + calc(var(--responsive--intmargin-width)/2) - 90px - 50px);
            transform: translateY(-25px);
        }
    }  */


#tecnologia #estrela-5 svg {
    display: block;
}

#tecnologia #estrela-5 path {
    stroke: var(--global--color-purple);
    stroke-width: 3px;
}

#tecnologia #estrela-5 {
    position: absolute;
    right: calc(100% - var(--responsive--outmargin-width) - var(--global--container-padding-modulo));
    transform: translateX(50%);
    bottom: 0;
    z-index: 0;
    width: 210px;
}


    @media (min-width: 480px) {
        #tecnologia #estrela-5 path {
            stroke-width: 2px;
        }
        #tecnologia #estrela-5 {
            width: clamp(340px, 33vw, 419px);
        }
    } 




#clientes {
    margin-top:clamp(85px, calc(6.25vw + 55px), 155px);
    text-align: center;
    margin-bottom: clamp(50px, calc(5.319vw + 24.47px), 100px);
    overflow: hidden;
}

#clientes #splide-clientes {
    margin-top: 50px;
}
 
#clientes #splide-clientes .splide__track {
    margin: 0 -6px;
}

#clientes #splide-clientes .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 20px 6px;
}

#clientes #splide-clientes li.splide__slide img {
    object-fit: contain;
    max-height: 100%;
} 


    @media (max-width: 767px) {
        #clientes #splide-clientes {
            display: flex;
            flex-direction: column-reverse;
        }
        #clientes #splide-clientes .splide__arrows {
            position: relative;
            justify-content: center;
            margin-top: 40px;
        }
    } 
    @media (min-width: 1025px) {
        #clientes h2 {
            margin-bottom: 50px;
        }
        #clientes #splide-clientes {
            margin-top: 90px;
        }
        #clientes #splide-clientes .splide__arrows {
            width: calc(100% + 80px);
            left: 50%;
            transform: translate(-50%, -50%);
        }
        #clientes #splide-clientes .logo {
            padding: 30px 6px;
        }
    } 



#depoimentos {
    position: relative;
    padding-top: clamp(90px, calc(5.74vw + 62.48px), 120px);
    margin-bottom: clamp(60px, calc(14.89vw - 11.44px), 200px);
}

#depoimentos #graf-7 {
    width: 300px;
    height: 10px;
    background-color: var(--global--color-yellow);
    position: absolute;
    top: 0;
}

    @media (max-width: 767px) {
        #depoimentos #graf-7 {
            left: calc(-290px + 60px);
        }
    }
    @media (min-width: 768px) {
        #depoimentos #graf-7 {
            right: calc(50% + calc(var(--responsive--intmargin-width)/2) - 90px - 110px);
        }
    } 
    

#depoimentos h3 {
    margin-bottom: clamp(60px, calc(4.55vw + 37.82px), 90px);
    text-align: center;
}

#depoimentos h3 svg {
    display: inline-block;
}

#depoimentos h3 svg path {
    fill: var(--global--color-yellow);
}

#depoimentos h3 svg:not(:last-child) {
    margin-right: 4px;
}

    @media (max-width: 1024px) {
        #depoimentos h3 br {
            display: none;
        }
    } 


#depoimentos h4 {
    font-size: 23px;
    font-weight: 700;
    color: var(--global--color-purple);
    text-align: center;
    margin: 0;
    display: table;
}

#depoimentos #splide-depoimentos-destaques {
    margin-bottom: clamp(60px, calc(4.55vw + 37.82px), 80px);
}


@media (max-width: 1340px) {
    #depoimentos #splide-depoimentos-destaques .splide__slide h4 {
        margin: 0 auto;
    }
}


#depoimentos #splide-depoimentos .splide__slide {
    display: flex;
    align-items: center;
}

#depoimentos #splide-depoimentos .splide__arrows {
    padding: 0 13px;
}

#depoimentos #splide-depoimentos .depoimento {
    background-color: var(--global--color-light-gray);
    border-radius: 28px;
    padding: 50px 18px 50px;
}

#depoimentos #splide-depoimentos .depoimento header {
    width: 100%;
    max-width: 300px;
    flex-shrink: 0;
}

#depoimentos #splide-depoimentos .depoimento header .img {
    position: relative;
    /* height: 210px; */
    width: 210px;
    margin-bottom: 20px;
}

#depoimentos #splide-depoimentos .depoimento header .img .foto {
    border-radius: 120px;
    overflow: hidden;
    display: none;
}

#depoimentos #splide-depoimentos .depoimento header .img .foto img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#depoimentos #splide-depoimentos .depoimento header .img .logo {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: var(--global--color-white);
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* position: absolute;
    right: -25px;
    bottom: 0; */
}

#depoimentos #splide-depoimentos .depoimento header h5 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

#depoimentos #splide-depoimentos .depoimento header p {
    font-size: 16px;
    font-weight: 400;
    color: var(--global--color-cyan);
}

#depoimentos #splide-depoimentos .depoimento .texto p {
    color: var(--global--color-black);
}

#depoimentos #splide-depoimentos .depoimento header p:last-child, #depoimentos #splide-depoimentos .depoimento .texto p:last-child {
    margin-bottom: 0;
}


    @media (max-width: 767px) {
        #depoimentos #splide-depoimentos .depoimento.flex {
            flex-direction: column;
        }
        #depoimentos #splide-depoimentos .depoimento header {
            margin-bottom: 50px;
            text-align: center;
        }
        #depoimentos #splide-depoimentos .depoimento header .img, #depoimentos #splide-depoimentos .depoimento header .logo {
            margin-left: auto;
            margin-right: auto;
        }
        #depoimentos #splide-depoimentos {
            display: flex;
            flex-direction: column-reverse;
        }
        #depoimentos #splide-depoimentos .splide__arrows {
            position: relative;
            justify-content: center;
            margin-top: 30px;
        }
    } 
    @media (min-width: 768px) and (max-width: 1025px) {
        #depoimentos #splide-depoimentos .depoimento header {
            padding-right: 30px;
        }
    } 
    @media (min-width: 1025px) {
        #depoimentos #splide-depoimentos .depoimento header {
            width: 335px;
            flex-shrink: 0;
            padding-right: 50px;
        }
        #depoimentos #splide-depoimentos .depoimento {
            padding: 50px 75px 35px;
        }
    } 



#intro-cases {
    background-color: var(--global--color-cyan);
    padding-top: clamp(60px, calc(4.255vw + 39.57px), 100px);
    overflow: hidden;
    text-align: center;
}

#intro-cases .container {
    position: relative;
    padding-top: 60px;
    padding-bottom: clamp(100px, calc(2.128vw + 89.78px), 120px);
}

#intro-cases #graf-8 {
    width: 176px;
    height: 10px;
    background-color: var(--global--color-yellow);
    position: absolute;
    top: 0;
}

    @media (max-width: 767px) {
        #intro-cases #graf-8 {
            right: calc(-176px + 80px);
        }
    }
    @media (min-width: 768px) {
        #intro-cases #graf-8 {
            left: calc(50% + calc(var(--responsive--intmargin-width)/2) - 90px - 50px);
        }
    } 


#intro-cases h3 {
    color: var(--global--color-primary);
}   

#intro-cases p {
    font-size: 20px;
    color: var(--global--color-white);
    max-width: 810px;
    margin-left: auto;
    margin-right: auto;
}

#intro-cases .texto {
    margin-bottom: 40px;
}

#intro-cases .cta {
    border-color: var(--global--color-primary);
    color: var(--global--color-primary);
}

#intro-cases .cta:hover, #intro-cases .cta:focus {
    background-color: var(--global--color-primary) !important;
    color: var(--global--color-white);
}

#intro-cases #graf-9 {
    width: 176px;
    height: 10px;
    background-color: var(--global--color-purple);
    position: absolute;
}

    @media (max-width: 767px) {
        #intro-cases #graf-9 {
            left: calc(-176px + 80px);
            bottom: 50px
        }
    }
    @media (min-width: 768px) {
        #intro-cases #graf-9 {
            right: calc(50% + calc(var(--responsive--intmargin-width)/2) - 50px);
            transform: translateY(-25px);
        }
    } 


#cases {
    padding-top: clamp(80px, calc(5.952vw + 20.57px), 200px);
    background: linear-gradient(264.89deg, var(--global--color-purple) 1.42%, var(--global--color-dark-purple) 97.1%);
    text-align: center;
    overflow: hidden;
    position: relative;
}

#cases h2 {
    background-color: var(--global--color-pink);
}

#cases h4 {
    font-size: var(--global--responsive-font-size-30-25);
    color: var(--global--color-cyan);
}   

#cases .case-grid {
    margin: clamp(60px, calc(6.38vw + 29.6px), 120px) -14px 0;
}

#cases .case-grid .case-item {
    margin: 0 13px 70px;
    width: 266px;
    height: 288px;
    position: relative;
}

#cases .case-grid .case-item .titulo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 214px;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#cases .case-grid .case-item .titulo {
    bottom: -28px;
}

    @media (min-width: 1340px) {
        #cases .case-grid .case-item:nth-child(even) .titulo {
            top: -28px;
        }
    } 

#cases .case-grid .case-item .titulo::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: var(--global--color-yellow);
    position: absolute;
    z-index: -1;
    border-radius: 8px;
    transform: skewX(-10deg);
}

#cases .case-grid .case-item h5 {
    color: var(--global--color-dark-purple);
    font-size: 18px;
}

#cases .case-grid .case-item img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

#cases .fake-margin {
    height: clamp(80px, calc(3.723vw + 62.13px), 115px);
    background-color: var(--global--color-white);
    margin-bottom: -1px;
}

#cases .container {
    padding-bottom: clamp(160px, calc(4.255vw + 139.58px), 200px);
}

#cases #estrela-6 svg {
    display: block;
}

#cases #estrela-6 path {
    stroke: var(--global--color-yellow);
}


    @media (max-width: 1024px) {
        #cases #estrela-6 svg {
            width: 56vw;
            max-width: 235px;
            flex-shrink: 0;
        }

        #cases #estrela-6 path {
            stroke-width: 3px;
        }

        #cases #estrela-6 {
            position: absolute;
            right: 0;
            bottom: 0;
            z-index: 2;
            overflow: hidden;
            width: 42.67vw;
            max-width: 182px;
        }

    } 
    
    @media (min-width: 1025px) {
        #cases .case-grid .case-item {
            margin-bottom: 90px;
        }

        #cases #estrela-6 svg {
            width: 24.94vw;
            max-width: 400px;
            flex-shrink: 0;
        }

        #cases #estrela-6 path {
            stroke-width: 2px;
        }

        #cases #estrela-6 {
            position: absolute;
            right: 0;
            bottom: 1px;
            z-index: 2;
            overflow: hidden;
            width: 23.93vw;
        }
        
    } 



#blog {
    position: relative;
    padding-top: 30px;
    overflow: hidden;
    margin-bottom: clamp(75px, calc(13.3vw + 11.2px), 200px);
}

#blog h3 {
    text-align: center;
}

#blog .blog-grid {
    margin: clamp(0px, calc(6.4vw - 30.7px), 60px) -15px 45px;
}

#blog .blog-grid .splide__track {
    padding: 15px !important;
}

#blog .blog-grid li.splide__slide {
    display: flex;
    justify-content: center;
}

#blog .blog-item {
    width: 366px;
    min-height: 638px;
    margin: 10px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 15px 15px 50px;
    background-image: url(../img/estrela-marcadagua.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

#blog .blog-item .img {
    overflow: hidden;
    height: 310px;
    width: 100%;
    margin: 0 0 8px;
}

#blog .blog-item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease-in-out;
}

#blog .blog-item .infos {
    padding: 10px;
}

#blog .blog-item .categoria, #blog .blog-item .data {
    font-size: 14px;
    font-weight: 700;
    color: var(--global--color-cyan);
    text-transform: uppercase;
    letter-spacing: 1px;
}

#blog .blog-item h5 {
    font-size: 24px;
    font-weight: 700;
    margin: 15px 0 15px;
    transition: color 0.3s ease-in-out;
}

#blog .blog-item p:not(.leia-mais) {
    font-size: 16px;
    color: var(--global--color-dark-gray);
    transition: color 0.3s ease-in-out;
    margin: 0;
}

#blog .blog-item p.leia-mais {
    font-size: 20px;
    font-weight: 700;
    color: var(--global--color-yellow);
    margin: 0;
    position: absolute;
    bottom: 20px;
    transition: color 0.3s ease-in-out;
}

#blog .blog-item:hover h5, #blog .blog-item:hover p {
    color: var(--global--color-cyan);
}

#blog .blog-item:hover img {
    transform: scale(1.1);
}

#blog .cta {
    display: block;
    margin: 0 auto;
    width: max-content;
    color: var(--global--color-cyan);
}

#blog .cta:hover, #blog .cta:focus {
    color: var(--global--color-white);
}

    @media (max-width: 767px) {
        #blog #splide-blog {
            display: flex;
            flex-direction: column-reverse;
        }
        #blog .splide__arrows {
            position: relative;
            justify-content: center;
            margin-top: 30px;
        }
    } 
    @media (min-width: 1025px) {
        #blog .blog-grid {
            margin-left: -25px;
            margin-right: -25px;
        }
    } 




/* 
@media (min-width: 480px) {

}
@media (min-width: 768px) {

} 
@media (min-width: 1025px) {

} 
@media (min-width: 1240px) {

} 
@media (min-width: 1420px) {

}  
*/