/* Minification failed. Returning unminified contents.
(2323,47): run-time error CSS1039: Token not allowed after unary operator: '-depth'
(2327,57): run-time error CSS1039: Token not allowed after unary operator: '-random-x'
(2327,97): run-time error CSS1039: Token not allowed after unary operator: '-random-y'
(2327,121): run-time error CSS1039: Token not allowed after unary operator: '-depth'
(2331,47): run-time error CSS1039: Token not allowed after unary operator: '-depth'
 */
#podcast-flutuante {
    position: fixed;
    z-index: 999;
    border-radius: 5px 0 0 0;
    width: 400px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /**/
    top: 10px;
    right: 10px;
    /**/
    opacity: .9;
    transition: .2s ease-in-out;
}

#podcast-flutuante iframe {
    /*    transform: translateY(300px);*/
    transform: translateY(-100px);
    transition: .2s ease-in-out;
    animation: iframeSlideUp 2s ease-in-out forwards;
    animation-delay: 2s;
    /*    zoom: .8;*/
}

#podcast-flutuante:hover {
    opacity: 1;
}




@keyframes iframeSlideUp {

    100% {
        transform: translateY(0px);
    }

}



@media screen and (max-width: 768px) {

    #podcast-flutuante {
        top: 10px;
        left: 10px;
        bottom: auto;
        right: auto;
        width: calc(100% - 20px);
    }

    #podcast-flutuante iframe {
        

    }


}


@media screen and (max-width: 400px) {

    #secao-buscamos-seus-usuarios.secao .conteudo .flex .img-container {
        top: -83px;
    }

    #secao-buscamos-seus-usuarios.secao .conteudo .flex .img-container img {
        width: 178%;
        left: -20%;
        
    }



  
}




#secao-capa.secao {
    z-index: 200;
    border-top: 0px;
}

#secao-capa .flex .texto,
#secao-capa .flex .img-container {
    width: auto;
}

#secao-capa .flex .texto {
    flex-shrink: 0;
    flex-grow: 0;
}



#secao-capa.secao .container-logo {
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    width: 100%;
    display: flex;
    justify-content: center;
}

#secao-capa.secao .container-logo .conteudo {
    padding: 25px;
}

#secao-capa.secao .container-logo .logo {
    
    z-index: 1000;
    
    height: 35px;
    opacity: .7;
    transition: .2s ease-in-out;
}

#secao-capa.secao .conteudo .logo:hover {
    opacity: 1;
}


@media screen and (max-width: 768px) {

    #secao-capa.secao.capa-podcast {
       padding-top: 85px;
    }


    #secao-capa.secao .conteudo {
        align-items: center;
    }

    #secao-capa.secao .conteudo .flex .texto {
      
    }

   #secao-capa.secao .conteudo .flex .texto .rainbow {
        
    }
}





@media screen and (max-width: 768px) {
}


#secao-capa .img-container img {
    left: -75px;
    height: calc(100% + 150px);
}

#secao-capa.capa-2 .img-container img{
    left: 0;
}



@media screen and (max-width: 1300px) {
    #secao-capa.secao .conteudo .flex .img-container img {
        left: -150px;
    }
}


@media screen and (max-width: 1000px) {

    #secao-capa.secao .conteudo .flex .img-container img {
        left: -200px;
    }
}


@media screen and (max-width: 768px) {
    #secao-capa.secao .conteudo .flex .img-container img {
        left: 0;
    }
}

@media screen and (max-width: 400px) {

    #secao-capa.secao .conteudo .flex .img-container {
        top: -50px;
    }

    #secao-capa.secao .conteudo .flex .img-container img {
        width: 194%;
        left: -48%;
    }
}




#secao-capa .titulo .zero {
    font-style: italic;
    transform: rotate(-5deg) translateX(-5px);
    display: inline-block;
    filter: blur(1px);
    
    z-index: 10;
    overflow: visible;
    padding-right: 3px;
    margin-right: -3px;
}


@media screen and (max-width: 768px) {

    #secao-capa .titulo .zero {
      
    }


    #secao-capa .img-container img {
        left: 0;
    }

   
}


@keyframes flicker {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}



#secao-como-funciona .bg.tile {
    animation-duration: 30s;
}



#secao-como-funciona .img-container {
    position: absolute;
    right: -75px;
    bottom: 0px;
    height: 150%;
    pointer-events: none;
    
}

#secao-como-funciona .img-container img {
    height: 100%;
    
}

#secao-como-funciona .img-container img.invertida {
    transform: scaleX(-1);
}

#secao-como-funciona .img-container img.fade {
    /* Two gradients in one mask */
    -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%), /* bottom -> top fade */
    linear-gradient(to left, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%); /* right -> left fade */
    mask-image: linear-gradient(to top, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%), linear-gradient(to left, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
    /* Make each gradient stretch to cover the entire element */
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    /* Prevent repetition (we only need one application of each gradient) */
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    /* Merge/“AND” the two gradients so that only the overlap remains visible */
    -webkit-mask-composite: source-in; /* For Chrome/Safari (WebKit-based) */
    mask-composite: intersect; /* Standard syntax (Firefox/modern) */
}




/*--------------------------------------------------------------*/

#secao-como-funciona #etapa-1 .img-container {
/*    right: -300px;
    height: 160%;*/

right: -200px;
height: 150%;
bottom: -25px;
}

#secao-como-funciona #etapa-1 .img-container img {
    /**/
    /**/
    /**/
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
}



/*----*/



#secao-como-funciona #etapa-2 .img-container {
    right: -300px;
    height: 150%;
    /**/
    /**/
    /**/
    /**/
}


#secao-como-funciona #etapa-2 .img-container img {

    /**/
    /**/
    /**/
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
    
}


/*----*/


#secao-como-funciona #etapa-3 .img-container {
    height: 150%;
    right: -300px;
}

#secao-como-funciona #etapa-3 .img-container img {
    /**/
    /**/
    /**/
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 100%);
}



/*----*/

#secao-como-funciona #etapa-4 .img-container {
    height: 130%;
    right: -300px;
    bottom: 100px;
}

