@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



.outfit-light {

    font-family: "Outfit", sans-serif;

    font-optical-sizing: auto;

    font-weight: 300;

    font-style: normal;

}



.outfit-medium {

    font-family: "Outfit", sans-serif;

    font-optical-sizing: auto;

    font-weight: 500;

    font-style: normal;

}



.outfit-bold {

    font-family: "Outfit", sans-serif;

    font-optical-sizing: auto;

    font-weight: 700;

    font-style: normal;

}



*{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



.corpo-pagina{

    width: 1500px;

}



@media (max-width: 1500px){

    .corpo-pagina{

        width: 100%;

        padding: 0px 20px;

    }

}



.cores-dombosquinho .nav-topo2,

.cores-dombosquinho .nav-topo2 .dropdown-content{

    background-color: rgb(151, 0, 184);

}



.cores-dombosquinho .nav-topo2 .dropbtn,

.cores-dombosquinho .nav-topo2 .dropdown-content .link{

    color: white;

}



.cores-sao-mario .nav-topo2,

.cores-sao-mario .nav-topo2 .dropdown-content{

    background-color: rgb(16, 64, 153);

}



.cores-sao-mario  .nav-topo2 .dropbtn,

.cores-sao-mario .nav-topo2 .dropdown-content .link{

    color: white;

}





.cores-cidade-alta .nav-topo2

.cores-cidade-alta .nav-topo2 .dropdown-content{

    background-color: rgb(189, 118, 46);

}



.cores-cidade-alta  .nav-topo2 .dropbtn,

.cores-cidade-alta .nav-topo2 .dropdown-content .link{

    color: white;

}





.cores-assuncao  .nav-topo2 .dropbtn,

.cores-assuncao .nav-topo2 .dropdown-content{

    background-color: rgb(176, 25, 70);

}



.cores-assuncao .nav-topo2 .dropbtn,

.cores-assuncao .nav-topo2 .dropdown-content .link{

    color: white;

}







header{

    width: 100%;

    height: 50px;

    background: rgb(23, 58, 128);

    display: flex;

    justify-content: center;

}



.paginas-secundarias-topo{

    background: rgb(255, 236, 224);

}





header .topo .row-informacoes-topo{

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

}





header .topo .row-informacoes-topo .box-redes-sociais{

    display: flex;

    gap: 8px;

}



header .topo .row-informacoes-topo .box-redes-sociais img{

    height: 15px;

}



header .topo .row-informacoes-topo .box-links-importantes ul{

    display: flex;

    list-style: none;

    gap: 30px;

    margin-bottom: 0px;

}



header .topo .row-informacoes-topo .box-links-importantes ul li{

    position: relative;



}



header .topo .row-informacoes-topo .box-links-importantes ul li a{

    text-decoration: none;

    color: white;

    display: flex;

    align-items: center;

    gap: 5px;

    font-size: 14px;

}

header .topo .row-informacoes-topo .box-links-importantes ul li .botoes-sobre{
    background-color: rgb(176, 25, 70);
    border-radius: 4px;
}

header .topo .row-informacoes-topo .box-links-importantes ul li .botoes-sobre a{
    padding: 1px 5px;
}



.paginas-secundarias-topo .topo .row-informacoes-topo .box-links-importantes ul li a{

    text-decoration: none;

    color: rgb(28, 63,148);

    display: flex;

    align-items: center;

    gap: 5px;

    font-size: 14px;

}

.paginas-secundarias-topo .topo .row-informacoes-topo .box-links-importantes ul li .botoes-sobre a{
    text-decoration: none;

    color: white;

    display: flex;

    align-items: center;

    gap: 5px;

    font-size: 14px;
}


header .topo .row-informacoes-topo .box-links-importantes ul li::after{

    content: "";

    position: absolute;

    height: 90%;

    width: 1px;

    background: white;

    top: 5%;

    right: -15px;

}



.paginas-secundarias-topo .topo .row-informacoes-topo .box-links-importantes ul li::after{

    content: "";

    position: absolute;

    height: 90%;

    width: 1px;

    background: rgb(23, 58, 128);

    top: 5%;

    right: -15px;

}



header .topo .row-informacoes-topo .box-links-importantes ul li:last-of-type::after{

    content: "";

    width: 0px;

    position: absolute;

}



header .topo .row-informacoes-topo .box-links-importantes ul li:first-of-type a{

    background: white;

    color: rgb(23, 58, 128);

    padding: 1px 5px;

    border-radius: 4px;

}



.paginas-secundarias-topo .topo .row-informacoes-topo .box-links-importantes ul li:first-of-type a{

    background: transparent;

    padding: 0px;

    border-radius: 0px;

}



header .topo .row-informacoes-topo .box-links-importantes ul img{

    width: 18px;

    color: white;

}



header .topo .row-nav-topo-mobile{

    width: 100%;

    height: 100%;

    justify-content: space-between;

    align-items: center;

    display: none;

}



header .topo .row-nav-topo-mobile .logo {

    width: 120px;

}



header .topo .row-nav-topo-mobile .icon-menu{

    color: rgb(23, 58, 128);

    background: white;

    padding: 4px;

    border-radius: 4px;

}


@media(max-width:1046px){
    header .topo .row-informacoes-topo .box-links-importantes ul li a {
        font-size: 13px;
    }
}

@media(max-width: 1000px){



    header{

        height: 70px;

    }



    header .topo .row-informacoes-topo{

        display: none;

    }



    header .topo .row-nav-topo-mobile{

        display: flex;

    }



    .paginas-secundarias-topo{

        background: rgb(23, 58, 128);

    }



}



/*** NAV TOPO ***/



.nav-topo{

    position: absolute;

    top: 0;

    left: 0;

    height: 120px;

    width: 100%;

    z-index: 10;

    display: flex;

    justify-content: center;

}



.nav-topo img{

    width: 180px;

    height: auto;

}



.nav-topo .row-nav-topo{

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.nav-topo .row-nav-topo ul{

    display: flex;

    list-style: none;

    gap: 25px;

}



.nav-topo .row-nav-topo ul li a{

    color: white;

    font-size: 1.4rem;

    text-decoration: none;

}





@media(max-width: 1500px){



    .nav-topo .row-nav-topo ul li a {

        font-size: 1.3rem;

    }



    .nav-topo img{

        width: 160px;

    }



    .nav-topo {

        height: 100px;

    }



}



@media(max-width: 1000px){



    .nav-topo {

        display: none;

    }



}



/*** NAV-PAGINAS SECUNDARIAS ***/



.nav-topo2{

    position: relative;

    top: 0;

    left: 0;

    height: 100px;

    width: 100%;

    z-index: 10;

    display: flex;

    justify-content: center;

    box-shadow: 0px 7px 13px -6px #00000061;

}



.nav-topo2 img{

    width: 180px;

    height: auto;

}



.nav-topo2 .row-nav-topo{

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.nav-topo2 .row-nav-topo ul{

    display: flex;

    list-style: none;

    gap: 25px;

    margin-bottom: 0px;

}

.nav-topo .row-nav-topo ul li .btn-rematricula, .nav-topo2 .row-nav-topo ul li .btn-rematricula{
    background-color: #003782;
    text-decoration: none;
    color: white;
    padding: 7px;
    border-radius: 5px;
}

.nav-topo2 .row-nav-topo ul li a{

    color: rgb(23, 58, 128);

    font-size: 1.4rem;

    text-decoration: none;

}





@media(max-width: 1500px){



    .nav-topo2 .row-nav-topo ul li a {

        font-size: 1.3rem;

    }



    .nav-topo2 img{

        width: 160px;

    }



    .nav-topo2 {

        height: 100px;

    }



}



@media(max-width: 1000px){



    .nav-topo2 {

        display: none;

    }







}





/*** MENU MOBILE ***/



.container-menu-mobile{

    position: fixed;

    background: rgb(252, 225, 209);

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    z-index: 30;

    transform: translateY(100%);

    transition: .2s ease-out;

}



.ativar-menu-mobile{

    transition: .25s ease-in;

    transform: translateY(0%);

}



.container-menu-mobile .box-menu-mobile{

    padding: 20px 30px;

}



.container-menu-mobile .box-menu-mobile .topo-menu-mobile{

    width: 100%;

    display: flex;

    justify-content: end;

}



.container-menu-mobile .box-menu-mobile .topo-menu-mobile .icon-fechar-menu{

    width: 50px;

    height: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 100%;

    background: rgb(176, 25, 70);

    color: white;

    font-size: 2.5rem;

}



.container-menu-mobile .box-menu-mobile .body-menu-mobile{

    padding-top: 30px;

}



.container-menu-mobile .box-menu-mobile .body-menu-mobile h2{

    color: rgb(23, 58, 128);

    position: relative;

    width: 100%;

    padding-bottom: 10px;

    font-size: 1.9rem;

}



.container-menu-mobile .box-menu-mobile .body-menu-mobile h2:hover{

    cursor: pointer;

}



.container-menu-mobile .box-menu-mobile .body-menu-mobile h2 span{

    position: absolute;

    right: 0px;

    top: calc(50% - 12px);

}

.container-menu-mobile .box-menu-mobile .body-menu-mobile ul{

    list-style: none;

}



.container-menu-mobile .box-menu-mobile .body-menu-mobile > ul{

    padding-right: 10px;

}



.container-menu-mobile .box-menu-mobile .body-menu-mobile a{

    text-decoration: none;

    color: black;



}

.container-menu-mobile .box-menu-mobile .body-menu-mobile hr{
    opacity: 1;
    border-top: 2px solid white;
}

.container-menu-mobile .box-menu-mobile .body-menu-mobile .texto-menu{
    color: #cd1246;

    position: relative;

    width: 100%;

    padding-bottom: 10px;

    font-size: 1.9rem;  
}
/*** TELA SECUNDÁRIA MOBILE ***/



.container-menu-mobile .box-menu-mobile .body-menu-mobile .tela-secundaria-mobile{

    position: absolute;

    right: 0px;

    top: 0px;

    bottom: 0px;

    width: 100%;

    background: rgb(252, 225, 209);

    z-index: 40;

    transform: translateX(100%);

    transition: .2s ease-out;

    padding: 20px 30px;

    overflow-y: auto;

}



.container-menu-mobile .tela-secundaria-mobile .topo-tela-secundaria{

    width: 100%;

}



.container-menu-mobile .tela-secundaria-mobile .topo-tela-secundaria span{

    font-size: 1.5rem;

    color: rgb(176, 25, 70);

}



.container-menu-mobile .tela-secundaria-mobile .body-tela-secundaria{

    padding-top: 30px;

}



.container-menu-mobile .tela-secundaria-mobile .body-tela-secundaria ul{

    padding-right: 20px;

}



.container-menu-mobile .tela-secundaria-mobile .body-tela-secundaria ul a li{

    padding-bottom: 8px;

}



.container-menu-mobile .tela-secundaria-mobile .body-tela-secundaria ul a{

    font-size: 1.9rem;

    color: rgb(23, 58, 128);

    position: relative;

}



.container-menu-mobile .tela-secundaria-mobile .body-tela-secundaria ul a span{

    position: absolute;

    right: 0px;

    top: calc(50% - 12px);

}



.container-menu-mobile .tela-secundaria-mobile .body-tela-secundaria .row-menu-mobile{

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 30px;

}





.container-menu-mobile .tela-secundaria-mobile .body-tela-secundaria .row-menu-mobile .col-menu-mobile{

    display: block;

    width: calc(50% - 15px);

}



.container-menu-mobile .tela-secundaria-mobile .body-tela-secundaria .row-menu-mobile .col-menu-mobile img{

    width: 100%;

    height: auto;

}





@media(max-width: 610px){

    .container-menu-mobile .tela-secundaria-mobile .body-tela-secundaria .row-menu-mobile .col-menu-mobile{

        width: 100%;

    }

}



.ativar-menu-mobile-secundaria{

    transform: translateX(-100%);

    transition: .25s ease-in;

}



.container-menu-mobile .box-menu-mobile .body-menu-mobile .ativa-tela-secundaria{

    z-index: 45;

}

















/*** RODAPÉ ***/







footer{

    width: 100%;

    background: rgb(23, 58, 128);

    padding: 50px 0px;

    display: flex;

    justify-content: center;

}



footer .rodape .row-1{

    display: flex;

    justify-content: space-between;

    width: 100%;

}



footer .rodape .row-1 .coluna-logo{

    width: 400px;

}



footer .rodape .row-1 .coluna-logo .logo{

    width: 100%;

    padding-bottom: 20px;

}



footer .rodape .row-1 .coluna-logo .logo img{

    width: 100%;

}



footer .rodape .row-1 .coluna-logo .redes-sociais{

    width: 100%;

    display: flex;

    gap: 20px;

}



footer .rodape .row-1 .coluna-logo .redes-sociais img{

    width: 25px;

    height: auto;

}



footer .rodape .row-1 .coluna-menu{

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    gap: 15px;

}



footer .rodape .row-1 .coluna-menu > span{

    font-size: 1.2rem;

    color: white;

}



footer .rodape .row-1 .coluna-menu a{

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    color: rgb(23, 58, 128);

    background: white;

    padding: 5px 10px;

    border-radius: 7px;

    font-size: 1.3rem;

    text-decoration: none;

}



footer .rodape .row-1 .coluna-menu a img{

    width: 30px;

    height: auto;

}



footer .rodape .row-2{

    width: 100%;

    display: flex;

    justify-content: space-between;

    column-gap: 25px;

    row-gap: 35px;

    padding-top: 50px;

    flex-wrap: wrap;

}



footer .rodape .row-2 .coluna-navegacao{

    width: 250px;

    border-top: 2px solid white;

}



footer .rodape .row-2 .coluna-navegacao h1{

    font-size: 1.8rem;

    color: white;

    padding-top: 20px;

}



footer .rodape .row-2 .coluna-navegacao .links-navegacao{

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 5px;

}



footer .rodape .row-2 .coluna-navegacao .links-navegacao a{

    color: white;

    text-decoration: none;

    font-size: .9rem;

}



footer .rodape .row-2 .coluna-navegacao .links-navegacao a:hover{

    text-decoration: underline;

}



footer .rodape .row-2 .coluna-navegacao .box-endereco{

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 8px;

    padding-bottom: 12px;

}



footer .rodape .row-2 .coluna-navegacao .box-endereco span{

    color: white;

    font-size: .9rem;

}



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

    footer .rodape .row-1 .coluna-logo{

        width: 300px;

    }

}



@media(max-width: 780px){

    footer .rodape .row-1{

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }



    footer .rodape .row-1 .coluna-logo{

        display: flex;

        flex-direction: column;

        align-items: center;

        gap: 20px;

        padding-bottom: 30px;

        width: 100%;

    }



    footer .rodape .row-1 .coluna-logo .logo{

        display: flex;

        justify-content: center;

    }



    footer .rodape .row-1 .coluna-logo .logo img{

        width: 300px;

    }



    footer .rodape .row-1 .coluna-logo .redes-sociais{

        justify-content: center;

    }



    footer .rodape .row-1 .coluna-menu{

        align-items: center;

    }



}





@media(max-width: 600px){

    footer .rodape .row-2{

        justify-content: center;

    }

}

@media(max-width:564px){
    footer .rodape .row-2 .coluna-navegacao {
        width: 100%;
    }
}




.direitos{

    height: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color:rgb(255, 236, 224);

}

.direitos p{

    margin-bottom: 0px;

}

.direitos p a{

    text-decoration: none;

    color: rgb(23, 58, 128);

}

@media(max-width:513px){
    .direitos {
        height: 60px;
        padding: 0 10px;
    }
    .direitos p {
        text-align: center;
    }
}


/*** SLIDE ***/



.main-slide{

    width: 100%;

    max-height: 712px;

    aspect-ratio: 1920 / 712;

    position: relative;

}



.wrapper, .slide{

    position: relative;

    width: 100%;

    height: 100%;

}

.slide .img-desktop{
    width: 100%;
    height: 100%;
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets{

    top: 58%;

    right: 45px;

}



.swiper-pagination-bullet{

    width: 8px;

    height: 8px;

}



.swiper-pagination-bullet{

    background: #ffffff;

}



.swiper-pagination-bullet-active{

    background: rgb(176, 25, 70);

}





.slide .filtro{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.5);

    mix-blend-mode: multiply!important;

}



.slide .texto-slide{

    position: absolute;

    color: white;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 11;

    display: flex;

    justify-content: center;

}



.slide .texto-slide .row-texto-slide{

    display: flex;

    justify-content: center;

    flex-direction: column;

    width: 100%;

    height: 100%;

    padding-top: 120px;

}



.slide .texto-slide .row-texto-slide h1{

    width: 62%;

    font-size: 5rem;

}



.slide .texto-slide .row-texto-slide p{

    width: 62%;

    font-size: 1.7rem;

}



.slide .img-mobile{

    display: none;

}



@media(max-width: 1575px) and (min-width: 1500px){



    .slide .texto-slide .row-texto-slide h1{

        font-size: 4rem;

    }



    .slide .texto-slide .row-texto-slide p{

        font-size: 1.5rem;

    }



}



@media(max-width: 1500px){



    .slide .texto-slide .row-texto-slide h1{

        font-size: 3rem;

    }



    .slide .texto-slide .row-texto-slide p {

        font-size: 1.3rem;

    }



    .slide .texto-slide .row-texto-slide {

        padding-top: 100px;

    }



}



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



    .slide .texto-slide .row-texto-slide {

        padding-top: 100px;

    }



}



@media (max-width: 1000px){



    .slide .texto-slide .row-texto-slide {

        padding-top: 0px;

    }



    .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets{

        top: 50%;

    }





}


.slide .img-mobile{
    display: none;
}
.slide .img-tablet{
    display: none;
}
@media (max-width: 785px){



    .slide .img-tablet{

        display: block;
        width: 100%;
        height: 100%;

    }


    .slide .img-desktop{

        display: none;

    }



    .main-slide{

        width: 100%;

        max-height: 650px;

        aspect-ratio: 784 / 650;

        position: relative;

    }



    .swiper-pagination {

        display: none;

    }



    .slide .texto-slide .row-texto-slide h1{

        width: 100%;

    }



    .slide .texto-slide .row-texto-slide p {

        width: 100%;

    }

    .slide .texto-slide .row-texto-slide {
        text-align: center;
        padding-bottom: 110px;
    }



}



@media (max-width: 785px) and (max-width: 575px){

    .slide .texto-slide .row-texto-slide h1{

        font-size: 2rem;

        width: 100%;

    }





    .slide .texto-slide .row-texto-slide p {

        font-size: 1rem;

        width: 100%;

    }

}

@media(max-width:425px){
    .slide .img-tablet{
        display: none;
    }
    .slide .img-mobile{
        display: block;
        width: 100%;
        height: 100%;
    }
}


.linha-azul {

    background: rgb(23, 58, 128);

    width: 100%;

    height: 10px;

}



main{

    padding-top: 50px;

    background: rgb(255, 236, 224);

    width: 100%;

    /* overflow-x: hidden; */

}



.overflow{

    overflow-x: hidden;

}



.menu-das-unidades{

    width: 100%;

    display: flex;

    justify-content: center;

    position: relative;

}



.menu-das-unidades .box-menu-unidades{

    display: flex;

    justify-content: space-between;

    position: absolute;

    z-index: 20;

    top: -50px;

}



.menu-das-unidades .respiro{

    height: 270px;

}



.menu-das-unidades .box-menu-unidades .unidade img{

    width: 270px;

}



.menu-das-unidades .box-menu-unidades-mobile{

    display: none;

}



.menu-das-unidades .box-menu-unidades-mobile .dombosco-assuncao{

    width: 55%;

    background: rgb(176, 25, 70);

    color: white;

}



.menu-das-unidades .box-menu-unidades-mobile .dombosco-cidade-alta{

    width: 45%;

    background: rgb(189, 118, 46);

    color: white;

}



.menu-das-unidades .box-menu-unidades-mobile .dombosco-sao-mario{

    width: 45%;

    background: rgb(23, 58, 128);

    color: white;

}



.menu-das-unidades .box-menu-unidades-mobile .dombosco-dombosquinho{

    width: 55%;

    background: rgb(151, 0, 184);

    color: white;

}



@media (max-width: 1430px) and (min-width:1140px) {



    .menu-das-unidades .box-menu-unidades .unidade img{

        width: 230px;

    }



}



@media (max-width: 1140px) and (min-width: 900px){



    .menu-das-unidades .box-menu-unidades .unidade img{

        width: 190px;

    }



}



@media (max-width: 900px) and (min-width: 700px){



    .menu-das-unidades .box-menu-unidades .unidade img{

        width: 140px;

    }



}



@media (max-width: 700px){



    .menu-das-unidades .box-menu-unidades{

        display: none;

    }



    .menu-das-unidades .respiro{

        height: 270px;

        width: 0;

    }





    .menu-das-unidades .box-menu-unidades-mobile .unidade{

        display: flex;

        justify-content: center;

        align-items: center;

        padding: 0px 10px;

        font-size: 1.2rem;

    }



    .menu-das-unidades .box-menu-unidades-mobile .unidade span{

        text-align: center;

    }

    .menu-das-unidades .box-menu-unidades-mobile .unidade span a{

        text-decoration: none;

        color: white;

    }

    .menu-das-unidades .box-menu-unidades-mobile{

        display: flex;

        flex-wrap: wrap;

        width: 100%;

    }



}





/*** SOBRE-HOME ***/



.sobre {

    width: 100%;

    display: flex;

    justify-content: center;

    padding: 130px 0px;

    position: relative;

}



.sobre::after{

    content: "";

    position: absolute;

    top: 53px;

    width: 600px;

    height: 1px;

    background: rgb(105, 65, 65);

}



.sobre::before{

    content: "";

    position: absolute;

    bottom: 53px;

    width: 600px;

    height: 1px;

    background: rgb(105, 65, 65);

}





.sobre .box-sobre h1{

    text-align: center;

    color: rgb(176, 25, 70);

    font-size: 3.5rem;

}



.sobre .box-sobre p {

    text-align: center;

    font-size: 1.5rem;

    padding: 30px 30px;

}



.sobre .box-sobre .botoes-sobre{

    display: flex;

    width: 100%;

    justify-content: center;

    gap: 20px;

    padding-bottom: 100px;
}



.sobre .box-sobre .botoes-sobre a{

    display: block;

    font-size: 1.8rem;

    color: rgb(255, 236, 224);

    padding: 5px 20px;

    border-radius: 6px;

    text-decoration: none;

}



.sobre .box-sobre .botoes-sobre a:first-of-type{

    background: rgb(189, 118, 46);

}



.sobre .box-sobre .botoes-sobre a:last-of-type{

    background: rgb(176, 25, 70);

}



.sobre .box-sobre .box-sobre-imagem img{

    width: 100%;

    height: auto;

}





@media(max-width: 650px){



    .sobre::after{

        width: 90%;

        margin: 0px 15px;

    }



    .sobre::before{

        width: 90%;

        margin: 0px 15px;

    }



}



@media (max-width: 510px){

    .sobre .box-sobre .botoes-sobre{

        flex-direction: column;

        text-align: center;

    }

}







/*** SLIDE ENSINO ***/



.slide-ensino{

    width: 100%;

    display: flex;

    justify-content: center;

}



.slide-ensino .main-slide2{

    min-height: 810px;

}



.slide-ensino .box-slide-ensino > h1{

    color: rgb(176, 25, 70);

    text-align: center;

    font-size: 3.5rem;

    padding-bottom: 10px;

}



.slide-ensino .box-slide-ensino .slide2{

    display: flex;

    justify-content: end;

    margin-top: 40px;

    position: relative;

}



.slide-ensino .box-slide-ensino .slide2 .texto-slide{

    padding-top: 100px;

    padding-left: 20px;

    padding-bottom: 100px;

    width: 925px;

    min-height: 500px;

}



.slide-ensino .box-slide-ensino .slide2 .texto-slide h1{

    font-size: 3rem;

}



/* .slide-ensino .box-slide-ensino .slide2:first-of-type .texto-slide{

    padding-top: 180px;

} */



.slide-ensino .box-slide-ensino .slide2 .texto-slide p{

    font-size: 1.5rem;

}



.slide-ensino .box-slide-ensino .slide2 .polaroide-1{

    position: absolute;

    width: 465px;

    left: 90px;

    bottom: 65px;

}



.slide-ensino .box-slide-ensino .slide2 .polaroide-2{

    position: absolute;

    width: 300px;

    left: 470px;

    bottom: 88px;

}



.slide-ensino .box-slide-ensino .slide2 a{

    padding: 5px 10px;

    border-radius: 7px;

    color: white;

    text-decoration: none;

    background: rgb(176, 25, 70);

}



.slide-ensino .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {

    bottom: auto;

    top: 40px;

    left: 0;

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}



.slide-ensino .swiper-pagination-bullet {

    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));

    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));

    display: inline-block;

    border-radius: 0;

    background: var(--swiper-pagination-bullet-inactive-color, #000);

    opacity: 1;

}



.slide-ensino .swiper-pagination-bullet {

    width: 25%;

    height: 3px;

}



.slide-ensino .swiper-pagination-bullet {

    background: black;

}



.slide-ensino .swiper-pagination-bullet-active{

    background: rgb(176, 25, 70);

    height: 4px;

}



.slide-ensino .swiper-pagination-bullet-active label{

    color: rgb(176, 25, 70);

}



.slide-ensino .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0;

}





.slide-ensino .swiper-pagination::after{

    content: "";

    position: absolute;

    left: 0px;

    width: 10px;

    height: 10px;

    background: black;

    border-radius: 100%;

}



.slide-ensino .swiper-pagination::before{

    content: "";

    position: absolute;

    right: 0px;

    width: 10px;

    height: 10px;

    background: black;

    border-radius: 100%;

}



.slide-ensino .respiro-slide{

    height: 750px;

}

@media (max-width: 1510px){





    .slide-ensino .box-slide-ensino .slide2 .texto-slide{

        padding-top: 100px;

        padding-left: 50px;

        padding-bottom: 0px;

        padding-right: 20px;

        min-height: auto;

        width: 925px;

    }



    .slide-ensino .box-slide-ensino .slide2{

        display: flex;

        justify-content: center;

        margin-top: 40px;

    }



    .slide-ensino .box-slide-ensino .slide2 .imagens-slide{

        margin-top: 50px;

    }



    .slide-ensino .box-slide-ensino .slide2 .polaroide-1{

        position: relative;

        width: 335px;

        left: auto;

        bottom: auto;

    }



    .slide-ensino .box-slide-ensino .slide2 .polaroide-2{

        position: relative;

        width: 300px;

        left: auto;

        bottom: auto;

        display: none;

    }



}



@media(max-width: 1500px){



    .slide-ensino .main-slide2{

        min-height: 710px;

    }



    .slide-ensino .respiro-slide{

        height: 550px;

    }



}





@media(max-width: 1000px){



    .slide-ensino .swiper-pagination-bullet label{

        display: none;

    }



}



@media(max-width: 900px) and (min-width: 720px){

    .slide-ensino .box-slide-ensino .slide2 .texto-slide {

        padding-left: 20px;

    }

}



.slide-ensino .botoes-navegacao .swiper-button-prev, .swiper-button-next{

    display: none;

}



@media(max-width: 720px){

    .slide-ensino .box-slide-ensino .slide2 {

        flex-direction: column-reverse;

    }



    .slide-ensino .respiro-slide {

        display: none;

    }





    .slide-ensino .box-slide-ensino .slide2 .texto-slide {

        width: 100%;

        padding-left: 0px;

        padding-right: 0px;

        padding-top: 0px;



    }



    .slide-ensino .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{

        display: none;

    }



    .slide-ensino .box-slide-ensino .slide2 .polaroide-1{

        display: none;

    }



    .slide-ensino .box-slide-ensino .slide2 .polaroide-2{

        display: block;

        width: 100%;

    }

    .slide-ensino .botoes-navegacao{

        position: relative;

        bottom: calc(94.7%);

        width: 70px;

        left: calc(79%);

        height: 40px;

        box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px 1px;

        border-radius: 10px;

    }

    .slide-ensino .botoes-navegacao:after{

        content: "";

        background-color: rgba(148, 148, 148, 0.699);

        width: 1px;

        height: 30px;

        position: absolute;

        bottom: 5px;

        right: calc(50%);

    }

    .slide-ensino .botoes-navegacao .swiper-button-prev, .swiper-button-next{

        display: flex;

    }

    .slide-ensino .botoes-navegacao .swiper-button-prev{

        left: calc(4%);

    }

    .slide-ensino .botoes-navegacao .swiper-button-next{

        left: calc(57%);

    }

    .slide-ensino .botoes-navegacao .swiper-button-next:after, .swiper-button-prev:after{

        font-size: 1.5rem;

        color: rgb(155 154 154);

    }

    .slide-ensino .box-slide-ensino > h1 {
        text-align: start;
    }

}



@media(max-width:400px){

    .slide-ensino .box-slide-ensino > h1 {

        font-size: 3.3rem;

    }

    .slide-ensino .botoes-navegacao {

        width: 60px;

        height: 40px;

        left: calc(84%);

    }

    .slide-ensino .botoes-navegacao .swiper-button-next:after, .swiper-button-prev:after {

        font-size: 1.2rem;

    }

    .slide-ensino .botoes-navegacao .swiper-button-prev {

        left: calc(1%);

    }

    .slide-ensino .botoes-navegacao:after {

        height: 30px;

        right: calc(47%);

    }

}



/*** MURAL - HOME ***/



.mural{

    width: 100%;

    display: flex;

    justify-content: center;

    padding-top: 100px;

}



.mural .container-mural{

    display: flex;

    justify-content: center;

}



.mural .container-mural .box-mural{

    width: 100%;

    border: 6px solid rgb(23, 58, 128);

    border-radius: 25px;

    padding: 30px 0px;

}



.mural .container-mural .box-mural .titulo h1{

    color: rgb(23, 58, 128);

    font-size: 4rem;

    text-align: center;

    margin-bottom: 25px;

}



