*{font-family: 'Ubuntu', sans-serif; }
body{padding: 0; margin: 0; box-sizing: border-box;}
a, a:hover {text-decoration: none; outline: none;}
p {margin: 10px 0; padding: 0; }
ul, ol {margin: 0; padding: 0; line-height: 1.5; }
li {margin: 0 0 .5em 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {line-height: 1.4em; margin: 20px 0 .4em; } 
h1 {font-size: 2em; } h2 {font-size: 1.8em; } h3 {font-size: 1.6em; } h4 {font-size: 1.4em; } h5 {font-size: 1.2em; } h6 {font-size: 1em; }
section{scroll-margin-top: 70px;}
html{scroll-behavior: smooth;}
.wppfloat {background: #25D366; width: 50px; height: 50px; color: #fff; font-size: 25px; padding: 11px; text-align: center; line-height: 50px; border-radius: 50%; position: fixed; bottom: 30px; right: 30px; z-index: 1000; }
.grecaptcha-badge{display:none!important;}

/*Menu*/
#header{
    width: 100%; 
    padding: 40px 0px; 
    position: relative;
    top: 0; 
    right: 0; 
    left: 0; 
    z-index: 9999; 
    background: #000000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 0) 87%);
    transition: background .25s ease, transform .2s ease;
    will-change: background, transform;
    .head-content {
        max-width: 70%; 
        margin: 0 auto;
        & .mobile-toggle {
            display: none; 
            cursor: pointer; 
            -webkit-transition: all 200ms ease-in; 
            -moz-transition: all 200ms ease-in; 
            transition: all 200ms ease-in;
            & i{
                color: #dc6d1f;
            }
        }
        .header-navigation{
            nav {
                width: max-content; 
                margin: 0 auto; 
                display: block;
                ul {
                   display: flex;
                   flex-direction: row;
                   flex-wrap: wrap;
                   gap: 50px;
                   list-style: none;
                   margin: 0;
                    li {
                        padding: 0;
                        margin: 0;
                        a {
                            color: #fff; 
                            text-decoration: none;
                            transition: .3s;
                            font-size: 1.2rem; 
                            font-weight: 400;
                            line-height: 1;
                            &:hover{
                                 color: #e57729; 
                            }
                        }
                    }
                }
            }
            .close-about-section {
                display: none; 
                text-align: center; 
                margin: 0px; 
                height: 70px; 
                padding: 0px 0px; 
                width: 100%; 
                & .svg-close {
                    z-index: 1; 
                    fill: #dc6d1f; 
                    height: 50px; 
                    width: 40px; 
                    cursor: pointer;
                }
            }
        }
         
    }
    @media only screen and (min-width: 1240px) {
        .header-navigation {display: block !important; }
        .close-about-section {display: none !important; }
    }
}
#header.is-sticky {
  position: fixed;
  top: 0; left: 0; right: 0;
  background: #11196a;        
  z-index: 1000; 
}

/*Topo*/
.topo {
    margin-top: -120px; 
    width: 100%;
    height: auto;
     & img{
        width: 100%;
        height: auto; 
        display: block;
    }
}
 
/*O que é*/
.oqueeh {
    padding: 100px 10% 100px; 
    background: url(images/6-0/oq.jpg) center right no-repeat;
    background-size: cover; 
    color: #fff; 
    min-height: 90vh;
    line-height: 1.5;
    & h2.head{
        font-weight: 600; 
        font-size: 3rem; 
        line-height: 1; margin: 10px 0;
    }
    & p{
        line-height: 1.6; 
        font-weight: 300; 
        font-size: 1.2rem; 
        margin: 10px 0;}
} 

/*Pq participar*/
.pq{
    padding: 180px 25%; 
    background: url(images/6-0/pq.jpg) center no-repeat;
    background-size: cover;
    & h2.head{
        font-weight: 600;
         font-size: 3rem; 
         line-height: 1; 
         color: #8ceaff; 
         text-align: left; 
         margin: 0 0 10px;
    }
    & p{
        line-height: 1.5; 
        color: #fff;
        font-weight: 300; 
        font-size: 1.4rem; 
        margin: 10px 0; 
    }
    .separador{
        width: 100%;
        height: 80px;
    }
}