#secao-como-funciona #etapa-4 .img-container img {
    /**/
    /**/
    /**/
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
}


/*--------------------------------------------------------------*/


#secao-como-funciona .conteudo {
    padding-top: 100px;
    padding-bottom: 100px;
    align-items: center;
    gap: 50px;
}


#secao-como-funciona .conteudo .container-titulo {

    padding-left: 25px;
    padding-right: 25px;
    width: 100%;
    display: flex;
    gap: 10px;
    flex-direction: column;
    /**/
/*    border-bottom: 2px solid rgba(255,255,255, .05);
    padding-bottom: 25px;*/
    
  
}

#secao-como-funciona .conteudo .container-titulo .paragrafo-1 {
    max-width: none;
}


#secao-como-funciona .conteudo .quadro {
    color: #262626;
    width: 100%;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding: 25px;
}


#secao-como-funciona .conteudo .quadro .linha {
    display: flex;
    align-items: flex-start;
    gap: 50px;

    /**/
    flex-direction: column;

}

#secao-como-funciona .conteudo .quadro .linha .etapa {

    min-height: 540px;

    /**/

    background: linear-gradient(90deg,  rgba(255, 255, 255, .05) 70%, transparent);


    border-radius: 10px;

    display: flex;
    gap: 25px;

    width: 100%;

    padding: 50px;

    flex-direction: column;


}




#secao-como-funciona .conteudo .quadro .linha .etapa .desc {
    display: flex;
    flex-direction: column;
    gap: 25px;
    flex-grow: 1;
    border-radius: 10px;
    justify-content: center;
}


#secao-como-funciona .conteudo .quadro .linha .etapa .desc .container-titulo-etapa 
{
    display: flex;
    align-items: center;
    gap: 15px;
}


#secao-como-funciona .conteudo .quadro .linha .etapa .desc .container-titulo-etapa .numero {
    font-weight: 700;
    font-size: 21px;
/*    background: linear-gradient(230deg, #ce194e, 50%, #e11450 100%);*/
/*    background: #e77a1d;*/
    height: 40px;
    width: 40px;
/*    color: #fff;*/
    border-radius: 10px;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /**/
}


#secao-como-funciona .conteudo .quadro .linha .etapa .desc .container-titulo-etapa h4 {
    /*    font-size: 32px;*/
    /*    font-weight: 600;*/
/*    color: #08ace3;*/
color: #fff;
}
#secao-como-funciona .conteudo .quadro .linha .etapa .desc .container-titulo-etapa h4 span {
    font-weight: 200;
    color: #fff;
}

#secao-como-funciona .conteudo .quadro .linha .etapa .desc .paragrafos {
    margin-top: 25px;
    display: flex;
    /*    flex-direction: column;*/
    gap: 25px;
    /*    flex-wrap: wrap;*/
}


#secao-como-funciona .conteudo .quadro .linha .etapa .desc .paragrafos .container-paragrafo {
    /*    background: #fdfdfd;*/
    /*    background-color: rgba(255, 255, 255, .3);*/
    /*    border: 1px solid rgba(255, 255, 255, .05);*/
    padding: 25px;
    border-radius: 25px;
    flex-grow: 1;
    width: 100%;
    font-weight: 300;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: rgba(255, 255, 255, .3);
    transition: .2s ease-in-out;
    text-align: justify;
}

#secao-como-funciona .conteudo .quadro .linha .etapa .desc .paragrafos .container-paragrafo:hover {
    
    color: rgba(255, 255, 255, 1);
    z-index: 10;
}

/*---------*/

#secao-como-funciona .conteudo .quadro .linha .etapa#etapa-1 .desc .paragrafos .container-paragrafo {
    background: #7d21de63;
}

#secao-como-funciona .conteudo .quadro .linha .etapa#etapa-1 .desc .paragrafos .container-paragrafo:hover {
    background: #7d21dede;
}

/**/

#secao-como-funciona .conteudo .quadro .linha .etapa#etapa-2 .desc .paragrafos .container-paragrafo {
    background: #e91e635e;
}

#secao-como-funciona .conteudo .quadro .linha .etapa#etapa-2 .desc .paragrafos .container-paragrafo:hover {
    background: #e91e63cc;
}


/**/


#secao-como-funciona .conteudo .quadro .linha .etapa#etapa-3 .desc .paragrafos .container-paragrafo {
    background: #e77a1d69;
}

#secao-como-funciona .conteudo .quadro .linha .etapa#etapa-3 .desc .paragrafos .container-paragrafo:hover {
    background: #e77a1dc4;
}

/**/





#secao-como-funciona .conteudo .quadro .linha .etapa#etapa-4 .desc .paragrafos .container-paragrafo {
    background: #08ace363;
}

#secao-como-funciona .conteudo .quadro .linha .etapa#etapa-4 .desc .paragrafos .container-paragrafo:hover {
    background: #08ace3c9;
}





#secao-como-funciona .conteudo .quadro .linha .etapa .desc .paragrafos .container-paragrafo .subnumero {
    font-weight: 100;
    font-size: 21px;
    opacity: .7;
}

#secao-como-funciona .conteudo .quadro .linha .etapa .desc .paragrafos .container-paragrafo .tit {
    /*    font-size: 21px;*/
    /*    line-height: 30px;*/
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}



#secao-como-funciona .conteudo .quadro .linha .etapa .desc .paragrafos .container-paragrafo .paragrafo-1 {
    color: inherit;
    max-width: none;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    font-family: "Apple Text";
    opacity: .8;
}




/*-------------*/

/*
#secao-como-funciona .conteudo .quadro .linha .etapa .img-container,
#secao-como-funciona .conteudo .quadro .linha .etapa .desc .container-titulo-etapa {
    filter: grayscale(1);
    transition: .2s ease-in-out;
}

#secao-como-funciona .conteudo .quadro .linha .etapa:hover .img-container,
#secao-como-funciona .conteudo .quadro .linha .etapa:hover .desc .container-titulo-etapa {
    filter: none;
}
*/






/*-------------*/


#secao-como-funciona .video-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 165px;
    overflow: hidden;
    border-radius: 25px;
    opacity: .1;
    left: -35%;
    width: 100%;
}