.mural .container-mural .box-mural .principal-mural {

    display: flex;

    justify-content: space-evenly;

}

.mural .container-mural .box-mural .principal-mural a{

    text-decoration: none;
    /* width: 300px; */

}



.mural .container-mural .box-mural .principal-mural .pagina-mural{

    position: relative;

    width: 400px;

    min-height: 250px;

    border: 6px solid rgb(23, 58, 128);

    border-radius: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 0px 15px;

    transition: .15s ease-out;

}



.mural .container-mural .box-mural .principal-mural .pagina-mural h2{

    width: 100%;

    text-align: center;

    color: rgb(23, 58, 128);

    transition: .15s ease-out;

}

.mural .container-mural .box-mural .principal-mural .cls-1 {

    fill: #003782;

}



.mural .container-mural .box-mural .principal-mural .cls-1,

.mural .container-mural .box-mural .principal-mural .cls-2 {

    fill-rule: evenodd;

}



.mural .container-mural .box-mural .principal-mural .cls-2 {

    fill: #cd1246;

}



.mural .container-mural .box-mural .principal-mural .pagina-mural svg{

    position: absolute;

    width: 50px;

    height: auto;

    top: 10px;

    left: 20px;

}



.mural .container-mural .box-mural .principal-mural .pagina-mural a{

    text-decoration: none;

}



.mural .container-mural .box-mural .principal-mural .pagina-mural:hover{

    background: rgb(23, 58, 128);

    border-color: rgb(23, 58, 128);

    transition: .2s ease-in;

    cursor: pointer;

    transform: scale(1.05);

}



.mural .container-mural .box-mural .principal-mural .pagina-mural:hover h2{

    color: white;

    transition: .2s ease-in;

}



.mural .container-mural .box-mural .principal-mural .pagina-mural:hover .cls-1 {

    fill: #ffffff;

    transition: .2s ease-in;

}



.mural .container-mural .box-mural .principal-mural .pagina-mural:hover .cls-2 {

    fill: #ffffff;

    transition: .2s ease-in;

}





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



    .mural .container-mural .box-mural .principal-mural .pagina-mural{

        width: 320px;

        min-height: 220px;

    }



}



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

    .mural .container-mural .box-mural .principal-mural .pagina-mural{

        width: 290px;

        min-height: 210px;

    }



    .mural .container-mural .box-mural .principal-mural .pagina-mural h2{

        font-size: 1.4rem;

    }



}



@media (max-width: 980px) {



    .mural .container-mural .box-mural .principal-mural{

        flex-direction: column;

        align-items: center;

        justify-content: center;

        gap: 30px;

    }



}



@media (max-width: 530px) {



    .mural .container-mural .box-mural .principal-mural{

        padding-left: 25px;

        padding-right: 25px;

    }



    .mural .container-mural .box-mural .principal-mural .pagina-mural{

        width: 100%;



    }
    .mural .container-mural .box-mural .principal-mural a {
        width: 100%;
    }



}







/*** NOTICIAS - HOME ***/



.noticias{

    width: 100%;

    display: flex;

    justify-content: center;

}



