*{
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

/* Para navegadores baseados em WebKit (Chrome, Edge, Safari) */
::-webkit-scrollbar {
  width: 4px; /* deixa mais fina — você pode ajustar */
}

/* Cor do trilho (fundo da barra) */
::-webkit-scrollbar-track {
  background: #fff; /* opcional, cor do fundo */
}

/* Cor da barra em si */
::-webkit-scrollbar-thumb {
  background-color: #4B0082; /* cor da barra */
  border-radius: 10px; /* deixa arredondada */
}

/* Quando o mouse passa em cima */
::-webkit-scrollbar-thumb:hover {
  background-color: #6a0dad; /* cor um pouco mais clara no hover */
}

html, body {
  overflow-x: hidden !important;
}


/* ICONE DO ZAP */

#iconZap{
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 1000;
    transition: all 0.3s;
}

#iconZap:hover{
    transform: scale(1.2);
}

#iconZap img{
    width: 100%;
}


.erroInscricao {
    width: 95%;
    max-width: 600px;
    margin: 0 auto 25px auto;
    padding: 16px 20px;
    border-radius: 10px;
    background: #ffe6e6;
    color: #a80000;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    display: none;
    box-shadow: 0 3px 8px rgba(255, 0, 0, 0.15);
    border: 1px solid rgba(255, 0, 0, 0.25);
    box-sizing: border-box;
    animation: fadeIn 0.3s ease-in-out;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.erroInscricao::before {
    content: "⚠️";
    font-size: 18px;
}

/* Animação de aparição suave */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.enviadoInscricao {
    width: 95%;
    max-width: 600px;
    margin: 0 auto 25px auto;
    padding: 16px 20px;
    border-radius: 10px;
    background: #e6ffec;
    color: #0b7d32;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    display: none;
    box-shadow: 0 3px 8px rgba(0, 175, 38, 0.15);
    border: 1px solid rgba(0, 175, 38, 0.25);
    box-sizing: border-box;
    animation: fadeIn 0.3s ease-in-out;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.enviadoInscricao::before {
    content: "✅";
    font-size: 18px;
}

/* Reutiliza a mesma animação do card de erro */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}



/* ICONE DO ZAP */


.loadInscricao{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0 35px 0;
    display: none;
}


.load-incial{
    width: 100%;
    height: 100vh;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}


#heroSection{
    padding-bottom: 50px;
    width: 100%;
    /* background-image: url(/imgs/backgroundHero2.png); */
    background-position: center;
    background-size: cover;
    background-color: #0e2050;
}








/* NOVA NAVBAR */

#newNav{
    width: 100%;
    background-color: #F6DD63;
    height: 70PX;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 20px;
    box-sizing: border-box;
}

.newNav-menu .btnmenu{
    background-color: transparent;
    color: black;
    border: none;
    font-weight: 600;
    margin: 0 10px;
    transition: all 0.3s;
    cursor: pointer;
}

.newNav-menu .btnmenu:hover{
    transform: scale(1.1);
}

.newNav-menu .btnmenu-main{
    background-color: #0D5FAF;
    color: #fff;
    border: none;
    font-weight: 600;
    margin: 0 10px;
    padding: 3px 7px;
    border-radius: 10px;
    transition: all 0.3s;
    cursor: pointer;
}

.newNav-menu .btnmenu-main:hover{
    transform: scale(1.1);
}
/* NOVA NAVBAR */

.sobreCilinder{
    width: 100%;
    padding: 0;
}

.navHeader-container{
    top: -200PX;
    left: 0;
    position: fixed;
    z-index: 1000;
    display: flex;
    justify-content: center;
    background-color: #2b6ca88a;
    width: 100%;
    transition: all 0.3s;
}

.navHeader{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 120px;
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    z-index: 1000;
    background-color: #F6DD63;
}

.avHeader-btnMenu{
    cursor: pointer;
    border: none;
    font-size: 13px;
    background-color: transparent;
    color: black;
    font-weight: 600;
    transition: all 0.3s;
}



.avHeader-btnMenu:hover{
    color: #0D5FAE;
    transform: scale(1.1);
}