/*Premiacao*/
.premiacao{
    padding: 100px 20% 350px; 
    background: url(images/6-0/premiacao.jpg) top right no-repeat;
    background-size: cover;
    & h2.head{
        font-weight: 600; 
        font-size: 3rem; 
        line-height: 1; 
        text-align: center;
        margin: 0 0 40px; 
        color: #1a1f6f;
    }
    .colocacao{
        border-radius: 10px; 
        border: solid #fff 2px; 
        min-height: 230px;  
        padding: 30px; 
        color: #fff;
        .posicao{
            margin-bottom: 5px; 
            font-size: 1.5rem; 
            font-weight: 600;
        }
        p{
            line-height: 1.6; 
            font-size: 1rem; 
            text-align: left;
            margin: 10px 0px;
        }
    }
    .roxo{
        background: #5900ff;
    }
    .azul{
        background: #1a1f6a;
    }
    .laranja{
        background: #dc6d1f;
    }
    & .owl-carousel {
        position: relative; 
        .owl-nav {
            margin-top: 0; 
            & button.owl-prev, button.owl-next{
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                z-index: 2;
                width: 50px; 
                height: 50px;
                display: flex; 
                font-size: 1.5rem;
                align-items: center; 
                justify-content: space-around;
                background: transparent;
                color: #1a1f6f;
                border: 0; outline: 0;
            }
            & button.owl-prev{left: -50px; }
            & button.owl-next{right: -50px;}
        }
    }
    .owl-theme .owl-nav [class*='owl-']:hover {
        background: transparent;
        color: #dc6d1f;
    }       
}

/*O evento*/
.oevento{
    padding: 150px 15%; 
    background: url(images/6-0/evento.jpg) center no-repeat;
    background-size: cover;
    & h2.head{
        font-weight: 600; 
        font-size: 3rem; 
        line-height: 1; 
        text-align: center;
        margin: 0 0 60px; 
        color: #fff;
    }
    .box {
        background: #5900ff;
        display: flex; 
        align-items: center; 
        justify-content: center;
        flex-direction: column;
        border-radius: 10px; 
        text-align: center; 
        gap: 5px;
        padding: 30px;
        width: 100%; 
        height: 260px;
        border: solid 2px #fff; 
        color: #fff;
        & h4{
            font-size: 1.4rem;
            font-weight: 700;
            margin: 0;
        }
        & p{
            margin: 0px; 
            font-size: 1rem;
            line-height: 1.5;
        }
    }
}

/*FAQ*/
.faq{
    padding: 100px 15%; 
    background: url(images/6-0/faq.jpg) center right no-repeat;
    background-size: cover;
    background-attachment: fixed;
    & h2{
        font-weight: 600;
         font-size: 3rem; 
         line-height: 1; 
         color: #1a1f6a; 
         text-align: left; 
         margin: 0 0 10px;
    }
    & p.intro{
        line-height: 1.5; 
        color: #fff;
        font-weight: 300; 
        font-size: 1.4rem; 
        margin: 10px 0 50px; 
    }

    & .card{
        border: 0;
        margin: 5px 0;
        & .card-header{
            padding: 0.75rem 1rem;
            margin-bottom: 0;
            background-color: rgb(26 31 106);
            border-bottom: 0;
            color: #fff;
            & .btn{
                width: 100%;
                text-align: left;
                white-space: normal;
                display: flex;
                align-items: center;
                justify-content: space-between;
                & .fa-chevron-down { 
                    transition: transform .2s ease; 
                    color: #fff;
                }
                &:not(.collapsed) .fa-chevron-down { 
                    transform: rotate(180deg);
                }
            }
            & .btn-link{
                color: #fff;
                &:hover{
                    text-decoration: none;
                }
            }
        }
        & .card-body{
            ul{
                list-style-position: inside;
            }
        }
    }

}

/*DESAFIADORES*/
.desafiadores-sec{
    padding: 100px 15%; 
    background: url(images/6-0/bg-desafiadores.jpg) center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    & h2{
        font-weight: 600;
         font-size: 3rem; 
         line-height: 1; 
         color: #e57729; 
         text-align: center; 
         margin: 0 0 10px;
    }
    & p.intro{
        line-height: 1.5;
        color: #fff;
        font-weight: 300;
        font-size: 1.3rem;
        margin: 10px auto 140px;
        text-align: center;
        width: 900px;
        max-width: 100%;
    }
    ul{
        list-style: none;
        margin: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap:  80px 30px;
        justify-content: space-between;
        li{
            width: calc(50% - 25px);
            padding: 50px;
            border-radius: 20px;
            background: #000038;
            border: solid 1px #dc6d1f;
            img{
                margin: -100px auto 15px;
                display: block;
                width: 140px;
                height: auto;                
            }
            p{
                color: #fff;
                text-align: center;
                font-size: 1rem;
                line-height: 1.5;
                margin: 0;
            }
        }
    }
}

