@charset "UTF-8";

@import url('https://fonts.cdnfonts.com/css/metropolis-2');

@import url('https://fonts.cdnfonts.com/css/modern-typewriter');

@import url('https://fonts.cdnfonts.com/css/traveling-typewriter');

* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    font-family: 'Metropolis', sans-serif;
    color: #900c3e;
}

body {
    width: 100%;
    height: 100%;
    background-color: #fcf0fb; 

}

#feed-container {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.post-title {
    border: 1px solid #ddd;
    padding: 10px;
    width: calc(33.33% - 20px); /* Dividir em 3 colunas com espaçamento */
    box-sizing: border-box;
}

.containerblog {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.post {
    width: 30%; /* 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: 30%; /* Tamanho ajustável das postagens */
    border: 1px solid #ee7e06 !important;
    border-radius: 20px;
    padding: 15px !important;
    box-sizing: border-box;
    line-height: 19px;;
}

.iframe-container {
    position: relative;
    width: 400px;
    height: 300px;
    overflow: hidden;
  }
  .iframe-container iframe {
    position: absolute;
    top: -100px; /* Ajuste a posição vertical para mostrar a área desejada */
    left: -100px; /* Ajuste a posição horizontal para mostrar a área desejada */
    width: 800px; /* Ajuste a largura do iframe para mostrar a área desejada */
    height: 600px; /* Ajuste a altura do iframe para mostrar a área desejada */
  }

  .post-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .post {
    flex: 0 0 calc(33.33% - 10px);
    border: 1px solid #ccc;
    padding: 10px;
  }
  .post img {
    max-width: 100%;
    height: auto;
  }
  .post-title {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .post-content {
    font-size: 14px;
  }

  #blog-feed {
    display: flex;
    flex-wrap: wrap;
  }
  article {
    width: calc(50% - 10px);
    margin: 5px;
    padding: 10px;
    border: 1px solid #ddd;
  }

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1:hover {
    text-decoration: underline;
}

h2:hover {
    text-decoration: underline;
}


.pergunta {
    display: flex;
    align-items: center;
    justify-content: left;
    text-align: left;
    font-weight: normal;
    cursor: pointer;
    background-color: #590950;
    border-radius: 50px;
    padding: 16px;
    margin-bottom: 6px;
    font-family: 'Metropolis', sans-serif;
    color: #fff;
    width: 1000px;
    font-size: 17px;
    letter-spacing: 2px;;
  }

  .pergunta:hover{
    background-color: #900C3E;
  
  }

  .resposta {
    display: none;
    margin-left: 0px;
    background-color: #fff;
    padding: 20px;
    border-radius: 50px;
    margin-bottom: 5px;
    width: 1000px;
    
    text-align: justify;
    padding: 40px;
   
  }

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

section#home {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 600px;
    
    background-color: #fcf0fb;  
    align-items: center;
   

}

section#home > div#container {
    display: flex;
    flex-direction: column;
    width: 1000px;
    padding: 10px;
    
   
    
    

}

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

}



section#home > div#container > div#menu.shrink {
    height: 100px; /* Altura menor quando encolhido */
}

section#home > div#container > div#menu > div#logo-esq img {
    width: 150px;
    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{
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 22px;
    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 */
    

}


i#burguer {
    display: none;
    

}



section#home > div#container > div#home-texto{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 600px;
    margin-top: 20px;
    overflow: hidden;
    gap: 180px;
    list-style-type: none;
   
    

}



section#home > div#container > div#home-texto > div#home-text-esq{
    display: flex;
    flex-direction: column;
    width: 40%;
    gap: 0px;
    list-style-type: none;
    padding-top: 50px;
    
    
    

}

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: 18px;
    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: 230px;
  

}





section#home > div#container > div#home-texto > div#home-text-dir img:hover{
   

}


section#sobre {
    display: flex;
    flex-direction: column;
    background-color: #590950;
    width: 100%;
    padding: 20px;
    height: 540px;
    align-items: center;
    justify-content: center;
}

section#sobre > div#container {
    display: flex;
    flex-direction: row;
    width: 1000px;
    gap: 50px;
    align-items: center;
    justify-content: space-evenly;
    

}

section#sobre > div#container > div#sobre-esq img{
    height: 450px;
    
}





