@charset "UTF8";

@media screen and (min-width: 320px) and (max-width: 1023px) {



    section#home {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        background-color: #fcf0fb;  
        align-items: center;
      
    
    }
    
    section#home > div#container {
        display: flex;
        flex-direction: column;
        width: 100%;
       
        
        
    
    }
    
    section#home > div#container > div#menu{
        display: flex;
        flex-direction: row;
        justify-content:  space-around;
        align-items: center;
        padding-top: 10px;
        width: 100%;
        height: 200px;
        position: sticky;
        top: 0px;
        background-color: #fcf0fb;  
        z-index: 113;
        transition: all 0.3s ease;
    
    }

    i#burguer {
       
        display: flex;
        cursor: pointer;
       color: #900c3e;
       z-index: 11;
       
    }

    #feed-container {
        max-width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    
    .post-title {
        border: 1px solid #ddd;
        padding: 10px;
        width: 92%; /* Dividir em 3 colunas com espaçamento */
        box-sizing: border-box;
    }
    
    .containerblog {
        max-width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    
    .post {
        width: 90%; /* Tamanho ajustável das postagens */
        border: 1px solid #ccc !important;
        border-radius: 20px;
        padding: 15px !important;
        box-sizing: border-box;
        line-height: 19px;;
    }
    
    .post:hover {
        width: 90%; /* Tamanho ajustável das postagens */
        border: 1px solid #ee7e06 !important;
        border-radius: 20px;
        padding: 15px !important;
        box-sizing: border-box;
        line-height: 19px;;
    }
    
    
    
    
    section#home > div#container > div#menu.shrink {
        height: 100px; /* Altura menor quando encolhido */
    }
    
    section#home > div#container > div#menu > div#logo-esq img {
        width: 200px;
        transition: all 0.3s ease;
    }
    
    section#home > div#container > div#menu.shrink #logo-esq img {
        width: 100px; /* Largura menor quando encolhido */
    }
    
    section#home > div#container > div#menu ul#menulista{
        display: none;
        transform: translate();
        flex-direction: column;
        width: 100%;
        gap: 12px;
        list-style-type: none;
    
    }
    
    section#home > div#container > div#menu a{
        color: #900c3e;
        text-decoration: none;
        list-style-type: none;
        font-weight: 700;
        letter-spacing: 1px;
     
        
    
    }
    
    section#home > div#container > div#menu a:hover{
        text-decoration: underline;
      
      text-decoration-color: #ee7e06; /* Substitua "red" pela cor desejada */
        
    
    }
    
    section#home > div#container > div#home-texto{
        display: flex;
        flex-direction: column-reverse;
       padding: 30px;
        width: 100%;
        height: 100%;
        gap: 0px; 
        list-style-type: none;
        text-align: center;
        
        
    
    }
    
    section#home > div#container > div#home-texto > div#home-text-esq{
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px;
        width: 100%;
       
        list-style-type: none;
        padding-top: 50px;
        text-align: center;
        
        
        
    
    }
    
    section#home > div#container > div#home-texto > div#home-text-esq h1{
       letter-spacing: 2px;
       font-weight: 500;
        
        
    
    }
    
    section#home > div#container > div#home-texto > div#home-text-esq p{
        font-size: 20px;
        text-align: justify;
        line-height: 25px;
        
        
    
    }
    
    .modernfonte {
        font-family: 'MODERN TYPEWRITER', sans-serif;
    }
    
    .laranja {
        font-family: 'MODERN TYPEWRITER', sans-serif;
        color: #ee7e06;
    }
    
    section#home > div#container > div#home-texto > div#home-text-dir img{
        width: 200px;
    
    }    





    section#sobre {
        display: flex;
        flex-direction: column;
        background-color: #590950;
        width: 100%;
        height: 100%;
       
        align-items: center;
        justify-content: center;
    }
    
    section#sobre > div#container {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 0px;
        align-items: center;
        justify-content: space-evenly;
        padding: 40px;
    
    }
    
    section#sobre > div#container > div#sobre-esq img{
        height: 0px;
        display: none;
        
    }
    
    section#sobre > div#container > div#sobre-dir{
    display: flex;
    flex-direction: column; 
    justify-content: center;
    align-items: center;
    gap: 0px; 
    width: 100%;
    height: 100%;
    padding: 30px;
    text-align: center;
    
    }
    
    section#sobre > div#container > div#sobre-dir h1{
        font-family: 'MODERN TYPEWRITER', sans-serif;
        color: #ee7e06;
        padding-bottom: 20px;
            
        }
    
        section#sobre > div#container > div#sobre-dir p{
            font-size: 17px;
            gap: 1px;
            letter-spacing: 1px;
            line-height: 22px;
            color: #fff;
            font-family: 'Metropolis', sans-serif;
            text-align: justify;
            }
    
            section#sobre > div#container > div#sobre-dir button{
                background-color: #ee7e06;
                margin-top: 20px;
                width: 250px;
                height: 54px;
                
                border-radius: 37px;
                border: none;
                font-size: 25px;
                color: #fff;
                letter-spacing: 2px;
                font-weight: 400;
                font-family: 'MODERN TYPEWRITER', sans-serif;
                }
    
                section#sobre > div#container > div#sobre-dir button:hover{
                    background-color: #fff;
                    margin-top: 20px;
                    width: 250px;
                    height: 54px;
                    
                    border-radius: 37px;
                    border: none;
                    font-size: 25px;
                    color: #000;
                    letter-spacing: 2px;
                    font-weight: 400;
                    font-family: 'MODERN TYPEWRITER', sans-serif;
                    }











                    section#atuacao {
                        display: flex;
                        flex-direction: column;
                        width: 100%;
                        background-color: #fcf0fb;
                        align-items: center;
                        justify-content: center;
                        height: 100%;
                        padding: 40px;
                        position: relative;
                    }
    
                    section#atuacao > div#container {
                        display: flex;
                        flex-direction: column;
                        width: 100%;
                        gap: 0px;
                        padding: 20px;
                        
                        
                    }
    
                    section#atuacao > div#container > div#text-central h1{
                      
                        font-family: 'Traveling _Typewriter', sans-serif;
                        color: #900c3e;
                        text-decoration: underline;
                        text-decoration-color: #ee7e06; 
                        padding-bottom: 20px;
                        font-size: 30px;
                    }
    
                    section#atuacao > div#container > div#text-central h2{
                        padding-bottom: 20px;
                        font-family: 'Traveling _Typewriter', sans-serif;
                        color: #900c3e;
                       
                    }
    
                    section#atuacao > div#container > div#text-central p{
                        padding-bottom: 20px;
                       font-size: 18px;
                        color: #900c3e;
                        text-align: justify;
                        font-weight: normal;
                        line-height: 23px;
                       
                    }
    
                    section#atuacao > div#container > div#text-central> div#botao{
                       display: flex;
                       width: 100%;
                       justify-content: center;
                    }
    
                    section#atuacao > div#container > div#text-central button{
                        display: none;
                        align-items: center;
                        justify-content: center;
                        background-color: #900c3e;
                        padding: 0px;
                        padding-left: 40px;
                        padding-right: 40px;
                        border-radius: 37px;
                        border: none;
                        color: #fff;
                        font-family: 'Traveling _Typewriter', sans-serif;
                        font-size: 25px;
                        letter-spacing: 2px;
                       
                        
                    }
    
                    section#atuacao > div#container > div#text-central button:hover{
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background-color: #ee7e06;;
                        padding: 10px;
                        padding-left: 40px;
                        padding-right: 40px;
                        border-radius: 37px;
                        border: none;
                        color: #900c3e;
                        font-family: 'Traveling _Typewriter', sans-serif;
                        font-size: 25px;
                        letter-spacing: 2px;
                       
                        
                    }
    
                    .atuacao-esqum {
                        display: none;
                        flex-direction: column;
                        position: absolute;
                        background-image: url(images/atuacao-esq1.png);
                        background-repeat: no-repeat;
                        background-size: 100px auto;
                        width: 30%;
                        height: 60px;
                        left: 0;
                        bottom: 25%;
                        
                    }
    
                    .atuacao-esqdois {
                        display: none;
                        background-image: url(images/atuacao-esq2.png);
                        background-repeat: no-repeat;
                        
                        background-size: 200px auto;
                        width: 40%;
                        height: 60px;
                        left: 0;
                        bottom: 12%;
    
                    }
    
                    .atuacao-dirum {
                        display: none;
                        flex-direction: column;
                        position: absolute;
                        background-image: url(images/atuacao-dir1.png);
                        background-repeat: no-repeat;
                        background-size: 100px auto;
                        width: 5%;
                        height: 60px;
                        right: 0;
                        top: 25%;
                        
                    }
    
                    .atuacao-dirdois {
                        display: none;
                        background-image: url(images/atuacao-dir2.png);
                        background-repeat: no-repeat;
                        
                        background-size: 200px auto;
                        width: 10%;
                        height: 60px;
                        right: 0;
                        top: 12%;
    
                    }





                    section#faq {
                        display: flex;
                        flex-direction: column;
                        background-color: #ee7e06;
                        width: 100%;
                        height: 100%;
                        
                        padding: 40px;
                        padding-top: 60px;
                        padding-bottom: 60px;
                        align-items: center;
                        justify-content: center;
                    }
    
                    section#faq > div#container  {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                       text-align: center;
                       width: 100%;
                    }
    
                    section#faq > div#container h1{
                        font-family: 'Traveling _Typewriter', sans-serif;
                        color: #fff;
                        font-weight: 550;
                        text-decoration: underline;
                        text-decoration-color: #ee7e06; 
                        padding-bottom: 20px;
                        font-size: 30px;
                    }


                    .pergunta {
                        display: flex;
                        align-items: center;
                        justify-content: left;
                        text-align: center;
                        font-weight: normal;
                        cursor: pointer;
                        background-color: #590950;
                        border-radius: 50px;
                        padding: 12px;
                        margin-bottom: 5px;
                        font-family: 'Metropolis', sans-serif;
                        color: #fff;
                        width: 100%;
                        font-size: 1px;
                        letter-spacing: 2px;;
                      }
                    
                      .resposta {
                        display: none;
                        margin-left: 0px;
                        background-color: #fff;
                        padding: 20px;
                        border-radius: 50px;
                        margin-bottom: 5px;
                        width: 100%;
                        
                        text-align: justify;
                        padding: 40px;
                       
                      }

                     
                    
                      .botao {
                        display: flex;
                        
                        width: 20px;
                        height: 20px;
                        text-align: right;
                        cursor: pointer;
                        
                        border-radius: 50px;
                        color: #ee7e06;
                      }


                      .containerblog {
                        max-width: 100%;
                        margin: 0 auto;
                        display: flex;
                        flex-direction: column;
                        flex-wrap: wrap;
                        justify-content: center;
                        align-items: center;
                        gap: 10px;
                    }
                    
                    .post {
                        width: 90%; /* Tamanho ajustável das postagens */
                        border: 1px solid #ddd;
                        padding: 10px;
                        box-sizing: border-box;
                    }

                      section#blog {
                      
                        flex-direction: column;
                        background-color: #fcf0fb;
                        width: 100%;
                        height: 100%;
                       padding: 30px;
                       padding-bottom: 50px;
                        justify-content: center;
                        align-items: center;
                        
                    }
    
                    section#blog > div#container > div#titulo {
                        display: flex;
                        justify-content: left;
                        text-decoration: underline;
                        text-decoration-color: #590950;
                        padding-bottom: 10px;
                        text-align: center;
                        justify-content: center;
                        align-items: center;
                        width: 100%;
                        
                       
                     
                     
                    }
    
                    section#blog > div#container >  div#titulo h1 {
                     
                        font-family: 'Traveling _Typewriter', sans-serif;
                        font-weight: bold;
                        font-size: 27px;
                        letter-spacing: 2px;
                     
                    }
    
    
    
                    section#blog > div#container{
                        display: flex;
                        flex-direction: column;
                        
                        width: 100%;
                        height: auto;
                        justify-content: center;
                        align-items: center;
                       
                    }
    
                    section#blog > div#container > div#blogs{
                        display: flex;
                        flex-direction: column;
                        gap: 70px;
                        width: 100%;
                        
                        justify-content: center;
                        align-items: center;
                      
                    }
    
                    section#blog > div#container h1{
                        font-family: 'Traveling _Typewriter', sans-serif;
                        font-size: 18px;
                        padding-top: 10px;
                        padding-bottom: 10px;
                        letter-spacing: 2px;                   
                        text-align: center;
                    }
    
    
                    section#blog > div#container img{
                        width: 240px;
                    }
    
                    .blog {
                        width: 300px;
                    }










                    section#depoimentos {
                        display: flex;
                        flex-direction: column;
                        width: 100%;
                        background-color: #900c3e;
                        align-items: center;
                        justify-content: center;
                        height: 100%;
                        padding: 50px;
                        position: relative;
                    }
    
                    section#depoimentos > div#container {
                        display: flex;
                        flex-direction: column;
                        width: 100%;
                        gap: 50px;
                        
                    }
    
                    section#depoimentos > div#container > div#text-central h1{
                      
                        font-family: 'Traveling _Typewriter', sans-serif;
                        color: #fff;
                        letter-spacing: 3px;
                        text-decoration-color: #fff; 
                        padding-bottom: 20px;
                        font-size: 30px;
                        text-align: center;
                    }
    
                    section#depoimentos > div#container > div#text-central h2{
                        padding-bottom: 20px;
                        font-family: 'Traveling _Typewriter', sans-serif;
                        color: #fff;
                       
                    }
    
                    section#depoimentos > div#container > div#text-central p{
                        padding-bottom: 20px;
                       font-size: 18px;
                       font-weight: bolder;
                       padding-left: 10px;
                       padding-right: 10px;
                        color: #fff;
                        text-align: justify;
                        font-weight: normal;
                        line-height: 25px;
                        font-family: 'Metropolis', sans-serif;
                       
                    }
    
                    section#depoimentos > div#container > div#text-central> div#botao{
                       display: flex;
                       width: 100%;
                       justify-content: center;
                    }
    
                    section#depoimentos > div#container > div#text-central button{
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background-color: #900c3e;
                        padding: 10px;
                        padding-left: 40px;
                        padding-right: 40px;
                        border-radius: 37px;
                        border: none;
                        color: #fff;
                        font-family: 'Traveling _Typewriter', sans-serif;
                        font-size: 25px;
                        letter-spacing: 2px;
                       
                        
                    }
    
                    section#depoimentos > div#container > div#text-central button:hover{
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background-color: #ee7e06;;
                        padding: 10px;
                        padding-left: 40px;
                        padding-right: 40px;
                        border-radius: 37px;
                        border: none;
                        color: #900c3e;
                        font-family: 'Traveling _Typewriter', sans-serif;
                        font-size: 25px;
                        letter-spacing: 2px;
                       
                        
                    }
    
                    .depoimentos-esqum {
                        display: none;
                        flex-direction: column;
                        position: absolute;
                        background-image: url(images/atuacao-esq1.png);
                        background-repeat: no-repeat;
                        background-size: 100px auto;
                        width: 30%;
                        height: 60px;
                        left: 0;
                        bottom: 15%;
                        filter: brightness(0) saturate(100%) invert(12%) sepia(30%) saturate(6463%) hue-rotate(289deg) brightness(85%) contrast(106%);
                        
                    }
    
                    .depoimentos-esqdois {
                        display: none;
                        background-image: url(images/atuacao-esq2.png);
                        background-repeat: no-repeat;
                        
                        background-size: 200px auto;
                        width: 40%;
                        height: 60px;
                        left: 0;
                        bottom: 5%;
                        filter: brightness(0) saturate(100%) invert(12%) sepia(30%) saturate(6463%) hue-rotate(289deg) brightness(85%) contrast(106%);
    
                    }
    
                    .depoimentos-dirum {
                        display: none;
                        flex-direction: column;
                        position: absolute;
                        background-image: url(images/atuacao-dir1.png);
                        background-repeat: no-repeat;
                        background-size: 100px auto;
                        width: 5%;
                        height: 60px;
                        right: 0;
                        top: 25%;
                        filter: brightness(0) saturate(100%) invert(12%) sepia(30%) saturate(6463%) hue-rotate(289deg) brightness(85%) contrast(106%);
                        
                    }
    
                    .depoimentos-dirdois {
                        display: none;
                        background-image: url(images/atuacao-dir2.png);
                        background-repeat: no-repeat;
                        
                        background-size: 200px auto;
                        width: 10%;
                        height: 60px;
                        right: 0;
                        top: 16%;
                        filter: brightness(0) saturate(100%) invert(12%) sepia(30%) saturate(6463%) hue-rotate(289deg) brightness(85%) contrast(106%);
    
                    }

                     /* Estilos personalizados para o carrossel */
    .owl-carousel {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }

    .owl-prev,
        .owl-next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 30px;
            color: #333;
            background: transparent;
            border: none;
            outline: none;
            transition: 0.3s;
            cursor: pointer;
        }

        .owl-prev:hover,
        .owl-next:hover {
            color: #999;
        }

        .owl-prev {
            left: -30px;
        }

        .owl-next {
            right: -30px;
        }


        img#qrcode {
            display: none;
            position: absolute;
           width: 150px !important;
           left: 335px;
           bottom: 5px;
           height: auto;
           border-radius: 20px;
        }

        section#flavia {
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 100%;
            background-color: #fcf0fb;
            justify-content: center;
            align-items: center;
            
        }

        section#flavia > div#container {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 100%;
            padding: 40px;

        }

        section#flavia > div#container > div#flavia-esq {
            display: flex;
            flex-direction: column;
           
            
        }



        section#flavia > div#container > div#flavia-esq h1{
            font-size: 37px;
            color: #ee7e06;
            padding-bottom: 10px;
           
            
        }

        section#flavia > div#container > div#flavia-esq h2{
            font-size: 25px;
            color: #ee7e06;
            letter-spacing: 1px;
            font-family: 'Metropolis', sans-serif;
            font-weight: 500;
            padding-bottom: 10px;
           
            
        }

        section#flavia > div#container > div#flavia-esq h2.roxo{
            font-size: 26px;
            color: #941846;
            letter-spacing: 1px;
            font-family: 'Metropolis', sans-serif;
            font-weight: 500;
            padding-top: 10px;
           
            
        }

        section#flavia > div#container > div#flavia-esq h2.roxodois{
            font-size: 20px;
            
            color: #590950;
            letter-spacing: 0px;
            font-family: 'Metropolis', sans-serif;
            font-weight: 600;
            padding-bottom: 10px;
           
            
        }

        section#flavia > div#container > div#flavia-esq > div#icones {
            display: flex;
            flex-direction: row;
            gap: 50px;
            width: 100px;
            padding-top: 20px;
           
            
        }

        section#flavia > div#container > div#flavia-esq > div#icones img {
            
            width: 40px;
           
            
        }

      


        section#flavia > div#container > div#flavia-dir {
            display: flex;
            flex-direction: column;
           
            
        }

        section#flavia > div#container > div#flavia-dir img {
            width: 400px;
            display: none;
           
            
        }

        section#footer {
            display: flex;
            width: 100%;
            height: 70px;
            background-color: #590950;
            justify-content: center;
            align-items: center;
        }

        section#footer > div#container {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 70px;
            padding: 20px;
            background-color: #590950;

        }

        section#footer > div#container p {
            color: #fff;
            font-family: 'Metropolis', sans-serif;
        }

        section#footer > div#container a {
            text-decoration: none;
            color: #fff;
            font-family: 'Metropolis', sans-serif;
        }

        section#footer > div#container img {
            width: 13px;
        
        }


        section#footer div#avisoum {
            margin-top: 70px;
            display: flex;
            padding: 15px;
             width: 100%;
             background-color: #F46036;
             justify-content: center;
             align-items: center;
             

         }

         section#footer div#aviso {
           
             width: 97%;
             height: auto;
             justify-content: center;
             align-items: center;
             color: #fff;
             

         }

         section#footer div#aviso p{
           
            
             color: #fff;
             

         }


}