/*Anteriores*/
.anteriores{ 
    padding: 80px 0% 80px 10%;
    background: #1a1f6a;
    & h2.head{
        font-weight: 600; 
        font-size: 3rem; 
        line-height: 1; 
        color: #fff; 
        text-align: left; 
        margin-bottom: 0px;
    }
    & h4.edicao{
        font-weight: 600; 
        font-size: 2.2rem; 
        line-height: 1;
         color: #e57729;
         text-align: left; 
         margin-top: 60px; 
         margin-bottom: 20px;  
    }
    & .video{
        width: 70%; 
        margin-bottom: 20px;
    }
    & .item{
        & img{
            width: 100%; 
            height: auto; 
            aspect-ratio: 16/9; 
            object-fit: cover;
        }
    }
    & .owl-carousel {
        position: relative; 
        .owl-nav {
            margin-top: 0; 
            & button.owl-prev, button.owl-next{
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                z-index: 2;
                width: 50px; 
                height: 50px;
                display: flex; 
                font-size: 1.5rem;
                align-items: center; 
                justify-content: space-around;
                background: transparent;
                color: #fff;
                border: 0; outline: 0;
            }
            & button.owl-prev{left: -50px; }
            & button.owl-next{right: 40px;}
        }
    }
    .owl-theme .owl-nav [class*='owl-']:hover {
        background: transparent;
        color: #dc6d1f;
    }
	& .owl-stage {
		padding-left: 0 !important;
	}	
}

/*Vencedores*/
.vencedores{
    padding: 100px 10%; 
    background: #1a1f6a; 
    color: #fff;
    & .head{
        font-weight: 600; 
        font-size: 3rem; 
        line-height: 1; 
        text-align: left; 
        margin: 0 0 60px; 
        color: #8ceaff;
    }
    & img{
        max-width: 100%; 
        height: auto;
    }
    & .vencedor{
        padding: 60px 0px;
        .titulo{
            font-weight: 600; 
            font-size: 1.5rem; 
            line-height: 1; 
            text-align: left; 
            margin-bottom: 0px; 
            color: #8ceaff;
            .sub {
                font-size: 1rem;
                line-height: 1.5;
                margin: 15px 0;
                color: #fff;
            }
        }
        p{
            margin: 10px 0;
            font-size: 1rem;
            line-height: 1.5;
        }
    }
}

/*FAQ*/
.podcast{
    padding: 120px 15%;
    background: #ffffff;
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 51%, rgba(193, 244, 255, 1) 100%);
    & h2{
        font-weight: 600; 
        font-size: 5rem; 
        line-height: 1.2; 
        text-align: left;
        margin: 0 0 40px; 
        color: #1a1f6f;
        & span.sub{
            display: block;
            font-size: 1.5rem;
            text-transform: uppercase;
            font-weight: 300;
        }
    }
    & iframe{
        border-radius: 10px;
    }
}

 /*Contato*/
.contato{
    padding: 120px 10%; 
    background: url(images/6-0/contato.png) #6e2daf no-repeat center right 20%; 
    background-size: 60% 80%; 
    color: #fff;
    & .head{
        color: #fff; 
        font-weight: 200; 
        letter-spacing: 10px; 
        font-size: 1.2rem; 
        line-height: 1.6; 
        text-align: left; 
        text-transform: uppercase; 
        margin: 0 60px 20px 0;
        span.destaque { 
            text-transform: none; 
            font-size: 6rem; 
            display: block; 
            line-height: 1;
            font-weight: 600; 
            letter-spacing: 0; 
            margin-left: -7px;
        }
    }
    & input{
        width: 100%; 
        background: #784ebf; 
        font-weight: 400; 
        color: #fff; 
        padding: 25px 20px; 
        margin: 8px 0px; 
        border-radius: 8px; 
        border: 0;
        &::placeholder{
            color: #fff;
        }  
        &:focus{
           border: 0px solid transparent; 
           color: #fff; 
           outline: none; 
        }              
    }
    & textarea{
        width: 100%; 
        height: 150px; 
        background: #784ebf;  
        font-weight: 400; 
        color: #fff; 
        padding: 25px 20px;
        border-radius: 8px;
        border: 0;
        &::placeholder{
            color: #fff;
        }
        &:focus{
           border: 0px solid transparent; 
           color: #fff; 
           outline: none; 
        }
    }
    & input[type=submit]{
        background: #784ebf; 
        font-weight: 600; 
        color: #fff; 
        padding: 15px; 
        font-size: 1.2rem; 
        width: auto; 
        border-radius: 8px; 
        transition: .3s;
        border: 0;
        &:hover{
            background: #6e2daf;
        }
    }
    & input[type=checkbox]{
        width: unset; 
        font-weight: 400; 
        margin-top: 15px; 
        color: #fff;
    }
    & p{
        margin-bottom: 5px;
    }
    & .wpcf7-list-item{
        display: inline-block; 
        margin: 0;
    }
    & .wpcf7-list-item-label{
        font-size: 1rem; 
        line-height: 1.5; 
        text-align: left;
    }
}

