@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body{
    background-color: #F3F3F3;  
}

.mgbottom{}

/* MENU */
.activePage {
    background-color: #00000021;
}
/* FIM DO MENU */


.div-imgpart{
    width: 100%;
    object-fit: cover;

    display: flex;
    justify-content: center;
    position: absolute;
    top: 71%;    
}

.titleOqueEh{
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 32%;
}

.saberlocal{
    font-size: 1.5rem;
    margin-bottom: 50px;
    margin: auto;
    width: 40%;
    text-align: center;
    margin-top: 50px;
}

.faleconosco{
    color: white;
    width: 100%;
    text-align: center;
    font-size: 1.5rem;

    margin-top: 40px;
    margin-bottom: 50px;
}

.imgpng{
    width: 100%;
    display: flex;
    justify-content: center;
}

.imgicon{
    width: 100px;
    height: 100px;
    margin-bottom: 40px;
}

.imgicondois{
    width: 500px;
    height: 120px;
    margin-bottom: 80px;
}




/* TESTE y LOCAL */
.sobrelocal{
    width: 100%;
    height: 30vh;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 0px;
    
}

.desfoque{
    height: 100%;
    width: 60%;

    background-color: #245688b0;
    z-index: 30;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.ullocal{
    color: white;
    margin: auto;
}

.link{
    text-align: center;
    width: 100%;
    height:60%;
    margin-top: 100px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.text1{
    font-size: 1.5rem;
    color: white;
    width: 50%;
    margin: auto;
}

.text2, .text3, .textcolab{
    width: 100%;
    margin: auto;
    text-align: center;
}

.textcolab, .text3, .text1{
    margin-top: 40px;
}

.text3{
    font-size: 1.5rem;
    color: black;    
}
.text1{
    font-size: 1.5rem;
    color: white;
}

.marginb{
    padding-bottom: 50px;
}

.text2{
    margin-top: 50px;
    margin-bottom: 50px;
}


.title2{
    width: 100%;
    height: 8vh;
    text-align: center;

    font-family: "Impact";
    margin-top: 80px;
}

.h1title3{
    margin-top: 100px;
}

.title3{
    padding: 4px;
    color:white;
    text-align: center;
    
}

.corpoPart{
    object-fit: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.align-btn{
    width: 100%;
    margin-top: 50px;
    display: flex;
    justify-content: center;
}

.btn-saibamais{
    width: 250px;
    height: 40px;
    margin-top: 20px;
    border-radius: 5px;
    border-style: none;
    background-color: #8BB3FF;
}

.btn-link{
    background-color: rgba(255, 255, 255, 0.911);
    height: 90px;
    width: 250px;
    border-radius: 99.5px;
    border: solid 2px #3BA86C;
}

.corlink a{
    color: #3BA86C!important;
}

.text-btn{
    margin-top: 3%;
}

.linkms{
    width: 50%;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 1.5rem;
}


.divteste{
    width: 100%; 
    position: absolute;
}

.pflueutante{
    font-size: 5rem;
    color: black;
}