.avHeader-btnMenu-insc{
    border: none;
    background-color: #0D5FAE;
    color: #fff;
    font-weight: 600;
    border-radius: 7px;
    padding: 3px 5px;
    transition: all 0.3s;
    cursor: pointer;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0));
}

.avHeader-btnMenu-insc:hover{
    transform: scale(1.05);
    filter: drop-shadow(1px 1px 15px rgba(0, 0, 0, 0.642));
}

#navMobile{
    display: none;
    justify-content: end;
    position: fixed;
    top: 10px;
    right: 10px;
    width: 70px;
    z-index: 1001;
    padding: 10px 10px 0 0;
    box-sizing: border-box;
    background-color: black;
    border-radius: 20px 10px 20px 10px;
    background-color: #D5B643;
    transition: all 0.3s;
    filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.514));
}

.selectItensNavMobile{
    width: 200px;
    background-color: #D5B643;
    height: 100vh;
    position: fixed;
    right:  -200px;
    transition: all 0.3s;
    z-index: 1000;
    display: none;
    flex-direction: column;
    padding: 20px;
    padding-top: 80px;
    box-sizing: border-box;
}

.selectItensNavMobile .avHeader-btnMenu{
    margin: 15px;
}


.logosHero{
    width: clamp(10px 95%, 500px);
    width: 600px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: start;
}

.logosHero img{
    width: clamp(10px, 90%, 100px);
    filter: drop-shadow(1px 1px 10px rgb(0, 0, 0));
    margin: 5px;
    background-color: #fff;
    border-radius: 15px;
    padding: 5px;
}

.heroSection-inscr{
    width: 100%;
    display: flex;
}

.heroSection-inscr-container{
    width: 70%;
    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;
}

.heroSection-inscr-container:first-child{
    justify-content: start;
}

.heroSection-inscr-container:first-child img{
    width: clamp(100px, 95%, 400px);
}


.heroSection-inscr-data{
    background-color: #fff;
    color: #9F45C7;
    font-size: 17px;
    padding: 2px 15px;
    border-radius: 7px;
    margin-top: 10px;
    font-weight: 700;
}

.heroSection-inscr .heroSection-inscr-act{
    border: none;
    background-color: #FFD700;
    color: #4B0082;
    font-weight: 900;
    border-radius: 7px;
    padding: 3px 5px;
    margin-top: 40px;
}

.heroSection-inscr-container-inscricao{
    width: 370px;
    background-color: #305F79;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
}


.heroSection-inscr-container-inscricao-title{
    color: #fff;
    font-weight: 900;
    font-style: Bold;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;

}

.heroSection-inscr-container-inscricao-input{
    width: 100%;
    color: hsl(0, 0%, 0%);
    border: 1px solid #63B6E6;
    background-color: #4588AE;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0%;
    padding: 10px 10px;
    box-sizing: border-box;
    margin: 10px 0;
    border-radius: 5px;
    outline: none;
}


.heroSection-inscr-container-inscricao-input::placeholder{
    color: #7EC2E8;
    font-weight: 500;
}

.heroSection-inscr-container-inscricao-area{
  width: 100%;
  height: 65px;
  resize: none;
  border: 1px solid #63B6E6;
  background-color: #4588AE;
  padding: 10px 10px;
    box-sizing: border-box;
    margin: 10px 0;
}
.heroSection-inscr-container-inscricao-area::placeholder{
    color: #7EC2E8;
    font-weight: 500;
}

.heroSection-inscr-container-inscricao-submit{
    background-color: #E9BB2A;
    color: #fff;
    font-weight: 900;
    border-radius: 10px;
    padding: 5px 20px;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    margin: 0 auto;
    display: block;
    cursor: pointer;
    border: none;
}


.heroSection-inscr-container-inscricao-policy{
    color: #fff;
    font-size: 10px;
    margin: 10px 0;
}





/*  */
/* SOBRE */
/*  */


.aboutSection-title{
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-style: bold;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #fff;
    margin: 0 auto;
    padding: 100px 40px 0 40px;
    display: block;
    line-height: 100%;
    letter-spacing: 0%;
    width: clamp(10px, 100%, 1000px);
    
}