#secao-como-funciona .conteudo .quadro .linha .video-container video {
    width: 100%;
   
}

@media screen and (max-width: 1000px)
{

    #secao-como-funciona .img-container {
        height: auto !important;
        width: 100% !important;
        right: 0px !important;
        bottom: 0px !important;
        position: relative;
    }


    #secao-como-funciona #etapa-1 .img-container {

    }

    #secao-como-funciona #etapa-2 .img-container {
        margin-top: -50px;
    }

    #secao-como-funciona #etapa-3 .img-container {
        margin-top: -25px;
    }


    #secao-como-funciona .img-container img {
        height: auto;
        width: 100%;
    }

    #secao-como-funciona .conteudo {
        gap: 25px;
        padding-top: 50px;
    }

    #secao-como-funciona .conteudo .quadro {
        padding: 5px;
    }

    #secao-como-funciona .conteudo .quadro .linha {
        gap: 25px;
    }

    #secao-como-funciona .conteudo .quadro .linha .etapa {
        padding: 25px;
        padding-left: 25px;
        padding-right: 25px;
    }

    #secao-como-funciona .conteudo .quadro .linha .etapa .desc > .paragrafo-1 {
        padding-left: 0px;
        padding-right: 0px;
    }


    #secao-como-funciona .conteudo .container-titulo .paragrafo-1 {

    }

    #secao-como-funciona .conteudo .quadro .linha .etapa .desc .paragrafos {
        flex-direction: column;
    }

    #secao-como-funciona .conteudo .quadro .linha .etapa .desc .container-titulo-etapa h4 br {
        display: inline;
    }
   
    #secao-como-funciona .conteudo .quadro .linha .etapa .numero {
        font-size: 42px;

    }


    #secao-como-funciona .conteudo .quadro .linha .etapa .desc .paragrafos .container-paragrafo {
        align-items: flex-start;
    }



    #secao-como-funciona .conteudo .quadro .linha .etapa .desc .paragrafos .container-paragrafo .tit {
        line-height: 30px;
        font-size: 21px;
        text-align: left;
        align-items: flex-start;
    }


    #secao-como-funciona .conteudo .quadro .linha .etapa .desc .paragrafos .container-paragrafo .paragrafo-1 {
        line-height: 30px;
        font-size: 21px;
        text-align: left;
    }


  

}




@media screen and (max-width: 768px) {

    .secao.video#secao-conta-com-a-gente .conteudo .flex {
        flex-direction: column-reverse;
    }

    .secao.video#secao-conta-com-a-gente .flex .video-container {
        height: auto;
    }

    .secao.video#secao-conta-com-a-gente .flex .video-container video {
        height: auto;
        position: relative;
        width: 100%;
    }

    .secao.video#secao-conta-com-a-gente .flex .coluna.c-texto {
        background-color: #121735;
        margin: 15px;
        width: calc(100% - 30px);
        border-radius: 10px;
        margin-top: -25px;
        text-align: center;
    }

    .secao.video#secao-conta-com-a-gente .flex .coluna.c-texto .subtitulo {
        text-align: center;
    }
}


#secao-entregamos-seu-produto {

}



#secao-entregamos-seu-produto .flex .img-container {
    width: 120%;
}




@media screen and (max-width: 1300px) 
{
    #secao-entregamos-seu-produto .flex .img-container {
        width: 100%;
    }
}


@media screen and (max-width: 400px) {

    #secao-entregamos-seu-produto {
        padding-bottom: 25px;
    }

    #secao-entregamos-seu-produto.secao .conteudo .flex .img-container {
        top: -93px;
    }

    #secao-entregamos-seu-produto.secao .conteudo .flex .img-container img {
        width: 178%;
        left: -35%;
    }
}
#secao-te-ajudamos-a-conquistar.secao .conteudo .flex .img-container img {
    height: 112%;
    right: -100px;
}



@media screen and (max-width: 768px) 
{
    #secao-te-ajudamos-a-conquistar.secao .conteudo .flex .img-container img {
        right: auto;
    }

}


@media screen and (max-width: 400px) {

    #secao-te-ajudamos-a-conquistar.secao .conteudo .flex .img-container {
        top: -83px;
    }

    #secao-te-ajudamos-a-conquistar.secao .conteudo .flex .img-container img {
        height: auto;
        width: 193%;
        left: -30%;
        
    }

}


.secao.secao-transicao {
/*    height: 100px;*/
    height: 25px;
    transition: 3s ease-in-out;
    border: 0px;
}

.secao.secao-transicao:hover {
/*    height: 50vh;*/
}

.secao.secao-transicao .bg.tile {
    box-shadow: inset 0px 0px 30px rgba(0, 0, 0, .5);
    /*    animation-duration: 2s;*/
    background-size: auto 50%;
    opacity: 1;
    background-attachment: fixed;
    transition: box-shadow 3s ease-in-out, background-size 3s ease-in-out;
}



.secao.secao-transicao:hover .bg.tile {
    box-shadow: inset 0px 0px 50px rgba(0, 0, 0, .9);
    background-size: auto 45%;
}




@media screen and (max-width: 768px)
{
    .secao.secao-transicao {
        display: none;
    }
}
.secao.video {

}


.secao.video .flex {
    display: flex;
}

.secao.video .flex .coluna {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 25px;
}


.secao.video .flex .coluna.c-texto {
    z-index: 10;
}

.secao.video .flex .coluna.right {
    align-items: flex-end;
    padding-right: 25px;
}


.secao.video .flex .coluna.left {
    align-items: flex-start;
    padding-left: 25px;
}

.secao.video .flex .coluna.center .bloco {
    align-items: center;
}

.secao.video .flex .coluna.center .bloco .subtitulo {
    text-align: center;
}



.secao.video .flex .coluna .bloco {
    display: flex;
    gap: 25px;
    flex-direction: column;
}

.secao.video .subtitulo {
    text-align: center;
}

.secao.video .bloco .subtitulo {
    text-align: left;
}

.secao.video .bloco .subtitulo + .btn-container {
    margin-top: 25px;
}