section#sobre > div#container > div#sobre-dir{
display: flex;
flex-direction: column; 
justify-content: center;
gap: 10px; 
width: 40%;
height: 500px;

}

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: 16px;
        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: 800px;
                    position: relative;
                }

                section#atuacao > div#container {
                    display: flex;
                    flex-direction: column;
                    width: 1000px;
                    gap: 50px;
                    
                }

                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: space-between;
                }

                section#atuacao > 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#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: flex;
                    flex-direction: column;
                    position: absolute;
                    background-color: #900c3e;
                    border-radius: 0px 30px 30px 0px;
                    width: 80px;
                    height: 40px;
                    left: 0;
                    bottom: 15%;
                    
                }

                .atuacao-esqdois {
                    position: absolute;
                    background-color: #900c3e;
                    border-radius: 0px 30px 30px 0px;
                    width: 160px;
                    height: 40px;
                    left: 0;
                    bottom: 5%;

                }

                .atuacao-dirum {
                    display: flex;
                    flex-direction: column;
                    position: absolute;
                    background-color: #900c3e;
                    border-radius: 30px 00px 00px 30px;
                    width: 80px;
                    height: 40px;
                    right: 0;
                    top: 15%;
                    
                }

                .atuacao-dirdois {
                    background-color: #900c3e;
                    position: absolute;
                    border-radius: 30px 00px 00px 30px;
                    width: 160px;
                    height: 40px;
                    right: 0;
                    top: 5%;

                }

                section#faq {
                    display: flex;
                    flex-direction: column;
                    background-color: #ee7e06;
                    width: 100%;
                    height: 100%;
                    padding: 50px;
                    align-items: center;
                    justify-content: center;
                }

                section#faq > div#container  {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                   text-align: center;
                 
                }

                section#faq > div#container > div.pergunta {
                    font-size: 17px;
                 
                }

                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;
                }


                section#blog {
                    display: flex;
                    flex-direction: column;
                    background-color: #fcf0fb;
                    width: 100%;
                    height: 300px;
                    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: left;
                    width: 1000px;
                   
                 
                 
                }

                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: 1000px;
                    justify-content: center;
                    align-items: center;
                    
                }

                section#blog > div#container > div#blogs{
                    display: flex;
                    flex-direction: row;
                    gap: 70px;
                    width: 1000px;
                    
                    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: left;
                }


                section#blog > div#container img{
                    width: 240px;
                }
				
				.post-image {
					width: 240px;
					height: auto;
					border-radius: 12px;
					object-fit: cover;
					margin-bottom: 10px;
				}

                .blog {
                    width: 300px;
                }


                section#depoimentos {
                    display: flex;
                    flex-direction: column;
                    width: 100%;
                    background-color: #900c3e;
                    align-items: center;
                    justify-content: center;
                    height: 400px;
                    position: relative;
                }

                section#depoimentos > div#container {
                    display: flex;
                    flex-direction: column;
                    width: 1000px;
                    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-decoration: underline;
                    text-decoration-color: #ee7e06;
                }

                section#depoimentos > div#container > div#text-central h2{
                    padding-bottom: 20px;
                    font-family: 'Traveling _Typewriter', sans-serif;
                    color: #fff;
                     text-decoration-color: #ee7e06;
                   
                }

                section#depoimentos > div#container > div#text-central p{
                    padding-bottom: 20px;
                   font-size: 21px;
                   font-weight: bolder;
                   padding-left: 10px;
                   padding-right: 10px;
                    color: #fff;
                    text-align: justify;
                    font-weight: normal;
                    line-height: 30px;
                    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: flex;
                    flex-direction: column;
                    position: absolute;
                    background-color: #900c3e;
                    border-radius: 0px 30px 30px 0px;
                    width: 60px;
                    height: 40px;
                    left: 0;
                    bottom: 17%;
                    filter: brightness(0) saturate(100%) invert(12%) sepia(30%) saturate(6463%) hue-rotate(289deg) brightness(85%) contrast(106%);
                    
                }

                .depoimentos-esqdois {
                    position: absolute;
                    background-color: #900c3e;
                    border-radius: 0px 30px 30px 0px;
                    width: 140px;
                    height: 40px;
                    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: flex;
                    flex-direction: column;
                    position: absolute;
                    background-color: #590950;
                    width: 60px;
                    height: 40px;
                    border-radius: 30px 0px 0px 30px;
                    right: 0;
                    top: 28%;
                    filter: brightness(0) saturate(100%) invert(12%) sepia(30%) saturate(6463%) hue-rotate(289deg) brightness(85%) contrast(106%);
                    
                }

                .depoimentos-dirdois {
                    position: absolute;
                    background-color: #590950;
                    width: 140px;
                    height: 40px;
                    border-radius: 30px 0px 0px 30px;
                    right: 0;
                    top: 16%;
                    filter: brightness(0) saturate(100%) invert(12%) sepia(30%) saturate(6463%) hue-rotate(289deg) brightness(85%) contrast(106%);

                }


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

                section#flavia > div#container {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    width: 1000px;

                }

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

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

                img#qrcode:hover {
                    -moz-transform: scale(1.2);
                -webkit-transform: scale(1.2);
                -o-transform: scale(1.2);
                -ms-transform: scale(1.2);
                transform: scale(1.2);
                transition: 1.1s;
               
                   
                }



                section#flavia > div#container > div#flavia-esq h1{
                    font-size: 26px;
                    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: 28px;
                    color: #590950;
                    letter-spacing: 1px;
                    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: 50px;
                   
                    
                }

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

                section#flavia > div#container > div#flavia-esq > div#icones img.colorido:hover {
                    
                    filter: brightness(0) saturate(100%) invert(48%) sepia(100%) saturate(1559%) hue-rotate(3deg) brightness(98%) contrast(95%);
                    
                }

             

              


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

                section#flavia > div#container > div#flavia-dir img {
                    width: 350px;
                   
                    
                }

                section#flavia > div#container > div#flavia-dir img:hover {
                    -moz-transform: scale(1.2);
                -webkit-transform: scale(1.2);
                -o-transform: scale(1.2);
                -ms-transform: scale(1.2);
                transform: scale(1.2);
                transition: 1.1s;
                   
                    
                }


               

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

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

                }

                section#footer div#aviso {
                  
                    width: 1000px;
                    height: 50px;
                    justify-content: center;
                    align-items: center;
                    color: #fff;
                    

                }

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

                }

                section#footer > div#container {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 1000px;
                    height: 50px;

                }

               

                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 a:hover {
                    filter: brightness(0) saturate(100%) invert(48%) sepia(100%) saturate(1559%) hue-rotate(3deg) brightness(98%) contrast(95%);
                }

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