/* FONTES */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&display=swap');

* {
    scroll-behavior: smooth;
    /* max-width: 100% !important; */
    text-align: center;
}
body{
    text-align: center;
}

/* fim */

#container {
    position: relative;
}


.d-flex{
    padding: 75px;
}
#linha {
    margin-left: 20%;
    background-color: rgb(142, 142, 142);
    width: 60%;
    height: 1.7px;
}

#banner-Inicial-Section1 {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: flex;
    /* Para centralizar verticalmente */
    justify-content: center;
}

/* FIM SECTION 1 */

/* SECTION Menu */
#menuSticky {
    position: sticky;
    top: 0;
    z-index: 3;
}

.menu-inicial {
    width: 100%;
    height: 10vw ;
    padding-top: 6%;
    justify-content: center;
    align-items: center;
    background-color: #A9255A;
    transition: all 0.5s ease;
}

.menu-inicial img {
    width: 5vw;
    transition: all 0.5s ease;
    cursor: pointer;
}

.menu-inicial p {
  color: white;
}

/* diminui menu ao chegar no TOPO = 0 */
.m-pequeno {
    height: 7vw;
    transition: all 0.5s ease;
    box-shadow: -1px 10.5px 19px -4px #888888;
}

.m-pequeno img {
    width: 3vw;
}

/* fim top 0 */
#icone {
    text-align: center;
    transition: all 0.5s ease-in-out;
}

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




/* FIM SECTION Menu */

/* SECTION 2 */
#oque-sao{
    display: flex;
}

.column img {
    max-width: 100%;
    height: auto;
    margin-top: 5%;
}

.titulo-cartilha img{

    width: 90%;
}



/* FIM SECTION 2 */

/* SECTION 3 */
#section3 {
    background-color: white;
}



.noticias img {
    width: 100%;
    padding: 3%;
}

.btn_ver_noticias {
    transition: all 0.2s linear;
    background-color: #A9255A;
    width: 16vw;
    height: 3.5vw;
    display: flex;
    justify-content: center;
    margin-top: 5vw;
    margin-bottom: 5vw;
    text-align: center;
    border-radius: 5px;
    padding-top: 1vw;
}

.btn_ver_noticias:hover {
    text-decoration: none;
    scale: 1.1;
}

.btn_ver_noticias h2 {
    color: white;
    font-size: 1.3vw;
    font-family: 'Roboto Slab', serif;
    margin: 0 !important;
}

/* NOTICIAS */

#cardNoticia {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0%;
    margin-bottom: -3%;
}

.card-text {
    font-size: 14px;
    font-family: "Trebuchet MS", Verdana, Lucida Sans;
}

/* fim NOTICIAS */

/* FIM SECTION 3 */




/* INICIO SECTION 5 */
.cartilha {
    justify-content: center;
}

.titulo-cartilha {
    text-align: center;
    margin-left: -17px;
    padding-top: 1.5%;
    padding-bottom: 0.5%;
}

.sub-imagem {
    transition: all 0.3s linear;
}

.sub-imagem:hover {
    scale: 1.1;
}

.cartilhas-imagem {
    display: flex;
    justify-content: center;
    text-align: center;
}

/* FIM SECTION 5 */

.titulo-procon{
    margin-left: 12px;

}
.titulo-procon img{
    width: 85%;
    padding-bottom: 10px;
    margin-top: -1%;
}

.botao-whatsapp img{
    width: 40%;
    padding-bottom: 20px;
}

/* INICIO FOOTER */
footer img {
     width: 100%;
   
}

.inicio-footer {
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: center;
    gap: 20%;
    align-items: center;
    margin-top: 1%;
}

.prefeitura {
    width: 35%;
    text-align: center;
    transition: all 0.3s linear;
}









.contatos {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* FIM FOOTER */

/* Adicione a regra para restringir o estilo apenas a dispositivos móveis */
@media (max-width: 768px) {
    
    body{
        text-align: center;
    }
    #oque-sao {
        display: flex;
        flex-wrap: wrap;
    }
    /* Ajuste para a classe d-flex */
    .d-flex {
        padding: 20px; 
    }

    /* Ajuste para a classe linha */
    #linha {
        margin-left: 10%;
    }

    /* Ajustes para a classe menu-inicial */
    .menu-inicial {
        height: 21vw; 
        padding-top: 8%;
    }

    .menu-inicial img {
        width: 8vw; 
        padding-top: 9%;
    }

    
    .m-pequeno {
        height: 10vw; 
    }

    .m-pequeno img {
        width: 5vw; 
    }

    .column p{
        padding-left: 7%;
        padding-right: 7%;
    }

    /* Ajuste para a classe btn_ver_noticias */
    .btn_ver_noticias {
        width: 60%;
        height: 80%;
        margin-top: 10vw; 
        margin-bottom: 10vw; 
        padding: 2%;
    }

    .btn_ver_noticias h2 {
        font-size: 4vw; 
    }
    .noticias img {
        width: 100%;
        margin-top: 8%;
    }

    .cartilhas-imagem {
        display: flex;
        justify-content: center;
        text-align: center;
        flex-wrap: wrap;
    }

    .titulo-procon img {
        width: 130%;
        margin-left: -17%;
        padding-bottom: 10px;
        margin-top: -1%;
    }

    .botao-whatsapp img {
        width: 70%;
        padding-bottom: 20px;
    }

    /* Ajuste para a classe card-text nas notícias */
    .card-text {
        font-size: 16px; 
    }

    /* Ajuste para a classe titulo-cartilha */
    .titulo-cartilha img {
        width: 100%; 
    }

    /* Ajuste para a classe sub-imagem */
    .sub-imagem {
        transition: all 0.3s linear; 
    }

    /* Ajuste para a classe veja-mais */
    .veja-mais {
        height: 15%;
        max-width: 70%;
    }
    .contato-procon p{
        padding-left: 7%;
        padding-right: 7%;
    }
    .contatos-srh {
        width: 50%; 
    }
    footer img {
        width: 100%;
        max-width: 100%;
    }
}