.noticias .container-noticias{

    padding: 100px 0px;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.noticias .container-noticias > .titulo-noticias h1{

    text-align: center;

    color: rgb(176, 25, 70);

    font-size: 3.5rem;

}



.noticias .container-noticias .box-noticias{

    width: 1200px;

    display: grid;

    grid-template-columns: repeat(6, 1fr);

    grid-template-rows: repeat(6, 1fr);

    grid-column-gap: 0px;

    grid-row-gap: 0px;

    max-height: 750px;

}



.noticias .container-noticias .box-noticias .noticia-principal {

    grid-area: 1 / 1 / 7 / 4;

    padding: 20px;

}



.noticias .container-noticias .box-noticias .noticia-secundaria-1{

    grid-area: 1 / 4 / 4 / 7;

    padding: 20px;

}



.noticias .container-noticias .box-noticias .noticia-secundaria-2 {

    grid-area: 4 / 4 / 7 / 7;

    padding: 20px;

}


.noticias .container-noticias .box-noticias .a{

}
.noticias .container-noticias .box-noticias .moldura-noticia{

    width: 100%;

    -webkit-text-decoration:none;
            text-decoration:none;

    color: black;

    height: 100%;

    border: 3px solid rgb(23, 58, 128);

    border-radius: 15px;

    /* padding: 25px; */

    display: flex;

    position: relative;

}





.noticias .container-noticias .box-noticias .noticia-secundaria-1 .moldura-noticia:hover,

.noticias .container-noticias .box-noticias .noticia-secundaria-2 .moldura-noticia:hover,

.noticias .container-noticias .box-noticias .noticia-principal .moldura-noticia:hover {

    cursor: pointer;

}



.noticias .container-noticias .box-noticias .noticia-secundaria-1 .moldura-noticia .seta-noticia,

.noticias .container-noticias .box-noticias .noticia-secundaria-2 .moldura-noticia .seta-noticia{

    position: absolute;

    bottom: 25px;

    right: 25px;

    width: 40px;

    height: auto;

}



.noticias .container-noticias .box-noticias .noticia-principal .moldura-noticia .seta-noticia{

    position: absolute;

    bottom: 25px;

    right: 25px;

    width: 60px;

    height: auto;

}



.noticias .container-noticias .box-noticias .noticia-secundaria-1 .moldura-noticia:hover .seta-noticia,

.noticias .container-noticias .box-noticias .noticia-secundaria-2 .moldura-noticia:hover .seta-noticia,

.noticias .container-noticias .box-noticias .noticia-principal .moldura-noticia:hover .seta-noticia {

    transition: .2s ease-in;

    transform: scale(1.10);

}



.noticias .container-noticias .box-noticias .noticia-secundaria-1 .moldura-noticia .seta-noticia .st0,

.noticias .container-noticias .box-noticias .noticia-secundaria-2 .moldura-noticia .seta-noticia .st0,

.noticias .container-noticias .box-noticias .noticia-principal .moldura-noticia .seta-noticia .st0 {

    fill: #cd1246;

    transition: .15s ease-out;

}



.noticias .container-noticias .box-noticias .noticia-secundaria-1 .moldura-noticia .seta-noticia .st1,

.noticias .container-noticias .box-noticias .noticia-secundaria-2 .moldura-noticia .seta-noticia .st1,

.noticias .container-noticias .box-noticias .noticia-principal .moldura-noticia .seta-noticia .st1 {

    fill: #e7eaed;

}



.noticias .container-noticias .box-noticias .noticia-secundaria-1 .moldura-noticia:hover .seta-noticia .st0,

.noticias .container-noticias .box-noticias .noticia-secundaria-2 .moldura-noticia:hover .seta-noticia .st0,

.noticias .container-noticias .box-noticias .noticia-principal .moldura-noticia:hover .seta-noticia .st0 {

    fill: rgb(23, 58, 128);

    transition: .2s ease-in;

}



.noticias .container-noticias .box-noticias .noticia-principal .moldura-noticia{

    padding: 25px 25px 0px 25px;

    flex-direction: column;

}



.noticias .container-noticias .box-noticias .noticia-secundaria-1 .moldura-noticia,

.noticias .container-noticias .box-noticias .noticia-secundaria-2 .moldura-noticia{

    padding:  25px 0px 25px 25px;

}



.noticias .container-noticias .box-noticias .noticia-principal .moldura-noticia .imagem{

    width: 100%;

    height: 54%;

    overflow: hidden;

    border-radius: 15px;

}



.noticias .container-noticias .box-noticias .noticia-secundaria-1 .moldura-noticia .imagem,

.noticias .container-noticias .box-noticias .noticia-secundaria-2 .moldura-noticia .imagem{

    width: 44%;

    height: 100%;

    overflow: hidden;

    border-radius: 15px;

}



.noticias .container-noticias .box-noticias .moldura-noticia .imagem img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.noticias .container-noticias .box-noticias .noticia-principal .moldura-noticia .texto{

    height: 46%;

    width: 100%;

    padding-top: 15px;

}



.noticias .container-noticias .box-noticias .noticia-secundaria-1 .moldura-noticia .texto,

.noticias .container-noticias .box-noticias .noticia-secundaria-2 .moldura-noticia .texto{

    width: 56%;
    display: flex;
    padding-left: 10px;
    align-items: center;

}



.noticias .container-noticias .box-noticias .moldura-noticia .texto h2{

    color: rgb(176, 25, 70);

    transition: .15s ease-out;

}



.noticias .container-noticias .box-noticias .moldura-noticia:hover .texto h2{

    color: rgb(23, 58, 128);

    transition: .2s ease-in;

}



.noticias .container-noticias .box-noticias .noticia-principal .moldura-noticia .texto h2{

    font-size: 2.7rem;

}



.noticias .container-noticias .box-noticias .noticia-principal .moldura-noticia .texto p{

    font-size: 1.5rem;

}



.noticias .container-noticias .box-noticias .noticia-secundaria-1 .moldura-noticia .texto h2,

.noticias .container-noticias .box-noticias .noticia-secundaria-2 .moldura-noticia .texto h2{

    font-size: 2.1rem;

}



.noticias .container-noticias .box-noticias .noticia-secundaria-1 .moldura-noticia .texto p,

.noticias .container-noticias .box-noticias .noticia-secundaria-2 .moldura-noticia .texto p{

    font-size: 1.1rem;

}


.noticias .container-noticias .mais-noticia{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-right: 195px;
    align-items: center;
    gap: 10px;
}
.noticias .container-noticias .mais-noticia a{
    text-decoration: none;
    color: rgb(23, 58, 128);
    font-size: 1.5rem;
}
.noticias .container-noticias .mais-noticia .seta-noticia{
    width: 40px;
}
.noticias .container-noticias .mais-noticia .seta-noticia .st0{
    fill: #cd1246;
}
.noticias .container-noticias .mais-noticia .seta-noticia .st1{
    fill: white;
}


@media(max-width: 1200px){



    .noticias .container-noticias .box-noticias{

        width: 800px;

        display: flex;

        flex-direction: column;

        max-height: none;

    }



    .noticias .container-noticias .box-noticias .noticia-principal {

        padding: 20px 0px 20px 0px;

    }



    .noticias .container-noticias .box-noticias .noticia-secundaria-1{

        padding: 20px 0px 20px 0px;

    }



    .noticias .container-noticias .box-noticias .noticia-secundaria-2 {

        grid-area: auto;

        display: none;

        padding: 20px;

    }



}



@media(max-width: 1200px) and (min-width: 800px){

    .noticias .container-noticias .box-noticias{

        width: 800px;

    }

}



@media(max-width: 800px) and (min-width: 600px){

    .noticias .container-noticias .box-noticias{

        width: 600px;

    }

}



@media(max-width: 600px){

    .noticias .container-noticias .box-noticias{

        width: 100%;

    }



    .noticias .container-noticias .box-noticias .noticia-principal {

        padding: 20px;

    }



    .noticias .container-noticias .box-noticias .noticia-secundaria-1{

        padding: 20px;

    }



    .noticias .container-noticias .box-noticias .noticia-secundaria-1 .moldura-noticia{

        flex-direction: column;

        padding: 25px 25px 25px 25px;

    }



    .noticias .container-noticias .box-noticias .noticia-principal .moldura-noticia {

        padding: 25px 25px 25px 25px;

    }



    .noticias .container-noticias .box-noticias .noticia-principal .moldura-noticia .imagem {

        width: 100%;

        height: 100%;

        aspect-ratio: 1 / 1;

    }



    .noticias .container-noticias .box-noticias .noticia-principal .moldura-noticia .texto {

        height: auto;

        padding-bottom: 50px;

    }



    .noticias .container-noticias .box-noticias .noticia-principal .moldura-noticia .texto h2 {

        font-size: 2.1rem;

    }



    .noticias .container-noticias .box-noticias .noticia-principal .moldura-noticia .texto p {

        font-size: 1.1rem;

    }



    .noticias .container-noticias .box-noticias .noticia-principal .moldura-noticia .seta-noticia {

        width: 40px;

    }



    .noticias .container-noticias .box-noticias .noticia-secundaria-1 .moldura-noticia .imagem{

        width: 100%;

        aspect-ratio: 1 / 1;

    }



    .noticias .container-noticias .box-noticias .noticia-secundaria-1 .moldura-noticia .texto{

        width: 100%;

        padding: 15px 0px 40px 0px;

    }

    .noticias .container-noticias .mais-noticia {
        justify-content: center;
        padding-right: 0;
    }

}



@media(max-width: 400px){



    .noticias .container-noticias .box-noticias .noticia-principal .moldura-noticia .texto h2,

    .noticias .container-noticias .box-noticias .noticia-secundaria-1 .moldura-noticia .texto h2 {

        font-size: 1.8rem;

    }



}







/*** CENTRAL DE AJUDA - HOME ***/



.central-ajuda{

    padding: 50px 0px;

    display: flex;

    justify-content: center;

    width: 100%;

}

.central-ajuda .link-ajuda
 {
    width: 1200px !important;
    display: block;
    max-width: 90%!important;
}

.central-ajuda .img-central-ajuda,
.central-ajuda .img-central-ajuda-mobile{
    width: 100%;
}

.central-ajuda .img-central-ajuda-mobile{
    display: none;
}

.central-ajuda .img-central-ajuda{
    display: block;
}

@media (max-width: 600px) {
    .central-ajuda .img-central-ajuda-mobile{
        display: block;
    }

    .central-ajuda .img-central-ajuda{
        display: none;
    }
}

.central-ajuda .box-central-ajuda{

    width: 100%;

    display: flex;

    background: white;

    padding: 60px 70px;

    border-radius: 20px;

    transition: .15s ease-out;

}



.central-ajuda .box-central-ajuda:hover{

    box-shadow: 0px 0px 43px -1rem #7b7b7b;

    transition: .2s ease-in;

    cursor: pointer;

}

.central-ajuda .box-central-ajuda a{

    text-decoration: none;
    color: black;

}

.central-ajuda .box-central-ajuda .texto{

    width: 50%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    gap: 50px;

}



.central-ajuda .box-central-ajuda .texto h1{

    color: rgb(23, 58, 128);

    font-size: 5rem;

}



.central-ajuda .box-central-ajuda .texto .conteudo-texto p{

    font-size: 2.4rem;

    width: 90%;

    line-height: 3rem;

}

.central-ajuda .box-central-ajuda .texto .portal-texto p{

    font-size: 1.8rem;

    width: 80%;

    line-height: 2.3rem;

}

.central-ajuda .box-central-ajuda .texto .consulte-texto p{

    font-size: 1.8rem;

    width: 80%;

    line-height: 2.3rem;

}

.central-ajuda .box-central-ajuda .texto .consulte-texto a{

    text-decoration: none;

    color: #212529;

    font-size: 1.8rem;

    width: 80%;

}

.central-ajuda .box-central-ajuda .texto .consulte-texto a span{

    color: rgb(23, 58, 128);

}

.central-ajuda .box-central-ajuda .imagem{

    width: 50%;

    display: flex;

    justify-content: center;

}



.central-ajuda .box-central-ajuda .imagem img{

    width: 600px;

    height: auto;

}



@media (max-width: 1500px) and (min-width: 1200px) {

    .central-ajuda .container-central-ajuda{

        width: 100%;

        padding: 0px 20px;

    }



    .central-ajuda .box-central-ajuda .texto h1{

        font-size: 4rem;

    }



}





@media (max-width: 1200px){
    .central-ajuda .box-central-ajuda{
        flex-direction: column;
        align-items: center;
    }
    .central-ajuda .box-central-ajuda .texto{
        width: 100%;
        align-items: center;
        padding-bottom: 40px;
    }
    .central-ajuda .box-central-ajuda .texto .conteudo-texto, .central-ajuda .box-central-ajuda .texto .portal-texto,
    .central-ajuda .box-central-ajuda .texto .consulte-texto{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .central-ajuda .box-central-ajuda .texto .consulte-texto p, .central-ajuda .box-central-ajuda .texto .consulte-texto a {
        width: 100%;
        text-align: center;
    }
    .central-ajuda .box-central-ajuda .texto h1,
    .central-ajuda .box-central-ajuda .texto p{
        text-align: center;
    }
    .central-ajuda .box-central-ajuda .imagem{
        width: 100%;
    }
}





@media (max-width: 800px){

    .central-ajuda .box-central-ajuda{

        padding: 50px 20px;

    }



    .central-ajuda .box-central-ajuda .texto h1{

        font-size: 4rem;

    }



    .central-ajuda .box-central-ajuda .texto p{

        line-height: normal;

        font-size: 1.7rem;

    }



    .central-ajuda .box-central-ajuda .texto a{

        font-size: 1.7rem;

    }



    .central-ajuda .box-central-ajuda .imagem img{

        width: 100%;

    }



}





@media(max-width: 575px){

    .central-ajuda .box-central-ajuda .texto .conteudo-texto p {
        font-size: 1.4rem;
        line-height: 1.3;
    }

    .central-ajuda .box-central-ajuda .texto .portal-texto p {
        font-size: 1.4rem;
        line-height: 1.5rem;
    }
    .central-ajuda .box-central-ajuda .texto .consulte-texto a {
        font-size: 1.4rem;
    }
    .central-ajuda .box-central-ajuda .texto .consulte-texto p {
        font-size: 1.4rem;
        line-height: 1.5rem;
    }
    .central-ajuda .box-central-ajuda .texto {
        gap: 8px;
    }
    .central-ajuda .box-central-ajuda .texto h1{

        font-size: 2.4rem;

    }



    .central-ajuda .box-central-ajuda .texto p{

        line-height: normal;

        font-size: 1.3rem;

    }



    .central-ajuda .box-central-ajuda .texto a{

        font-size: 1rem;

    }

}

@media(max-width:425px){
    .central-ajuda .box-central-ajuda .texto .consulte-texto p {
        font-size: 1.1rem;
    }
}






.empresas-conveniadas{

    width: 100%;

    display: flex;

    justify-content: center;

    padding: 100px 0px;

}



.empresas-conveniadas h1{

    font-size: 3.5rem;

    text-align: center;

    padding-bottom: 35px;

    color: rgb(176, 25, 70);

}



.empresas-conveniadas .main-slide3{

    width: 100%;

    height: auto;

    position: relative;

}



.empresas-conveniadas .slide3{

    width: 350px!important;

}





.empresas-conveniadas .slide3 img{

    width: 250px;

    height: auto;

}



@media(max-width: 600px){



    .empresas-conveniadas h1{

        font-size: 2.2rem;

    }



    .empresas-conveniadas .slide3{

        width: 270px!important;

    }





    .empresas-conveniadas .slide3 img{

        width: 250px;

        height: auto;

    }



}

























































/* QUEM SOMOS */

.quem-somos .container-titulo-quem-somos{

    width: 100%;

}

.quem-somos .container-titulo-quem-somos .titulo-quem-somos{

    font-size: 7rem;

    text-align: center;

    color: rgb(23, 58, 128);

}



.quem-somos .varal-imagem img{

    padding-top: 50px;

    width: 100%;

    color: blueviolet;

}



/* Linha */

.quem-somos .container-linha{

    width: 100%;

    display: flex;

    justify-content: center;

    padding-top: 150px;

}

.quem-somos .container-linha .linha{

    background-color: rgb(156, 90, 68);

    width: 35%;

    height: 1px;

    position: absolute;

}



/* Texto sobre o colégio */

.quem-somos .container-texto-colegio{

    padding-top: 40px;

    width: 100%;

    display: flex;

    justify-content: center;

}

.quem-somos .container-texto-colegio .texto-colegio{

    text-align:inherit;

    width: 70%;

    align-self: center;

}

.quem-somos .container-texto-colegio .texto-colegio .titulo-colegio{

    font-size: 6.1rem;

    text-align: start;

    color: rgb(23, 58, 128);

}

.quem-somos .container-texto-colegio .texto-colegio .texto{

    font-size: 1.5rem;

    padding-top: 20px;

}





/* Videpo */

.quem-somos .video-institucional video{

    padding-top: 80px;

    width: 100%;

}





/* missao, visão e valores */

.quem-somos .teste{

    /* position: relative;

    bottom: 60px; */

    /* overflow: hidden; */

    display: flex;

    justify-content: center;

    width: 100%;

    padding-bottom: 20px;

}

.quem-somos .container-missao-visao-valore{

    padding-top: 60px;

    display: flex;

    justify-content: space-around;

    column-gap: 20px;

    height: 800px;

    overflow: hidden;

}



.quem-somos .container-missao-visao-valore .missao-visao-valores{

    /* top: 0; */

    height: 500px;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;



}



.quem-somos .container-missao-visao-valore .missao-visao-valores img{

    width: 100%;

    margin-bottom: 10px;

    height: 270px;

}

.quem-somos .container-missao-visao-valore .end{

    height: 90%;

    display: flex;

    /* align-items: flex-end; */



}



.quem-somos .container-missao-visao-valore .missao-visao-valores .texto-missao-visao-valores{

    font-size:1.5rem;

    text-align: center;

    width: 100%;

}



.quem-somos .container-missao-visao-valore .missao-visao-valores .texto-missao-visao-valores h1{

    color: rgb(23, 58, 128);;

    font-size: 3rem;

}



.quem-somos .init-Hidden{

    opacity: 0;

    filter: blur(5px);

    transition: all 1s;

    transform: translateY(10%);

    /* bottom: -10%; */

}



.quem-somos .init-Hidden-off-1{

    opacity: 1;

    filter: blur(0);

    transition: all 1s;

    transform: translateY(0);

    /* bottom: 0; */

}



.quem-somos .init-Hidden-off-2{

    opacity: 1;

    filter: blur(0);

    transition: all 1.25s;

    transform: translateY(0);

    /* bottom: 0; */

}



.quem-somos .init-Hidden-off-3{

    opacity: 1;

    filter: blur(0);

    transition: all 1.5s;

    transform: translateY(0);

    /* bottom: 0; */

}





.respiro{

    width: 100%;

    height: 200px;

}



.quem-somos .imagem-varal-mobile{

    display: none;

}



@media (max-width: 1185px){

    /* .quem-somos .teste {

        height: 1740px;

    } */

    .quem-somos .container-missao-visao-valore {

        flex-direction: column;

        height: 1730px;

        align-items: center;

    }



    .quem-somos .container-missao-visao-valore .missao-visao-valores {

        width: 57%;

        padding-bottom: 31px;

    }



    /* .quem-somos .container-missao-visao-valore {

        flex-direction: column;

        height: 100%;

        align-items: center;

    } */



}





@media (max-width: 758px){

    .quem-somos .imagem-varal-mobile{

        display:flex;

        flex-direction: column;

        width: 100%;

        height: 100%;

    }

    .quem-somos .varal-imagem-mobile{

        padding-top: 20px;

    }

    .quem-somos .varal-imagem{

        display: none;

    }

    .quem-somos .container-linha {

        width: 100%;

        display: flex;

        justify-content: center;

        padding-top: 130px;

    }

    .quem-somos .container-titulo-quem-somos .titulo-quem-somos{

        font-size: 3.4rem;

    }

    .quem-somos .container-linha .linha{

        width: 81.5%;

    }

    .quem-somos .container-texto-colegio .texto-colegio {

        text-align: inherit;

        width: 100%;

        padding: 0 10px;

        align-self: center;

    }

    .quem-somos .container-texto-colegio .texto-colegio .titulo-colegio{

        text-align: center;

        font-size: 3.4rem;

    }

    .quem-somos .container-texto-colegio .texto-colegio .texto{

        text-align: center;

        font-size: 1.2rem;

    }



    .quem-somos .container-missao-visao-valore .missao-visao-valores .texto-missao-visao-valores {

        font-size: 1.1rem;

    }

    .quem-somos .init-Hidden{

        opacity: 0;

        filter: blur(5px);

        transition: all 1s;

        transform: translateY(10%);

        /* bottom: -10%; */

    }



    .quem-somos .init-Hidden-off-1{

        opacity: 1;

        filter: blur(0);

        transition: all 1s;

        transform: translateY(0);

        /* bottom: 0; */

    }



    .quem-somos .init-Hidden-off-2{

        opacity: 1;

        filter: blur(0);

        transition: all 1.25s;

        transform: translateY(0);

        /* bottom: 0; */

    }



    .quem-somos .init-Hidden-off-3{

        opacity: 1;

        filter: blur(0);

        transition: all 1.5s;

        transform: translateY(0);

        /* bottom: 0; */

    }



}











/* Pastoral Juvenil */



.pastoral-juvenil .titulo-pagina h1{

    text-align: center;

    font-size: 7rem;

    color:rgb(23, 58, 128);

}



/* programas atividades*/

.pastoral-juvenil .container-programas-atividades{

    display: flex;

    justify-content: center;

    padding: 62px 127px 0;
    gap: 20px;

}

.pastoral-juvenil .container-programas-atividades .progamas-atividades{

    padding-top: 120px;

    padding-right: 20px;

}

.pastoral-juvenil .container-programas-atividades  h1{

    font-size: 3.8rem;

    color: rgb(176, 25, 70);

}

.pastoral-juvenil .container-programas-atividades  p{

    font-size: 1.7rem;

}

.pastoral-juvenil .container-programas-atividades img{

    width: 600px;

}



/* cards pastorial */

.pastoral-juvenil .container-cards-pastorial{

    padding-top: 70px;

}

.pastoral-juvenil .container-cards-pastorial .cards-pastorial{

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 35px;

    position: relative;

}

.pastoral-juvenil .container-cards-pastorial .cards-pastorial img{

    width: 16%;

}

.pastoral-juvenil .container-cards-pastorial .cards-pastorial img:hover{

    scale: 1.1;

    transition: 300ms;

}



/* protagonismo jovem */

.pastoral-juvenil .container-protagonismo-jovem{

    padding-top: 70px;

    display: flex;

    justify-content: center;

    flex-direction: column;

    width: 100%;

    align-items: center;

}

.pastoral-juvenil .container-protagonismo-jovem h1{

    text-align: center;

    font-size: 3.8rem;

    color: rgb(176, 25, 70);

}

.pastoral-juvenil .container-protagonismo-jovem p{

    font-size: 1.7rem;

    text-align: center;

    padding: 9px 100px 0;

}



/* Card protagonismo */

.pastoral-juvenil .container-cards-protagonismo{

    padding-top: 70px;

}

.pastoral-juvenil .container-cards-protagonismo .cards-protagonismo{

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 35px;

    position: relative;

}

.pastoral-juvenil .container-cards-protagonismo .cards-protagonismo img{

    width: 16%;

}

.pastoral-juvenil .container-cards-protagonismo .cards-protagonismo img:hover{

    scale: 1.1;

    transition: 300ms;

}



/* responsivo */

.pastoral-juvenil .container-programas-atividades-mobile{

    display: none;

}

.titulo-programas-atividades{
    display: flex;
    justify-content: center;
    padding-top: 20px;
    
}
.titulo-programas-atividades h1{
    font-size: 40px;
    color: rgb(176, 25, 70);
}

.container-accordion{
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
}
.container-accordion .accordion{
    width: 83%;
}
.container-accordion .accordion .accordion-item{
    background-color: transparent;
    color: black;
    font-size: 20px;
    border: none;
    border-bottom: 1px solid rgb(23, 58, 128);
}
.container-accordion .accordion .accordion-item .accordion-collapse{
    text-align: justify;
}
.container-accordion .accordion .accordion-item .accordion-header{
    background-color: transparent;
    
}
.container-accordion .accordion .accordion-item .accordion-header .accordion-button{
    background-color: transparent;
    color: rgb(23, 58, 128);
    font-size: 25px;
}
.container-accordion .accordion .accordion-item .accordion-header .accordion-button:focus {
    box-shadow: none
}

.container-accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
}






@media (max-width:1495px){



    .pastoral-juvenil .container-programas-atividades{

        display: none;

    }

    .pastoral-juvenil .titulo-pagina h1{

        font-size: 3.7rem;

    }

    .pastoral-juvenil .container-programas-atividades-mobile h1{

        font-size: 2.7rem;

        color: rgb(176, 25, 70);;

        padding: 12px;

    }



    .pastoral-juvenil .container-programas-atividades-mobile{

        width: 100%;

        display: flex;

    }

    .pastoral-juvenil .container-programas-atividades-mobile .programas-atividades-mobile{

        display: flex;

        justify-content: center;

        flex-direction: column;

        width: 100%;

        align-items: center;

        padding: 0 30px;

    }

    .pastoral-juvenil .container-programas-atividades-mobile img{

        width: 600px;

        padding-bottom: 40px;

    }

    .pastoral-juvenil .container-protagonismo-jovem h1{

        text-align: center;

        font-size: 2.7rem;

        color: rgb(176, 25, 70);;

    }

    .pastoral-juvenil .container-programas-atividades-mobile  p{

        font-size: 1.5rem;

        text-align: center;

    }

    .pastoral-juvenil .container-protagonismo-jovem p{

        font-size: 1.5rem;

        text-align: center;

    }



}







/* Mobile */



.pastoral-juvenil .mySwiper{

    display: none;

}

.pastoral-juvenil .swiper2{

    display: none;

}

.pastoral-juvenil .container-cartas{

    display: none;

    overflow: hidden;

    height: 490px;

}



@media (max-width: 990px){

    .pastoral-juvenil .titulo-pagina h1 {

        font-size: 3.7rem;

        padding-top: 20px;

    }

    .pastoral-juvenil .container-programas-atividades-mobile  h1{

        font-size: 2.7rem;

        text-align: center;

        color: rgb(176, 25, 70);

        padding-top: 40px;

    }

    .pastoral-juvenil .container-programas-atividades-mobile img{

        width: 80%;

        padding-top: 15px;

    }

    .pastoral-juvenil .container-protagonismo-jovem h1{

        text-align: center;

        font-size: 2.6rem;

        color: rgb(176, 25, 70);

    }



    .pastoral-juvenil .container-cards-pastorial{

        display: none;

    }

    .pastoral-juvenil .container-cards-protagonismo{

        display: none;

    }

    .pastoral-juvenil .mySwiper{

        display: flex;

    }

    .pastoral-juvenil .swiper2{

        display: flex;

    }

    .pastoral-juvenil .swiper-wrapper{

        width: 100%;

        height: 35em;

        display: flex;

        align-items: center;

    }

    .pastoral-juvenil .card{

        width: 300px;

        height: 70%;

        border-radius: 3em;

        box-shadow: 0 0 2em rgba(0, 0, 0, .2);

        display: flex;

        align-items: center;

        flex-direction: row;

        margin: 0 2em;

    }

    .pastoral-juvenil .card__imagem{

        width: 100%;

        height: 100%;

    }

    .pastoral-juvenil .card__imagem img{

        width: 100%;

        height: 100%;

    }



    .pastoral-juvenil .container-cartas{

        max-width: var(--container-cartas);

        padding: 0 2rem;

        margin: var(--m-auto);

        display: flex;

        justify-content: center;

    }

     .pastoral-juvenil .swiper3{

        position: relative;

        width: 90%;

        height: 320px;

        align-items: center;

    }

    .pastoral-juvenil .cartas{

        border-radius: 18px;

        height: 450px;

        position: relative;

    }

    .pastoral-juvenil .cartas:not(.swiper-slide-active) .filtro-transparente {

        position: absolute;

        background-color: #00000070;

        mix-blend-mode: multiply;

        width: 100%;

        height: 700px;

    }

    .pastoral-juvenil .cartas img{

        width: 100%;

        height: 430px;

        object-fit: cover;

        border-radius: 18px.pastoral-juvenil .swiper-wrapper{

        width: 100%;

        height: 35em;

        display: flex;

        align-items: center;

    }

    .pastoral-juvenil .card{

        width: 300px;

        height: 70%;

        border-radius: 3em;

        box-shadow: 0 0 2em rgba(0, 0, 0, .2);

        display: flex;

        align-items: center;

        flex-direction: row;

        margin: 0 2em;

    }

    .pastoral-juvenil .card__imagem{

        width: 100%;

        height: 100%;

    }

    .pastoral-juvenil .card__imagem img{

        width: 100%;

        height: 100%;

    };

    }

}



@media (max-width:713px){

    .pastoral-juvenil.titulo-pagina h1 {

        font-size: 2.3rem;

        padding-top: 20px;

    }

    .pastoral-juvenil.container-programas-atividades-mobile  h1{

        font-size: 2rem;

        color: rgb(176, 25, 70);

        padding-top: 40px;

        text-align: center;

    }

    .pastoral-juvenil.container-programas-atividades-mobile img{

        width: 80%;

        padding-top: 15px;

    }

    .pastoral-juvenil.container-protagonismo-jovem h1{

        text-align: center;

        font-size: 2rem;

        color: rgb(176, 25, 70);

    }

}

@media (max-width:404px){

    .pastoral-juvenil .card {

        width: 240px;

    }

}

@media (max-width:348px){

    .pastoral-juvenil .card {

        width: 210px;

        height: 60%;

    }

}







/* Dom bosco Assunção */

.assuncao .container-image{

    overflow: hidden;

    padding: 80px 0 30px 0;

}

.assuncao .container-image img{

    width: 100%;

    scale: 1.2;

}

.assuncao .container-texto{

    display: flex;

    justify-content: center;

}

.assuncao .container-texto .texto{

    font-size: 1.7rem;

    text-align:center;

    padding-top: 50px;

}

.assuncao .container-texto .botoes-sobre{

    display: flex;

    width: 100%;

    justify-content: center;

    gap: 20px;

    padding: 20px 0 90px

}



.assuncao .container-texto .botoes-sobre a{

    display: block;

    font-size: 1.8rem;

    color: rgb(255, 236, 224);

    padding: 5px 20px;

    border-radius: 6px;

    text-decoration: none;

}



.assuncao .container-texto .botoes-sobre a:first-of-type{

    background: rgb(189, 118, 46);

}



.assuncao .container-texto .botoes-sobre a:last-of-type{

    background: rgb(176, 25, 70);

}

.assuncao .container-assuncao{

    max-width: var(--container-assuncao);

    padding: 0 2rem;

    margin: var(--m-auto);

    display: flex;

    justify-content: center;

    /* aspect-ratio: 1100/731; */

    overflow: hidden;

    height: 798px;

}

 .assuncao .swiper4{

    position: relative;

    width: 49%;

    height: 590px;

    align-items: center;

}

.assuncao .container-assuncao .slide-assuncao .cartasassuncao{

    border-radius: 18px;

    height: 700px;

}

.assuncao .container-assuncao .slide-assuncao .cartasassuncao:not(.swiper-slide-active) .filtro-transparente {

    position: absolute;

    background-color: #00000070;

    mix-blend-mode: multiply;

    width: 100%;

    height: 700px;

}

.assuncao .cartasassuncao .slide-assuncao img{

    width: 100%;

    height: 700px;

    object-fit: cover;

    border-radius: 18px;

}



.assuncao .container-image-mobile{

    display: none;

}



@media (max-width:1654px){

    .assuncao .container-assuncao .slide-assuncao .cartasassuncao{

        height: 703px;

    }

    .assuncao .container-texto .texto{

        font-size: 1.7rem;

        padding: 40px 40px;

    }



}



@media (max-width:1316px){

    .assuncao .container-assuncao .slide-assuncao .cartasassuncao{

        height: 693px;

    }

    .assuncao .swiper4 {

        width: 70%;

    }

    .assuncao .container-texto .texto{

        font-size: 1.7rem;

        padding: 40px 40px;

    }

}



@media (max-width:978px){

    .assuncao .container-assuncao .slide-assuncao .cartasassuncao{

        height: 688px;

    }

    .assuncao .container-texto .texto{

        font-size: 1.6rem;

        padding: 40px 40px;

    }

}



@media (min-width:795px){

    .assuncao .cartasassuncao img:hover{

        scale: 1.2;

        transition: 800ms;

    }

}



@media (max-width:794px){

    .assuncao .container-texto .texto{

        font-size: 1.4rem;

        padding: 40px 40px;

    }

    .assuncao .swiper4 {

        width: 90%;

        padding-top: 0;

    }

    .assuncao .container-assuncao .slide-assuncao .cartasassuncao{

        height: 628px;

    }



}



@media (max-width:557px){

    .assuncao .container-image{

        display: none;

    }

    .assuncao .container-image-mobile{

        padding: 25px 0 50px 0;

        display: flex;

        justify-content: center;

        overflow: hidden;

    }

    .assuncao .container-image-mobile .image-mobile img{

        width: 100%;

        scale: 1.3;

    }





}



@media (max-width:557px){



    .assuncao .container-assuncao .slide-assuncao .cartasassuncao{

        height: 428px;

    }

    .assuncao .container-assuncao .slide-assuncao .cartasassuncao img{

        width: 100%;

        height: 430px;

        object-fit: cover;

    }

    .assuncao .container-texto .texto{

        font-size: 1.3rem;

        padding: 0px 40px;

    }

}









/* Cidade alta */

.cidade-alta .container-image{

    overflow: hidden;

    padding: 80px 0 70px 0;

}

.cidade-alta .container-image img{

    width: 100%;

    scale: 1.2;

}

.cidade-alta .container-cidadealta{

    max-width: var(--container-cidadealta);

    padding: 0 2rem;

    margin: var(--m-auto);

    display: flex;

    justify-content: center;

    /* aspect-ratio: 1100/731; */

    overflow: hidden;

    height: 798px;

}

 .cidade-alta .swiper5{

    position: relative;

    width: 49%;

    height: 590px;

    align-items: center;

}

.cidade-alta .container-cidadealta .slide-cidadealta .cartascidadealta{

    border-radius: 18px;

    height: 700px;

    position: relative;

}

.cidade-alta .container-cidadealta .slide-cidadealta .cartascidadealta:not(.swiper-slide-active) .filtro-transparente {

    position: absolute;

    background-color: #00000070;

    mix-blend-mode: multiply;

    width: 100%;

    height: 700px;

}

.cidade-alta .cartascidadealta .slide-cidadealta img{

    width: 100%;

    height: 700x;

    object-fit: cover;

    border-radius: 18px;

}

.cidade-alta .container-texto{

    display: flex;

    justify-content: center;

}

.cidade-alta .container-texto .texto{

    font-size: 1.7rem;

    text-align:center;

    padding-top: 50px;

}

.cidade-alta .container-texto .botoes-sobre{

    display: flex;

    width: 100%;

    justify-content: center;

    gap: 20px;

    padding: 20px 0 90px

}



.cidade-alta .container-texto .botoes-sobre a{

    display: block;

    font-size: 1.8rem;

    color: rgb(255, 236, 224);

    padding: 5px 20px;

    border-radius: 6px;

    text-decoration: none;

}



.cidade-alta .container-texto .botoes-sobre a:first-of-type{

    background: rgb(189, 118, 46);

}



.cidade-alta .container-texto .botoes-sobre a:last-of-type{

    background: rgb(189, 118, 46);

}

.cidade-alta .container-image-mobile{

    display: none;

}



@media (max-width:1654px){

    .cidade-alta .container-cidadealta .slide-cidadealta .cartascidadealta{

        height: 703px;

    }

    .cidade-alta .container-texto .texto{

        font-size: 1.7rem;

        padding: 40px 40px;

    }

}



@media (max-width:1316px){

    .cidade-alta .container-cidadealta .slide-cidadealta .cartascidadealta{

        height: 693px;

    }

    .cidade-alta .swiper5 {

        width: 70%;

    }

    .cidade-alta .container-texto .texto{

        font-size: 1.7rem;

        padding: 40px 40px;

    }

}



@media (max-width:978px){

    .cidade-alta .container-cidadealta .slide-cidadealta .cartascidadealta{

        height: 688px;

    }

    .cidade-alta .container-texto .texto{

        font-size: 1.6rem;

        padding: 40px 40px;

    }

}

@media (min-width:795px){

    .cidade-alta .cartascidadealta img:hover{

        scale: 1.2;

        transition: 800ms;

    }

}

@media (max-width:794px){

    .cidade-alta .container-texto .texto{

        font-size: 1.4rem;

        padding: 40px 40px;

    }

    .cidade-alta .swiper5 {

        width: 90%;

        padding-top: 0;

    }

    .cidade-alta .container-cidadealta .slide-cidadealta .cartascidadealta{

        height: 628px;

    }

}



@media (max-width:557px){

    .cidade-alta .container-image{

        display: none;

    }

    .cidade-alta .container-image-mobile{

        padding: 25px 0 50px 0;

        display: flex;

        justify-content: center;

        overflow: hidden;

    }

    .cidade-alta .container-image-mobile .image-mobile img{

        width: 100%;

        scale: 1.3;

    }

    .cidade-alta .container-cidadealta .slide-cidadealta .cartascidadealta{

        height: 428px;

    }

    .cidade-alta .container-cidadealta .slide-cidadealta .cartascidadealta img{

        width: 100%;

        height: 430px;

        object-fit: cover;

    }

    .cidade-alta .container-texto .texto{

        font-size: 1.3rem;

        padding: 0px 40px;

    }

}













/* São mario */

.sao-mario .container-image{

    overflow: hidden;

    padding: 50px 0 35px 0;

}

.sao-mario .container-image img{

    width: 100%;

    scale: 1.2;

}

.sao-mario .container-saomario{

    max-width: var(--container-saomario);

    padding: 0 2rem;

    margin: var(--m-auto);

    display: flex;

    justify-content: center;

    overflow: hidden;

    height: 920px;

}

.sao-mario .swiper6{

    position: relative;

    width: 49%;

    padding-top: 110px;

    height: 590px;

    align-items: center;

}

.sao-mario .container-saomario .slide-saomario .cartassaomario{

    border-radius: 18px;

    height: 700px;

    position: relative;

}

.sao-mario .container-saomario .slide-saomario .cartassaomario:not(.swiper-slide-active) .filtro-transparente {

    position: absolute;

    background-color: #00000070;

    mix-blend-mode: multiply;

    width: 100%;

    height: 700px;

}

.sao-mario .cartassaomario .slide-saomario img{

    width: 100%;

    height: 700x;

    object-fit: cover;

    border-radius: 18px;

}

.sao-mario .container-image-mobile{

    display: none;

}

.sao-mario .container-texto{

    display: flex;

    justify-content: center;

}

.sao-mario .container-texto .texto{

    font-size: 1.7rem;

    text-align:center;

    padding-top: 50px;

}



@media (max-width:1654px){

    .sao-mario .container-saomario .slide-saomario .cartassaomario{

        height: 703px;

    }

    .sao-mario .container-texto .texto{

        font-size: 1.7rem;

        padding: 40px 40px;

    }

}



@media (max-width:1316px){

    .sao-mario .container-saomario .slide-saomario .cartassaomario{

        height: 693px;

    }

    .sao-mario .swiper6 {

        width: 70%;

    }

    .sao-mario .container-texto .texto{

        font-size: 1.7rem;

        padding: 40px 40px;

    }

}



@media (max-width:978px){

    .sao-mario .container-saomario .slide-saomario .cartassaomario{

        height: 688px;

    }

    .sao-mario .container-texto .texto{

        font-size: 1.6rem;

        padding: 40px 40px;

    }

}

@media (min-width:795px){

    .sao-mario .cartassaomario img:hover{

        scale: 1.2;

        transition: 800ms;

    }

}

@media (max-width:794px){

    .sao-mario .container-texto .texto{

        font-size: 1.4rem;

        padding: 40px 40px;

    }

    .sao-mario .swiper6 {

        width: 90%;

        padding-top: 0;

    }

    .sao-mario .container-saomario .slide-saomario .cartassaomario{

        height: 628px;

    }

}



@media (max-width:557px){

     .sao-mario .container-image{

        display: none;

    }

     .sao-mario .container-image-mobile{

        padding: 25px 0 50px 0;

        display: flex;

        justify-content: center;

        overflow: hidden;

    }

     .sao-mario .container-image-mobile .image-mobile img{

        width: 100%;

        scale: 1.3;

    }

    .sao-mario .container-saomario .slide-saomario .cartassaomario{

        height: 428px;

    }

    .sao-mario .container-saomario .slide-saomario .cartassaomario img{

        width: 100%;

        height: 430px;

        object-fit: cover;

    }

    .sao-mario .container-texto .texto{

        font-size: 1.3rem;

        padding: 0px 40px;

    }

}









/* Dom bosquinho */

.dombosquinho .container-image{

    overflow: hidden;

    padding-top: 80px;

}

.dombosquinho .container-image img{

    width: 100%;

}

.dombosquinho .container-dombosquinho{

    display: flex;

    justify-content: center;

    padding-bottom: 50px;

}

 .dombosquinho .swiper7{

    position: relative;

    width: 50%;

    align-items: center;



}

/* .dombosquinho .slide-dombosquinho .cartasdombosquinho:not(.swiper-slide-active) {

    filter: blur(2px);

  } */







.dombosquinho .container-dombosquinho .slide-dombosquinho .cartasdombosquinho{

    position: relative;

    border-radius: 18px;

    height: 100%;

}

.dombosquinho .container-dombosquinho .slide-dombosquinho .cartasdombosquinho:not(.swiper-slide-active) .filtro-transparente {

    position: absolute;

    background-color: #00000070;

    mix-blend-mode: multiply;

    width: 100%;

    height: 700px;

}

.dombosquinho .slide-dombosquinho .cartasdombosquinho img{

    width: 100%;

    height: 700px;

    object-fit: cover;

}

.dombosquinho .container-image-mobile{

    display: none;

}

.dombosquinho .container-texto{

    display: flex;

    justify-content: center;

}

.dombosquinho .container-texto .texto{

    font-size: 1.7rem;

    text-align:center;

    padding-top: 50px;

}

.dombosquinho .container-texto .botoes-sobre{

    display: flex;

    width: 100%;

    justify-content: center;

    gap: 20px;

    padding: 20px 0 90px

}



.dombosquinho .container-texto .botoes-sobre a{

    display: block;

    font-size: 1.8rem;

    color: rgb(255, 236, 224);

    padding: 5px 20px;

    border-radius: 6px;

    text-decoration: none;

}



.dombosquinho .container-texto .botoes-sobre a:first-of-type{

    background: rgb(189, 118, 46);

}



.dombosquinho .container-texto .botoes-sobre a:last-of-type{

    background: rgb(151, 0, 184);

}

@media (max-width:1654px){

    .dombosquinho .container-dombosquinho .slide-dombosquinho .cartasdombosquinho{

        height: 703px;

    }

    .dombosquinho .container-texto .texto{

        font-size: 1.7rem;

        padding: 40px 40px;

    }

}



@media (max-width:1316px){

    .dombosquinho .container-dombosquinho .slide-dombosquinho .cartasdombosquinho{

        height: 693px;

    }

    .dombosquinho .swiper7 {

        width: 70%;

    }

    .dombosquinho .container-texto .texto{

        font-size: 1.7rem;

        padding: 40px 40px;

    }

}



@media (max-width:978px){

    .dombosquinho .container-dombosquinho .slide-dombosquinho .cartasdombosquinho{

        height: 688px;

    }

    .dombosquinho .container-texto .texto{

        font-size: 1.6rem;

        padding: 40px 40px;

    }

}

@media (min-width:795px){

    .dombosquinho .cartasdombosquinho img:hover{

        scale: 1.05;

        transition: 800ms;

    }

}

@media (max-width:794px){

    .dombosquinho .container-texto .texto{

        font-size: 1.4rem;

        padding: 40px 40px;

    }

    .dombosquinho .swiper7 {

        width: 90%;

        padding-top: 0;

    }

    .dombosquinho .container-dombosquinho{

        overflow: hidden;

    }

    .dombosquinho .container-dombosquinho .slide-dombosquinho .cartasdombosquinho{

        height: 628px;

    }

}



@media (max-width:557px){

    .dombosquinho .container-image{

        display: none;

    }

     .dombosquinho .container-image-mobile{

        padding: 25px 0 50px 0;

        display: flex;

        justify-content: center;

        overflow: hidden;

    }

     .dombosquinho .container-image-mobile .image-mobile img{

        width: 100%;

        scale: 1.3;

    }

    .dombosquinho .container-dombosquinho .slide-dombosquinho .cartasdombosquinho{

        height: 428px;

    }

    .dombosquinho .container-dombosquinho .slide-dombosquinho .cartasdombosquinho img{

        width: 100%;

        height: 430px;

        object-fit: cover;

    }

    .dombosquinho .container-texto .texto{

        font-size: 1.3rem;

        padding: 0px 40px;

    }

}

















/* ANOS FINAIS */



.anos-finais .titulo-anos-finais{

    width: 100%;

    display: flex;

    flex-direction: column;

}

.anos-finais .seta{

    display: flex;

    justify-content: flex-end;

    padding-top: 30px;

}

.anos-finais .seta img{

    width: 57px;

    transform: rotateY(180deg);

    position: absolute;

    right: 12px;

    bottom: -93px;

}

.anos-finais .titulo-anos-finais h1{

    font-size: 6.4rem;

    text-align: center;

    color: rgb(23, 58, 128);

}

.anos-finais .titulo-anos-finais .texto-anos-finais{

    align-self: center;

    padding-top: 20px;

    display: flex;

    position: relative;

}

.anos-finais .titulo-anos-finais .texto-anos-finais p{

    font-size: 1.5rem;

    text-align: center;

    padding: 0px 50px;

}

.anos-finais .container-imagem-anos-finais{

    display: flex;

    justify-content: center;

}

.anos-finais .container-imagem-anos-finais .imagem-anos-finais{

    display: flex;

    justify-content: center;

    padding-top: 50px;

}

.anos-finais .container-imagem-anos-finais .imagem-anos-finais img{

    width: 100%;

}

/* BOLINHAS */

.anos-finais .container-bolinhas{

    display: flex;

    justify-content: center;

}

.anos-finais .container-bolinhas .bolinhas{

    display: flex;

    justify-content: center;

    width: 100%;

    padding-top: 120px;

}

.anos-finais .container-bolinhas .bolinhas img{

    width: 38%;

}

.anos-finais .container-bolinhas-finais{

    display: flex;

    justify-content: center;

    padding-bottom: 150px;

}

.anos-finais .container-bolinhas-finais .bolinhas-finais{

    display: flex;

    justify-content: center;

    width: 100%;

    padding-top: 50px;

}

.anos-finais .container-bolinhas-finais .bolinhas-finais img{

    width: 38%;

}

/* AÇÕES ESPECIAIS */

.anos-finais .container-acoes-especiais{

    display: flex;

    justify-content: center;

    padding-top: 20px;

}

.anos-finais .container-acoes-especiais .acoes-especiais{

    display: flex;

    justify-content: space-around;

}

.anos-finais .container-acoes-especiais img{

    width: 37%;

}

.anos-finais .container-acoes-especiais .texto-acoes-especiais h1{

    font-size: 5.1rem;

    color: rgb(176, 25, 70);

    text-align: end;

}

.anos-finais .container-acoes-especiais .texto-acoes-especiais p{

    text-align: end;

    font-size: 1.5rem;

}

.anos-finais .container-acoes-especiais .texto-acoes-especiais p::before {

    content: "-";

}

.anos-finais .container-coordenadores{

    background-image: url("../images/edinfantil/background-15.png");

    background-color: rgb(189, 166, 155);

    background-size: cover;

    /* background-attachment: fixed; */

}



.anos-finais .container-coordenadores .mascara{

    width: 100%;

    background: rgb(252, 225, 209);

    background: linear-gradient(180deg,rgba(255, 236, 224, 1) 0%, rgba(255, 255, 255, 0.11) 60%);

    display: flex;

    justify-content: center;

    height: 100%;

}

.anos-finais .container-coordenadores .titulo-coordenadores{

    color: rgb(28, 63, 148);

    text-align: center;

    padding-top: 60px;

}

.anos-finais .container-coordenadores .titulo-coordenadores{

    color: rgb(28, 63, 148);

    text-align: center;

    padding: 150px 0 150px;

    width: 100%;

}

.anos-finais .container-coordenadores .titulo-coordenadores h1{

    font-size: 4.8rem;

}

.anos-finais .container-coordenadores .moldura-coordenadores{

    margin: 0 auto;

    padding: 20px 0;

    max-width:80%;

    /* overflow: hidden; */

    display: flex;

    > * {

        flex: 0 0 100%;

      }

    &:hover .teste {

    animation-play-state: paused;

    }

    &:hover .teste2 {

        animation-play-state: paused;

        }

    /* mask: linear-gradient(to right, transparent, red 15%, red 85%, transparent); */

}

.anos-finais .container-coordenadores .moldura-coordenadores .teste{

    display: flex;

    gap: 20px;

    padding-right: 20px;

    animation: scrolling 10s linear infinite;

}

.anos-finais .container-coordenadores .moldura-coordenadores .teste .coordenadores{

    width: 100%;

    position: relative;

}

.anos-finais .container-coordenadores .moldura-coordenadores .teste .coordenadores img{

    width: 450px;

}

.anos-finais .container-coordenadores .moldura-coordenadores .teste .coordenadores .texto-coordenadores{

    position: absolute;

    bottom: 100px;

    text-align: center;

    width: 100%;

}

.anos-finais .container-coordenadores .moldura-coordenadores .teste .coordenadores .texto-coordenadores p{

    font-size: 1.8rem;

}



.anos-finais .container-coordenadores .moldura-coordenadores .teste2{

    display: flex;

    gap: 20px;

    padding-right: 20px;

    animation: scrolling 10s linear infinite;

}

.anos-finais .container-coordenadores .moldura-coordenadores .teste2 .coordenadores{

    width: 100%;

    position: relative;

}

.anos-finais .container-coordenadores .moldura-coordenadores .teste2 .coordenadores img{

    width: 450px;

}

.anos-finais .container-coordenadores .moldura-coordenadores .teste2 .coordenadores .texto-coordenadores{

    position: absolute;

    bottom: 100px;

    text-align: center;

    width: 100%;

}

.anos-finais .container-coordenadores .moldura-coordenadores .teste2 .coordenadores .texto-coordenadores p{

    font-size: 1.8rem;

}

@media (min-width:601px){

    @keyframes scrolling {

        0% {

            transform: translateX(0);

          }

          100% {

            transform: translateX(-100%);

          }

      }



    .anos-finais .container-coordenadores .moldura-coordenadores{

        mask: linear-gradient(to right, transparent, red 15%, red 85%, transparent);

    }

    .anos-finais .container-coordenadores .moldura-coordenadores {

        overflow: hidden;

    }

}



.anos-finais .imagem-anos-finais-mobile{

    display: none;

}



.anos-finais .container-bolinhas-mobile{

    display: none;

}

.anos-finais hr{

    display: none;

}

.anos-finais .imagem-anos-finais-mobile{

    display: none;

}

.anos-finais .seta-mobile{

    display: none;

}

@media (max-width:1782px){

    .anos-finais .container-acoes-especiais .acoes-especiais {

        justify-content: space-around;

    }

    .anos-finais .container-acoes-especiais .texto-acoes-especiais h1 {

        font-size: 4.5rem;

    }

    .anos-finais .container-bolinhas .bolinhas img {

        width: 46%;

    }

    .anos-finais .container-bolinhas-finais .bolinhas-finais img {

        width: 46%;

    }

}

@media (max-width:1500px){



}

@media (max-width:980px){

    .anos-finais .container-acoes-especiais .texto-acoes-especiais h1 {

        font-size: 3.7rem;

    }

    .anos-finais .container-acoes-especiais .texto-acoes-especiais p {

        font-size: 1.2rem;

    }

}

@media (max-width:673px){

    .anos-finais .container-imagem-anos-finais{

        display: none;

    }

    .anos-finais .container-bolinhas{

        display: none;

    }

    .anos-finais .container-bolinhas-finais{

        display: none;

    }

    .anos-finais .seta{

        display: none;

    }



    /* ANOS FINAIS */

    .anos-finais .container-inicio-anos-finais{

        position: relative;

    }

    .anos-finais .container-inicio-anos-finais .titulo-anos-finais .teste-titulo{

        display: flex;

        justify-content: center;

    }

    .anos-finais .seta-mobile{

        display: flex;

        position: absolute;

        right: 0;

        top: 70px;

    }

    .anos-finais .seta-mobile img{

        height: 70px;

        transform: rotateY(180deg);

    }

    .anos-finais .imagem-anos-finais-mobile{

        display: flex;

        flex-direction: column;

        padding: 13px 14px;

    }

    .anos-finais .imagem-anos-finais-mobile img{

        width: 100%;

    }

    .anos-finais .titulo-anos-finais h1 {

        font-size: 2.4rem;

        padding: 22px 0 0

    }

    .anos-finais .texto-anos-finais-mobile{

        text-align: center;

        font-size: 1.4rem;

        padding-top: 42px;

    }

    .anos-finais .titulo-anos-finais .texto-anos-finais p {

        font-size: 1.4rem;

        padding: 0px 20px;

        font-weight: 700;

    }

    /*BOLINHAS*/

    .anos-finais .container-bolinhas-mobile{

        display: flex;

    }

    .anos-finais .container-bolinhas-mobile .bolinhas-mobile {

        padding: 0;

        display: flex;

        justify-content: center;

    }

    .anos-finais .container-bolinhas-mobile .bolinhas-mobile img{

        height: 80px;

        width: 90%;

    }

    /* AÇÕES ESPECIAIS */

    .anos-finais .pc-acoes-especiais{

        display: flex;

        justify-content: center;

        position: relative;

    }

    .anos-finais .container-acoes-especiais {

        flex-direction: column;

        padding: 0;

    }

    .anos-finais .container-acoes-especiais .texto-acoes-especiais{

        display: flex;

        flex-direction: column;

        align-items: center;

    }

    .anos-finais .container-acoes-especiais .texto-acoes-especiais h1 {

        font-size: 3.7rem;

        text-align: center;

    }

    .anos-finais .container-acoes-especiais .acoes-especiais img {

        width: 310px;

        top: 82px;

        position: absolute;

    }

    .anos-finais .container-acoes-especiais .acoes-especiais .texto-acoes-especiais .texto{

        width: 64%;

        padding: 20px;

    }

    .anos-finais .container-acoes-especiais .acoes-especiais .texto-acoes-especiais p {

        text-align: start;

        font-size: 1.4rem;

    }

    .anos-finais .container-acoes-especiais .acoes-especiais .texto-acoes-especiais p::before {

        content: "•";

    }

    .anos-finais .container-acoes-especiais .acoes-especiais .texto-acoes{

        padding: 270px 0 0 72px;

    }

}

@media (max-width:600px){

    .anos-finais .container-coordenadores .moldura-coordenadores .teste2{

        display: none;

    }

    .anos-finais .container-coordenadores .titulo-coordenadores h1 {

        font-size: 3.5rem;

    }

    .anos-finais .container-coordenadores .titulo-coordenadores {

        padding: 80px 0 50px;

    }

    .anos-finais .container-coordenadores .moldura-coordenadores .teste .coordenadores img {

        width: 100%;

    }

    .anos-finais .container-coordenadores .moldura-coordenadores .teste {

        flex-direction: column;

        gap:40px;

        padding: 0;

    }

    .anos-finais .container-coordenadores .moldura-coordenadores .teste .coordenadores .texto-coordenadores {

        top: 33%;

    }

    .anos-finais .container-coordenadores .moldura-coordenadores .teste .coordenadores .texto-coordenadores p {

        font-size: 4.2vmin;

    }

    .anos-finais .init-Hiddendois{

        opacity: 0;

        filter: blur(5px);

        transition: all 1s;

        transform: translateY(10%);

        /* bottom: -10%; */

    }



    .anos-finais .init-Hiddendois-off-1{

        opacity: 1;

        filter: blur(0);

        transition: all 1s;

        transform: translateY(0);

        /* bottom: 0; */

    }



    .anos-finais .init-Hiddendois-off-2{

        opacity: 1;

        filter: blur(0);

        transition: all 1.25s;

        transform: translateY(0);

        /* bottom: 0; */

    }



    .anos-finais .init-Hiddendois-off-3{

        opacity: 1;

        filter: blur(0);

        transition: all 1.5s;

        transform: translateY(0);

        /* bottom: 0; */

    }

}

@media (max-width:447px){

    .anos-finais .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade .idades p {

        font-size: 0.9rem;

    }

    .anos-finais .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade .idades h1 {

        font-size: 1rem;

    }

    .anos-finais .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade {

        padding-top: 220px;

    }

    .anos-finais .container-coordenadores .titulo-coordenadores h1 {

        font-size: 2.5rem;

    }

}

@media (max-width:429px){

    .anos-finais .container-coordenadores .moldura-coordenadores .teste .coordenadores .texto-coordenadores {

        bottom: 50px;

    }

}

@media (max-width:380px){

    .anos-finais .titulo-anos-finais h1 {

        font-size: 2.9rem;

        padding: 22px 0 12PX;

    }

    .anos-finais .seta-mobile {

        top: 190px;

    }

}

@media (max-width:337px){

    .anos-finais .container-coordenadores .moldura-coordenadores .teste .coordenadores .texto-coordenadores {

        bottom: 30px;

    }

    .anos-finais .container-coordenadores .titulo-coordenadores h1 {

        font-size: 2.3rem;

    }

}

@media (max-width:468px){

    .anos-finais .container-acoes-especiais .texto-acoes-especiais h1 {

        font-size: 3.5rem;

    }

    .anos-finais .container-acoes-especiais .texto-acoes-especiais p {

        font-size: 1rem;

    }

    .anos-finais .texto-anos-finais-mobile {

        font-size: 1.1rem;

    }



}

@media (max-width:445px){

    .anos-finais .container-acoes-especiais .acoes-especiais img {

        top: 72px;

    }

    .anos-finais .container-acoes-especiais .acoes-especiais .texto-acoes {

        padding: 270px 0 0 52px;

    }

}











/* Ensino Fundamental */

.ensino-fundamental .titulo-ensino-fundamental{

    width: 100%;

    display: flex;

    flex-direction: column;

}

.ensino-fundamental .seta-iniciais{

    display: flex;

    justify-content: flex-end;

    padding-top: 30px;

}

.ensino-fundamental .seta-iniciais img{

    width: 67px;

    position: absolute;

    left: 0;

    bottom: -83px;

}

.ensino-fundamental .titulo-ensino-fundamental h1{

    font-size: 6.4rem;

    text-align: center;

    color: rgb(23, 58, 128);

}

.ensino-fundamental .titulo-ensino-fundamental .texto-ensino-fundamental{

    align-self: center;

    padding-top: 20px;

    display: flex;

    flex-direction: column;

    position: relative;

}

.ensino-fundamental .titulo-ensino-fundamental .texto-ensino-fundamental p{

    font-size: 1.8rem;

    text-align: center;

    padding: 0px 50px;

}

.ensino-fundamental .container-imagem-ensino-fundamental{

    display: flex;

    justify-content: center;

}

.ensino-fundamental .container-imagem-ensino-fundamental .imagem-ensino-fundamental{

    display: flex;

    justify-content: center;

    padding-top: 50px;

}

.ensino-fundamental .container-imagem-ensino-fundamental .imagem-ensino-fundamental img{

    width: 100%;

}

/* BOLINHAS */

.ensino-fundamental .container-bolinhas-ensino-fundamental{

    display: flex;

    justify-content: center;

}

.ensino-fundamental .container-bolinhas-ensino-fundamental .bolinhas{

    display: flex;

    justify-content: center;

    width: 100%;

    padding: 120px 0 25px 0;

}

.ensino-fundamental .container-bolinhas-ensino-fundamental .bolinhas img{

    width: 35%;

    transform: scaleX(-1);

}

.ensino-fundamental .container-bolinhas-ensino-fundamental-finais{

    display: flex;

    justify-content: center;

}

.ensino-fundamental .container-bolinhas-ensino-fundamental-finais .bolinhas-finais{

    display: flex;

    justify-content: center;

    width: 100%;

    padding-top: 60px;

}

.ensino-fundamental .container-bolinhas-ensino-fundamental-finais .bolinhas-finais img{

    width: 35%;

    transform: scaleX(-1);

}

/* FAIXA ETÁRIA */

.ensino-fundamental .pc-faixa-etaria .container-faixa-etaria{

    display: flex;

    justify-content: center;

    padding-top: 20px;

}

.ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .faixa-etaria{

    display: flex;

    align-items: center;

    justify-content: center;

}

.ensino-fundamental .pc-faixa-etaria .container-faixa-etaria img{

    width: 54%;

}

.ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .faixa-etaria .texto-acoes{

    display: flex;

    flex-direction: column;

}

.ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .texto-faixa-etaria h1{

    font-size: 4rem;

    color: rgb(176, 25, 70);

    text-align: start;

}

.ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .texto-faixa-etaria .idades {

    display: flex;

    gap: 4px;

    width: 80%;

    height: 41px;

}

.ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .texto-faixa-etaria .idades p{

    text-align: start;

    font-size: 1.9rem;

}

/* EFAI */

.ensino-fundamental .container-efai{

    padding: 80px 0;

    display: flex;

    justify-content: center;

}

.ensino-fundamental .container-efai .efai{



}

.ensino-fundamental .container-efai .efai .titulo{

    display: flex;

    justify-content: center;

}

.ensino-fundamental .container-efai .efai .titulo h1{

    color: rgb(23, 58, 128);

    font-size: 6rem;

}

.ensino-fundamental .container-efai .efai .foto-topo{

    width: 100%;

    display: flex;

    justify-content: center;

}

.ensino-fundamental .container-efai .efai .foto-topo img{

    width: 990px;

}

.ensino-fundamental .container-efai .efai .efai-conteudo{

    display: flex;

    flex-direction: column;

    gap: 10px;

}

.ensino-fundamental .container-efai .efai .efai-conteudo p{

    text-align: center;

    font-size: 2rem;

}

.ensino-fundamental .container-efai .efai .efai-conteudo p b{

    color: rgb(23, 58, 128);

}



/* EFAF */

.ensino-fundamental .container-efaf{

    padding: 30px 0;

    display: flex;

    justify-content: center;

}

.ensino-fundamental .container-efaf .efaf{



}

.ensino-fundamental .container-efaf .efaf .titulo{

    display: flex;

    justify-content: center;

}

.ensino-fundamental .container-efaf .efaf .titulo h1{

    color: rgb(23, 58, 128);

    font-size: 6rem;

}

.ensino-fundamental .container-efaf .efaf .foto-topo{

    width: 100%;

    display: flex;

    justify-content: center;

}

.ensino-fundamental .container-efaf .efaf .foto-topo img{

    width: 990px;

}



/* Estrutura */

.ensino-fundamental .estrutura-ensino-fundamental{

    display: flex;

    flex-direction: column;

    align-items: center;

    padding-top: 25px;

}

.ensino-fundamental .estrutura-ensino-fundamental .imagem-estrutura img{

    width: 100%;

}

.ensino-fundamental .estrutura-ensino-fundamental .titulo-estrutura{

    text-align: center;

    padding-bottom: 12px;

}

.ensino-fundamental .estrutura-ensino-fundamental .titulo-estrutura h1{

    font-size: 5.9rem;

    color: rgb(23, 58, 128);

}





.ensino-fundamental .container-unidades{

    display: flex;

    justify-content: center;

    padding: 60px 0 60px 0;

}

.ensino-fundamental .container-unidades .titulo-topo{

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-around;

    width: 100%;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px;

    border-radius: 20px;

    padding: 20px;

}

.ensino-fundamental .container-unidades .titulo-topo h1{

    color: rgb(23, 58, 128);

    font-size: 3rem;

    text-align: center;

    padding-bottom: 20px;

}

.ensino-fundamental .container-unidades .unidades{

    display: flex;

    justify-content: space-evenly;

    width: 100%;

}

.ensino-fundamental .container-unidades .unidades p{

    font-size: 1.8rem;

}

.ensino-fundamental .container-unidades .unidades .textoum, .ensino-fundamental .container-unidades .unidades .textodois{

    width: 410px;

}

.ensino-fundamental .container-unidades .unidades .textoum .bolinha-texto{

    display: flex;

    align-items: baseline;

    gap: 8px;

}

.ensino-fundamental .container-unidades .unidades .textoum .bolinha-texto img, .ensino-fundamental .container-unidades .unidades .textodois .bolinha-texto img{

    width: 4%;

}

.ensino-fundamental .container-unidades .unidades .textodois .bolinha-texto{

    display: flex;

    align-items: baseline;

    gap: 10px;

}



/* Horários */

.ensino-fundamental .container-horario{

    display: flex;

    justify-content: center;

    margin-top: 150px;

}

.ensino-fundamental .container-horario .borda{

    border-radius: 20px;

}

.ensino-fundamental .container-horario .borda .horario-rosa{

    background-color: rgb(176, 25, 70);

    border-radius: 40px 40px 0 0;

}

.ensino-fundamental .container-horario .borda .horario-rosa h1{

    color: white;

    margin-bottom: 0;

    padding: 10px 40px;

}

.ensino-fundamental .container-horario .borda .titulo-horarios{

    background-color: white;

    display: flex;

    border-radius: 0 0 40px 40px;

    justify-content: space-around;

}

.ensino-fundamental .container-horario .borda .titulo-horarios .unidade-horario h1{

    color: rgb(28, 63, 148);

    padding-top: 10px;

}

.ensino-fundamental .container-horario .borda .titulo-horarios .unidade-horario p{

    font-size: 1.5rem;

    margin-bottom: 0;

}

.ensino-fundamental .container-horario .borda .titulo-horarios .unidade-horario p span{

    color: rgb(28, 63, 148);

}









.ensino-fundamental .container-coordenadores{

    background-image: url("../images/edinfantil/background-15.png");

    background-color: rgb(189, 166, 155);

    background-size: cover;

    /* background-attachment: fixed; */

}



.ensino-fundamental .container-coordenadores .mascara{

    width: 100%;

    background: rgb(252, 225, 209);

    background: linear-gradient(180deg,rgba(255, 236, 224, 1) 0%, rgba(255, 255, 255, 0.11) 60%);

    display: flex;

    justify-content: center;

    height: 100%;

}

.ensino-fundamental .container-coordenadores .titulo-coordenadores{

    color: rgb(28, 63, 148);

    text-align: center;

    /* padding-top: 60px; */

}

.ensino-fundamental .container-coordenadores .titulo-coordenadores{

    color: rgb(28, 63, 148);

    text-align: center;

    /* padding: 320px 0 150px; */

    width: 100%;

}

.ensino-fundamental .container-coordenadores .titulo-coordenadores h1{

    font-size: 4rem;

    padding-top: 150px;

}

.ensino-fundamental .container-coordenadores .moldura-coordenadores{

    margin: 0 auto;

    padding: 20px 0;

    max-width:80%;

    /* overflow: hidden; */

    display: flex;

    > * {

        flex: 0 0 100%;

      }

    &:hover .teste {

    animation-play-state: paused;

    }

    &:hover .teste2 {

        animation-play-state: paused;

        }

    /* mask: linear-gradient(to right, transparent, red 15%, red 85%, transparent); */

}

.ensino-fundamental .container-coordenadores .moldura-coordenadores .teste,

.ensino-fundamental .container-coordenadores .moldura-coordenadores .teste2{

    display: flex;

    gap: 20px;

    padding-right: 20px;

    animation: scrolling 10s linear infinite;

}

.ensino-fundamental .container-coordenadores .moldura-coordenadores .teste .coordenadores,

.ensino-fundamental .container-coordenadores .moldura-coordenadores .teste2 .coordenadores{

    width: 100%;

    position: relative;

}

.ensino-fundamental .container-coordenadores .moldura-coordenadores .teste .coordenadores img,

.ensino-fundamental .container-coordenadores .moldura-coordenadores .teste2 .coordenadores img{

    width: 450px;

}

.ensino-fundamental .container-coordenadores .moldura-coordenadores .teste .coordenadores .texto-coordenadores,

.ensino-fundamental .container-coordenadores .moldura-coordenadores .teste2 .coordenadores .texto-coordenadores{

    position: absolute;

    bottom: 70px;

    text-align: center;

    width: 100%;

}

.ensino-fundamental .container-coordenadores .moldura-coordenadores .teste .coordenadores .texto-coordenadores p,

.ensino-fundamental .container-coordenadores .moldura-coordenadores .teste2 .coordenadores .texto-coordenadores p{

    font-size: 1.3rem;

}

@media (min-width:601px){

    @keyframes scrolling {

        0% {

            transform: translateX(0);

          }

          100% {

            transform: translateX(-100%);

          }

      }



    .ensino-fundamental .container-coordenadores .moldura-coordenadores{

        mask: linear-gradient(to right, transparent, red 15%, red 85%, transparent);

    }

    .ensino-fundamental .container-coordenadores .moldura-coordenadores {

        overflow: hidden;

    }

}



.ensino-fundamental .seta-mobile{

    display: none;

}

.ensino-fundamental .imagem-ensino-fundamental-mobile{

    display: none;

}

.ensino-fundamental .container-bolinhas-ensino-fundamental-mobile{

    display: none;

}



.ensino-fundamental .imagem-anos-finais-mobile{

    display: none;

}



.ensino-fundamental .container-bolinhas-ensino-fundamental-mobile{

    display: none;

}

.ensino-fundamental hr{

    display: none;

}

.ensino-fundamental .imagem-anos-finais-mobile{

    display: none;

}

.ensino-fundamental .seta-mobile{

    display: none;

}

@media (max-width:2247px){

    .ensino-fundamental .container-faixa-etaria .faixa-etaria {

        padding: 0 50px 0px 140px;

    }

}

@media (max-width:1782px){

    .ensino-fundamental .container-faixa-etaria .faixa-etaria {

        padding: 0 50px;

    }

    .ensino-fundamental .container-faixa-etaria .texto-faixa-etaria h1 {

        font-size: 4.5rem;

    }

    .ensino-fundamental .container-bolinhas-ensino-fundamental .bolinhas img {

        width: 46%;

    }

    .ensino-fundamental .container-bolinhas-ensino-fundamental-finais .bolinhas-finais img {

        width: 46%;

    }

}



@media (max-width:1090px){

    .ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .texto-faixa-etaria .idades p {

        font-size: 1.4rem;

    }

    .ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .texto-faixa-etaria h1 {

        font-size: 4.3rem;

    }

}

@media(max-width:1010px){

    .ensino-fundamental .container-efai .efai .foto-topo img {

        width: 100%;

    }

    .ensino-fundamental .container-efaf .efaf .foto-topo img {

        width: 100%;

    }

}

@media (max-width:980px){

    .ensino-fundamental .container-acoes-especiais .texto-acoes-especiais h1 {

        font-size: 3.7rem;

    }

    .ensino-fundamental .container-acoes-especiais .texto-acoes-especiais p {

        font-size: 1.2rem;

    }

}

@media (max-width:909px){

    .ensino-fundamental .titulo-ensino-fundamental h1 {

        font-size: 4.9rem;

    }

    .ensino-fundamental .titulo-ensino-fundamental .texto-ensino-fundamental p {

        font-size: 1.5rem;

    }

    .ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .texto-faixa-etaria h1 {

        font-size: 2.9rem;

    }

    .ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .texto-faixa-etaria .idades p {

        font-size: 1rem;

    }

    .ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .faixa-etaria {

        padding: 0 60px;

    }

    .ensino-fundamental .container-efai .efai .titulo h1 {

        font-size: 2.9rem;

        text-align: center;

    }

    .ensino-fundamental .container-efai .efai .efai-conteudo p {

        font-size: 1rem;

    }

    .ensino-fundamental .container-efaf .efaf .titulo h1{

        font-size: 2.9rem;

        text-align: center;

    }

    .ensino-fundamental .container-unidades .titulo-topo h1 {

        font-size: 1.9rem;

    }

    .ensino-fundamental .container-unidades .unidades p {

        font-size: 1rem;

    }

    .ensino-fundamental .container-unidades .unidades {

        flex-direction: column;

        align-items: center;

    }

    .ensino-fundamental .container-unidades .unidades .textoum, .ensino-fundamental .container-unidades .unidades .textodois {

        padding-left: 0px;

    }

    .ensino-fundamental .estrutura-ensino-fundamental .titulo-estrutura h1 {

        font-size: 2.9rem;

    }

}

@media (max-width:673px){

    .ensino-fundamental .container-imagem-ensino-fundamental{

        display: none;

    }

    .ensino-fundamental .container-bolinhas-ensino-fundamental{

        display: none;

    }

    .ensino-fundamental .container-bolinhas-ensino-fundamental-finais{

        display: none;

    }

    .ensino-fundamental .seta-iniciais{

        display: none;

    }



    /* ANOS INICIAIS */

    .ensino-fundamental .container-inicio-ensino-fundamental{

        position: relative;

    }

    .ensino-fundamental .container-inicio-ensino-fundamental .titulo-ensino-fundamental .teste-titulo{

        display: flex;

        justify-content: center;

    }

    .ensino-fundamental .titulo-ensino-fundamental .texto-ensino-fundamental p {

        font-size: 1.2rem;

        font-weight: 700;

    }

    .ensino-fundamental .seta-mobile{

        right: 0;

        top: 57px;

        display: flex;

        position: absolute;

    }

    .ensino-fundamental .seta-mobile img{

        height: 70px;

        transform: rotateY(180deg);

    }

    .ensino-fundamental .imagem-ensino-fundamental-mobile{

        display: flex;

        flex-direction: column;

        padding: 13px 14px;

    }

    .ensino-fundamental .imagem-ensino-fundamental-mobile img{

        width: 100%;

    }

    .ensino-fundamental .titulo-ensino-fundamental h1 {

        font-size: 3rem;

        padding: 22px 0 0

    }

    .ensino-fundamental .texto-ensino-fundamental-mobile{

        text-align: center;

        font-size: 1.4rem;

        padding-top: 42px;

    }

    .ensino-fundamental .titulo-ensino-fundamental .texto-ensino-fundamental p {

        padding: 0px 20px;

    }

    /*BOLINHAS*/

    .ensino-fundamental .container-bolinhas-ensino-fundamental-mobile{

        display: flex;

    }

    .ensino-fundamental .container-bolinhas-ensino-fundamental-mobile .bolinhas-mobile {

        padding: 0;

        display: flex;

        justify-content: center;

    }

    .ensino-fundamental .container-bolinhas-ensino-fundamental-mobile .bolinhas-mobile img{

        height: 80px;

        width: 90%;

    }

    /* FAIXA ETÁRIA */

    .ensino-fundamental .pc-faixa-etaria{

        display: flex;

        justify-content: center;

        position: relative;

    }

    .ensino-fundamental .pc-faixa-etaria .container-faixa-etaria {

        flex-direction: column;

        padding: 0;

    }

    .ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .faixa-etaria {

        padding: 0;

    }

    .ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .texto-faixa-etaria{

        display: flex;

        flex-direction: column;

    }

    .ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .texto-faixa-etaria h1 {

        font-size: 3.7rem;

        text-align: center;

    }

    .ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .faixa-etaria img {

        width: 310px;

        top: 292px;

        position: absolute;

    }

    .ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .texto{

        width: 64%;

        padding: 20px;

    }

    .ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .texto-faixa-etaria .idades {

        justify-content: center;

        padding: 0 20px;

    }

    .ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .texto-acoes .idades p{

        text-align: center;

        font-size: 1.2rem;

    }

    .ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .faixa-etaria .texto-acoes{

        padding: 270px 0 0 0px;

        gap: 0px;

        align-items: center;

    }

    /* estrutura */

    .ensino-fundamental .container-unidades {

        padding: 60px 0;

    }

    /* HORÁRIOS */

    .ensino-fundamental .container-horario {

        padding: 70px 20px;

        margin-top: 0;

    }

    .ensino-fundamental .container-horario .borda .titulo-horarios {

        flex-direction: column;

        gap: 0px;

        text-align: center;

    }

    .ensino-fundamental .container-horario .borda .horario-rosa {

        border-radius: 15px 15px 0 0;

        padding: 13px 0;

        height: 70px;

        text-align: center;

    }

    .ensino-fundamental .container-horario .borda .horario-rosa h1 {

        font-size: 2rem;

    }

    .ensino-fundamental .container-horario .borda {

        border-radius: 15px;

    }

    .ensino-fundamental .container-horario .borda .titulo-horarios h1 {

        font-size: 1.5rem;

    }

    .ensino-fundamental .container-horario .borda .titulo-horarios .unidade-horario {

        padding-bottom: 22px;

        padding-left:0;

    }

    .ensino-fundamental .container-horario .borda .titulo-horarios .unidade-horario p {

        font-size: 1rem;

    }

}

@media (max-width:600px){

    .ensino-fundamental .container-coordenadores .moldura-coordenadores .teste2{

        display: none;

    }

    .ensino-fundamental .container-coordenadores .titulo-coordenadores h1 {

        font-size: 2.9rem;

    }

    .ensino-fundamental .container-coordenadores .titulo-coordenadores {

        padding: 80px 0 50px;

    }

    .ensino-fundamental .container-coordenadores .moldura-coordenadores .teste .coordenadores img {

        width: 100%;

    }

    .ensino-fundamental .container-coordenadores .moldura-coordenadores .teste {

        flex-direction: column;

        gap:40px;

        padding: 0;

    }

    .ensino-fundamental .container-coordenadores .moldura-coordenadores .teste .coordenadores .texto-coordenadores {

        top: 28%;

    }

    .ensino-fundamental .container-coordenadores .moldura-coordenadores .teste .coordenadores .texto-coordenadores p {

        font-size: 3.4vmin;

    }

    .ensino-fundamental .init-Hiddendois{

        opacity: 0;

        filter: blur(5px);

        transition: all 1s;

        transform: translateY(10%);

        /* bottom: -10%; */

    }



    .ensino-fundamental .init-Hiddendois-off-1{

        opacity: 1;

        filter: blur(0);

        transition: all 1s;

        transform: translateY(0);

        /* bottom: 0; */

    }



    .ensino-fundamental .init-Hiddendois-off-2{

        opacity: 1;

        filter: blur(0);

        transition: all 1.25s;

        transform: translateY(0);

        /* bottom: 0; */

    }



    .ensino-fundamental .init-Hiddendois-off-3{

        opacity: 1;

        filter: blur(0);

        transition: all 1.5s;

        transform: translateY(0);

        /* bottom: 0; */

    }

    .ensino-fundamental .init-Hiddendois-off-4{

        opacity: 1;

        filter: blur(0);

        transition: all 1.60s;

        transform: translateY(0);

        /* bottom: 0; */

    }

    .ensino-fundamental .init-Hiddendois-off-5{

        opacity: 1;

        filter: blur(0);

        transition: all 1.70s;

        transform: translateY(0);

        /* bottom: 0; */

    }

}

@media(max-width:515px){

    .ensino-fundamental .container-efai{

        padding: 0;

    }

    .ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .texto-faixa-etaria h1 {

        font-size: 2.8rem;

    }

    .ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .faixa-etaria img {

        top: 222px;

    }

}

@media (max-width:449px){

    .ensino-fundamental .titulo-ensino-fundamental h1 {

        font-size: 2.4rem;

    }

    .ensino-fundamental .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade .idades p {

        font-size: 0.9rem;

    }

    .ensino-fundamental .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade .idades h1 {

        font-size: 1rem;

    }

    .ensino-fundamental .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade {

        padding-top: 220px;

    }

    .ensino-fundamental .container-coordenadores .titulo-coordenadores h1 {

        font-size: 2.5rem;

    }

}

@media (max-width:429px){

    .ensino-fundamental .container-coordenadores .moldura-coordenadores .teste .coordenadores .texto-coordenadores {

        bottom: 50px;

    }

    /* .ensino-fundamental .container-unidades .unidades .textoum .bolinha-texto img,

    .ensino-fundamental .container-unidades .unidades .textodois .bolinha-texto img {

        width: 4%;

    } */

    .ensino-fundamental .container-unidades .unidades .textoum, .ensino-fundamental .container-unidades .unidades .textodois {

        width: 100%;

    }

    .ensino-fundamental .container-coordenadores .titulo-coordenadores h1 {

        padding-top: 0px;

    }

}

@media(max-width:399px){

    .ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .texto-faixa-etaria h1 {

        font-size: 2.3rem;

    }

    .ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .texto-acoes .idades p {

        font-size: 1rem;

    }

    .ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .faixa-etaria img {

        top: 192px;

    }

}

@media (max-width:337px){

    .ensino-fundamental .container-coordenadores .moldura-coordenadores .teste .coordenadores .texto-coordenadores {

        bottom: 30px;

    }

    .ensino-fundamental .container-coordenadores .titulo-coordenadores h1 {

        font-size: 2.3rem;

    }

}

@media(max-width:335px){

    .ensino-fundamental .pc-faixa-etaria .container-faixa-etaria .faixa-etaria img {

        top: 232px;

    }

}

@media (max-width:344px){

    .ensino-fundamental .seta-mobile {

        top: 190px;

    }

    .ensino-fundamental .titulo-ensino-fundamental h1 {

        font-size: 3rem;

    }

}











/* ENSINO MÉDIO */



.ensino-medio .titulo-ensino-medio{

    width: 100%;

    display: flex;

    flex-direction: column;

}

.ensino-medio .seta-{

    display: flex;

    justify-content: flex-end;

    padding-top: 30px;

}

.ensino-medio .seta img{

    width: 57px;



    position: absolute;

    right: 0;

    bottom: -83px;

}

.ensino-medio .titulo-ensino-medio h1{

    font-size: 7rem;

    text-align: center;

    color: rgb(23, 58, 128);

}

.ensino-medio .titulo-ensino-medio .texto-ensino-medio{

    align-self: center;

    padding-top: 20px;

    display: flex;

    position: relative;

}

.ensino-medio .titulo-ensino-medio .texto-ensino-medio p{

    font-size: 1.8rem;

    text-align: center;

    padding: 0px 50px;

}

.ensino-medio .container-ensino-medio .container-texto{

    display: flex;

    justify-content: center;

}

.ensino-medio .container-ensino-medio .container-texto .texto-ensino-medio{

    align-self: center;

    padding-top: 20px;

    display: flex;

    flex-direction: column;

}

.ensino-medio .container-ensino-medio .container-texto .texto-ensino-medio p{

    font-size: 1.8rem;

    text-align: center;

    padding: 0px 50px;

}

.ensino-medio .container-imagem-ensino-medio{

    display: flex;

    justify-content: center;

}

.ensino-medio .container-imagem-ensino-medio .imagem-ensino-medio{

    display: flex;

    justify-content: center;

    padding-top: 50px;

}

.ensino-medio .container-imagem-ensino-medio .imagem-ensino-medio img{

    width: 100%;

}



.ensino-medio .pc-conhecimento .container-conhecimento{

    display: flex;

    justify-content: center;

    padding-top: 20px;

}

.ensino-medio .pc-conhecimento .container-conhecimento .conhecimento{

    display: flex;

    align-items: center;

    justify-content: center;

}

.ensino-medio .pc-conhecimento .container-conhecimento img{

    width: 44%;

}

.ensino-medio .pc-conhecimento .container-conhecimento .conhecimento .texto-acoes{

    display: flex;

    flex-direction: column;

}

.ensino-medio .pc-conhecimento .container-conhecimento .texto-conhecimento h1{

    font-size: 4rem;

    color: rgb(176, 25, 70);

    text-align: start;

}

.ensino-medio .pc-conhecimento .container-conhecimento .texto-conhecimento .idades {

    display: flex;

    gap: 4px;

    width: 80%;

    /* height: 61px; */

}

.ensino-medio .pc-conhecimento .container-conhecimento .texto-conhecimento .idades p{

    text-align: start;

    font-size: 1.9rem;

}



/* BOLINHAS */

.ensino-medio .container-bolinhas{

    display: flex;

    justify-content: center;

}

.ensino-medio .container-bolinhas .bolinhas{

    display: flex;

    justify-content: center;

    width: 100%;

    padding: 59px 0 25px 0;

}

.ensino-medio .container-bolinhas .bolinhas img{

    width: 38%;

}



.ensino-medio .container-conteudos-ensino-medio{

    display: flex;

    justify-content: center;

}

.ensino-medio .container-conteudos-ensino-medio .conteudo-ensino-medio{



}

.ensino-medio .container-conteudos-ensino-medio .conteudo-ensino-medio .imagem-conteudo-ensino-medio{

    width: 100%;

    display: flex;

    justify-content: center;

}

.ensino-medio .container-conteudos-ensino-medio .conteudo-ensino-medio .imagem-conteudo-ensino-medio img{

    width: 900px;

}

.ensino-medio .container-conteudos-ensino-medio .conteudo-ensino-medio .titulo-ensino-medio-conhecimento{

    display: flex;

    justify-content: center;

    padding: 20px 0;

}

.ensino-medio .container-conteudos-ensino-medio .conteudo-ensino-medio .titulo-ensino-medio-conhecimento h1{

    color: rgb(23, 58, 128);

    font-size: 2rem;

    text-align: center;

}

.ensino-medio .container-conteudos-ensino-medio .conteudo-ensino-medio .container-topicos{

    display: flex;

    justify-content: space-evenly;

    padding: 20px 0;

}

.ensino-medio .container-conteudos-ensino-medio .conteudo-ensino-medio .container-topicos .topico-um p,

.ensino-medio .container-conteudos-ensino-medio .conteudo-ensino-medio .container-topicos .topico-dois p{

    font-size: 2rem;

    margin-bottom: 0px;

}

.ensino-medio .container-conteudos-ensino-medio .conteudo-ensino-medio .texto{

    display: flex;

    justify-content: center;

}

.ensino-medio .container-conteudos-ensino-medio .conteudo-ensino-medio .texto p{

    font-size: 2rem;

    text-align: center;

    width: 73%;

}



/* unidades */

.ensino-medio .container-unidades{

    display: flex;

    justify-content: center;

    padding: 60px 0 60px 0;

}

.ensino-medio .container-unidades .titulo-topo{

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-around;

    width: 100%;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px;

    border-radius: 20px;

    padding: 20px;

}

.ensino-medio .container-unidades .titulo-topo h1{

    color: rgb(23, 58, 128);

    font-size: 3rem;

    text-align: center;

    padding-bottom: 20px;

}

.ensino-medio .container-unidades .unidades{

    display: flex;

    justify-content: space-around;

    width: 100%;

}

.ensino-medio .container-unidades .unidades p{

    font-size: 1.8rem;

}

.ensino-medio .container-unidades .unidades .textoum, .ensino-medio .container-unidades .unidades .textodois{

    width: 440px;

}

.ensino-medio .container-unidades .unidades .textoum .bolinha-texto{

    display: flex;

    align-items: baseline;

    gap: 8px;

}

.ensino-medio .container-unidades .unidades .textodois .bolinha-texto img,.ensino-medio .container-unidades .unidades .textoum .bolinha-texto img{
    max-width: 4%;
}

.ensino-medio .container-unidades .unidades .textodois .bolinha-texto{

    display: flex;

    align-items: baseline;

    gap: 10px;

}



/* Estrutura */

.ensino-medio .estrutura-ensino-medio{

    display: flex;

    flex-direction: column;

    align-items: center;

    padding-top: 25px;

}

.ensino-medio .estrutura-ensino-medio .imagem-estrutura img{

    width: 100%;

}

.ensino-medio .estrutura-ensino-medio .titulo-estrutura{

    text-align: center;

    padding-bottom: 12px;

}

.ensino-medio .estrutura-ensino-medio .titulo-estrutura h1{

    font-size: 5.9rem;

    color: rgb(23, 58, 128);

}

.ensino-medio .informacoes-estrutura{

    display: flex;

    justify-content: center;

    padding-top: 90px;

}

.ensino-medio .informacoes-estrutura .texto-informacao{

    display: flex;

    justify-content: space-evenly;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px;

    border-radius: 20px;

    padding: 50px 0 30px 50px;

}

.ensino-medio .informacoes-estrutura .texto-informacao p{

    font-size: 2rem;

}

.ensino-medio .informacoes-estrutura .texto-informacao .textoum,.ensino-medio .informacoes-estrutura .texto-informacao .textodois{

    width: 410px;

}

.ensino-medio .informacoes-estrutura .texto-informacao .textoum .bolinha-texto{

    display: flex;

    align-items: baseline;

    gap: 8px;

}

.ensino-medio .informacoes-estrutura .texto-informacao .textoum .bolinha-texto img,.ensino-medio .informacoes-estrutura .texto-informacao .textodois .bolinha-texto img{

    max-width: 4%;

}


.ensino-medio .informacoes-estrutura .texto-informacao .textodois .bolinha-texto{

    display: flex;

    align-items: baseline;

    gap: 10px;

}

.ensino-medio .container-mascara{

    background-image: url("../images/ensinomedio/background-15.png");

    background-color: rgb(189, 166, 155);

    background-size: cover;

    /* background-attachment: fixed; */

}

.ensino-medio .container-mascara .mascara{

    width: 100%;

    background: rgb(252, 225, 209);

    background: linear-gradient(180deg,rgba(255, 236, 224, 1) 0%, rgba(255, 255, 255, 0.11) 60%);

    display: flex;

    justify-content: center;

    height: 100%;

}

.ensino-medio .container-mascara .mascara .titulo-coordenadores{

    padding: 80px 0 80px;

    width: 100%;

}

.ensino-medio .container-mascara .mascara .titulo-coordenadores h1{

    color: rgb(28, 63, 148);

    text-align: center;

    font-size: 4.8rem;

}

.ensino-medio .container-mascara .mascara .moldura-coordenadores{

    margin: 0 auto;

    padding: 20px 0;

    max-width:80%;

    /* overflow: hidden; */

    display: flex;

    > * {

        flex: 0 0 100%;

      }

    &:hover .teste {

    animation-play-state: paused;

    }

    &:hover .teste2 {

        animation-play-state: paused;

        }

    /* mask: linear-gradient(to right, transparent, red 15%, red 85%, transparent); */

}

.ensino-medio .container-mascara .mascara .moldura-coordenadores .teste,

.ensino-medio .container-mascara .mascara .moldura-coordenadores .teste2{

    display: flex;

    gap: 20px;

    padding-right: 20px;

    animation: scrolling 10s linear infinite;

}

.ensino-medio .container-mascara .mascara .moldura-coordenadores .teste .coordenadores,

.ensino-medio .container-mascara .mascara .moldura-coordenadores .teste2 .coordenadores{

    width: 100%;

    position: relative;

}

.ensino-medio .container-mascara .mascara .moldura-coordenadores .teste .coordenadores img,

.ensino-medio .container-mascara .mascara .moldura-coordenadores .teste2 .coordenadores img{

    width: 450px;

}

.ensino-medio .container-mascara .mascara .moldura-coordenadores .teste .coordenadores .texto-coordenadores,

.ensino-medio .container-mascara .mascara .moldura-coordenadores .teste2 .coordenadores .texto-coordenadores{

    position: absolute;

    bottom: 69px;

    text-align: center;

    width: 100%;

}

.ensino-medio .container-mascara  .mascara .moldura-coordenadores .teste .coordenadores .texto-coordenadores p,

.ensino-medio .container-mascara .mascara .moldura-coordenadores .teste2 .coordenadores .texto-coordenadores p{

    font-size: 1.3rem;

}



@media (min-width:601px){

    @keyframes scrolling {

        0% {

            transform: translateX(0);

          }

          100% {

            transform: translateX(-100%);

          }

      }



    .ensino-medio .container-mascara .mascara .moldura-coordenadores{

        mask: linear-gradient(to right, transparent, red 15%, red 85%, transparent);

    }

    .ensino-medio .container-mascara .mascara .moldura-coordenadores {

        overflow: hidden;

    }

}

@media (max-width:2247px){

    .ensino-medio .container-faixa-etaria .faixa-etaria {

        padding: 0 50px 0px 140px;

    }

}

@media (max-width:1782px){

    .ensino-medio .container-bolinhas .bolinhas img{

        width: 46%;

    }

    .ensino-medio .container-conhecimento .conhecimento {

        justify-content: space-around;

    }

    .ensino-medio .container-conhecimento .texto-conhe.conhecimento h1 {

        font-size: 4.5rem;

    }

}



@media (max-width:1174px){

    .ensino-medio .titulo-ensino-medio .texto-ensino-medio p {

        font-size: 1.4rem;

    }

    .ensino-medio .informacoes-estrutura .texto-informacao p {

        font-size: 1.4rem;

    }

    .ensino-medio .container-conteudos-ensino-medio .conteudo-ensino-medio .titulo-ensino-medio-conhecimento h1 {

        font-size: 1.4rem;

    }

    .ensino-medio .container-conteudos-ensino-medio .conteudo-ensino-medio .container-topicos .topico-um p,

    .ensino-medio .container-conteudos-ensino-medio .conteudo-ensino-medio .container-topicos .topico-dois p {

        font-size: 1.4rem;

    }

    .ensino-medio .container-conteudos-ensino-medio .conteudo-ensino-medio .texto p {

        font-size: 1.4rem;

    }

}

@media (max-width:1090px){

    .ensino-medio .pc-conhecimento .container-conhecimento .texto-conhecimento .idades p {

        font-size: 1.4rem;

    }

    .ensino-medio .pc-conhecimento .container-conhecimento .texto-conhecimento h1 {

        font-size: 4.3rem;

    }

}

@media (max-width:909px){

    .ensino-medio .pc-conhecimento .container-conhecimento .texto-conhecimento h1 {

        font-size: 2.9rem;

    }

    .ensino-medio .pc-conhecimento .container-conhecimento .texto-conhecimento .idades p {

        font-size: 1rem;

    }

    .ensino-medio .pc-conhecimento .container-conhecimento .conhecimento {

        padding: 0 60px;

    }

    .ensino-medio .container-conteudos-ensino-medio .conteudo-ensino-medio .imagem-conteudo-ensino-medio img {

        width: 100%;

    }

    .ensino-medio .container-unidades .titulo-topo h1 {

        font-size: 1.9rem;

    }

    .ensino-medio .container-unidades .unidades p {

        font-size: 1rem;

    }

    .ensino-medio .container-unidades .unidades {

        flex-direction: column;

        align-items: center;

    }

    .ensino-medio .container-unidades .unidades .textoum, .ensino-medio .container-unidades .unidades .textodois {

        padding-left: 0px;

    }

}

.ensino-medio .pc-conhecimento .container-conhecimento .conhecimento .texto-conhecimento .imagem-conhecimento-mobile{

    display: none;

}

@media (max-width:673px){

    .ensino-medio .pc-conhecimento .container-conhecimento .conhecimento img {

        display: none;

    }

    .ensino-medio .pc-conhecimento .container-conhecimento {

        flex-direction: column;

        position: relative;

        padding: 0;

    }

    .ensino-medio .pc-conhecimento .container-conhecimento .conhecimento {

        padding: 0;

    }

    .ensino-medio .pc-conhecimento .container-conhecimento .texto-conhecimento{

        display: flex;

        flex-direction: column;

    }

    .ensino-medio .pc-conhecimento .container-conhecimento .texto-conhecimento h1 {

        font-size: 3.3rem;

        text-align: center;

    }

    .ensino-medio .pc-conhecimento .container-conhecimento .conhecimento .texto-conhecimento .imagem-conhecimento-mobile{

        display: flex;

        justify-content: center;

    }

    .ensino-medio .pc-conhecimento .container-conhecimento .conhecimento .texto-conhecimento .imagem-conhecimento-mobile .imagem-mobile-conhecimento{

        display: block;

        width: 100%;

    }

    .ensino-medio .pc-conhecimento .container-conhecimento .conhecimento .texto-conhecimento .texto{

        width: 64%;

        padding: 20px;

    }

    .ensino-medio .pc-conhecimento .container-conhecimento .texto-conhecimento .idades {

        justify-content: center;

        padding: 0 20px;

    }

    .ensino-medio .pc-conhecimento .container-conhecimento .conhecimento .texto-conhecimento .texto-acoes .idades p{

        text-align: center;

        font-size: 1.2rem;

    }

    .ensino-medio .pc-conhecimento .container-conhecimento .conhecimento .texto-acoes{

        gap: 0px;

        align-items: center;

    }

    .ensino-medio .container-unidades {

        padding: 60px 0;

    }

}

.ensino-medio .imagem-anos-finais-mobile{

    display: none;

}

.ensino-medio .seta-mobile{

    display: none;

}

.ensino-medio .imagem-ensino-medio-mobile{

    display: none;

}

.ensino-medio .container-bolinhas-mobile{

    display: none;

}

@media (max-width:600px){

    .ensino-medio .container-mascara .mascara .moldura-coordenadores .teste2{

        display: none;

    }

    .ensino-medio .container-mascara .mascara .titulo-coordenadores h1 {

        font-size: 3.5rem;

    }

    .ensino-medio .container-mascara .mascara .titulo-coordenadores {

        padding: 80px 0 50px;

    }

    .ensino-medio .container-mascara .mascara .moldura-coordenadores .teste .coordenadores img {

        width: 100%;

    }

    .ensino-medio .container-mascara .mascara .moldura-coordenadores .teste {

        flex-direction: column;

        gap:40px;

        padding: 0;

    }

    .ensino-medio .container-mascara .mascara .moldura-coordenadores .teste .coordenadores .texto-coordenadores {

        top: 28%;

    }

    .ensino-medio .container-mascara .mascara .moldura-coordenadores .teste .coordenadores .texto-coordenadores p {

        font-size: 3.4vmin;

    }

    .ensino-medio .init-Hiddendois{

        opacity: 0;

        filter: blur(5px);

        transition: all 1s;

        transform: translateY(10%);

        /* bottom: -10%; */

    }



    .ensino-medio .init-Hiddendois-off-1{

        opacity: 1;

        filter: blur(0);

        transition: all 1s;

        transform: translateY(0);

        /* bottom: 0; */

    }



    .ensino-medio .init-Hiddendois-off-2{

        opacity: 1;

        filter: blur(0);

        transition: all 1.25s;

        transform: translateY(0);

        /* bottom: 0; */

    }



    .ensino-medio .init-Hiddendois-off-3{

        opacity: 1;

        filter: blur(0);

        transition: all 1.5s;

        transform: translateY(0);

        /* bottom: 0; */

    }

}

@media(max-width:516px){

    .ensino-medio .container-conteudos-ensino-medio .conteudo-ensino-medio .container-topicos {

        justify-content: space-evenly;

        padding: 20px 0px 20px 50px;

        flex-direction: column;

    }

}

@media (max-width:500px){

    .ensino-medio .container-imagem-ensino-medio{

        display: none;

    }

    .ensino-medio .seta{

        display: none;

    }

    .ensino-medio .teste-seta{

        display: none;

    }

    .ensino-medio .teste-texto{

        display: none;

    }

    .ensino-medio .container-bolinhas{

        display: none;

    }

    .ensino-medio .titulo-ensino-medio h1 {

        font-size: 3.5rem;

        padding-top: 20px;

    }

    .ensino-medio .imagem-ensino-medio-mobile{

        display: flex;

        padding: 30px;

    }

    .ensino-medio .seta-mobile{

        display: flex;

        position: absolute;

        right: 50px;

        top: 196px;

    }

    .ensino-medio .seta-mobile img{

        height: 70px;



    }

    .ensino-medio .titulo-ensino-medio .texto-ensino-medio p {

        font-size: 1.3rem;

        padding: 0;

        font-weight: 700;

    }

    .ensino-medio .container-ensino-medio .container-texto .texto-ensino-medio p {

        font-size: 1.3rem;

        font-weight: 700;

        padding: 0px;

    }

    .ensino-medio .container-bolinhas-mobile{

        display: flex;

    }

    .ensino-medio .container-bolinhas-mobile .bolinhas-mobile {

        padding: 0;

        display: flex;

        justify-content: center;

    }

    .ensino-medio .container-bolinhas-mobile .bolinhas-mobile img{

        height: 80px;

        width: 90%;

    }

    .ensino-medio .estrutura-ensino-medio .titulo-estrutura h1 {

        font-size: 3.1rem;

    }

    .ensino-medio .pc-conhecimento .container-conhe.pc-conhecimento .texto-conhe.pc-conhecimento h1 {

        font-size: 2.8rem;

    }

    .ensino-medio .pc-conhecimento .container-conhe.pc-conhecimento .conhe.pc-conhecimento img {

        top: 222px;

    }

    .ensino-medio .informacoes-estrutura {

        padding: 40px 0 20px 0;

    }

    .ensino-medio .informacoes-estrutura .texto-informacao {

        display: flex;

        flex-direction: column;

        padding: 15px;

    }

    .ensino-medio .informacoes-estrutura .texto-informacao p {

        font-size: 1.2rem;

    }



    .ensino-medio .informacoes-estrutura .texto-informacao .textodois {

        width: 100%;

    }



}

@media (max-width:449px){

    .ensino-medio .container-conhecimento .conhecimento .texto-conhecimento .container-idade .idades p {

        font-size: 0.9rem;

    }

    .ensino-medio .container-conhecimento .conhecimento .texto-conhecimento .container-idade .idades h1 {

        font-size: 1rem;

    }

    .ensino-medio .container-conhecimento .conhecimento .texto-conhecimento .container-idade {

        padding-top: 220px;

    }

}

@media (max-width:447px){

    .ensino-medio .container-mascara .mascara .titulo-coordenadores h1 {

        font-size: 2.5rem;

    }

}

@media (max-width:429px){

    .ensino-medio .container-mascara .mascara .moldura-coordenadores .teste .coordenadores .texto-coordenadores {

        bottom: 50px;

    }


    .ensino-medio .container-unidades .unidades .textoum, .ensino-medio .container-unidades .unidades .textodois {

        width: 100%;

    }

    .ensino-medio .informacoes-estrutura .texto-informacao .textoum, .ensino-medio .informacoes-estrutura .texto-informacao .textodois {
        width: 100%;
    }

}

@media(max-width:399px){

    .ensino-medio .pc-conhecimento .container-conhecimento .texto-conhecimento h1 {

        font-size: 2.3rem;

    }

    .ensino-medio .pc-conhecimento .container-conhecimento .conhecimento .texto-conhecimento .texto-acoes .idades p {

        font-size: 1rem;

    }

}

@media (max-width:337px){

    .ensino-medio .container-mascara .mascara .moldura-coordenadores .teste .coordenadores .texto-coordenadores {

        bottom: 30px;

    }

    .ensino-medio .container-mascara .mascara .titulo-coordenadores h1 {

        font-size: 2.3rem;

    }

}

@media (max-width:398px){

    .ensino-medio .titulo-ensino-medio h1 {

        font-size: 2.9rem;

    }

}











/* EDUCAÇÃO INFANTIL */



.educacao-infantil .titulo-educacao-infantil{

    width: 100%;

    display: flex;

    flex-direction: column;

}

.educacao-infantil .seta-iniciais{

    display: flex;

    justify-content: flex-end;

    padding-top: 30px;

}

.educacao-infantil .seta-iniciais img{

    width: 67px;

    position: absolute;

    left: 0;

    bottom: -113px;

}

.educacao-infantil .titulo-educacao-infantil h1{

    font-size: 7vw;

    text-align: center;

    color: rgb(23, 58, 128);

}

.educacao-infantil .titulo-educacao-infantil .texto-educacao-infantil{

    align-self: center;

    padding-top: 20px;

    display: flex;

    position: relative;

}

.educacao-infantil .titulo-educacao-infantil .texto-educacao-infantil p{

    font-size: 3.4vmin;

    text-align: center;

    padding: 0px 50px;

}

.educacao-infantil .container-imagem-educacao-infantil{

    display: flex;

    justify-content: center;

    padding-bottom: 80px;

}

.educacao-infantil .container-imagem-educacao-infantil .imagem-educacao-infantil{

    display: flex;

    justify-content: center;

    padding-top: 50px;

}

.educacao-infantil .container-imagem-educacao-infantil .imagem-educacao-infantil img{

    width: 100%;

}

/* Bolinhas */

.educacao-infantil .container-bolinhas{

    display: flex;

    justify-content: center;

}

.educacao-infantil .container-bolinhas .bolinhas{

    display: flex;

    justify-content: center;

    width: 100%;

    padding: 20px 0 25px 0;

}

.educacao-infantil .container-bolinhas .bolinhas img{

    width: 38%;

}

/* Proposta pedagógica */

.educacao-infantil .container-proposta-pedagogica{

    display: flex;

    justify-content: center;

    padding-top: 20px;

}

.educacao-infantil .container-proposta-pedagogica .proposta-pedagogica{

    display: flex;

    justify-content: space-evenly;

    padding: 0 13px 0px 110px;

    width: 100%;

}
.educacao-infantil .container-proposta-pedagogica .proposta-pedagogica .imagem-proposta
.educacao-infantil .container-proposta-pedagogica .proposta-pedagogica .imagem-proposta img{

  width: 100%;


}

.educacao-infantil .container-proposta-pedagogica .texto-proposta-pedagogica h1{

    font-size: 3.7vw;

    color: rgb(176, 25, 70);

}

.educacao-infantil .container-proposta-pedagogica .texto-proposta-pedagogica p{

    font-size: 1.6rem;

}

/* Rotina */

.educacao-infantil .container-rotina{

    padding: 30px 0;

    display: flex;

    justify-content: center;

}

.educacao-infantil .container-rotina .rotina{



}

.educacao-infantil .container-rotina .rotina .imagem-rotina{

    width: 100%;

    display: flex;

    justify-content: center;



}

.educacao-infantil .container-rotina .rotina .imagem-rotina img{

    width: 990px;

}

.educacao-infantil .container-rotina .rotina .texto-rotina{

    display: flex;

    flex-direction: column;

    gap: 10px;

}

.educacao-infantil .container-rotina .rotina .texto-rotina p{

    text-align: center;

    font-size: 2rem;

}

.educacao-infantil .container-rotina .rotina .texto-rotina p b{

    color: rgb(23, 58, 128);

}



/* Estrutura */

.educacao-infantil .estrutura-educacao-infantil{

    display: flex;

    flex-direction: column;

    align-items: center;

    /* padding-top: 80px; */

}

.educacao-infantil .estrutura-educacao-infantil .imagem-estrutura img{

    width: 100%;

}

.educacao-infantil .estrutura-educacao-infantil .titulo-estrutura{

    text-align: center;

    padding-bottom: 12px;

}

.educacao-infantil .estrutura-educacao-infantil .titulo-estrutura h1{

    font-size: 5.9rem;

    color: rgb(23, 58, 128);

}

/* unidades */

.educacao-infantil .container-unidades{

    display: flex;

    justify-content: center;

    padding: 60px 0 60px 0;

}

.educacao-infantil .container-unidades .titulo-topo{

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-around;

    width: 100%;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px;

    border-radius: 20px;

    padding: 20px;

}

.educacao-infantil .container-unidades .titulo-topo h1{

    color: rgb(23, 58, 128);

    font-size: 3rem;

    text-align: center;

    padding-bottom: 20px;

}

.educacao-infantil .container-unidades .unidades{

    display: flex;

    justify-content: space-evenly;

    width: 100%;

    padding: 0px 50px;

}

.educacao-infantil .container-unidades .unidades p{

    font-size: 1.8rem;

}

.educacao-infantil .container-unidades .unidades .textoum, .educacao-infantil .container-unidades .unidades .textodois {
    width: 50%;
}

.educacao-infantil .container-unidades .unidades .textoum .bolinha-texto{

    display: flex;

    align-items: baseline;

    gap: 8px;

}


.educacao-infantil .container-unidades .unidades .textoum .bolinha-texto img, .educacao-infantil .container-unidades .unidades .textodois .bolinha-texto img{

    max-width: 2%;

}

.educacao-infantil .container-unidades .unidades .textodois .bolinha-texto{

    display: flex;

    align-items: baseline;

    gap: 10px;

}



/* faixa etária */

.educacao-infantil .container-faixa-etaria{

    display: flex;

    justify-content: center;

    padding: 20px 0 20px 0;

}

.educacao-infantil .container-faixa-etaria .faixa-etaria{

    display: flex;

    justify-content: space-evenly;

    flex-direction: row-reverse;

    padding: 0 100px;

}

.educacao-infantil .container-faixa-etaria .faixa-etaria img{

    width: 40%;

}

.educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria h1{

    text-align: start;

    color: rgb(176, 25, 70);

    font-size: 5.1rem;

    padding-bottom: 10px;

}

.educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade .idades{

    display: flex;

    justify-content:flex-start;

}

.educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade .idades p{

    font-size: 1.6rem;

}

.educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade .idades p b{

    color: rgb(23, 58, 128);

    font-size: 1.9rem;

}

.educacao-infantil .container-coordenadores{

    background-image: url("../images/edinfantil/background-15.png");

    background-color: rgb(189, 166, 155);

    background-size: cover;

    /* background-attachment: fixed; */

}



.educacao-infantil .container-horario{

    display: flex;

    justify-content: center;

    margin-top: 150px;

}

.educacao-infantil .container-horario .borda{

    border-radius: 20px;

}

.educacao-infantil .container-horario .borda .horario-rosa{

    background-color: rgb(176, 25, 70);

    border-radius: 40px 40px 0 0;

}

.educacao-infantil .container-horario .borda .horario-rosa h1{

    color: white;

    margin-bottom: 0;

    padding: 10px 40px;

}

.educacao-infantil .container-horario .borda .titulo-horarios{

    background-color: white;

    display: flex;

    border-radius: 0 0 40px 40px;

    justify-content: space-around;

}

.educacao-infantil .container-horario .borda .titulo-horarios .unidade-horario h1{

    color: rgb(28, 63, 148);

    padding-top: 10px;

}

.educacao-infantil .container-horario .borda .titulo-horarios .unidade-horario p{

    font-size: 1.5rem;

}

.educacao-infantil .container-horario .borda .titulo-horarios .unidade-horario p span{

    color: rgb(28, 63, 148);

}



.educacao-infantil .container-coordenadores .mascara{

    width: 100%;

    background: rgb(252, 225, 209);

    background: linear-gradient(180deg,rgba(255, 236, 224, 1) 0%, rgba(255, 255, 255, 0.11) 60%);

    display: flex;

    justify-content: center;

    height: 100%;

}

.educacao-infantil .container-coordenadores .titulo-coordenadores{

    color: rgb(28, 63, 148);

    text-align: center;

    padding-top: 60px;

}

.educacao-infantil .container-coordenadores .titulo-coordenadores{

    color: rgb(28, 63, 148);

    text-align: center;

    padding: 150px 0 150px;

    width: 100%;

}

.educacao-infantil .container-coordenadores .titulo-coordenadores h1{

    font-size: 4.8rem;

}

.educacao-infantil .container-coordenadores .moldura-coordenadores{

    margin: 0 auto;

    padding: 20px 0;

    max-width:80%;

    /* overflow: hidden; */

    display: flex;

    > * {

        flex: 0 0 100%;

      }

    &:hover .teste {

    animation-play-state: paused;

    }

    &:hover .teste2 {

        animation-play-state: paused;

        }

    /* mask: linear-gradient(to right, transparent, red 15%, red 85%, transparent); */

}

.educacao-infantil .container-coordenadores .moldura-coordenadores .teste,

.educacao-infantil .container-coordenadores .moldura-coordenadores .teste2{

    display: flex;

    gap: 20px;

    padding-right: 20px;

    animation: scrolling 10s linear infinite;

}

.educacao-infantil .container-coordenadores .moldura-coordenadores .teste .coordenadores,

.educacao-infantil .container-coordenadores .moldura-coordenadores .teste2 .coordenadores{

    width: 590px;

    position: relative;

}

.educacao-infantil .container-coordenadores .moldura-coordenadores .teste .coordenadores img,

.educacao-infantil .container-coordenadores .moldura-coordenadores .teste2 .coordenadores img{

    width: 450px;

}

.educacao-infantil .container-coordenadores .moldura-coordenadores .teste .coordenadores .texto-coordenadores,

.educacao-infantil .container-coordenadores .moldura-coordenadores .teste2 .coordenadores .texto-coordenadores{

    position: absolute;

    bottom: 29%;

    right: 66px;

    ALIGN-SELF: center;

    text-align: center;

    width: 100%;

}

.educacao-infantil .container-coordenadores .moldura-coordenadores .teste .coordenadores .texto-coordenadores p,

.educacao-infantil .container-coordenadores .moldura-coordenadores .teste2 .coordenadores .texto-coordenadores p{

    font-size: 1.3rem;

}



/* .educacao-infantil .container-coordenadores .moldura-coordenadores .teste2 .coordenadores .texto-coordenadores{

    position: absolute;

    bottom: 64px;

    right: 68px;

    text-align: center;

    width: 100%;

} */





@keyframes scrollInfinito {

    to {

      translate: calc(-50% - 5px);

    }

}

@media (min-width:601px){

    @keyframes scrolling {

        0% {

            transform: translateX(0);

          }

          100% {

            transform: translateX(-100%);

          }

      }



    .educacao-infantil .container-coordenadores .moldura-coordenadores{

        mask: linear-gradient(to right, transparent, red 15%, red 85%, transparent);

    }

    .educacao-infantil .container-coordenadores .moldura-coordenadores {

        overflow: hidden;

    }

}

@media (max-width:1358px){

    .educacao-infantil .container-proposta-pedagogica .proposta-pedagogica .imagem-proposta img {
        display: none;
    }

    .educacao-infantil .container-proposta-pedagogica .texto-proposta-pedagogica h1 {

        font-size: 3.4rem;

    }

    .educacao-infantil .container-proposta-pedagogica .texto-proposta-pedagogica p {

        font-size: 1.4rem;

    }

    .educacao-infantil .estrutura-educacao-infantil .titulo-estrutura h1 {

        font-size: 4.2rem;

    }

    .educacao-infantil .container-unidades .unidades p {

        font-size: 1.4rem;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria h1 {

        font-size: 4.5rem;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade .idades p {

        font-size: 1.4rem;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade .idades p b {

        font-size: 1.5rem;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade .idades p b {

        font-size: 1.5rem;

    }

    /* .educacao-infantil .container-horario .borda .titulo-horarios {

        padding: 0 40px;

    } */

     .educacao-infantil .container-horario .borda .titulo-horarios .unidade-horario h1 {

        font-size: 2.1rem;

    }

}

@media(max-width:1158px){

    .educacao-infantil .container-horario .borda .titulo-horarios {

        padding: 0 40px;

    }

}

@media (max-width: 1098px){

    .educacao-infantil .container-bolinhas .bolinhas img {

        width: 46%;

    }

    .educacao-infantil .container-proposta-pedagogica .texto-proposta-pedagogica h1 {

        font-size: 2.9rem;

    }

    .educacao-infantil .container-proposta-pedagogica .texto-proposta-pedagogica p {

        font-size: 1.2rem;

    }

    .educacao-infantil .estrutura-educacao-infantil .titulo-estrutura h1 {

        font-size: 3.7rem;

    }

    .educacao-infantil .container-unidades .unidades p {

        font-size: 1.2rem;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria h1 {

        font-size: 3.8rem;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade .idades p {

        font-size: 1.2rem;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade .idades p b {

        font-size: 1.3rem;

    }

}

@media(max-width:1010px){

    .educacao-infantil .container-rotina .rotina .imagem-rotina img{

        width: 100%;

    }

}

@media (max-width:978px){

    .educacao-infantil .container-proposta-pedagogica .proposta-pedagogica {

        padding: 0 10px;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria {

        padding: 0 30px;

    }

}

@media (max-width:909px){

    .educacao-infantil .container-rotina .rotina .titulo h1 {

        font-size: 2.9rem;

    }

    .educacao-infantil .container-rotina .rotina .texto-rotina p{

        font-size: 1rem;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade .idades p {

        font-size: 1rem;

    }

    .educacao-infantil .container-unidades .titulo-topo h1 {

        font-size: 1.9rem;

    }

    .educacao-infantil .container-unidades .unidades p {

        font-size: 1rem;

    }

    .educacao-infantil .container-unidades .unidades {

        flex-direction: column;

        /* align-items: center; */

    }

    .educacao-infantil .container-unidades .unidades .textoum, .educacao-infantil .container-unidades .unidades .textodois {

        padding-left: 0px;

    }

    .educacao-infantil .container-unidades .unidades .textoum .bolinha-texto img, .educacao-infantil .container-unidades .unidades .textodois .bolinha-texto img {
        max-width: 4%;
    }
}


@media (max-width:838px){

    .educacao-infantil .titulo-educacao-infantil .texto-educacao-infantil p {

        font-size: 2.7vmin;

    }

    .educacao-infantil .container-proposta-pedagogica .texto-proposta-pedagogica h1 {

        font-size: 2.1rem;

    }

    .educacao-infantil .container-proposta-pedagogica .texto-proposta-pedagogica p {

        font-size: 0.9rem;

    }

    .educacao-infantil .estrutura-educacao-infantil .titulo-estrutura h1 {

        font-size: 2.8rem;

    }



    .educacao-infantil .container-faixa-etaria .faixa-etaria {

        padding: 0;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria h1 {

        font-size: 3rem;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade .idades p {

        font-size: 0.9rem;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade .idades p b {

        font-size: 1rem;

    }

    .educacao-infantil .container-horario .borda .titulo-horarios .unidade-horario h1 {

        font-size: 1.9rem;

    }

    .educacao-infantil .container-horario .borda .titulo-horarios .unidade-horario p {

        font-size: 1.2rem;

    }

    .educacao-infantil .container-coordenadores .titulo-coordenadores h1 {

        font-size: 3.4rem;

    }

}

.seta-mobile{

    display: none;

}

.imagem-educacao-infantil-mobile{

    display: none;

}

.container-bolinhas-mobile{

    display: none;

}

@media(max-width:768px){

    .educacao-infantil .container-horario .borda .titulo-horarios {

        flex-direction: column;

        align-items: center;

        text-align: center;

    }

    .educacao-infantil .container-horario .borda .horario-rosa h1 {

        text-align: center;

    }

}

@media(max-width:673px){

    .educacao-infantil .container-unidades {

        padding: 60px 0;

    }

}

@media (max-width:600px){

    .educacao-infantil .container-coordenadores .moldura-coordenadores .teste2{

        display: none;

    }

    .educacao-infantil .seta-iniciais{

        display: none;

    }

    .educacao-infantil .container-imagem-educacao-infantil{

        display: none;

    }

    .educacao-infantil .container-educacao-infantil{

        position: relative;

    }

    .educacao-infantil .container-bolinhas{

        display: none;

    }

    .educacao-infantil .seta-mobile{

        display: flex;

        position: absolute;

        left: 10px;

        top: 60px;

    }

    .educacao-infantil .seta-mobile img{

        height: 70px;

    }
    .educacao-infantil .imagem-educacao-infantil-mobile{

        display: flex;

        justify-content: center;

        padding: 20px;

    }

    .educacao-infantil .titulo-educacao-infantil h1 {

        font-size: 2.9rem;

        padding-top: 12px;

    }

    .educacao-infantil .titulo-educacao-infantil .texto-educacao-infantil p {

        font-size: 1.2rem;

        padding: 0;

        font-weight: 700;

    }

    .educacao-infantil .container-proposta-pedagogica {

        position: relative;

    }

    .educacao-infantil .container-proposta-pedagogica .proposta-pedagogica {

        justify-content: center;

        padding: 0;

    }
    .educacao-infantil .container-proposta-pedagogica .proposta-pedagogica .imagem-proposta{
        position: absolute;
        display: flex;
        justify-content: center;
        top: 110px;
    }

    .educacao-infantil .container-proposta-pedagogica .proposta-pedagogica .imagem-proposta img {

        display: block;

        width: 58%;

    }

    .educacao-infantil .container-proposta-pedagogica .texto-proposta-pedagogica h1 {

        font-size: 2.2rem;

        text-align: center;

    }

    .educacao-infantil .container-proposta-pedagogica .texto-proposta-pedagogica p {

        font-size: 1.1rem;

        text-align: center;

        padding: 260px 30px 0;

    }

    .educacao-infantil .container-bolinhas-mobile{

        display: flex;

    }

    .educacao-infantil .container-bolinhas-mobile .bolinhas-mobile {

        padding: 0;

        display: flex;

        justify-content: center;

    }

    .educacao-infantil .container-bolinhas-mobile .bolinhas-mobile img{

        height: 80px;

        width: 90%;

    }

    .educacao-infantil .estrutura-educacao-infantil .titulo-estrutura h1 {

        font-size: 2.5rem;

    }

    .educacao-infantil .container-faixa-etaria {

        position: relative;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria {

        justify-content: center;

        padding: 0;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria img {

        width: 54%;

        top: 90px;

        position: absolute;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria h1 {

        font-size: 3.5rem;

        text-align: center;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade{

        padding-top: 270px;

    }



    .educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade .idades p {

        font-size: 1.1rem;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade .idades p b {

        font-size: 1.2rem;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade .idades {

        justify-content: center;

    }

    .educacao-infantil .container-coordenadores .titulo-coordenadores h1 {

        font-size: 3.5rem;

    }

    .educacao-infantil .container-coordenadores .titulo-coordenadores {

        padding: 80px 0 50px;

    }

    .educacao-infantil .container-coordenadores .moldura-coordenadores .teste .coordenadores {

        width: 100%;

    }

    .educacao-infantil .container-coordenadores .moldura-coordenadores .teste .coordenadores img {

        width: 100%;

    }

    .educacao-infantil .container-coordenadores .moldura-coordenadores .teste {

        flex-direction: column;

        gap:40px;

        padding: 0;

    }

    .educacao-infantil .container-coordenadores .moldura-coordenadores .teste .coordenadores .texto-coordenadores {

        top: 18%;

        left: 0;

        align-self: center;

    }

    .educacao-infantil .container-coordenadores .moldura-coordenadores .teste .coordenadores .texto-coordenadores p {

        font-size: 3.5vmin;

    }

    .educacao-infantil .init-Hiddendois{

        opacity: 0;

        filter: blur(5px);

        transition: all 1s;

        transform: translateY(10%);

        /* bottom: -10%; */

    }



    .educacao-infantil .init-Hiddendois-off-1{

        opacity: 1;

        filter: blur(0);

        transition: all 1s;

        transform: translateY(0);

        /* bottom: 0; */

    }



    .educacao-infantil .init-Hiddendois-off-2{

        opacity: 1;

        filter: blur(0);

        transition: all 1.25s;

        transform: translateY(0);

        /* bottom: 0; */

    }



    .educacao-infantil .init-Hiddendois-off-3{

        opacity: 1;

        filter: blur(0);

        transition: all 1.5s;

        transform: translateY(0);

        /* bottom: 0; */

    }

}

@media(max-width:540px){

    .educacao-infantil .container-proposta-pedagogica .proposta-pedagogica .imagem-proposta {

        top: 158px;

    }

    .educacao-infantil .container-rotina {

        padding: 10px 0;

    }





}

@media(max-width:501px){

    .educacao-infantil .container-proposta-pedagogica .proposta-pedagogica .imagem-proposta {
        top: 209px;
    }

}

@media (max-width:447px){

    .educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade .idades p {

        font-size: 0.9rem;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade .idades p b {

        font-size: 1rem;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade {

        padding-top: 220px;

    }

    .educacao-infantil .container-coordenadores .titulo-coordenadores h1 {

        font-size: 2.5rem;

    }

}

@media (max-width:429px){

    .educacao-infantil .container-coordenadores .moldura-coordenadores .teste .coordenadores .texto-coordenadores {

        bottom: 50px;

    }


    .educacao-infantil .container-unidades .unidades .textoum, .educacao-infantil .container-unidades .unidades .textodois {

        width: 100%;

    }

    .educacao-infantil .container-coordenadores .titulo-coordenadores h1 {

        padding-top: 0px;

    }

}

@media(max-width:425px){

    .educacao-infantil .container-horario .borda .titulo-horarios {

        padding: 0;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria img {

        width: 63%;

    }

    .educacao-infantil .container-proposta-pedagogica .proposta-pedagogica .imagem-proposta {
        width: 100%;
    }

    .educacao-infantil .container-proposta-pedagogica .proposta-pedagogica .imagem-proposta img {
        width: 72%;
    }
}

@media (max-width:429px){

    .educacao-infantil .container-coordenadores .moldura-coordenadores .teste .coordenadores .texto-coordenadores {

        bottom: 50px;

    }

}

@media (max-width:373px){

    .educacao-infantil .container-proposta-pedagogica .texto-proposta-pedagogica p {

        padding-top: 239px;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria h1 {

        font-size: 3.3rem;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade {

        padding-top: 180px;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade .idades p {

        font-size: 0.8rem;

    }

    .educacao-infantil .container-faixa-etaria .faixa-etaria .texto-faixa-etaria .container-idade .idades p b {

        font-size: 0.9rem;

    }

}

@media (max-width:337px){

    .educacao-infantil .titulo-educacao-infantil .texto-educacao-infantil p {

        font-size: 0.9rem;


    }

}













/* Normas e governaças */



.normas-governancas .topo-norma-governaca{

    display: flex;

    align-items: center;

    flex-direction: column;

}

.normas-governancas .topo-norma-governaca .titulo-norma h1{

    font-size: 7.5rem;

    color: rgb(28, 63, 148);

    text-align: center;

}

.normas-governancas .topo-norma-governaca .imagem-norma-governanca{

    width: 100%;

    padding: 40px 0;

}

.normas-governancas .topo-norma-governaca .imagem-norma-governanca img{

    width: 100%;

}

.normas-governancas .topo-norma-governaca .texto-norma-governanca p{

    font-size: 1.9rem;

    text-align: center;

}

.normas-governancas .documentos-norma-governanca{

    display: flex;

    justify-content: center;

    padding-top: 100px;

}

.normas-governancas .documentos-norma-governanca .documentos{

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 180px;

}

.normas-governancas .documentos-norma-governanca .documentos .documentos-texto,.normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo {

    width: 20%;

    position: relative;

    height: 260px;

    transition: 0.5s;

}

.normas-governancas .documentos-norma-governanca .documentos .Documento-scale {

    height: 400px;

}

.normas-governancas .documentos-norma-governanca .documentos .documentos-texto img, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo img{

    width: 90%;

    transition: 0.5s;

}

.normas-governancas .documentos-norma-governanca .documentos .documentos-texto .texto-norma, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo .texto-norma{

    height: 120px;

    width: 270px;

    overflow: hidden;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px;

    border-radius: 15px;

}

.normas-governancas .documentos-norma-governanca .documentos .documentos-texto .texto-norma p, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo .texto-norma p{

    padding: 4px 20px 57px;

    color: rgb(28, 63, 148);

    font-size: 1.6rem;

}

.normas-governancas .documentos-norma-governanca .documentos .documentos-texto .texto-norma a, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo .texto-norma a{

    padding: 4px 20px;

    text-decoration: none;

    font-size: 1.7rem;

    color: rgb(28, 63, 148);

}

.normas-governancas .documentos-norma-governanca .documentos .documentos-texto .texto-norma .link-documento, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo .texto-norma .link-documento{

    display: flex;

    flex-direction: column;

}

.normas-governancas .documentos-norma-governanca .documentos .documentos-texto .texto-norma .link-documento .img-bolinha img, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo .texto-norma .link-documento .img-bolinha img{

    width: 20%;

}

.normas-governancas .documentos-norma-governanca .documentos .documentos-texto .texto-norma .link, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo .texto-norma .link{

    padding: 4px 22px;

    text-decoration: none;

    font-size:1.2rem

}



@media (max-width:1501px){

    .normas-governancas .topo-norma-governaca .titulo-norma-governanca h1 {

        font-size: 6.1rem;

    }

    .normas-governancas .topo-norma-governaca .texto-norma-governanca p {

        font-size: 1.6rem;

    }

    .normas-governancas .topo-norma-governaca .imagem-norma-governanca {

        display: flex;

        justify-content: center;

    }

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo {

        width: 17%;

    }

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto .texto-relatorio p, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo .texto-relatorio p{

        font-size: 1.3rem;

    }

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto .texto-norma p, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo .texto-norma p{

        font-size: 1.6rem;

    }

}

@media (max-width:1242px){

    .normas-governancas .topo-norma-governaca .titulo-norma h1 {

        font-size: 6.7rem;

    }

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo {

        width: 26%;

        display: flex;

        flex-direction: column;

        align-items: center;

    }

    .normas-governancas .documentos-norma-governanca .documentos {

        justify-content: space-evenly;

    }

}

@media (max-width:826px){

    .normas-governancas .topo-norma-governaca .titulo-norma h1 {

        font-size: 4.4rem;

    }

    .normas-governancas .topo-norma-governaca .texto-norma-governanca p {

        font-size: 1.4rem;

    }

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo {

        width: 36%;

    }

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto .texto-norma p, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo .texto-norma p{

        font-size: 1.7rem;

    }

}



.normas-governancas .topo-norma-governaca .imagem-norma-governanca .imagem-mobile{

    display: none;

}

@media (min-width:501px){

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto:hover {

        height: 400px;

    }

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto:hover img{

        scale: 0.9;

    }

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto:hover .texto-norma{

        height: auto;

        display: flex;

        flex-direction: column;

    }

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto .texto-norma a:hover{

        text-decoration:underline;

    }



}

@media (max-width:682px){

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto .texto-norma .link, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo .texto-norma .link{

        font-size: 1rem

    }

}

@media (max-width:500px){

    .normas-governancas .topo-norma-governaca .imagem-norma-governanca img{

        display: none;

    }

    .normas-governancas .topo-norma-governaca .imagem-norma-governanca .imagem-mobile{

        display: flex;

        width: 100%;

    }

    .normas-governancas .topo-norma-governaca .titulo-norma h1 {

        font-size: 2rem;

    }

    .normas-governancas .topo-norma-governaca .texto-norma-governanca p {

        font-size: 1rem;

    }

    .normas-governancas .documentos-norma-governanca {

        padding-top: 20px;

    }

    .normas-governancas .documentos-norma-governanca .documentos {

        display: flex;

        gap: 70px;

        flex-direction: column;

        align-items: center;

    }

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo {

        width: 53%;

        display: flex;

        flex-direction: column;

        align-items: center;

    }

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto .texto-norma, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo .texto-norma {

        border-radius: 14px;

        position: absolute;

        bottom: 0;

        top: 210px;

        height: 100px;

        width: 220px;

    }

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto .texto-norma a, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo .texto-norma a{

        font-size: 1.5rem;

        text-align: center;

    }

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto .texto-norma .link, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo .texto-norma .link{

        text-align: start;

        font-size: 1rem;

    }

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto .texto-norma p, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo .texto-norma p{

        font-size: 1.3rem;

    }

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto img, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo img {

        padding-bottom: 20px;

    }

}

@media (max-width:465px){

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto .Borda-texto, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo .Borda-texto{

        top: 185px;

    }

}

@media (max-width:407px){

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto .texto-norma p, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo .texto-norma p{

        font-size: 1rem;

    }

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto .texto-norma .link, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo .texto-norma .link{

        text-align: start;

        font-size: 0.8rem;

    }

}

@media (max-width:347px){

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto .texto-norma p, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo .texto-norma p{

        font-size: 1.1rem;

    }

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto .texto-norma .link, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo .texto-norma .link{

        font-size: 0.8rem;

    }

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto .texto-norma a, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo .texto-norma a{

        font-size: 1.1rem;

    }

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto .Borda-texto, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo .Borda-texto{

        top: 139px;

    }

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto .texto-norma, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo .texto-norma{

        top: 170px;

    }

    .normas-governancas .documentos-norma-governanca .documentos .documentos-texto .texto-norma p, .normas-governancas .documentos-norma-governanca .documentos .documentos-texto-solo .texto-norma p{

        padding: 4px 20px 47px;

    }



}



    /* Classe usada no js */

.normas-governancas .documentos-norma-governanca .documentos .documentos-texto .Img-scale{

    top: -5px;

    scale: 0.9;

}

    /* Classe usada no js */

.normas-governancas .documentos-norma-governanca .documentos .documentos-texto .Borda-texto{

    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px;

    border-radius: 15px;

    height: 250px;

    width: 100%;

    top: 220px;

    display: flex;

    flex-direction: column;

}

    /*Classe usada no js */

.normas-governancas .documentos-norma-governanca .documentos .documentos-texto .texto .Underline-a{

    text-decoration:underline;

}













/* Integral e Semintegral */

.integral-semintegral .titulo-integral-semintegral{

    width: 100%;

    display: flex;

    flex-direction: column;

}

.integral-semintegral .seta-iniciais{

    display: flex;

    justify-content: flex-end;

    padding-top: 30px;

}

.integral-semintegral .seta-iniciais img{

    width: 67px;

    position: absolute;

    right: 0;

    bottom: -113px;

    transform: rotateY(180deg);

}

.integral-semintegral .titulo-integral-semintegral h1{

    font-size: 7vw;

    text-align: center;

    color: rgb(23, 58, 128);

}

.integral-semintegral .titulo-integral-semintegral .texto-integral-semintegral{

    align-self: center;

    padding-top: 20px;

    position: relative;

}

.integral-semintegral .titulo-integral-semintegral .texto-integral-semintegral p{

    font-size: 3.4vmin;

    text-align: center;

    padding: 0px 50px;

}

.integral-semintegral .container-imagem-integral-semintegral{

    display: flex;

    justify-content: center;

    padding-bottom: 80px;

}

.integral-semintegral .container-imagem-integral-semintegral .imagem-integral-semintegral{

    display: flex;

    justify-content: center;

    padding-top: 50px;

}

.integral-semintegral .container-imagem-integral-semintegral .imagem-integral-semintegral img{

    width: 100%;

}

/* Bolinhas */

.integral-semintegral .container-bolinhas{

    display: flex;

    justify-content: center;

}

.integral-semintegral .container-bolinhas .bolinhas{

    display: flex;

    justify-content: center;

    width: 100%;

    padding: 20px 0 25px 0;

}

.integral-semintegral .container-bolinhas .bolinhas img{

    width: 38%;

}

/* Flexibilidades de dias */

.integral-semintegral .container-integral-semintegral-flexibilidade{

    display: flex;

    justify-content: center;

    padding-top: 20px;

}

.integral-semintegral .container-integral-semintegral-flexibilidade .integral-semintegral{

    display: flex;

    padding: 0 0px 0 90px;

    width: 100%;

}

.integral-semintegral .container-integral-semintegral-flexibilidade .integral-semintegral img{

    min-width: 45%;

    /* object-fit: cover; */

    height: 550px;

    padding-bottom: 0px;

}

.integral-semintegral .container-integral-semintegral-flexibilidade .texto-integral-semintegral h1{

    font-size: 4.9rem;

    color: rgb(176, 25, 70);

}

.integral-semintegral .container-integral-semintegral-flexibilidade .texto-integral-semintegral p{

    font-size: 1.9rem;

}

/* Observações importante */

.integral-semintegral .container-informacao-importante{

    display: flex;

    justify-content: center;

    padding-bottom: 80px;

}

.integral-semintegral .container-informacao-importante .imagem-informacao-importante img{

    padding: 70px 0 70px;

    width: 100%;

}

.integral-semintegral .container-informacao-importante .observacao-importante{

    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px;

    border-radius: 15px;

    padding: 30px;

}

.integral-semintegral .container-informacao-importante .observacao-importante .texto{

    display: flex;

}

.integral-semintegral .container-informacao-importante .observacao-importante .texto .lado-esquerdo{

    font-size: 1.9rem;

}

.integral-semintegral .container-informacao-importante .observacao-importante .texto .lado-direito{

    font-size: 1.9rem;

    display: flex;

    flex-direction: column;

    justify-content: space-around;

}

.integral-semintegral .container-informacao-importante .observacao-importante h1{

    color: rgb(23, 58, 128);

    text-align: center;

    font-size: 3.1rem;

    padding-bottom: 30px;

}

.integral-semintegral .container-ferias{

    display: flex;

    justify-content: center;

}

.integral-semintegral .container-ferias .ferias{

    display: flex;

    justify-content: space-evenly;

}

.integral-semintegral .container-ferias .ferias img{

    width: 49%;

    height: 440px;

}

.integral-semintegral .container-ferias h1{

    font-size: 4.8rem;

    text-align: end;

    color: rgb(176, 25, 70);

}

.integral-semintegral .container-ferias .ferias .texto p{

    font-size: 1.9rem;

    text-align: end;

}

.integral-semintegral .container-horario{

    display: flex;

    justify-content: center;

    margin-top: 150px;

    padding-bottom: 50px;

}

.integral-semintegral .container-horario .borda{

    border-radius: 20px;

}

.integral-semintegral .container-horario .borda .horario-rosa{

    background-color: rgb(176, 25, 70);

    border-radius: 40px 40px 0 0;

}

.integral-semintegral .container-horario .borda .horario-rosa h1{

    color: white;

    margin-bottom: 0;

    padding: 10px 40px;

}

.integral-semintegral .container-horario .borda .titulo-horarios{

    background-color: white;

    display: flex;

    border-radius: 0 0 40px 40px;

    justify-content: space-around;

}

.integral-semintegral .container-horario .borda .titulo-horarios .unidade-horario h1{

    color: rgb(28, 63, 148);

    padding-top: 10px;

}

.integral-semintegral .container-horario .borda .titulo-horarios .unidade-horario p{

    font-size: 1.5rem;

    margin-bottom: 0;

}

.integral-semintegral .container-horario .borda .titulo-horarios .unidade-horario p span{

    color: rgb(28, 63, 148);

}



.integral-semintegral .container-integral-semintegral-flexibilidade .texto-integral-semintegral .absolute {

    position: absolute;

    width: 75%;

}

.integral-semintegral .container-integral-semintegral-flexibilidade .texto-integral-semintegral .baixo {

    padding-top: 100px;

}



@media (max-width:1408px){

    .integral-semintegral .container-ferias{

        padding: 0;

    }

    .integral-semintegral .titulo-integral-semintegral .texto-integral-semintegral p {

        font-size: 2.7vmin;

    }

    .integral-semintegral .container-bolinhas .bolinhas img {

        width: 48%;

    }

    .integral-semintegral .container-integral-semintegral-flexibilidade .integral-semintegral {

        padding: 0 20px;

    }

    .integral-semintegral .container-integral-semintegral-flexibilidade .texto-integral-semintegral h1 {

        font-size: 3.3rem;

    }

    .integral-semintegral .container-integral-semintegral-flexibilidade .texto-integral-semintegral p {

        font-size: 1.8rem;

    }

    .integral-semintegral .container-informacao-importante .observacao-importante h1 {

        font-size: 2.6rem;

    }

    .integral-semintegral .container-informacao-importante .observacao-importante .texto .lado-esquerdo {

        font-size: 1.8rem;

    }

    .integral-semintegral .container-informacao-importante .observacao-importante .texto .lado-direito {

        font-size: 1.8rem;

    }

    .integral-semintegral .container-ferias h1 {

        font-size: 3.3rem;

    }

    .integral-semintegral .container-ferias .ferias .texto p {

        font-size: 1.8rem;

    }

}

@media (max-width:1254px){

    .integral-semintegral .container-integral-semintegral-flexibilidade .texto-integral-semintegral p {

        font-size: 1.5rem;

    }

    .integral-semintegral .container-informacao-importante .observacao-importante .texto .lado-esquerdo {

        font-size: 1.5rem;

    }

    .integral-semintegral .container-informacao-importante .observacao-importante .texto .lado-direito {

        font-size: 1.5rem;

    }

    .integral-semintegral .container-ferias .ferias .texto p {

        font-size: 1.5rem;

    }

}

.integral-semintegral .seta-mobile{

    display: none;

}

.integral-semintegral .imagem-integral-semintegral-mobile{

    display: none;

}

.integral-semintegral .container-bolinhas-mobile{

    display: none;

}

.integral-semintegral .texto-mobile{

    display: none;

}

.integral-semintegral .texto2-mobile{

    display: none;

}

@media (max-width:864px){

    .integral-semintegral .texto3{

        display: none;

    }

    .integral-semintegral .container-integral-semintegral-flexibilidade .integral-semintegral {

        display: flex;

        flex-direction: column;

        position: relative;

    }

    .integral-semintegral .container-integral-semintegral-flexibilidade .texto-integral-semintegral h1 {

        font-size: 3.1rem;

        text-align: center;

    }

    .integral-semintegral .container-integral-semintegral-flexibilidade .texto-integral-semintegral .texto{

        padding-top: 310px;

    }

    .integral-semintegral .container-integral-semintegral-flexibilidade .texto-integral-semintegral .texto .texto-mobile{

        font-weight: 700;

        margin-bottom: 0.1rem;

        display: flex;

    }

    .integral-semintegral .container-integral-semintegral-flexibilidade .texto-integral-semintegral .texto .texto2-mobile{

        display: flex;

    }

    .integral-semintegral .container-integral-semintegral-flexibilidade .texto-integral-semintegral .texto .negrito{

        font-weight: 700;

    }

    .integral-semintegral .container-integral-semintegral-flexibilidade .texto-integral-semintegral .absolute {

        width: 100%;

    }

    .integral-semintegral .container-integral-semintegral-flexibilidade .integral-semintegral {

        align-items: center;

    }

    .integral-semintegral .container-integral-semintegral-flexibilidade .integral-semintegral img {

        width: 410px;

        height: auto;

        position: absolute;

        top: 62px;

    }

    .integral-semintegral .container-integral-semintegral-flexibilidade .texto-integral-semintegral p {

        font-size: 1.1rem;

    }

    .integral-semintegral .container-integral-semintegral-flexibilidade .integral-semintegral {

        padding: 0px;

    }

}

@media (max-width:680px){

    /* FERIAS */

    .integral-semintegral .container-ferias h1 {

        font-size: 3rem;

        text-align: center;

    }

    .integral-semintegral .container-ferias .ferias img {

        width: 100%;

        height: auto;

    }

    .integral-semintegral .container-ferias .ferias {

        display: flex;

        flex-direction: column;

        align-items: center;

    }

    .integral-semintegral .container-ferias .ferias .texto p {

        font-size: 1.2rem;

        text-align: start;

    }

}

@media(max-width:673px){

    .integral-semintegral .container-horario {

        padding: 70px 20px;

        margin-top: 0;

    }

    .integral-semintegral .container-horario .borda .titulo-horarios {

        flex-direction: column;

        gap: 0px;

        text-align: center;

    }

    .integral-semintegral .container-horario .borda .horario-rosa {

        border-radius: 15px 15px 0 0;

        padding: 13px 0;

        height: 70px;

        text-align: center;

    }

    .integral-semintegral .container-horario .borda .horario-rosa h1 {

        font-size: 2rem;

    }

    .integral-semintegral .container-horario .borda {

        border-radius: 15px;

    }

    .integral-semintegral .container-horario .borda .titulo-horarios h1 {

        font-size: 1.5rem;

    }

    .integral-semintegral .container-horario .borda .titulo-horarios .unidade-horario {

        padding-bottom: 22px;

        padding-left:0;

    }

    .integral-semintegral .container-horario .borda .titulo-horarios .unidade-horario p {

        font-size: 1rem;

    }

}

@media (max-width:511px){

    .integral-semintegral .seta-iniciais{

        display: none;

    }

    .integral-semintegral .container-imagem-integral-semintegral{

        display: none;

    }

    .integral-semintegral .container-bolinhas{

        display: none;

    }

    .integral-semintegral .titulo-integral-semintegral h1 {

        font-size: 3.3rem;

    }

    .integral-semintegral .imagem-integral-semintegral-mobile{

        display: flex;

        width: 100%;

        padding: 20px;

    }

    .integral-semintegral .seta-mobile{

        display: flex;

        position: absolute;

        right: 0;

    }

    .integral-semintegral .seta-mobile img{

        height: 70px;

        transform: rotateY(180deg);

    }

    .integral-semintegral .titulo-integral-semintegral .texto-integral-semintegral p {

        font-size: 4.2vmin;

        padding: 0px 20px;

        font-weight: 700;

    }



    .integral-semintegral .container-bolinhas-mobile{

        display: flex;

        padding-bottom: 40px;

    }

    .integral-semintegral .container-integral-semintegral-flexibilidade .integral-semintegral img {

        width: 350px;

        position: absolute;

        top: 122px;

    }

    /* observações */

    .integral-semintegral .container-informacao-importante .observacao-importante {

        border-radius: 35px;

    }

    .integral-semintegral .container-informacao-importante .observacao-importante .texto {

        display: flex;

        flex-direction: column;

    }

    .integral-semintegral .container-informacao-importante .observacao-importante h1 {

        font-size: 2.1rem;

    }

    .integral-semintegral .container-informacao-importante .observacao-importante .texto .lado-esquerdo {

        font-size: 1.2rem;

    }

    .integral-semintegral .container-informacao-importante .observacao-importante .texto .lado-direito {

        font-size: 1.2rem;

    }





    /* Coordenadores */

    .integral-semintegral .container-coordenadores .titulo-coordenadores h1 {

        font-size: 3rem;

    }

}

@media (max-width:418px){

    .integral-semintegral .titulo-integral-semintegral h1 {

        font-size: 2.8rem;

    }

    .integral-semintegral .container-integral-semintegral-flexibilidade .texto-integral-semintegral h1 {

        font-size: 2.6rem;

    }

    .integral-semintegral .container-integral-semintegral-flexibilidade .texto-integral-semintegral .texto {

        padding-top: 240px;

    }

    .integral-semintegral .container-integral-semintegral-flexibilidade .integral-semintegral img {

        width: 80%;

    }

    .integral-semintegral .container-informacao-importante .observacao-importante h1 {

        font-size: 1.8rem;

    }

    .integral-semintegral .container-informacao-importante .observacao-importante .texto .lado-esquerdo {

        font-size: 1.1rem;

    }

    .integral-semintegral .container-informacao-importante .observacao-importante .texto .lado-direito {

        font-size: 1.1rem;

    }

    .integral-semintegral .container-ferias h1 {

        font-size: 2.6rem;

    }

    .integral-semintegral .container-ferias .ferias .texto p {

        font-size: 1.1rem;

    }

    .integral-semintegral .container-coordenadores .titulo-coordenadores h1 {

        font-size: 2.6rem;

    }

}

@media (max-width:310px){

    .integral-semintegral .container-integral-semintegral-flexibilidade .texto-integral-semintegral .texto {

        padding-top: 180px;

    }

}











/* Os salesianos */

.os-salesianos .container-titulo{

    display: flex;

    justify-content: center;

}

.os-salesianos .container-titulo .imagem{

    width: 15%;

}

.os-salesianos .container-titulo .titulo{

    display: flex;

    align-items: center;

}

.os-salesianos .container-titulo .titulo h1{

    color: rgb(28, 63, 148);

    font-size: 7.5rem;

}

.os-salesianos .container-salesianos{

    display: flex;

    flex-direction: column;

    align-items: center;

    padding-top: 90px;

}

.os-salesianos .container-salesianos .salesianos{

    display: flex;

    flex-direction: column;

    background-color: rgb(16, 64, 153);

    border-radius: 20px;

    width:100%;

    margin-bottom:30px;

    padding: 20px;

    transition: 0.3s;

    /* position: relative; */

}



.os-salesianos .container-salesianos .salesianos .imagem{

    width: 100%;

    display: flex;

    gap: 20px;

    padding-bottom: 10px;

    position: relative;

}

.os-salesianos .container-salesianos .salesianos .imagem .seta{

    width: 60%;

    display: flex;

    justify-content: flex-end;

    font-size: 3.6rem;

    color: white;

    position: absolute;

    right: 0;

    bottom: 0;

}

.os-salesianos .container-salesianos .salesianos .imagem img{

    width: 9%;

}

.os-salesianos .container-salesianos .salesianos .dropbtn-salesianos{

    background-color: transparent;

    border: 0;

    font-size: 4.4rem;

    color: white;

}



.os-salesianos .container-salesianos .salesianos .texto-salesianos{

    /* position: absolute; */

    height: 0;

    overflow: hidden;

    color: white;

}



.os-salesianos .container-salesianos .salesianos .texto-salesianos p{

    font-size: 1.4rem;

    padding: 10px 0;

    margin: 0;

}







@media (max-width:1665px){

    .os-salesianos .container-salesianos .salesianos .dropbtn-salesianos {

        font-size: 2.9rem;

    }

}

@media (max-width:1128px){

    .os-salesianos .container-titulo .titulo h1 {

        font-size: 5.6rem;

    }

    .os-salesianos .container-titulo .imagem {

        width: 13%;

    }

    .os-salesianos .container-salesianos .salesianos .dropbtn-salesianos {

        font-size: 2.2rem;

    }

    /* .os-salesianos .container-salesianos .salesianos {

        height: 110px;

    } */

}

@media (max-width:877px){

    .os-salesianos .container-salesianos .salesianos .dropbtn-salesianos {

        font-size: 2rem;

    }

    /* .os-salesianos .container-salesianos .salesianos {

        height: 90px;

    } */

    .os-salesianos .container-titulo .titulo h1 {

        font-size: 4.5rem;

    }

    .os-salesianos .container-salesianos .salesianos .texto-salesianos p {

        font-size: 1.3rem;

        padding: 10px;

    }

    .os-salesianos .container-salesianos .salesianos .imagem .seta {

        font-size: 2.8rem;

    }



    .os-salesianos .container-salesianos .salesianos .imagem img {

        width:16%;

    }

}

@media (max-width:500px){

    .os-salesianos .container-titulo {

        gap: 10PX;

    }

    .os-salesianos .container-titulo .imagem {

        width: 15%;

    }

    .os-salesianos .container-titulo .titulo h1 {

        font-size: 2.8rem;

    }

    .os-salesianos .container-salesianos {

        padding-top: 40px;

    }

    .os-salesianos .container-salesianos .salesianos .imagem {

        gap: 7px;

    }

    .os-salesianos .container-salesianos .salesianos .imagem .seta {

        font-size: 2rem;

    }

    .os-salesianos .container-salesianos .salesianos .aumentartexto {

        padding: 5px 10px;

    }

}

@media (max-width:413px){

    .os-salesianos .container-titulo .titulo h1 {

        font-size: 2.2rem;

    }

}



/* classes JS */

.os-salesianos .container-salesianos .mostrartexto{

    align-items: flex-start;

    background-color: transparent;

    border: 4px solid rgb(16, 64, 153);

    width:100%;

    height: auto;

}



.os-salesianos .container-salesianos .salesianos .imagem .mudarcorbtn{

    color: rgb(16, 64, 153);

}

.os-salesianos .container-salesianos .salesianos .imagem .mudar-seta{

    color: rgb(16, 64, 153);

    transform: rotate(180deg);

}

.os-salesianos .container-salesianos .salesianos .aumentartexto{

    height: auto;

    border-radius: 20px;

    background-color: rgb(16, 64, 153);

    z-index: 1;

    padding: 5px 25px;

}



@media (max-width:500px){

    .os-salesianos .container-salesianos .salesianos .aumentartexto {

        padding: 5px 10px;

    }

    .os-salesianos .container-salesianos .salesianos .imagem .mudarcorbtn {

        color: rgb(16, 64, 153);

        text-align: left;

    }

}















/* Proposta salesiana */



.proposta-salesiana .container-dom-bosco{

    display: flex;

    justify-content: center;

}

.proposta-salesiana .container-dom-bosco .container-texto-imagem{

    display: flex;

}

.proposta-salesiana .container-dom-bosco .container-texto-imagem .texto-dom-bosco{

    align-self: anchor-center;

    width: 70%;

}

.proposta-salesiana .container-dom-bosco .container-texto-imagem .texto-dom-bosco h1{

    font-size: 6.4rem;

    color: rgb(16, 64, 153);

    padding-bottom: 40px;

}

.proposta-salesiana .container-dom-bosco .container-texto-imagem .texto-dom-bosco p{

    font-size: 2.4rem;

}

.proposta-salesiana .container-dom-bosco .container-texto-imagem .imagem-dom-bosco{

    width: 30%;

}

.proposta-salesiana .container-amorevolezza-religiao-razao{

    display: flex;

    justify-content: center;

    padding-top: 80px;

}

.proposta-salesiana .container-amorevolezza-religiao-razao .container-amorevolezza{

    border: solid 5px rgb(16, 64, 153);

    border-radius: 20px;

    padding: 30px;

    margin-bottom: 60px;

}

.proposta-salesiana .container-amorevolezza-religiao-razao .container-amorevolezza .imagem-titulo{

    display: flex;

    align-items: center;

    padding-bottom: 20px;

    gap: 20px;

}

.proposta-salesiana .container-amorevolezza-religiao-razao .container-amorevolezza .imagem-titulo img{

    width: 10%;

}

.proposta-salesiana .container-amorevolezza-religiao-razao .container-amorevolezza .imagem-titulo h1{

    font-size: 4.5rem;

    color: rgb(16, 64, 153);

}

.proposta-salesiana .container-amorevolezza-religiao-razao .container-amorevolezza .container-texto{

    background-color: rgb(16, 64, 153);

    border-radius: 20px;

}

.proposta-salesiana .container-amorevolezza-religiao-razao .container-amorevolezza .texto{

    padding: 20px;

    color: white;

    font-size: 1.7rem;

}



.proposta-salesiana .container-amorevolezza-religiao-razao .container-religiao{

    border: solid 5px rgb(16, 64, 153);

    border-radius: 20px;

    padding: 30px;

    margin-bottom: 60px;

}

.proposta-salesiana .container-amorevolezza-religiao-razao .container-religiao .imagem-titulo{

    display: flex;

    align-items: center;

    padding-bottom: 20px;

    gap: 20px;

}

.proposta-salesiana .container-amorevolezza-religiao-razao .container-religiao .imagem-titulo img{

    width: 10%;

}

.proposta-salesiana .container-amorevolezza-religiao-razao .container-religiao .imagem-titulo h1{

    font-size: 4.5rem;

    color: rgb(16, 64, 153);

}

.proposta-salesiana .container-amorevolezza-religiao-razao .container-religiao .container-texto{

    background-color: rgb(16, 64, 153);

    border-radius: 20px;

}

.proposta-salesiana .container-amorevolezza-religiao-razao .container-religiao .texto{

    padding: 20px;

    color: white;

    font-size: 1.7rem;

}



.proposta-salesiana .container-amorevolezza-religiao-razao .container-razao{

    border: solid 5px rgb(16, 64, 153);

    border-radius: 20px;

    padding: 30px;

    margin-bottom: 60px;

}

.proposta-salesiana .container-amorevolezza-religiao-razao .container-razao .imagem-titulo{

    display: flex;

    align-items: center;

    padding-bottom: 20px;

    gap: 20px;

}

.proposta-salesiana .container-amorevolezza-religiao-razao .container-razao .imagem-titulo img{

    width: 10%;

}

.proposta-salesiana .container-amorevolezza-religiao-razao .container-razao .imagem-titulo h1{

    font-size: 4.5rem;

    color: rgb(16, 64, 153);

}

.proposta-salesiana .container-amorevolezza-religiao-razao .container-razao .container-texto{

    background-color: rgb(16, 64, 153);

    border-radius: 20px;

}

.proposta-salesiana .container-amorevolezza-religiao-razao .container-razao .texto{

    padding: 20px;

    color: white;

    font-size: 1.7rem;

}

.proposta-salesiana .container-linha{

    display: flex;

    justify-content: center;

    padding-top: 60px;

}

.proposta-salesiana .linha{

    background-color: rgb(156, 90, 68);

    width: 35%;

    height: 1px;

}

.proposta-salesiana .container-linha-do-tempo{

    display: flex;

    justify-content: center;

}

.proposta-salesiana .container-linha-do-tempo h1{

    font-size: 6.4rem;

    color: rgb(16, 64, 153);

    padding: 60px 0 40px;

}





.proposta-salesiana .container-linha-do-tempo .container-accordion{

    display: flex;

    width: 200%;

}

.proposta-salesiana .container-linha-do-tempo .container-accordion .container-abrir-texto{

    width: 130px;

    display: flex;

}

.proposta-salesiana .container-linha-do-tempo .container-accordion .accordion {

    border: none;

    background-color: transparent;

    display: flex;

    position: relative;

  }

.proposta-salesiana .container-linha-do-tempo .container-accordion .accordion img{

    width: 130px;

  }

  .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .verde-sombra{

    width: 232.6px;

  }

  .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .texto-ano{

    position: absolute;

    left: 15%;

    top:3%;

  }

  .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .texto-ano p{

    color: white;

    font-size: 2.6rem;

  }

  .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .titulo{

    position: absolute;

    text-align: left;

    bottom: 37%;

    right: -240px;

    width: 470%;

    transform: rotateZ(-90deg);

  }

  .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .titulo p{

    font-size: 2rem;

    color: white;

  }

.proposta-salesiana .container-linha-do-tempo .container-accordion .panel {

    transition: 0.5s ease-in-out;

    width: 0px;

    background-image: url("../images/proposta-salesiana/papel\ linha\ do\ tempo.png");

    background-size: cover;

    overflow: hidden;

    position: relative;

  }

  .proposta-salesiana .container-linha-do-tempo .container-accordion .panel p{

    font-size: 1.5rem;

    display: flex;

    height: 100%;

    text-align: start;

    align-items: center;

    position: absolute;

  }



  .proposta-salesiana .container-linha-do-tempo .container-accordion .panel-abrir {

    padding: 0px 18px;

  }



@media (min-width:1527px){

    .proposta-salesiana .container-linha-do-tempo .container-accordion .panel-abrir{

        width: 600px;

    }



}

@media (max-width:1526px){

    .proposta-salesiana .container-linha-do-tempo .container-accordion .panel-abrir {

        width: 530px;

    }

}

@media (max-width:1392px){

    .proposta-salesiana .container-dom-bosco .container-texto-imagem .texto-dom-bosco h1 {

        font-size: 5.2rem;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion img {

        width: 110px;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .container-abrir-texto{

        width: 110px;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .titulo p {

        font-size: 1.7rem;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .titulo {

        right: -210px;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .texto-ano {

        left: 12%;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .panel p {

        font-size: 1.2rem;

    }

}

@media (max-width:1246px){

    .proposta-salesiana .container-dom-bosco .container-texto-imagem .texto-dom-bosco p {

        font-size: 2rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-amorevolezza .imagem-titulo h1 {

        font-size: 3.8rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-amorevolezza .imagem-titulo img {

        width: 7%;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-amorevolezza .texto {

        font-size: 1.5rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-religiao .imagem-titulo h1 {

        font-size: 3.8rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-religiao .imagem-titulo img {

        width: 7%;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-religiao .texto {

        font-size: 1.5rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-razao .imagem-titulo h1 {

        font-size: 3.8rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-razao .imagem-titulo img{

        width: 7%;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-razao .texto{

        font-size: 1.5rem;

    }



    .proposta-salesiana .container-linha-do-tempo h1 {

        font-size: 5.2rem;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .panel p {

        font-size: 1.3rem;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion img {

        width: 90px;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .container-abrir-texto{

        width: 90px;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .texto-ano {

        left: 8%;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .texto-ano p {

        font-size: 2.3rem;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .titulo {

        right: -180px;

        width: 500%;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .titulo p {

        font-size: 1.5rem;

    }

}

@media (max-width:1096px){

    .proposta-salesiana .container-dom-bosco .container-texto-imagem .texto-dom-bosco h1 {

        font-size: 4.3rem;

    }

    .proposta-salesiana .container-dom-bosco .container-texto-imagem .texto-dom-bosco p {

        font-size: 1.7rem;

    }



    .proposta-salesiana .container-amorevolezza-religiao-razao .container-amorevolezza .imagem-titulo h1 {

        font-size: 2.9rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-amorevolezza .texto {

        font-size: 1.2rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-razao .imagem-titulo h1 {

        font-size: 2.9rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-razao .texto {

        font-size: 1.2rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-religiao .imagem-titulo h1 {

        font-size: 2.9rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-religiao .texto {

        font-size: 1.2rem;

    }

    .proposta-salesiana .container-linha-do-tempo h1 {

        font-size: 4.3rem;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .panel p {

        font-size: 1rem;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .texto-ano p {

        font-size: 2rem;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .panel-abrir {

        width: 360px;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion img {

        width: 84px;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .container-abrir-texto{

        width: 84px;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .titulo p {

        font-size: 1.4rem;

    }

}

.proposta-salesiana .container-texto-imagem .texto-dom-bosco .imagem-topo-mobile{

    display: none;

}

@media (min-width:969px){

    .proposta-salesiana .container-linha-do-tempo .container-accordion .panel p{

        white-space: nowrap;

    }

    .proposta-salesiana .container-linha-do-tempo {

        padding-bottom: 60px;

    }

}

@media (max-width:968px){

    .proposta-salesiana .container-linha-do-tempo .container-accordion .panel p br{

        display: none;

      }

    .proposta-salesiana .imagem-dom-bosco{

        display: none;

    }

    .proposta-salesiana .container-texto-imagem .texto-dom-bosco .img-titulo .imagem-topo-mobile{

        display: flex;

        width: 20%;

    }

    .proposta-salesiana .container-texto-imagem .texto-dom-bosco .img-titulo{

        display: flex;

        align-items: center;

        justify-content:center;

        gap: 20px;

    }

    .proposta-salesiana .container-dom-bosco .container-texto-imagem .texto-dom-bosco {

        align-self: anchor-center;

        width: 100%;

    }

        .proposta-salesiana .container-dom-bosco .container-texto-imagem .texto-dom-bosco h1 {

        font-size: 4.1rem;

    }

    .proposta-salesiana .container-dom-bosco .container-texto-imagem .texto-dom-bosco p {

        text-align: justify;

    }

    .proposta-salesiana .container-linha-do-tempo h1 {

        text-align: center;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion {

        width: 100%;

        height: 60%;

        transform: rotateZ(90deg);

        align-items: center;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .container-abrir-texto {

        height: 100%;

        align-items: center;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .panel-abrir {

        height: 510px;

        width: 490px;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .panel p {

        transform: rotateZ(-90deg);

        font-size: 1.2rem;

    }

    .proposta-salesiana .linha-tempo-class{

        width: 100%;

        height: 1391px;

        padding: 0px 20px;

    }

}



@media (max-width:794px){

    .proposta-salesiana .container-dom-bosco .container-texto-imagem .texto-dom-bosco h1 {

        font-size: 3.7rem;

    }

    .proposta-salesiana .container-dom-bosco .container-texto-imagem .texto-dom-bosco p {

        font-size: 1.3rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-amorevolezza .imagem-titulo h1 {

        font-size: 2.5rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-amorevolezza .texto {

        font-size: 1rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-razao .imagem-titulo h1 {

        font-size: 2.5rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-razao .texto {

        font-size: 1rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-religiao .imagem-titulo h1 {

        font-size: 2.5rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-religiao .texto {

        font-size: 1rem;

    }

}

@media (max-width:668px){

    .proposta-salesiana .container-linha-do-tempo .container-accordion {

        height: 42%;

    }

}

@media (max-width:539px){

    .proposta-salesiana .container-dom-bosco .container-texto-imagem .texto-dom-bosco h1 {

        font-size: 2.6rem;

        width: 50%;

        padding: 0;

    }

    .proposta-salesiana .container-texto-imagem .texto-dom-bosco .img-titulo {

        padding-bottom: 20px;

    }

    .proposta-salesiana .container-texto-imagem .texto-dom-bosco .img-titulo .imagem-topo-mobile {

        width: 25%;

    }

    .proposta-salesiana .container-dom-bosco .container-texto-imagem .texto-dom-bosco p {

        font-size: 1.1rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-amorevolezza {

        border: solid 2px rgb(16, 64, 153);

        padding: 10px;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-religiao {

        border: solid 2px rgb(16, 64, 153);

        padding: 10px;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-razao {

        border: solid 2px rgb(16, 64, 153);

        padding: 10px;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao {

        padding-top: 20px;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-amorevolezza .imagem-titulo img {

        width: 13%;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-amorevolezza .imagem-titulo h1 {

        font-size: 2rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-amorevolezza .texto {

        font-size: 0.9rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao {

        padding-top: 20px;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-religiao .imagem-titulo img {

        width: 13%;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-religiao .imagem-titulo h1 {

        font-size: 2rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-religiao .texto {

        font-size: 0.9rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-razao .imagem-titulo img {

        width: 13%;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-razao .imagem-titulo h1 {

        font-size: 2rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-razao .texto {

        font-size: 0.9rem;

    }

    .proposta-salesiana .container-linha {

        padding-top: 10px;

    }

    .proposta-salesiana .container-linha-do-tempo h1 {

        font-size: 2.7rem;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion img {

        width: 64px;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .container-abrir-texto{

        width: 64px;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .texto-ano {

        left:13%;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .texto-ano p {

        font-size: 1.3rem;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .titulo {

        right: -136px;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .titulo p {

        font-size: 1rem;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .panel-abrir {

        height: 390px;

        width: 390px;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .panel p {

        font-size: 0.9rem;

    }

    .proposta-salesiana .linha-tempo-class{

        width: 100%;

        height: 1071px;

        padding: 0px 20px;

    }

}

@media (max-width:458px){

    .proposta-salesiana .container-linha-do-tempo .container-accordion {

        height: 40%;

    }

}

@media (max-width:397px){

    .proposta-salesiana .container-linha-do-tempo .container-accordion {

        height: 330px;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion img {

        width: 55px;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .container-abrir-texto{

        width: 55px;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .texto-ano p {

        font-size: 1.2rem;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .titulo {

        right: -118px;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .titulo p {

        font-size: 0.9rem;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .panel-abrir {

        height: 340px;

        width: 350px;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .panel p {

        font-size: 0.8rem;

    }

}

@media (max-width:344px){

    .proposta-salesiana .container-dom-bosco .container-texto-imagem .texto-dom-bosco h1 {

        font-size: 2.1rem;

    }

    .proposta-salesiana .container-dom-bosco .container-texto-imagem .texto-dom-bosco p {

        font-size: 0.9rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-amorevolezza .imagem-titulo h1 {

        font-size: 1.7rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-religiao .imagem-titulo h1 {

        font-size: 1.7rem;

    }

    .proposta-salesiana .container-amorevolezza-religiao-razao .container-razao .imagem-titulo h1 {

        font-size: 1.7rem;

    }

    .proposta-salesiana .container-linha-do-tempo h1 {

        font-size: 2.1rem;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion {

        height: 330px;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion img {

        width: 48px;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .container-abrir-texto{

        width: 48px;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .texto-ano p {

        font-size: 1rem;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .titulo {

        right: -101px;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .accordion .titulo p {

        font-size: 0.8rem;

    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .panel-abrir {

        height: 290px;

        width: 310px;



    }

    .proposta-salesiana .container-linha-do-tempo .container-accordion .panel p {

        font-size:0.7rem

    }

}

.proposta-salesiana .container-linha-do-tempo .container-accordion .abrir-texto{

    width: auto;

    transition: 0.20s ease-in-out;

}













/* Noticia */

.pagina-noticias-aprovados{

    display: flex;

    flex-direction: column;

}

.pagina-noticias-aprovados .container-topo{

    width: 100%;

    height: 480px;

    background-image: url("../images/conteudo-noticias-aprovados/capa-noticia-redimensionada.jpg");

    background-size: cover;

}

.pagina-noticias-aprovados .container-topo .mascara-topo{

    /* background-color: rgba(17, 0, 7, 0.623); */

    width: 100%;

    height: 100%;

}

.pagina-noticias-aprovados .container-topo .mascara-topo .texto-topo{

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    align-items: center;

}

.pagina-noticias-aprovados .container-topo .mascara-topo .texto-topo h1{

    color: white;

    text-align: center;

    font-size: 4rem;

}

.pagina-noticias-aprovados .container-topo .mascara-topo .texto-topo P{

    color: white;

    font-size: 1.9rem;

}

.pagina-noticias-aprovados .container-texto{

    display: flex;

    justify-content: center;

    padding-top: 70px;

}

.pagina-noticias-aprovados .container-texto .texto {

    padding: 0 20px;

}

.pagina-noticias-aprovados .container-texto .texto p{

    font-size: 1.7rem;

    text-align: center;

}

.pagina-noticias-aprovados .container-texto .texto p b{

    color: rgb(176, 25, 70);

    font-size: 2rem;

}

/* Noticia aprovados */

.pagina-noticias-aprovados .noticias-aprovados{

    display: flex;

    justify-content: center;

    padding: 40px 0;

}

.pagina-noticias-aprovados .noticias-aprovados .container-fotos{

    display: flex;

    gap: 5px;

    justify-content: center;

    flex-wrap: wrap;

}

.pagina-noticias-aprovados .noticias-aprovados .container-fotos .fotos{

    cursor: pointer;

}

.pagina-noticias-aprovados .noticias-aprovados .container-fotos .fotos img{

    width: 300px;

}

.pagina-noticias-aprovados .container-noticias{

    max-width: var(--container-noticias);

    padding: 0 2rem;

    margin: var(--m-auto);

    padding-bottom: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden;

}

.pagina-noticias-aprovados .swiper7{

    position: relative;

    width: 470px;

    height: auto;

    align-items: center;

}

.pagina-noticias-aprovados .container-noticias .slide-noticia .cartasnoticia{

    border-radius: 18px;

    /* height: 600px; */

    /* width: auto !important;

    position: relative; */

}

.pagina-noticias-aprovados .container-noticias .slide-noticia .cartasnoticia:not(.swiper-slide-active) .filtro-transparente {

    position: absolute;

    background-color: #00000070;

    mix-blend-mode: multiply;

    width: 100%;

    height: 100%;

}

.pagina-noticias-aprovados .cartasnoticia img{

    /* width: 100%;

    height: 600px; */

    object-fit: cover;

    border-radius: 18px;

}

.main-noticia{

    padding-top: 0;

    background: rgb(255, 236, 224);

    width: 100%;

}

@media (max-width:1654px){

    .pagina-noticias-aprovados .container-noticias .slide-noticia .cartasnoticia{

        height: 703px;

    }

}

@media (max-width:1316px){

    .pagina-noticias-aprovados .container-noticias .slide-noticia .cartasnoticia{

        height: 693px;

    }

    .pagina-noticias-aprovados .swiper7 {

        width: 70%;

    }

}

@media (max-width:978px){

    .pagina-noticias-aprovados .container-noticias .slide-noticias .cartasnoticia{

        height: 688px;

    }

}

@media (max-width:830px){

    .pagina-noticias-aprovados .container-topo .mascara-topo .texto-topo h1 {

        font-size: 3.4rem;

    }

    .pagina-noticias-aprovados .container-topo .mascara-topo .texto-topo P {

        font-size: 1.6rem;

    }

    .pagina-noticias-aprovados .container-texto .texto p b {

        font-size: 1.6rem;

    }

    .pagina-noticias-aprovados .container-texto .texto p {

        font-size: 1.4rem;

    }

}

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

    .pagina-noticias-aprovados .cartasnoticia img:hover{

        scale: 1.2;

        transition: 800ms;

    }

} */

@media (max-width:794px){

    .pagina-noticias-aprovados .swiper7 {

        width: 90%;

        padding-top: 0;

    }

    .pagina-noticias-aprovados .container-noticias .slide-noticia .cartasnoticia{

        height: 628px;

    }



}

@media (max-width:588px){

    .pagina-noticias-aprovados .container-topo .mascara-topo .texto-topo {

        justify-content: center;

    }

    .pagina-noticias-aprovados .container-topo .mascara-topo .texto-topo h1 {

        font-size: 2.8rem;

    }

    .pagina-noticias-aprovados .container-topo .mascara-topo .texto-topo P {

        font-size: 1.1rem;

    }

    .pagina-noticias-aprovados .container-texto .texto p {

        font-size: 1.1rem;

    }

    .pagina-noticias-aprovados .container-texto .texto p b {

        font-size: 1.2rem;

    }

}

@media (max-width:557px){

    .pagina-noticias-aprovados .container-noticias .slide-noticia .cartasnoticia{

        height: 380px;

    }

    .pagina-noticias-aprovados .container-noticias .slide-noticia .cartasnoticia img{

        width: 100%;

        height: 380px;

        object-fit: cover;

    }

}

@media (max-width:484px){

    .pagina-noticias-aprovados .container-topo .mascara-topo .texto-topo h1 {

        font-size: 2.3rem;

    }

    .pagina-noticias-aprovados .container-topo .mascara-topo .texto-topo P {

        font-size: 1rem;

    }

    .pagina-noticias-aprovados .container-texto .texto p b {

        font-size: 1.1rem;

    }

    .pagina-noticias-aprovados .container-texto .texto p {

        font-size: 1rem;

    }

}

@media(max-width:425px){

    .pagina-noticias-aprovados .container-topo{

        background-image: url("../images/conteudo-noticia/topo-aprovados-MOBILE-03.webp");

    }

}










/* Pagina de noticias */
.main-pagina-de-noticia{
    padding-top: 0;
}
.pagina-de-noticia .container-topo{
    width: 100%;
    height: 480px;
    /* background-image: url("../images/noticias/capa-noticia.jpg"); */
    /* background-size: cover; */
}
.pagina-de-noticia .container-topo img{
    width: 100%;
    height: 100%;
}

.pagina-de-noticia .container-topo .mascara-topo .texto-topo{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
.pagina-de-noticia .container-topo .mascara-topo .texto-topo h1{
    color: white;
    text-align: center;
    font-size: 4rem;
}

.pagina-de-noticia .container-topo .mascara-topo .texto-topo P{
    color: white;
    font-size: 1.9rem;
}
.pagina-de-noticia .container-de-noticia{
    display: flex;
    justify-content: center;
    padding-top: 30px;
}
.pagina-de-noticia .container-de-noticia a{
    text-decoration: none;
    color: black;
}
.pagina-de-noticia .container-de-noticia .container-cards-de-noticia{
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}
.pagina-de-noticia .container-de-noticia .container-cards-de-noticia .cards-de-noticia{
    display: flex;
    gap: 20px;
    border: solid 3px rgb(23, 58, 128);
    border-radius: 16px;
    padding: 20px;
    position: relative;
}
.pagina-de-noticia .container-de-noticia .container-cards-de-noticia .cards-de-noticia:hover{
    cursor: pointer;
}
.pagina-de-noticia .container-de-noticia .container-cards-de-noticia .cards-de-noticia .imagem{
    width: 280px;
    height: 100%;
}
.pagina-de-noticia .container-de-noticia .container-cards-de-noticia .cards-de-noticia .imagem img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5%;
}
.pagina-de-noticia .container-de-noticia .container-cards-de-noticia .cards-de-noticia .textos{
    width: 370px;
}
.pagina-de-noticia .container-de-noticia .container-cards-de-noticia .cards-de-noticia .textos h2{
    color: #cd1246;
}
.pagina-de-noticia .container-de-noticia .container-cards-de-noticia .cards-de-noticia:hover .textos h2{
    color: rgb(23, 58, 128);
}
.pagina-de-noticia .container-de-noticia .container-cards-de-noticia .cards-de-noticia .textos p{

}
.pagina-de-noticia .container-de-noticia .container-cards-de-noticia .cards-de-noticia .seta-noticia{
    position: absolute;
    bottom: 25px;
    right: 25px;
    width: 40px;
    height: auto;
}
.pagina-de-noticia .container-de-noticia .container-cards-de-noticia .cards-de-noticia:hover .seta-noticia{
    transition: .2s ease-in;
    transform: scale(1.10);
}
.pagina-de-noticia .container-de-noticia .container-cards-de-noticia .cards-de-noticia .seta-noticia .st0{
    fill: #cd1246;
    transition: .15s ease-out;
}
.pagina-de-noticia .container-de-noticia .container-cards-de-noticia .cards-de-noticia:hover .seta-noticia .st0{
    fill: rgb(23, 58, 128);
    transition: .2s ease-in;
}
.pagina-de-noticia .container-de-noticia .container-cards-de-noticia .cards-de-noticia .seta-noticia .st1{
    fill: #e7eaed;
}
.pagina-de-noticia .container-paginacao{
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 30px;
}
.pagina-de-noticia .container-paginacao .paginacao{
    display: flex;
    justify-content: center;
    gap: 5px;
    width: 100%;
}
.pagina-de-noticia .container-paginacao .paginacao .num-paginacao{
    width: 30px;
    text-decoration: none;
    height: 30px;
    background-color: #cd1246;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}
.pagina-de-noticia .container-paginacao .paginacao .num-paginacao:hover{
    background-color: rgb(23, 58, 128);
    cursor: pointer;
}
.pagina-de-noticia .container-paginacao .paginacao .active-paginacao{
    background-color: rgb(23, 58, 128);
}
.pagina-de-noticia .container-paginacao .paginacao .num-paginacao p{
    color: white;
    margin-bottom: 0;
}
@media(max-width:734px){
    .pagina-de-noticia .container-de-noticia .container-cards-de-noticia{
        width: 100%;
    }
    .pagina-de-noticia .container-de-noticia .container-cards-de-noticia .cards-de-noticia{
        width: 100%;
    }
}
@media(max-width:522px){
    .pagina-de-noticia .container-de-noticia .container-cards-de-noticia .cards-de-noticia {
        flex-direction: column;
        align-items: center;
    }
    .pagina-de-noticia .container-de-noticia .container-cards-de-noticia .cards-de-noticia .imagem{
        width: 70%;
    }
    .pagina-de-noticia .container-de-noticia .container-cards-de-noticia .cards-de-noticia .textos {
        width: 100%;
    }
    .pagina-de-noticia .container-de-noticia .container-cards-de-noticia .cards-de-noticia .seta-noticia {
        bottom: 6px;
        right: 6px;
        width: 34px;
    }
}
.pagina-de-noticia .container-topo .imagem-mobile{
    display: none;
}
@media(max-width:425px){
    .pagina-de-noticia .container-topo img{
        display: none;
    }
    .pagina-de-noticia .container-topo{
        width: 100%;
        height: 480px;
    }
    .pagina-de-noticia .container-topo .imagem-mobile{
        display: block;
        width: 100%;
        height: 100%;
    }
}



/* Noticia */
.pagina-conteudo-noticia{
    display: flex;
    flex-direction: column;
    padding-bottom: 80px;
}
.pagina-conteudo-noticia .container-topo{
    width: 100%;
    height: 480px;
}
.pagina-conteudo-noticia .container-topo img{
    width: 100%;
    height: 480px;
    object-fit: cover;
}
.pagina-conteudo-noticia .container-texto-noticias{
    display: flex;
    justify-content: center;
    gap: 10px;
}
.pagina-conteudo-noticia .container-texto-noticias .container-texto{
    display: flex;
    justify-content: center;
    padding-top: 70px;
    width: 800px;
    /* background: #CD1246;
    background: linear-gradient(0deg,rgba(205, 18, 70, 1) 20%, rgba(8, 22, 43, 0) 73%); */
}

.pagina-conteudo-noticia .container-texto-noticias .container-texto .texto {
    padding: 0 20px;
}
.pagina-conteudo-noticia .container-texto-noticias .container-texto .texto p span{
    font-size: 1.625rem!important;
    text-align: justify;
    font-family: "Outfit", sans-serif;
}
.pagina-conteudo-noticia .container-texto-noticias .container-texto .texto p b{
    color: rgb(176, 25, 70);
    font-size: 2rem;
}
.pagina-conteudo-noticia .container-texto-noticias .container-texto .container-images{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    height: 360px;
    overflow: hidden;
    transition: 0.5s ease-in-out;
}
/* classe js */
.pagina-conteudo-noticia .container-texto-noticias .container-texto .saiba-mais{
    height: auto;
    transition: 1.5s ease-in-out;
}
.pagina-conteudo-noticia .container-texto-noticias .container-texto .poucas-imagens{
    display: block;
    width: 100%;
    height: AUTO;
}
/*  */
.pagina-conteudo-noticia .container-texto-noticias .container-texto .images{
    width: 230px;
}
.pagina-conteudo-noticia .container-texto-noticias .container-texto .images img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pagina-conteudo-noticia .container-texto-noticias .container-texto .botao-saiba-mais{
    display: flex;
    justify-content: center;
    padding-top: 10px;
}
.pagina-conteudo-noticia .container-texto-noticias .container-texto .botao-saiba-mais a{
    background-color: #cd1246;
    color: white;
    text-decoration: none;
    cursor: pointer;
    padding: 10px;
    border-radius: 5px;
}
.pagina-conteudo-noticia .container-texto-noticias .container-noticias{
    display: flex;
    justify-content: center;
    padding-top: 70px;
}
.pagina-conteudo-noticia .container-texto-noticias .container-noticias .container-cards-de-noticia{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pagina-conteudo-noticia .container-texto-noticias .container-noticias .container-cards-de-noticia a{
    text-decoration: none;
    color: black;
    padding: 10px;
    width: 100%;
}
.pagina-conteudo-noticia .container-texto-noticias .container-noticias .container-cards-de-noticia .titulo h1{
    color: rgb(16, 64, 153);
    font-size: 2.7rem;
}
.pagina-conteudo-noticia .container-texto-noticias .container-noticias .container-cards-de-noticia .cards-de-noticia{
    display: flex;
    height: 210px;
    gap: 20px;
    border: solid 3px rgb(23, 58, 128);
    border-radius: 16px;
    padding: 20px;
    position: relative;
}
.pagina-conteudo-noticia .container-texto-noticias .container-noticias .container-cards-de-noticia .cards-de-noticia{
    cursor: pointer;
}
.pagina-conteudo-noticia .container-texto-noticias .container-noticias .container-cards-de-noticia .cards-de-noticia .textos{
    width: 370px;
}
.pagina-conteudo-noticia .container-texto-noticias .container-noticias .container-cards-de-noticia .cards-de-noticia .textos h2{
    color: #cd1246;
}
.pagina-conteudo-noticia .container-texto-noticias .container-noticias .container-cards-de-noticia .cards-de-noticia:hover .textos h2{
    color: rgb(23, 58, 128);
}
.pagina-conteudo-noticia .container-texto-noticias .container-noticias .container-cards-de-noticia .cards-de-noticia .seta-noticia{
    position: absolute;
    bottom: 25px;
    right: 25px;
    width: 40px;
    height: auto;
}
.pagina-conteudo-noticia .container-texto-noticias .container-noticias .container-cards-de-noticia .cards-de-noticia:hover .seta-noticia{
    transition: .2s ease-in;
    transform: scale(1.10);
}
.pagina-conteudo-noticia .container-texto-noticias .container-noticias .container-cards-de-noticia .cards-de-noticia .seta-noticia .st0{
    fill: #cd1246;
    transition: .15s ease-out;
}
.pagina-conteudo-noticia .container-texto-noticias .container-noticias .container-cards-de-noticia .cards-de-noticia:hover .seta-noticia .st0{
    fill: rgb(23, 58, 128);
    transition: .2s ease-in;
}
.pagina-conteudo-noticia .container-texto-noticias .container-noticias .container-cards-de-noticia .cards-de-noticia .seta-noticia .st1{
    fill: #e7eaed;
}
.pagina-conteudo-noticia .container-texto-noticias .container-noticias .mais-noticia{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 10px;
    gap: 10px;
}
.pagina-conteudo-noticia .container-texto-noticias .container-noticias .mais-noticia a{
    text-decoration: none;
    color: rgb(23, 58, 128);
    font-size: 1.5rem;
    width: 50%;
    text-align: end;
    padding: 0;
}
.pagina-conteudo-noticia .container-texto-noticias .container-noticias .mais-noticia .seta-noticia{
    width: 40px;
}
.pagina-conteudo-noticia .container-texto-noticias .container-noticias .mais-noticia .seta-noticia .st0{
    fill: #cd1246;
}
.pagina-conteudo-noticia .container-texto-noticias .container-noticias .mais-noticia .seta-noticia .st1{
    fill: white;
}

.main-noticia{
    padding-top: 0;
    background: rgb(255, 236, 224);
    width: 100%;
}

@media(max-width:1024px){
    .pagina-conteudo-noticia .container-texto-noticias {
        flex-direction: column;
        align-items: center;
    }
}
@media(max-width:768px){
    .pagina-conteudo-noticia .container-texto-noticias .container-texto {
        width: 100%;
    }
}
@media(max-width:426px){
    .pagina-conteudo-noticia .container-texto-noticias .container-noticias {
        width: 100%;
    }
    .pagina-conteudo-noticia .container-texto-noticias .container-noticias .container-cards-de-noticia {
        width: 100%;
    }
    .pagina-conteudo-noticia .container-texto-noticias .container-noticias .container-cards-de-noticia .cards-de-noticia {
        width: 100%;
    }
}
















/* Atividades Extras */

.atividades-extra .titulo-atividades-extra{

    width: 100%;

    display: flex;

    flex-direction: column;

}

.atividades-extra .seta-iniciais{

    display: flex;

    justify-content: flex-end;

    padding-top: 30px;

}

.atividades-extra .seta-iniciais img{

    width: 67px;

    position: absolute;

    left: 0;

    bottom: -113px;

}

.atividades-extra .titulo-atividades-extra h1{

    font-size: 3.75rem;

    text-align: center;

    color: rgb(23, 58, 128);

}

.atividades-extra .titulo-atividades-extra .texto-atividades-extra{

    align-self: center;

    padding: 40px 20px;

    display: flex;

    position: relative;

}

.atividades-extra .titulo-atividades-extra .texto-atividades-extra p{

    font-size: 1.75rem;

    text-align: center;

}

.atividades-extra .container-swiper-extra {

    width: 100%;

    display: flex;

    justify-content: center;

    padding: 30px 0;

    /* mask: linear-gradient(to right, transparent, rgb(176, 25, 70) 15%, rgb(176, 25, 70) 85%, transparent); */

}

.atividades-extra .container-swiper-extra .swiper-extra{

    /* width: 600px; */

    /* height: 300px; */

}

.atividades-extra .container-swiper-extra .swiper-extra .button-prev-extra, .button-next-extra{

        color:  rgb(176, 25, 70);

        display: flex;

}

.atividades-extra .container-swiper-extra .swiper-extra .swiper-wrapper{



}

.atividades-extra .container-swiper-extra .swiper-extra .swiper-wrapper .swiper-slide{

    display: flex;

    justify-content: center;

}

.atividades-extra .container-swiper-extra .swiper-extra .swiper-wrapper .swiper-slide img{

    width: 300px;

}

.atividades-extra .container-imagem-atividades-extra{

    display: flex;

    justify-content: center;

    padding-bottom: 80px;

}

.atividades-extra .container-imagem-atividades-extra .imagem-atividades-extra{

    display: flex;

    justify-content: center;

    padding-top: 50px;

}

.atividades-extra .container-imagem-atividades-extra .imagem-atividades-extra img{

    width: 100%;

}



.atividades-extra .container-texto-saiba-mais{

    display: flex;

    justify-content: center;

}

.atividades-extra .container-texto-saiba-mais .texto-saiba-mais p{

    font-size: 1.75rem;

    text-align: center;

    padding: 40px 50px;

}

.atividades-extra .mySwiper-extra{

    display: none;

}

@media(max-width:768px){

    .atividades-extra .swiper-extra{

        display: none;

    }
    .atividades-extra .container-swiper-extra {
        padding: 0;
    }

    .atividades-extra .mySwiper-extra{

        display: flex;

    }

    .atividades-extra .swiper-wrapper{

        width: 100%;

        height: 35em;

        display: flex;

        align-items: center;

    }

    .atividades-extra .card{

        width: 300px;

        height: 70%;

        background-color: transparent;

        border-radius: 3em;

        box-shadow: 0 0 2em rgba(0, 0, 0, .2);

        display: flex;

        align-items: center;

        flex-direction: row;

        margin: 0 2em;

    }

    .atividades-extra .card__imagem{

        width: 100%;

        height: 100%;

    }

    .atividades-extra .card__imagem img{

        width: 100%;

        height: 100%;

    }

}

@media(max-width:495px){

    .atividades-extra .titulo-atividades-extra .texto-atividades-extra {
        padding: 40px 20px 0px 20px;
    }

    .atividades-extra .titulo-atividades-extra .texto-atividades-extra p {

        padding: 0px;

        font-size: 1.3rem;

    }

    .atividades-extra .titulo-atividades-extra h1 {

        font-size: 2.35rem;

    }

    .atividades-extra .swiper-wrapper {

        width: 160%;

        height: 35em;

    }

    .atividades-extra .card {

        width: 260px;

        height: 60%;

    }

    .atividades-extra .container-texto-saiba-mais .texto-saiba-mais p{

        font-size: 1.3rem;

        text-align: center;

        padding: 0px;

    }

}













/* Lista materiais */

.lista-materiais .container-lista{

    display: flex;

    justify-content: center;

    padding-bottom: 130px;

}

.lista-materiais .container-lista .texto-topo{

    display: flex;

    justify-content: center;

}

.lista-materiais .container-lista .texto-topo h1{

    color: rgb(23, 58, 128);

    font-size: 6rem;

    text-align: center;

    padding-bottom: 60px;

}

/* .lista-materiais .accordion{

} */

.lista-materiais .accordion-item{

    background-color: rgb(23, 58, 128);

    color: white;

    margin-bottom: 10px;

    border-radius: 20px;

}

.lista-materiais .accordion-header{

    border-radius: 20px;

}

.lista-materiais .accordion-button{

    height: 130px;

    background-color: rgb(23, 58, 128);

    color: white;

    font-size: 2.9rem;

    box-shadow: none;

    border-radius: 20px !important;

    /* --bs-accordion-border-radius: 2.975rem !important; */

}

.accordion-button::after{

    /* background-color: white; */

    border-radius: 5px;

    background-image: url("../images/btn/angulo-para-baixo.png");

    background-size: 1.25rem;

}

.accordion-button:not(.collapsed)::after{

    background-image: url("../images/btn/angulo-para-cima.png");

}

/* .lista-materiais .container-lista .texto-topo .accordion .accordion-item .accordion-collapse .accordion-body h1{



}

.lista-materiais .container-lista .texto-topo .accordion .accordion-item .accordion-collapse .accordion-body .materiais{



}

.lista-materiais .container-lista .texto-topo .accordion .accordion-item .accordion-collapse .accordion-body .materiais .titulo-materias{



} */

.lista-materiais .titulo-lista{

    font-size: 2rem;

}

.lista-materiais .titulo-materiais{

    font-size: 1.5rem;

}

.lista-materiais .link-materiais{

    color: white;

    font-size: 1.2rem;

}

@media(max-width:611px){

    .lista-materiais .container-lista .texto-topo h1 {

        font-size: 3rem;

    }

    .lista-materiais .accordion-button {

        font-size: 1.5rem;

    }

    .lista-materiais .titulo-lista {

        font-size: 1.3rem;

    }

    .lista-materiais .titulo-materiais {

        font-size: 1.1rem;

    }

    .lista-materiais .link-materiais {

        font-size: 1rem;

    }

}

@media(max-width:425px){

    .lista-materiais .accordion-button {

        height: 90px;

    }

}











/* Serviços Sociais */

.main-sociais{

    padding-top: 0;

}

.servicos-sociais{

    padding-bottom: 50px;

}

.servicos-sociais .topo-mascara{

    background-image: url("../images/servicos_sociais/capa-servico-social.jpg");

    background-repeat: no-repeat;

    height: 520px;

}

.servicos-sociais .topo-mascara .mascara-titulo{

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    background-color: rgba(17, 0, 7, 0.623);

    width: 100%;

    height: 100%;

}

.servicos-sociais .topo-mascara .mascara-titulo .titulo{

    display: flex;

    justify-content: center;

}

.servicos-sociais .topo-mascara .mascara-titulo .titulo h1{

    color: white;

    font-size: 6rem;

    text-align: center;

    padding-bottom: 60px;

}

.servicos-sociais .container-texto-topo{

    display: flex;

    justify-content: center;

    padding: 50px 0;

}

.servicos-sociais .container-texto-topo .container-texto .titulo-texto{

    display: flex;

    justify-content: center;

}

.servicos-sociais .container-texto-topo .container-texto .titulo-texto h2{

    color: rgb(23, 58, 128);

    font-size: 2.9rem;

    text-align: center;

}

.servicos-sociais .container-texto-topo .container-texto .texto{

    display: flex;

    flex-direction: column;

    align-items: center;;

}

.servicos-sociais .container-texto-topo .container-texto .texto p{

    font-size: 1.5rem;

    text-align: center;

}

.servicos-sociais .container-texto-topo .container-texto .texto img{

    width: 300px;

}

.servicos-sociais .container-desconto{

    display: flex;

    justify-content: center;

}

.servicos-sociais .container-desconto .titulo-desconto {

    display: flex;

    justify-content: center;

}

.servicos-sociais .container-desconto .titulo-desconto h2{

    color: rgb(23, 58, 128);

    font-size: 2.9rem;

    text-align: center;

}

.servicos-sociais .container-desconto .texto-desconto{

    display: flex;

    justify-content: center;

}

.servicos-sociais .container-desconto .texto-desconto p{

    font-size: 1.5rem;

    text-align: center;

}

.servicos-sociais .container-desconto .desconto{

    display: flex;

    justify-content: center;

    gap: 50px;

}

.servicos-sociais .container-desconto .desconto .links-desconto{

    /* background-color: rgb(23, 58, 128);

    height: 230px;

    border-radius: 10px;

    display: flex; */

    width: 20%;

}

.servicos-sociais .container-desconto .desconto .links-desconto a{

    font-size: 1.1rem;

    text-decoration: none;

    color: black;

    text-align: center;

    /* background-color: rgb(23, 58, 128);

    padding: 10px;

    border-radius: 10px; */

}



.servicos-sociais .container-unidades{

    display: flex;

    justify-content: center;

    padding: 60px 0 60px 0;

}

.servicos-sociais .container-unidades .borda{

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-around;

    width: 100%;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px;

    border-radius: 20px;

    padding: 20px;

}

.servicos-sociais .container-unidades .titulo-topo{

    /* display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-around;

    width: 100%;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px;

    border-radius: 20px;

    padding: 20px; */

    width: 90%;

}

.servicos-sociais .container-unidades .titulo-topo h1{

    color: rgb(23, 58, 128);

    font-size: 3rem;

    text-align: center;

    padding: 20px 0px;

}

.servicos-sociais .container-unidades .titulo-topo p{

    text-align: center;

    font-size: 1.1rem;

}

.servicos-sociais .container-unidades .unidades{

    display: flex;

    justify-content: space-around;

    width: 100%;

}

.servicos-sociais .container-unidades .unidades p{

    font-size: 1.8rem;

}

/* processo */

.servicos-sociais .container-unidades .unidades .textoum-processo,.servicos-sociais .container-unidades .unidades .textodois-processo,
.servicos-sociais .container-unidades .unidades .textotres-processo{
    width: 410px;
}

.servicos-sociais .container-unidades .unidades .textoum-processo .bolinha-texto,.servicos-sociais .container-unidades .unidades .textodois-processo .bolinha-texto,

.servicos-sociais .container-unidades .unidades .textotres-processo .bolinha-texto{

    display: flex;

    align-items: baseline;

    justify-content: center;

    gap: 8px;

    width: 110%;

}

.servicos-sociais .container-unidades .unidades .textoum-processo .bolinha-texto a, .servicos-sociais .container-unidades .unidades .textodois-processo .bolinha-texto a,

.servicos-sociais .container-unidades .unidades .textotres-processo .bolinha-texto a{

    text-decoration: none;

    color: black;

}

.servicos-sociais .container-unidades .unidades .textodois-processo .bolinha-texto img ,.servicos-sociais .container-unidades .unidades .textoum-processo .bolinha-texto img{

    max-width: 3%;

}

.servicos-sociais .container-unidades .unidades .textoum .bolinha-texto,.servicos-sociais .container-unidades .unidades .textodois .bolinha-texto,

.servicos-sociais .container-unidades .unidades .textotres .bolinha-texto{

    display: flex;

    align-items: baseline;

    justify-content: center;

    gap: 8px;

}

.servicos-sociais .container-unidades .unidades .textoum .bolinha-texto a, .servicos-sociais .container-unidades .unidades .textodois .bolinha-texto a,

.servicos-sociais .container-unidades .unidades .textotres .bolinha-texto a{

    text-decoration: none;

    color: black;

    width: 110px;

}



.servicos-sociais .container-unidades .unidades .textoum .bolinha-texto img, .servicos-sociais .container-unidades .unidades .textodois .bolinha-texto img,

.servicos-sociais .container-unidades .unidades .textotres .bolinha-texto img{

    max-width: 10%;

}

/* .servicos-sociais .container-unidades .unidades .textodois .bolinha-texto{

    display: flex;

    align-items: baseline;

    gap: 10px;

} */

/* .servicos-sociais .container-unidades .unidades .textotres .bolinha-texto{

    display: flex;

    align-items: baseline;

    gap: 10px;

} */







@media(max-width:909px){

    .servicos-sociais .container-unidades .titulo-topo h1 {

        font-size: 1.9rem;

    }

    .servicos-sociais .container-unidades .unidades p {

        font-size: 1rem;

    }

    .servicos-sociais .container-unidades .unidades {

        flex-direction: column;

        align-items: center;

    }

    .servicos-sociais .container-unidades .unidades .textoum, .servicos-sociais .container-unidades .unidades .textodois,

    .servicos-sociais .container-unidades .unidades .textotres {

        padding-left: 0px;

    }

    .servicos-sociais .container-unidades .unidades .textoum-processo, .servicos-sociais .container-unidades .unidades .textodois-processo,

    .servicos-sociais .container-unidades .unidades .textotres-processo {

        width: 78%;

    }

}

@media(max-width:673px){

    .servicos-sociais .container-unidades {

        padding: 60px 0;

    }

    .servicos-sociais .container-texto-topo .container-texto .texto p {

        font-size: 1.1rem;

    }

    .servicos-sociais .container-texto-topo .container-texto .titulo-texto h2 {

        font-size: 2.6rem;

    }

    .servicos-sociais .topo-mascara .mascara-titulo .titulo h1 {

        font-size: 3rem;

    }

}

@media (max-width:429px){

    .servicos-sociais .container-unidades .unidades .textoum .bolinha-texto img,

    .servicos-sociais .container-unidades .unidades .textodois .bolinha-texto img,

    .servicos-sociais .container-unidades .unidades .textotres .bolinha-texto img{

        width: 4%;

    }

    .servicos-sociais .container-unidades .unidades .textoum, .servicos-sociais .container-unidades .unidades .textodois,

    .servicos-sociais .container-unidades .unidades .textotres{

        width: 100%;

    }



    .servicos-sociais .container-unidades .unidades .textoum-processo .bolinha-texto img,

    .servicos-sociais .container-unidades .unidades .textodois-processo .bolinha-texto img,

    .servicos-sociais .container-unidades .unidades .textotres-processo .bolinha-texto img{

        width: 4%;

    }

    .servicos-sociais .container-unidades .unidades .textoum-processo, .servicos-sociais .container-unidades .unidades .textodois-processo,

    .servicos-sociais .container-unidades .unidades .textotres-processo{

        width: 100%;

    }

    .servicos-sociais .topo-mascara {

        height: 370px;

    }

}













/********************************
            POP-UP
*********************************/
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}
/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 570px;
}
/* Add Animation - Zoom in the Modal */
.modal-content, .modal-caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}
.modal-popup {
  background-color: rgba(0, 0, 0, 0.69);
}
.close {
  color: #706f6f;
  background-color: transparent;
  border: none;
  opacity: 0.4;
}
.close:hover {
  color: #dc1a3b;
  opacity: 1;
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}
































/* suspenso */

.nav-topo  .dropbtn{

    color: white;

    font-size: 1.4rem;

    text-decoration: none;

    background-color: transparent;

    border: 0;

}



.nav-topo2  .dropbtn{

    color: rgb(28, 63, 148);

    font-size: 1.4rem;

    text-decoration: none;

    background-color: transparent;

    border: 0;

}

.nav-topo .dropdown,

.nav-topo2 .dropdown{

    position: relative;

    display: inline-block;

}



.nav-topo .dropdown-content,

.nav-topo2 .dropdown-content {

    display: none;

    position: absolute;

    background-color:transparent;

    min-width: 220px;

    z-index: 1;

    background-color: rgb(16 64 153 / 72%);

    padding: 10px;

    border-radius: 6px;

}



.nav-topo .dropdown-content .link,

.nav-topo2 .dropdown-content .link {

    font-size: 1.1rem;

    display: flex;

    flex-direction: column;

    color: white;

}



.nav-topo .dropdown-content a:hover,

.nav-topo2 .dropdown-content a:hover {

    text-decoration: none;

}



.nav-topo .dropdown:hover .dropdown-content,

.nav-topo2 .dropdown:hover .dropdown-content {

    display: block;



}



/* Festa junina */
.main-festa-junina{
    background-color: #f8e2b8;
    padding-top: 0;
}
.cabecalho{
    width: 100%;
}
.cabecalho img{
    width: 100%;
}
.container-ingressos{
    width: 100%;
}
.container-ingressos .botao-ingresso{
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 40px 0 20px;
}
.container-ingressos .botao-ingresso .ingressos{
    width: 50%;
}
.container-ingressos .botao-ingresso .ingressos a img{
    width: 100%;
    transition: .2s ease-in-out;
}
.container-ingressos .botao-ingresso .ingressos a img:hover{
    transform: scale(1.05);
    transition: .25s ease-in;
}
.container-ingressos .infos-ingresso{
    width: 100%;
    display: flex;
    justify-content: center;
}
.container-ingressos .infos-ingresso img{
    width: 45%;
}
.container-app{
    width: 100%;
    padding: 30px 40px;
    display: flex;
    justify-content: center;
    gap: 30px;
}
.container-app .googleplay{
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.container-app .googleplay a img{
    width: 100%;
    transition: .2s ease-in-out;
}
.container-app .googleplay a img:hover{
    transform: scale(1.05);
    transition: .25s;
}
.container-app .googleplay .qrcode{
    width: 60%;
}
.container-app .apple{
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.container-app .apple a img{
    width: 100%;
    transition: .2s ease-in-out;
}
.container-app .apple a img:hover{
    transform: scale(1.05);
    transition: .25s;
}
.container-app .apple .qrcode{
    width: 60%;
}
.container-programacao{
    width: 100%;
}
.container-programacao img{
    width: 100%;
}
.container-programacao-danca{
    width: 100%;
    display: flex;
    justify-content: center;
}
.container-programacao-danca img{
    width: 898px;
    padding-bottom: 20px;
}
@media(max-width: 760px){
    .container-programacao-danca img{
        width: 100%;
        padding: 0px 12px;
    }
}
.rodape{
    padding-top: 30px;
    width: 100%;
}
.rodape img{
    width: 100%;
}
.cabecalho .cabecalho-mobile{
    display: none;
}
.container-ingressos .botao-ingresso .ingressos-mobile{
    display: none;
}
.container-ingressos .infos-ingresso .infos-ingresso-mobile{
    display: none;
}
.container-app .googleplay-mobile{
    display: none;
}
.container-app .apple-mobile{
    display: none;
}
.container-programacao .container-programacao-mobile{
    display: none;
}
.rodape .rodape-mobile{
    display: none;
}
@media (max-width:600px){
    .cabecalho img{
        display: none;
    }
    .container-ingressos .botao-ingresso .ingressos{
        display: none;
    }
    .container-ingressos .infos-ingresso img{
        display: none;
    }
    .container-app .googleplay{
        display: none;
    }
    .container-app .apple{
        display: none;
    }
    .container-programacao img{
        display: none;
    }
    .rodape img{
        display: none;
    }

    .cabecalho .cabecalho-mobile{
        display: block;
        width: 100%;
    }
    .container-ingressos .botao-ingresso .ingressos-mobile{
        display: block;
        width: 70%;
    }
    .container-ingressos .botao-ingresso .ingressos-mobile a img{
        width: 100%;
    }
    .container-ingressos .infos-ingresso .infos-ingresso-mobile{
        display: block;
        width: 75%;
    }
    /* .container-app{
        gap: 0;
    } */
    .container-app .googleplay-mobile{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .container-app .googleplay-mobile a img{
        width: 100%;
        text-align: center;
    }
    .container-app .googleplay-mobile .qrcode{
        width: 40%;
    }
    .container-app .apple-mobile{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .container-app .apple-mobile a img{
        width: 100%;
        text-align: center;
    }
    .container-app .apple-mobile .qrcode{
        width: 40%;
    }
    .container-programacao .container-programacao-mobile{
        display: block;
        width: 100%;
    }
    .rodape .rodape-mobile{
        display: block;
        width: 100%;
    }
}
@media (max-width:500px){
    .container-app .apple-mobile .qrcode {
        width: 50%;
    }
    .container-app .googleplay-mobile .qrcode {
        width: 50%;
    }
}