/*Rodape*/
.footer{
    padding:100px 10% 60px; 
    background: #1a1f6a;
    & h2{
        color: #fff;
        text-transform: uppercase;
        font-size: 1rem;
        line-height: 1;
        margin: 15px auto;
        font-weight: 300;
        text-align: center;
    }
    .desafiadores{
        max-width: 100%;
        display: flex;
        flex-direction: row;
        gap: 40px;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin: 0 auto;
        & img{
            height: 60px;
            width: auto;
            display: block;
            margin: 10px 0;
        }
    }
    .separador{
        width: 100%;
        height: 60px;
    }
    .apoio{
        max-width: 100%;
        width: 750px;
        background: #fff;
        padding: 40px 70px;
        border-radius: 30px;
        display: flex;
        flex-direction: row;
        gap: 40px;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin: 30px auto;
        & img{
            height: 50px;
            width: auto;
            display: block;
            margin: 10px 0;
        }
    }  
    .legal{
        margin: 60px auto;
        text-align: center;
        color: #fff;
        & a{
            color: #fff;
            text-decoration: none;
            transition: .3s;
            &:hover{
                color: #dc6d1f;
            }
        }
    }
    .copy{
        width: 100%; 
        & img{
            width: 40px; 
            margin: 0 auto; 
            display: block; 
        }  
    }
}


@media screen and (max-width: 1500px) {
    #header {
        & .head-content {
            max-width: 90%;
            & .header-navigation {
                & nav {
                    ul {
                        gap: 40px;
                        justify-content: space-between;
                        & li {
                            a {
                                font-size: 1.1rem;
                            }
                        }                    
                    }
                }
            }            
        }
    }
    .oqueeh {
        padding: 70px 10%;
        & h2.head {
            font-size: 2.5rem;
        }
        & p {
            font-size: 1rem;
        }
    }
    .pq {
        padding: 100px 20%;
        & h2.head {
            font-size: 2.5rem;
        }
        & p {
            font-size: 1.2rem;
        }
        .separador {
            height: 60px;
        }        
    }
    .premiacao {
        padding: 80px 10% 250px;
        & h2.head{
            font-size: 2.5rem;
        }
    }
    .oevento {
        padding: 90px 5%;
        & h2.head{
            font-size: 2.5rem;
            margin: 0 0 40px;
        }
    }
    .vencedores {
        padding: 80px 8%;
        & .vencedor {
            padding: 40px 0px;
        }        
    }    
    .faq {
        padding: 100px 10%;
    }
    .desafiadores-sec {
        padding: 80px 5%;
        p.intro {
            margin: 10px auto 120px;
        }        
    }    
    .podcast {
        padding: 100px 5%;
    }
    .contato{
        padding: 120px 10%; 
        background: url(images/6-0/contato.png) #6e2daf no-repeat center right 23%; 
        background-size: 50% 80%; 
    }
    .footer {
        padding: 80px 10% 60px;
    }
}

@media screen and (max-width: 1024px) {
    #header {
        padding: 30px;
        background: #11196a;
        & .head-content {
            & .mobile-toggle {
                display: flex;
                align-items: center;
                gap: 10px;
                justify-content: center;
                width: 100%;
                color: #fff;
                text-transform: uppercase;
                font-weight: 800;
                font-size: 1.5rem;
            } 
            & .header-navigation nav {
                width: 100%; 
                margin: 0 auto;
                ul {
                    list-style: none; 
                    overflow: hidden; 
                    text-align: center; 
                    font-weight: 400; 
                    width: 100%; 
                    margin: 0;
                    gap: 25px;
                    li {
                        width: 100%; 
                        display: block; 
                        text-align: center; 
                        margin:0px;
                        padding: 0px;
                    }
                }
            }
            & .responsive-header {
                display: none; 
                position: fixed; 
                z-index: 1000;
                top: 0px; 
                bottom: 0px; 
                left: 0px; 
                right: 0px; 
                background: #1a1f6ae8; 
                width: 100%;
                height: 100vh;
            }
        }
    }
    .topo{
        margin-top: 0;
    }
    .oqueeh{
        background: url(images/6-0/oq-mobile.jpg) bottom center no-repeat;
        background-size: cover;
        min-height: 90vh;
    }    
    .pq {
        padding: 100px 10%;
    }    
    .premiacao {
        padding: 60px 10% 150px;
    }   
    .vencedores {
        padding: 60px;
        & .head{
            margin: 0 0 20px;
        }
        & .vencedor {
            padding: 20px 0px;
        }        
    }
    .oevento {
        padding: 80px;
        .box {
            margin: 20px 0;
        }
    }  
    .desafiadores-sec {
        padding: 60px;
        p.intro {
            margin: 10px auto 120px;
        }        
    }     
    .podcast {
        padding: 80px;
    }
    .contato {
        & .head {
            margin: 0 40px 00px 0;     
            span.destaque{
                font-size: 5rem;
            }       
        }
    }
    & .footer{
        .desafiadores {
            & img {
                height: 35px;
            }
        } 
        .apoio {
            & img {
                height: 35px;
            }
        }           
    } 
}