.secao.video .video-container {
    width: 100%;
    max-width: 600px;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: transparent;
}

.secao.video .video-container video {
    position: absolute;
    height: 600px;
    background: transparent;
    opacity: .5;

}






@media screen and (max-width: 768px)
{
    .secao.video {
        padding-bottom: 75px;
    }

    .secao.video .subtitulo {
        text-align: left;
    }

    .secao.video .conteudo .flex {
        flex-direction: column;
    }

    .secao.video .overlay-secao-topo {
        display: none;
    }



    .secao.video .flex .coluna .video-container {
        height: 600px;
    }

    .secao.video .flex .coluna.c-texto {
        padding: 25px;
        backdrop-filter: blur(10px);
        z-index: 1;
    }


    .secao.video .flex .coluna.c-video video {
        -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
        mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
    }

    .secao.video .flex .coluna.c-video + .c-texto {
        margin-top: -50px;
    }
}

@keyframes glow-2 {
    0% {
        text-shadow: -50px 0px 50px #7d21de, 0px -50px 50px #e91e63, 50px 0px 50px #e77a1d, 0px 50px 50px #08ace3;
    }

    25% {
        text-shadow: -50px 50px 50px #7d21de, -50px -50px 50px #e91e63, 50px -50px 50px #e77a1d, 50px 50px 50px #08ace3;
    }

    50% {
        text-shadow: 0px 50px 50px #7d21de, -50px 0px 50px #e91e63, 0px -50px 50px #e77a1d, 50px 0px 50px #08ace3;
    }

    75% {
        text-shadow: 50px 50px 50px #7d21de, -50px 50px 50px #e91e63, -50px -50px 50px #e77a1d, 50px -50px 50px #08ace3;
    }

    100% {
        text-shadow: 50px 0px 50px #7d21de, 0px 50px 50px #e91e63, -50px 0px 50px #e77a1d, 0px -50px 50px #08ace3;
    }
}

@keyframes glow {
    0% {
        text-shadow: -50px 0px 50px #7d21de, 0px -50px 50px #e91e63, 50px 0px 50px #e77a1d, 0px 50px 50px #08ace3;
    }

    33% {
        text-shadow: -50px 0px 50px #e91e63, 0px -50px 50px #e77a1d, 50px 0px 50px #08ace3, 0px 50px 50px #7d21de;
    }

    66% {
        text-shadow: -50px 0px 50px #e77a1d, 0px -50px 50px #08ace3, 50px 0px 50px #7d21de, 0px 50px 50px #e91e63;
    }

    100% {
        text-shadow: -50px 0px 50px #08ace3, 0px -50px 50px #7d21de, 50px 0px 50px #e91e63, 0px 50px 50px #e77a1d;
    }

   
}



.shadow-pop {
    animation: shadow-pop 5s ease-in-out infinite;
}