.aboutSection-cardPrincipal{
    background-color: #fff;
    width: clamp(10px, 90%, 1000px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    margin-top: 70px;
    border-radius: 30px;
    padding: 50px 20px;
    box-sizing: border-box;
}

.aboutSection-cardPrincipal-title{
    text-align: center;
    margin: 0 auto;
    display: block;
    color: #4B0082;
    font-weight: 900;
    font-style: bold;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    max-width: 750px;
}

.aboutSection-cardPrincipal-container{
    width: 100%;
    display: flex;
    max-width: 800px;
    margin: 50px auto 50px auto;
}

.aboutSection-cardPrincipal-container-text{
    width: 55%;
    color: #4B0082;
    font-weight: 400;
    font-size: 13px;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;

}

.aboutSection-cardPrincipal-container-img{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45%;
}

.aboutSection-cardPrincipal-container-img img{
    width: 90%;
}


.aboutSection-subTitle{
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-style: bold;
    font-size: 35px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #fff;
    margin: 0 auto;
    padding: 100px 40px 0 40px;
    display: block;
    text-align: center;
    line-height: 100%;
    letter-spacing: 0%;
    box-sizing: border-box;
}


.aboutSection-subText{
    margin-top: 70px;
    display: flex;
    max-width: 700px;
    margin: 40px auto 40px auto;
}

.aboutSection-subText-paragrafo{
    color: #fff;
    padding: 30px;
    box-sizing: border-box;
}



/* Quem Realiza */


.quemSectiom{
    width: 100%;
    padding: 70px 0 0 0;
}

.quemSectiom-tite{
    color: #4B0082;
    font-weight: 900;
    font-style: bold;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: 0%;
    width: clamp(10px, 95%,1000px);
    margin: 0 auto;
}

.quemSectiom-subTite{
    width: clamp(10px, 95%,1000px);
    background-color: #D9D9D9;
    color: #4B0082;
    font-weight: 900;
    font-style: Black;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: 0%;
    font-family: 'Montserrat', sans-serif;
    margin: 0 auto;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 10px;
    margin-top: 50px;
}

.quemSectiom-text{
    display: flex;
    width: clamp(10px, 95%,1150px);
    margin: 70px auto 0 auto;
    font-size: 14px;
    color: #4B0082;
}

.quemSectiom-text-container{
    width: 50%;
}

.quemSectiom-text-container:first-child{
    display: flex;
    align-items: center;
    justify-content: center;
}
.quemSectiom-text-container img{
    width: 90%;
}


.container-ipn{
    width: 100%;
    height: 170px;
    background-color: #4B0082;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
}

.container-ipn button{
    background-color: #FFD700;
    color: #4B0082;
    transition: all 0.3s;
    cursor: pointer;
    border: none;
    border-radius: 15px;
    padding: 10px 20px;

    font-weight: 900;
    font-style: bold;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
}

.container-ipn button:hover{
    transform: scale(1.05);
}



.quemCineoTitle{
    text-align: center;
    font-weight: 900;
    font-style: Black;
    font-size: 45px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #4B0082;
    margin-top: 70px;
    margin-bottom: 50px;
}

.quemCineoEsphere-container{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.quemCineoEsphere{
    padding: 10px;
    color: #fff;
    font-weight: 600;
    font-style: Bold;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    background-color: #4B0082;
    display: inline;
     margin: 10px;
     border-radius: 10px;
}

.quemCineoImg{
    max-width: CLAMP(10px, 95%, 800px);
    margin: 0 auto;
    display: block;
    margin-top: 30px;
}


.programacaoSection{
    height: 400px;
    width: 100%;
    background-color: #4B0082;
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 100px;
}

.programacaoSectionContainer{
    width: 49%;
    height: 370px;
}

.programacaoSectionContainer:last-child{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}



.programacaoSectionDivider{
    width: 1px;
    height: 80%;
    background-color: #fff;
}

.programacaoSectionContainer-title{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 45px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
}

.programacaoSectionContainer-btnIcon{
    margin:  50px auto 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFD700;
    max-width: 400px;
    padding: 10px 0;
    border-radius: 8px;
    color: #5D5D5D;
    
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
}

.programacaoSectionContainer-btnIcon img{
    width: 30px;
    margin-right: 15px;
}

.programacaoSectionContainer-text{
    color: #fff;
    max-width: 400px;
    margin:  50px auto 0 auto;
    font-size: 11px;
}


.programacaoSectionBtn{
    width: 100%;
    height: 100px;
    background-color: #4B0082;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 40px;
}

.programacaoSectionBtn button{
    border: none;
    background-color: #FFD700;
    color: #4B0082;
    border-radius: 25px;
    padding: 12px 15px;

    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-style: Italic;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;

}


.programacaoSectionContainer-list{
    font-weight: 700;
    font-style: Bold;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #fff;
    max-width: 250px;
    margin: 0 auto;
     line-height: 1.5; /* 1.5 vezes a altura da fonte */
     margin-bottom: 70px;
}

.programacaoSectionContainer-listUl{
    color: #fff;
}


.seuSaberSection{
    width: 100%;
    padding: 70px 20px;
    box-sizing: border-box;
    text-align: center;
}

.seuSaberSection-title{
    font-weight: 900;
    font-style: Bold;
    font-size: 35px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #4B0082;
    margin-bottom: 30px;
    max-width: 450px;
    margin: 0 auto;
}

.seuSaberSection-text{
    font-size: 16px;
    color: #4B0082;
    max-width: 500px;
    margin: 30px auto 0 auto;
    line-height: 1.5;
}

.seuSaberSection-img{
    border-radius: 40px;
    width: clamp(10px , 95%, 500px);
    margin-top: 50px;
}

.seuSaberSection-subText{
    font-size: 16px;
    font-weight: 900;
    color: #4B0082;
    max-width: 600px;
    margin: 30px auto 0 auto;
    line-height: 1.5;
}

.seuSaberSection-subTitlePre{
    font-weight: 900;
    font-style: Bold;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #4B0082;
    margin: 50px auto 0 auto;
    max-width: 550px;
    text-transform: uppercase;
}


.seuSaberSection-buttonAct{
    background-color: #FFD700;
    color: #4B0082;
    transition: all 0.3s;
    cursor: pointer;
    border: none;
    border-radius: 15px;
    padding: 10px 20px;

    font-weight: 900;
    font-style: bold;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;

    margin: 50px auto 0 auto;
}



/* QUEM PODE */
.quempode{
    width: 100%;
    display: flex;
}

.quempodecontainer{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quempodecontainer img{
    max-width: 300px;
}

.quempodecontainertitle{
    font-size: 27px;
    font-weight: 900;
    font-style: black;
}

.quempodecontainer2{
    display: flex;
    flex-direction: column;
    
}

.quempodecontainer2 p{
    justify-content: left;
    width: 90%;
}
/* QUEM PODE */



/* EIXOS TEMÁTICOS */
.eixostematicos{
    width: 100%;
    height: 350px;
    background-image: url(/imgs/bannermeio.png?q=2);
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    padding: 100px 0;
}

.eixostematicos-container{
    width: 70%;
}

/* EIXOS TEMÁTICOS */



.participar-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #fff;
  padding: 20px 100px;
  min-height: 350px;
  font-family: "Poppins", sans-serif;
  color: #000;
}

.participar-container-buttons{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.participar-container-buttons button{
    background-color: #0D5FAF;
    color: #fff;
    border-radius: 10px;
    padding: 5px 10px;
    border: none;
    margin: 10px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 22px;
}

.participar-container-buttons button:hover{
    transform: scale(1.1);
}


.participar-texto {
  max-width: 550px;
}

.participar-texto h2 {
  font-weight: 800;
  font-size: 28px;
  margin-bottom: 20px;
}

.participar-texto p {
  line-height: 1.6;
  font-size: 16px;
  color: #111;
  margin-bottom: 30px;
}

.participar-link {
  color: #000;
  font-weight: 500;
  text-decoration: underline;
  transition: 0.2s;
}

.participar-link:hover {
  opacity: 0.8;
}

/* ===========================
   RESPONSIVIDADE (CELULAR)
   =========================== */
@media (max-width: 768px) {
  .participar-container {
    padding: 40px 20px;
    justify-content: center;
    text-align: center;
    flex-direction: column;
  }

  .participar-texto {
    max-width: 100%;
  }

  .participar-texto h2 {
    font-size: 24px;
  }

  .participar-texto p {
    font-size: 15px;
  }

  .participar-link {
    display: inline-block;
    font-size: 15px;
  }
}




/* CONOGRAMA */
.conograma{
    height: 170px;
    width: 100%;
    background-color: red;
}

.conograma-container{
    width: 90%;
    padding: 0 10px;
    box-sizing: border-box;
    height: 650px;
    background-color: #0D5FAF;
    display: flex;
    margin: -100px auto 0 auto;
    border-radius: 30px;
    flex-direction: column;
    align-items: center;
    color: #fff;
}

.conograma-container-title{
    font-size: 28px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    margin: 60px auto 0 auto;
}

.conograma-container-datas {
  display: flex;
  justify-content: center;
  align-items: stretch; /* faz os itens terem a mesma altura */
  gap: 10px; /* espaçamento entre os itens */
  width: 100%; /* garante que o container ocupe toda a largura */
  padding: 50px;
  box-sizing: border-box;
}

.conograma-container-datas-item {
  flex: 1; /* distribui igualmente o espaço entre os itens */
  height: 300px;
  background-color: #fff;
  border-radius: 8px; /* opcional: só pra estética */
  box-sizing: border-box;
}

.conograma-container-datas-item{
    color: black;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0 10px;
}

.conograma-container-datas-item i{
    font-size: 40px;
    margin-top: 40px;
    text-align: center;
}

/* 📱 Responsivo */
@media (max-width: 924px) {
  .conograma-container-datas {
    flex-wrap: wrap;
    height: 100%;
  }
  .conograma-container{
    height: auto;
  }
}

@media (max-width: 768px) {
  .conograma-container-datas-item {
    flex: 1 1 45%; /* 2 itens por linha */
    height: 230px;
  }
}

@media (max-width: 480px) {
  .conograma-container-datas-item {
    flex: 1 1 100%; /* 1 item por linha */
    height: 220px;
  }
}
/* CONOGRAMA */



.patrocSection{
    width: 100%;
    background-color: #4B0082;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 0;
}

.patrocSection-card{
    width: clamp(10px, 95%,1000px);
    background-color: #fff;
    border-radius: 20px;
    text-align: center;
    padding: 5px;
    box-sizing: border-box;
    padding-bottom: 40px;
}

.patrocSection-card-title{
    text-align: center;
    font-weight: 900;
    font-style: bold;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #4B0082;
    padding-top: 50px;
}

.patrocSection-card-cards{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 50px;
}


.patrocSection-card-cards-card{
    width: 200px;
    margin: 20px;
    display: flex;
    border: 1px solid #4B0082;
    border-radius: 30px;
    flex-direction: column;
}

.patrocSection-card-cards-card-logos{
    height: 250px;
    width: 100%;
}

.patrocSection-card-cards-card-type p{
    text-align: center;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #4B0082;
    margin: 10px 0;
}

.patrocSection-card-subTitle{
    text-align: center;
    font-weight: 900;
    font-style: bold;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #4B0082;
    margin-top: 50px;
}

.patrocSection-card-text{
    max-width: 600px;
    margin: 20px auto 0 auto;
    color: #4B0082;
    font-size: 14px;
    line-height: 1.5;
}


#footerLp{
    width: 100%;
    height: 200px;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: center;

    background-color: #F1F7FB;
}

#footerLp img{
    margin: 0 10px;
}


.footerLpCont{
    width: clamp(10px, 100%,400px);
    height: 300px;
}


.footerLpCont-CONT{
    color: #4B0082;
    font-size: 20px;
    font-weight: 6s00;
}

.footerLpCont-redes{
    display:flex;
    align-items: center;
    justify-content: start;
}

.footerLpCont-redes img{
    width: 30px;
    cursor: pointer;
    transition: all 0.3s;
    margin: 0 2px;
}

.footerLpCont-redes img:hover{
    width: 30px;
    transform: scale(1.1);
}


.modalPreInscricao{
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.342);
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(2px); 
    -webkit-backdrop-filter: blur(2px);
    z-index: 10000;
    padding: 20px;
    box-sizing: border-box;
}