@media screen and (max-width: 780px) {
    .contato {
        padding: 80px;
        background: url(images/6-0/contato.png) #6e2daf no-repeat center;
        background-size: 95% 95%;
    }
    .desafiadores {
        padding: 60px;
        & ul{
            li{
                width: 100%;
            }
         }
    }      
    .footer {
        padding: 80px 40px;
    }    
}

@media screen and (max-width: 480px) {
    #header {
        padding: 15px;
    }
    .oqueeh {
        background: url(images/6-0/oq-mobile.jpg) bottom center no-repeat;
        background-size: cover;
        min-height: 100vh;
        padding: 30px;
        & h2.head {
            font-size: 1.8rem;
        }
    }  
    .pq {
        padding: 40px 30px;
        & h2.head {
            font-size: 2rem;
        }
        & p {
            font-size: 1rem;
        }  
        .separador {
            height: 20px;
        }               
    } 
    .premiacao {
        padding: 40px;
        & h2.head {
            font-size: 2rem;
        }        
        & .owl-carousel {
            & .owl-nav {
                 & button.owl-next,  & button.owl-prev{
                    width: auto;
                 }
                & button.owl-next {
                    right: -25px;
                }
                & button.owl-prev {
                    left: -25px;
                }                
            }
        }    
    }
    .oevento {
        padding: 40px;
        & h2.head {
            font-size: 2rem;
            margin: 0 auto 15px;
        }         
    }  
    .vencedores {
        padding: 50px 30px;
        & .head{
            margin: 0 0 20px;
            font-size: 2rem;
        }
        & .vencedor {
            padding: 15px 0px;
        }        
    }     
    .faq {        
        padding: 40px;
         & h2 {
            font-size: 2rem;
        }  
        & p.intro {
            font-size: 1.2rem;
            margin: 10px 0 30px;
        }  
    } 
    .desafiadores-sec {
        padding: 40px 30px;
        & h2{
            font-size: 2.2rem;
        }
        p.intro {
            margin: 10px auto 90px;
            font-size: 1rem;
        }        
        & ul{
            li{
                width: 100%;
                padding: 30px;
                img {
                    margin: -80px auto 15px;
                    display: block;
                    width: 120px;
                    height: auto;
                }                
            }
         }
    }     
    .anteriores {
        padding: 40px 0 40px 40px;
        & h2.head{
            font-size: 2rem;
            padding: 0 20px 0 0;
        }       
        & h4.edicao{
            font-size: 1.6rem;
            padding: 0 20px 0 0;   
            margin-top: 30px;
        }
        & .owl-carousel {
            & .owl-nav {
                & button.owl-prev {
                    left: -45px;
                }
            } 
        }
    }        
    .podcast {
        padding: 40px;
        & h2{
            font-size: 3rem;
            margin: 0 0 20px;
            & span.sub{
                font-size: 1.2rem;
            }
        }
    }    
    .contato {
        padding: 60px 50px;
        & .head {
            margin: 0;
            letter-spacing: 3px;
            font-size: 1rem;
            span.destaque {
                font-size: 2rem;
                margin-left: 0;
            }
        }
    }
    .footer {
        padding: 40px 30px;
        .desafiadores {
            flex-direction: column;
            gap: 25px;
            & img {
                max-height: 50px;
                max-width: 160px;
                display: block;
                width: auto;
                height: auto;
                height: auto;
                margin: 0;
            }
        }
        .apoio {
            flex-direction: column;
            gap: 25px;
            padding: 30px;
            border-radius: 15px;
            & img {
                max-height: 40px;
                max-width: 160px;
                display: block;
                width: auto;
                height: auto;
                height: auto;
                margin: 0;
            }
        }    
        .separador {
            height: 40px;
        }
        .legal {
            margin: 30px auto;
        }        
    }
}