@keyframes shadow-pop {
    0% {
        text-shadow: 0 0 #7d21de, 0 0 #7d21de, 0 0 #7d21de, 0 0 #7d21de, 0 0 #7d21de, 0 0 #7d21de, 0 0 #7d21de, 0 0 #7d21de;
/*        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);*/
    }

    25% {
        text-shadow: 1px 1px #7d21de, 2px 2px #7d21de, 3px 3px #7d21de, 4px 4px #7d21de, 5px 5px #7d21de, 6px 6px #7d21de, 7px 7px #7d21de, 8px 8px #7d21de;
/*        -webkit-transform: translateX(-8px) translateY(-8px);*/
/*        transform: translateX(-8px) translateY(-8px);*/
    }

    50% {
        text-shadow: 0 0 #7d21de, 0 0 #7d21de, 0 0 #7d21de, 0 0 #7d21de, 0 0 #7d21de, 0 0 #7d21de, 0 0 #7d21de, 0 0 #7d21de;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }


    75% {
        text-shadow: 1px 1px #7d21de, 2px 2px #7d21de, 3px 3px #7d21de, 4px 4px #7d21de, 5px 5px #7d21de, 6px 6px #7d21de, 7px 7px #7d21de, 8px 8px #7d21de;
        -webkit-transform: translateX(-8px) translateY(-8px);
        transform: translateX(-8px) translateY(-8px);
    }

    100% {
        text-shadow: 0 0 #7d21de, 0 0 #7d21de, 0 0 #7d21de, 0 0 #7d21de, 0 0 #7d21de, 0 0 #7d21de, 0 0 #7d21de, 0 0 #7d21de;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }

}



.float-dust {
    animation: float-dust 10s ease-in-out infinite;
}

@media screen and (max-width: 768px) {
    .float-dust {
        animation: none;
    }
}

@keyframes float-dust {

    0% {
        transform: translate(-10%, -5%) rotate(0deg) scale(1);
        opacity: 0.7;
    }

    25% {
        transform: translate(-8%, -6%) rotate(2deg) scale(1.02);
        opacity: 0.8;
    }

    50% {
        transform: translate(-10%, -7%) rotate(-2deg) scale(1.03);
        opacity: 0.6;
    }

    75% {
        transform: translate(-8%, -5%) rotate(2deg) scale(1.02);
        opacity: 0.75;
    }

    100% {
        transform: translate(-10%, -5%) rotate(0deg) scale(1);
        opacity: 0.7;
    }
}


.cabecalho {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    background-color: transparent; /* #121317;*/
    height: 150px;
    transition: .2s ease-in-out;
    background: linear-gradient(180deg, rgba(0,0,0, 1), transparent);
    background: linear-gradient(180deg, rgba(0, 0, 0, .8) 50%, transparent);
    position: fixed;
    z-index: 100;
    opacity: 1;
    top: 0;
    left: 0;
    /**/
    display: none;
    /**/
}


.cabecalho:hover {
    opacity: 1;
    /*border-bottom: 1px solid rgba(255, 255, 255, .1);*/
}


.cabecalho .conteudo {
    display: flex;
    align-items: center;
    width: 100%;

    padding: 25px;
    padding-top: 25px;
}


.cabecalho .conteudo .logo {
    display: flex;
    align-items: center;

    transition: .2s ease-in-out;
}


.cabecalho:hover .conteudo .logo {
  
}

.cabecalho .conteudo .logo img {
    height: 50px;
    display: flex;
}

.cabecalho .conteudo .logo img.horizontal {
    display: flex;
}

.cabecalho .conteudo .logo img.simples {
    display: none;
}

/*
.cabecalho .conteudo .logo img.horizontal {
    display: none;
}

.cabecalho:hover .conteudo .logo img.horizontal {
    display: flex;
}

.cabecalho:hover .conteudo .logo img.simples {
    display: none;
}
*/














.cabecalho .conteudo nav {
    margin-left: auto;
    display: flex;
    align-items: center;

    transition: .2s ease-in-out;
}


.cabecalho:hover .conteudo nav {
   
}


.cabecalho .conteudo nav ul {
    display: flex;
    align-items: center;
}

.cabecalho .conteudo nav ul li:not(:last-child) {
    margin-right: 25px;
}

.cabecalho .conteudo nav ul li a {
    font-size: 18px;
    color: #c1c1c1;
    transition: .2s ease-in-out;
    font-weight: 200;
}

.cabecalho .conteudo nav ul li a:hover {
    color: #fff;
}


.cabecalho .conteudo nav ul li a.ativo {
    color: #fff;
    /*border-bottom: 2px solid;
    margin-bottom: -5px;
    padding-bottom: 5px;*/
    font-weight: 400;
}


@media screen and (max-width: 768px)
{
   

    .cabecalho {
        height: 150px;
        border-bottom: none;
    }

    .cabecalho .conteudo {
        flex-direction: column;
        justify-content: center;
        padding-top: 0;
        padding-bottom: 0;
    }

    .cabecalho .conteudo nav {
        margin-left: 0px;
        width: 100%;
        margin-top: 25px;
        
    }

    .cabecalho .conteudo nav ul {
        width: 100%;
        justify-content: space-evenly;
    }

    .cabecalho .conteudo nav ul li {

        text-align: center;
    }



    .cabecalho .conteudo nav ul li:not(:last-child) {
        margin-right: 0px;
    }



    .cabecalho .conteudo nav ul li {
        white-space: nowrap;
    }

    .li-portfolio {
        display: none;
    }
   

}


#corpo 
{
    overflow: hidden;
}

/*---------------------------------------------------------------*/


@media screen and (max-width: 768px) {
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/




/* CONTEUDO */

.conteudo {
    max-width: 1366px;
}

/*---------------------------------------------------------------*/


@media screen and (max-width: 768px) {
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/



/* SECAO */

.secao {
    display: flex;
    flex-direction: column;
    align-items: center;
/*    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;*/
    z-index: 20;
    /**/
    transition: border-color .2s ease-in-out;
}

.secao:hover {
    border-color: #7d21de;
}

#corpo .secao:first-child {
    border-top: 0px;
}


.secao.bg-1 {
    background: linear-gradient(90deg, #121735, #000);
}


.secao.bg-1.reverso {
    background: linear-gradient(90deg, #000, #121735);
}


.secao.bg-2 {
    background: #121735;
}


.secao.maior {
    min-height: 100vh;
    /*    min-height: 780px;*/

}

.secao.menor {
    min-height: 0px;
}

.secao.overflow-hidden {
    overflow: hidden;
}





/*---------------------------------------------------------------*/



@media screen and (max-width: 768px)
{

    .secao {
        border-top: 0px;
        border-bottom: 0px;
    }


    .secao.bg-1 {
        background: #121735;
    }

    .secao.bg-1.reverso {
        background: #121735;
    }

}






/*---------------------------------------------------------------*/


@media screen and (max-width: 768px) {
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/






/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/



/* SECAO - BG */


.secao .bg {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2000;
}

.secao .bg.cover {

    background-size: cover;
    /**/
    opacity: .2;

/*    animation: blink 30s ease-in-out alternate infinite;*/
    will-change: transform;
    /**/

}


.secao .bg.tile {
    opacity: .7;
    background-position: 0% 0%;
    background-size: auto;
    /**/
    animation: mover-background 30s linear infinite alternate;
    will-change: background-position;
}



@keyframes mover-background {
    0% {
        background-position: 0% 0%;
    }


    100% {
        background-position: 100% 100%;
    }
}

/*---------------------------------------------------------------*/


@media screen and (max-width: 768px) {
}



/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/




/* SECAO - OVERLAY */

.secao .overlay-secao-lateral {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 20;
/*    height: 100vh;*/
    height: 100%;
    width: 50%;
    background: linear-gradient(90deg, transparent 5%, #111);
    pointer-events: none;
    /**/
    z-index: 4000;
}

.secao .overlay-secao-base {
    position: absolute;
    bottom: 0px;
    left: 0;
    display: flex;
    width: 100%;
    height: 200px;
    background: linear-gradient(180deg, transparent 5%, #121735);

    z-index: 3000;
    pointer-events: none;
}


.secao.bg-1 .overlay-secao-base {
    background: linear-gradient(180deg, transparent 5%, #111);
}


.secao .overlay-secao-topo {
    position: absolute;
    top: 0px;
    left: 0;
    display: flex;
    width: 100%;
    height: 200px;
    background: linear-gradient(0deg, transparent 5%, #121735);
    z-index: 3000;
    pointer-events: none;
}




/*---------------------------------------------------------------*/


@media screen and (max-width: 768px) {

    .secao .overlay-secao-lateral {
        display: none;
    }

    .secao .overlay-secao-base {
        display: none;
    }

}



/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/



/* SECAO - CONTEUDO */

.secao .conteudo {
    padding: 0;
    flex-grow: 1;
    width: 100%;
    height: 100%;
    /**/
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    /**/
    /**/
    z-index: 3000;
}


/* SECAO - CONTEUDO - FLEX */

.secao .conteudo .flex {
    flex-grow: 1;
    display: flex;
    width: 100%;
    align-items: stretch;
}



/*---------------------------------------------------------------*/


@media screen and (max-width: 768px)
{
    .secao .conteudo .flex {
        flex-direction: column-reverse;
        align-items: center;
    }


}






/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/




/* SECAO - CONTEUDO - FLEX - TEXTO */

.secao .conteudo .flex .texto {
/*    flex-shrink: 0;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    /**/
    padding: 25px;
    z-index: 2;
    gap: 25px;
    /**/
    z-index: 2001; /*1 a mais que o .img-container*/
    /**/
    width: 100%;
    flex-grow: 1;
}


.secao .conteudo .flex .texto.top {
    justify-content: flex-start;
/*    padding-top: 50px;
    padding-bottom: 50px;*/
}


/*---------------------------------------------------------------*/

@media screen and (max-width: 1000px)
{
    .secao .conteudo .flex .texto {
        width: 150%;
    }
}


@media screen and (max-width: 768px) {


    .secao .conteudo .flex .texto {
        width: 100%;
        /**/
        margin-top: -125px;
        z-index: 20001;
/*        backdrop-filter: blur(10px);*/
    }

    
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/



/* SECAO - CONTEUDO - FLEX - TEXTO - LEGENDA */

.secao .conteudo .flex .texto .legenda {
    font-family: "Apple Display";
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 200;
    letter-spacing: 3px;
    /**/
    -webkit-user-select: none;
}



/*---------------------------------------------------------------*/


@media screen and (max-width: 768px) {


    .secao .conteudo .flex .texto .legenda {
      
    }
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/






/*---------------------------------------------------------------*/


@media screen and (max-width: 768px) {
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/








/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/



/* SECAO - CONTEUDO - FLEX - TEXTO - TITULO - SUBTITULO */



/*---------------------------------------------------------------*/


@media screen and (max-width: 768px) {

   
}



/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/







/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/




/* SECAO - CONTEUDO - FLEX - IMG CONTAINER */

.secao .conteudo .flex .img-container {
    display: flex;
    flex-grow: 1;
    pointer-events: none;
    /**/
    z-index: 2000;
    /**/
    width: 100%;
}

.secao .conteudo .flex .img-container img {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
}

.secao .conteudo .flex .img-container img.maior {
    height: calc(100% + 75px);
}


.secao .conteudo .flex .img-container img.right {
    left: auto;
    right: 0;
}


.secao .conteudo .flex .img-container img.invertida {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}



.secao .conteudo .flex .img-container .overlay-img {

    display: none;
}

.secao.reverso .conteudo .flex .img-container .overlay-img {

    right: auto;
    left: 0;
}


/*---------------------------------------------------------------*/



@media screen and (max-width: 1300px) {

    .secao .conteudo .flex .img-container img {
        left: -100px;
    }
}


@media screen and (max-width: 1000px) {

    .secao .conteudo .flex .img-container img {

    }
}


@media screen and (max-width: 768px) {

    .secao .conteudo .flex .img-container {
        height: auto;
        margin-top: auto;
        flex-grow: 0;
    }

    .secao .conteudo .flex .img-container img {
        height: auto;
        width: 100%;
        position: relative;
        /**/
        left: 0;
    }


    .secao .conteudo .flex .img-container .overlay-img {
        position: absolute;
        bottom: 0px;
        right: 0;
        display: flex;
        width: 200%;
        height: 200px;
        background: linear-gradient(180deg, transparent 5%, #121735);
    }
}

@media screen and (max-width: 400px) {

    .secao .conteudo .flex .img-container img {
        width: 157%;
        left: -21%;
    }
}







/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/



/* SECAO - CONTEUDO - FLEX - IMG CONTAINER - VIDEO */









/*-------------------------------------------------------------------------------------------------------------------------------------------------*/






/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/



/* SECAO - CONTEUDO - FLEX - IMG CONTAINER - OVERLAY */

.secao .conteudo .flex .img-container .overlay {
    width: 100%;
    bottom: 0;
    position: absolute;
    height: 100%;
    background: linear-gradient(90deg, #111 5%, transparent);
    pointer-events: none;
}


.secao .conteudo .flex .img-container .overlay.refletido {
    background: linear-gradient(90deg, transparent 5%, #111);
    right: 0;
}

/*---------------------------------------------------------------*/


@media screen and (max-width: 768px) {
}



/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/



/* ~ SECAO REVERSO */


.secao.reverso .overlay-secao-lateral {
    right: auto;
    left: 0;
    background: linear-gradient(270deg, transparent 5%, #111);
}

.secao.reverso .conteudo .flex {
    flex-direction: row-reverse;
}

.secao.reverso .conteudo .flex .img-container img {
    left: auto;
    right: 0;
}




/*---------------------------------------------------------------*/



@media screen and (max-width: 1300px) {


    .secao.reverso .conteudo .flex .img-container img {
        left: initial;
        right: -100px;
    }
}


@media screen and (max-width: 1000px) {

    .secao.reverso .conteudo .flex .img-container img {
        /*        left: -200px;*/
    }
}


@media screen and (max-width: 768px) {

    .secao.reverso .conteudo .flex {
        flex-direction: column-reverse;
    }


    .secao.reverso .overlay-secao-lateral {
        background: linear-gradient(180deg, transparent 5%, #111);
    }

    .secao.reverso .conteudo .flex .img-container {
/*                height: auto;
        margin-top: auto;
        flex-grow: 0;*/
    }

    .secao.reverso .conteudo .flex .img-container img {
        /*height: auto;
        width: 100%;
        position: relative;*/
        /**/
        /*left: 0;*/
        right: initial;
    }


    .secao.reverso .conteudo .flex .img-container .overlay-img {
        /*        position: absolute;
        bottom: 0;
        display: flex;
        width: 100%;
        height: 200px;
        background: linear-gradient(180deg, transparent 5%, #111);*/
    }
}

@media screen and (max-width: 400px) {

    .secao.reverso .conteudo .flex .img-container img {
/*                width: 157%;*/
        left: -21%;
/*        top: -83px;*/
    }
}








/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/




/* ~ SECAO TEXTUAL */

.secao.textual .overlay-secao-lateral {
    right: auto;
    left: 0;
    background: linear-gradient(270deg, transparent 0%, #111);
    z-index: 2000;
    width: 100%;
}

.secao.textual .bg {
    opacity: 1;
}



/*---------------------------------------------------------------*/


@media screen and (max-width: 768px) {

    .secao.textual {
        min-height: 100vh;
    }

    .secao.textual .overlay-secao-lateral {
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, transparent 5%, #111);
    }

    .secao.textual .conteudo .flex {
        justify-content: center;
    }
}



/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------*/




/* FLECHA TOPO */


#flecha-topo {
    height: 30px;
    width: 30px;
    position: fixed;
    z-index: 10000;
    left: calc(50% - 15px);
    top: 10px;
    fill: #fff;
    transform: rotate(180deg);
    transition: .2s ease-in-out;
    border-radius: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, .3);
}

#flecha-topo.visivel {
    opacity: .5;
}

#flecha-topo.visivel:hover {
    opacity: 1;
}

/*---------------------------------------------------------------*/


@media screen and (max-width: 768px) {

    #flecha-topo {
        display: none;
    }
}



/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/





/* BOTÕES FLUTUANTES */



.btns-flutuantes {
    position: fixed;
    z-index: 1000000;
    transition: .2s ease-in-out;
    opacity: .9;
    /**/
    display: flex;
    align-items: center;
    gap: 25px;
    flex-direction: column;
    /**/
    right: 25px;
    bottom: 25px;
}

.btns-flutuantes:hover {
    opacity: 1;
}


.btns-flutuantes .email {
    fill: #44397A;
    height: 38px;
    width: 50px;
    display: block;
    transition: .2s ease-in-out;
    background-color: #fff;
    border-radius: 6px;
    border: 3px solid #fff;
    /**/
    display: none;
}

.btns-flutuantes .email:hover {
    opacity: .8;
    transform: rotate(10deg);
}

.btns-flutuantes .zap {

    height: 50px;
    width: 50px;
    display: block;
    transition: .2s ease-in-out;
}

.btns-flutuantes .zap:hover {
    opacity: .8;
    transform: rotate(10deg);
}


/*---------------------------------------------------------------*/




@media screen and (max-width: 768px) {

    .btns-flutuantes {
        bottom: 25px;
        right: 25px;
        top: auto;
        left: auto;
    }
}








/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/







/* PARTICULAS */

.particle-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: .2;
    z-index: 1000;
    pointer-events: none;
}


.particle {
    position: absolute;
    background-color: #fdfdfd;
    border-radius: 50%;
    box-shadow: 0 0 2px 1px #7d21de;
    /**/
    animation: float 20s infinite alternate ease-in-out;
    will-change: transform;
}



@keyframes blink {

    0% {
        opacity: .1;
    }

    100% {
        opacity: 1;
    }
}


@keyframes float {

    0% {
        transform: translate(0, 0) scale(var(--depth));
    }

    50% {
        transform: translate(calc(-130px + 160px * var(--random-x)), calc(-130px + 160px * var(--random-y))) scale(var(--depth));
    }

    100% {
        transform: translate(0, 0) scale(var(--depth));
    }
}



/*---------------------------------------------------------------*/


@media screen and (max-width: 768px) {
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/




/* BOTOES */


.btn-container {
    display: flex;
    gap: 25px;
    margin-top: 50px;
}


.btn {
    font-family: "Apple Display";
    cursor: pointer;
/*    border-radius: 10px;*/
    border-radius: 100px;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    align-items: center;
    transition: .2s ease-in-out;
    padding-left: 35px;
    padding-right: 35px;
    /**/
    -webkit-user-select: none;
}

.btn.b1 {
    box-shadow: 0px 4px 0px 0px #a70a38;
    background-color: #e11450;
    background: linear-gradient(230deg, #ce194e, 50%, #e11450 100%);
    color: #fff;
    fill: #fff;
}

.btn.b1:hover {
    box-shadow: 0px 40px 29px -19px #a70a38;
    transform: translateY(-10px);
}

.btn.b1-i {
    box-shadow: 0px 40px 29px -19px #a70a38;
    background-color: #e11450;
    background: linear-gradient(230deg, #ce194e, 50%, #e11450 100%);
    color: #fff;
    fill: #fff;
}

.btn.b1-i:hover {
    box-shadow: 0px 4px 0px 0px #a70a38;
    transform: translateY(2px);
}




.btn.b2 {
    border: 3px solid;
    fill: #fff;
}


.btn.b2:hover {
    color: #8175F9;
    fill: #8175F9;
    transform: translateY(-10px);
}

.btn.b2-i {
    border: 3px solid;
    fill: #fff;
}


.btn.b2-i:hover {
    color: #8175F9;
    fill: #8175F9;
    transform: translateY(2px);
}


.btn.b3-i {
    background-color: #7d21de;
    color: #fff;
    fill: #fff;
    box-shadow: 0px 40px 29px -19px #461090;
    color: #fff;
    fill: #fff;
}

.btn.b3-i:hover {
    box-shadow: 0px 4px 0px 0px #461090;
    transform: translateY(2px);
}





.btn .icone {
    height: 20px;
    width: 20px;
    flex-shrink: 0;
    fill: inherit;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.btn .icone svg {
    width: 100%;
    height: auto;
}

.btn .label 
{
    transform: translateY(-1px);
}



/*---------------------------------------------------------------*/


@media screen and (max-width: 768px) {


    .btn-container {
        margin-bottom: 25px;
        flex-direction: column;
        width: 100%;
       
    }

    .btn-container .btn {
        width: 100%;
    }

    .btn {
        font-size: 18px;
        height: 60px;
    }

    .btn.b1 {
        font-weight: 500;
    }

    .btn.b2 {
        font-weight: 500;
        width: 100%;
    }


    .btn .icone {
        height: 25px;
        width: 25px;
    }
}



/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/

footer {
    background-color: #111111;
    border-top: 3px solid #fff;
    border: 0px !important;

}

footer .conteudo {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
}

footer .conteudo .logo-container {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 25px;
}

footer .conteudo .logo-container .socials {
    margin-left: auto;
    display: flex;
    align-items: center;
}

footer .conteudo .logo-container .socials a {
    height: 25px;
    cursor: pointer;
    transition: .2s ease-in-out;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
}


footer .conteudo .logo-container .socials .blog {
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}




footer .conteudo .logo-container .socials a:hover {
    opacity: .8;
}

footer .conteudo .logo-container .socials a:not(:last-child) {
    margin-right: 15px;
}


footer .conteudo .logo-container .socials a img {
    height: 100%;
}


footer .conteudo .logo-container .label {
    font-size: 14px;
    font-weight: 500;
}

footer .conteudo .info-container {
    padding: 25px;
    display: flex;
    align-items: center;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, .1);
    color: #CDCCD3;
}


footer .conteudo .info-container .c1 {
    text-align: left;
    font-size: 12px;
}

footer .conteudo .info-container .c1:last-child {
    text-align: right;
}


footer .conteudo .info-container .c1 div:first-child {
    margin-bottom: 5px;
}


footer .conteudo .info-container .c1.b {
    margin-left: 25px;
}

footer .conteudo .info-container .c1.c {
    margin-left: auto;
}


@media screen and (max-width: 1100px) {

    footer .conteudo .logo-container {
        flex-direction: column;
    }

    footer .conteudo .logo-container .socials {
        margin-left: 0px;
        margin-top: 15px;
    }

    footer .conteudo {
    }

    footer .conteudo .info-container {
        flex-direction: column;
        border-top: 1px dashed rgba(255, 255, 255, .1);
    }




    footer .conteudo .info-container .c1,
    footer .conteudo .info-container .c1:last-child {
        text-align: center;
    }


    footer .conteudo .info-container .c1:not(:last-child) {
        margin-bottom: 25px;
    }


    footer .conteudo .info-container .c1.b {
        margin-left: 0px;
    }

    footer .conteudo .info-container .c1.c {
        margin-left: 0px;
    }

    footer .conteudo .logo-container .label {
        display: none;
    }
}



/*.secao * {
    animation: none !important;
}*/


.secao.secao-transicao
{
    pointer-events: none;
}

/*===========================================*/












html {
    scroll-behavior: smooth;
}






body {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-family: 'Apple', sans-serif;
    background-color: black;
    color: #fff;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    position: relative;
    transition: .2s ease-in-out;
    overflow-x: hidden;
}

body::-webkit-scrollbar {
    width: 2px;
    background-color: transparent;
}

body::-webkit-scrollbar-thumb {
    background-color: #e7e9e9;
    border-radius: 10px;
}



* {
    box-sizing: border-box;
    position: relative;
}

a {
    text-decoration: none;
    color: inherit;
}

strong {
    font-weight: normal;
}

input[type=text] {
    -webkit-appearance: none;
}

input[type=text]:focus {
    outline: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0;
}

p {
    margin: 0;
    padding: 0;
}

ul, li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.link {
}

.link:hover {
    text-decoration: underline;
}




/* EFEITOS */


.rainbow {
    /*    display: inline;*/
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    /*    -webkit-box-decoration-break: clone;*/
    /*    clip-path: inset(1px);*/
    background-image: linear-gradient(90deg, rgb(8, 148, 255) 0%, rgb(201, 89, 221) 34%, rgb(255, 46, 84) 68%, rgb(255, 144, 4) 100%);
    background-clip: text;
    font-weight: 700;
}

.rainbow.animado {
    animation: rainbow-animado 3s linear infinite alternate;
    transition: .2s ease-in-out;
    background-size: 200%;
    background-position: 0% 0%;
}

.rainbow.animado.big {
    background-image: linear-gradient(90deg, rgb(8, 148, 255) 0%, rgb(201, 89, 221) 12.5%, rgb(255, 46, 84) 25%, rgb(255, 144, 4) 37.5%, rgb(8, 148, 255) 50%, rgb(201, 89, 221) 62.5%, rgb(255, 46, 84) 75%, rgb(255, 144, 4) 87.5%, rgb(8, 148, 255) 100%);
    animation: rainbow-animado 3s linear infinite reverse;
}


@keyframes rainbow-animado {
    0% {
        background-position: 0% 0%;
    }

   

    100% {
        background-position: 100% 0%;
    }
}


.glow {
    animation: glow 3s ease-in-out alternate infinite;
    will-change: text-shadow;
}


.underline {

    font-weight: 700;
    text-decoration: underline;
}

.underline.color {
    color: transparent;
    -webkit-text-stroke: 2px #e91e63;
    animation: trocar-cor 1s ease-in-out infinite alternate;
}



@keyframes trocar-cor {

    0% {
        -webkit-text-stroke: 2px #7d21de;
    }

    25% {
        -webkit-text-stroke: 2px #e91e63;
    }


    50% {
        -webkit-text-stroke: 2px #e77a1d;
    }

    75% {
        -webkit-text-stroke: 2px #08ace3;
    }

    100% {
        -webkit-text-stroke: 2px #fff;
    }

    
}






@media screen and (max-width: 768px) {
    
    
/*
    #logo-1, #logo-2 {
        display: none !important; 
    }*/

   
}



.titulo {
    font-size: 56px;
    font-weight: 600;
    text-align: left;
    line-height: 60px;
    font-family: "Apple Display";
    /**/
    -webkit-user-select: none;
}


.subtitulo {
    font-size: 42px;
    font-weight: 600;
    text-align: left;
    line-height: 50px;
    font-family: "Apple Display";
    -webkit-user-select: none;
}

.subtitulo.sutil {
    opacity: .7;
}





.paragrafo-1 {
    font-weight: 300;
    /**/
    line-height: 30px;
    font-size: 21px;
    color: #fff;
    font-family: "Apple Display";
    /**/
    -webkit-user-select: none;
    /**/
    max-width: 600px;
}


.paragrafo-1.sutil {
    opacity: .8;
}









br.mobile {
    display: none;
}


/*---------------------------------------------------------------*/


@media screen and (max-width: 768px) {

    .titulo {
        font-size: 42px;
        letter-spacing: 0;
        line-height: 45px;
    }

    .subtitulo {
        line-height: 45px;
    }

    .paragrafo-1 {
        line-height: 30px;
        font-size: 21px;
    }

    br {
        display: none;
    }

    br.mobile {
        display: inline;
    }
}