.modalPreInscricao-container{
    width: 400px;
    height: 600px;
    background-color: #fff;
    border-radius: 15px;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}



 .sobre {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  background: #fff;
  padding: 80px 120px;
  overflow: hidden;
}

/* Bolha azul */
.sobre::before {
  content: "";
  position: absolute;
  left: -10%;
  top: 0;
  width: 80%;
  height: 100%;
  background: #0c61b1;
  /* border-radius:  0 50% 50% 0 ; */
  z-index: 1;
  border-radius: 0 40% 40% 0 ;
  box-shadow: 5px 0 15px rgba(0, 0, 0, 0.15);
}
.baseRedonda {
    height: 100%;
    width: 400px;
    position: absolute;
    top: 0;
    right: -170px;
}

/* Texto branco */
.texto {
  position: relative;
  z-index: 2;
  color: #fff;
  width: 55%;
}

.texto h2 {
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 20px;
  letter-spacing: 1px;
}

.texto p {
  font-size: 1.05rem;
  line-height: 1.7;
  margin-bottom: 15px;
  text-align: justify;
}

/* Coluna de imagens */
.imagens {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
  width: 30%;
}

.imagens img {
  width: 180px;
  height: auto;
  border-radius: 15px;
}

/* Efeito de hover */


@media (max-width: 900px) {
  .sobre {
    flex-direction: column;
    text-align: center;
    padding: 60px 40px;
  }

  .sobre::before {
    width: 110%;
    border-radius: 0 0 50% 50%;
  }

  .texto, .imagens {
    width: 100%;
  }

  .imagens {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 30px;
  }

  .imagens img{
    background-color: #fff;
  }
}









@media (max-width: 788px) {
  /* Tudo que estiver aqui só será aplicado quando a tela for menor que 788px */
  .heroSection-inscr{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .heroSection-inscr-container:last-child{
    margin-top: 50px;
  }

  .heroSection-inscr-container:first-child{
    width: 100%;
  }

  .aboutSection-cardPrincipal-container{
    flex-direction: column-reverse;
  }
  .aboutSection-cardPrincipal-container-text{
    width: 100%;
    margin-top: 50px;
  }
  
  .aboutSection-cardPrincipal-container-img{
    width: 100%;
  }

  .aboutSection-subText{
    flex-direction: column-reverse;
  }
  .f{
    width: 100%;
  }

  .aboutSection-subText-img{
    width: 100%;
    margin-top: 30px;
    text-align: center;
  }

  .aboutSection-subText-img img{
    width:50%;
  }

  .quemSectiom-text{
    flex-direction: column;
  }
  .quemSectiom-text-container{
    width: 100%;
    margin-top: 50px;
  }

  .programacaoSection{
    flex-direction: column;
    height: auto;
  }

  .programacaoSectionContainer{
    width: 95%;
    height: auto;
  }
    
  .programacaoSectionContainer:last-child{
    margin-top: 50px;
    padding-bottom: 50px;
  }

  .navHeader-container, .navHeader{
    display: none;
  }
  .heroSection-inscr{
    padding-top: 67px;
  }

  .heroSection-inscr-container{
    margin-bottom: 67px;
  }

  #navMobile{
    display: flex;
  }

  .selectItensNavMobile{
    display: flex;
  }

  #newNav{
    display: none;
  }

  #heroSection{
    height: 100vh;
  }
}

@media (max-width: 588px) {
    .logosHero{
        justify-content: center;
        flex-direction: column;
    }
    .quempode{
        flex-direction: column;
    }
    .quempodecontainer{
        width: 100%;
        margin: 40px 0;
    }

    .quempodecontainer img{
        width: 100% !important;
    }
    .eixostematicos{
        height: 450px;
    }
    .aboutSection-title{
        font-size: 35px;
    }

    .aboutSection-subTitle{
        font-size: 25pxs;
    }

    #footerLp{
        box-sizing: content-box;
        padding: 50px 0;
        flex-direction: column;
    }
    #footerLp img{
        margin: 12px 0;
    }

    .footerLpCont{
        padding-left: 20px;
        box-sizing: border-box;
        height: auto;
        margin-bottom: 40px;
    }
    .quemSectiom-tite{
        font-size: 37px;
        text-align: center;
    }

    .quemSectiom-subTite{
        font-size: 15px;
    }

    .container-ipn button{
        font-size: 15px;
        width: 90%;
    }

    .programacaoSectionContainer-title{
        font-size: 35px;
    }
}