#mobile-menu{
    display: none;
}
.navcontainer{
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: linear-gradient(270deg, #CEB3D4 -2.04%, #865C8F 98.86%);
    width: 100%;
    height: 90px;
}
#menu {
    background-color: var(--cor7);
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: all 0.3s ease;
    box-shadow: none;
}
.botao1{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
 width: 200px;
height: 40px;
flex-shrink: 0;
font-weight: 500;
background: linear-gradient(90deg, #732D61 0%, #A45D92 100%);
box-shadow: 2.077px 3.461px 2.769px 0px rgba(0, 0, 0, 0.25);
border-radius: 10px;
}
.botao1 a{
    color: var(--cor7);
    font-family: var(--font1); 
    font-size: 1.1rem;
}
#menu.scrolled {
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.logo{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 200px;
    margin-top: 20px;
    margin-left: 100px;
}
.logo img{
    width: 80px;
    height: 80px;
}
.menus1 ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    font-family: var(--font2);
    font-size: 1.2rem;
 
}
.menus1 li a{
    color: var(--cor7);
transition: color 0.3s ease, transform 0.3s ease;
display: inline-block;
}
.menus1 li a:hover{
    color: var(--cor0);
  cursor: pointer;
  transform: scale(1.1);
  transform-origin: center;
}
    
.sessao1{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 80px;
    background: linear-gradient(270deg, #CEB3D4 -2.04%, #865C8F 98.86%);
    width: 100%;
    height: 700px;
}
.textosessao1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 600px;
    height: 700px;
}
.psi{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    width: 500px;
    font-family: var(--font2);
    font-size: 1.5rem;
    color: var(--cor7);
    font-weight: 400;
    margin-top: 0px;
}
.otexto{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    width: 500px;
    height: 300px;
    font-family: var(--font1);
    font-size: 1.2rem;
    color: var(--cor7);
    font-weight: 400;
    margin-top: 30px;
}
.textosessao1 h1{
    font-family: var(--font2);
    font-size: 3.4rem;
    color: var(--cor7);
    font-weight: 400;
    width: 500px;
    height: 300px;
  line-height: 0.8;
}
.textosessao1 p{
    font-family: var(--font1);
    font-size: 1.2rem;
    color: var(--cor7);
    font-weight: 400;
    width: 450px;
    height: 300px;
    margin-top: 30px;
}
.agendar{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
 width: 200px;
height: 40px;
flex-shrink: 0;
font-weight: 500;
background: linear-gradient(90deg, #732D61 0%, #A45D92 100%);
box-shadow: 2.077px 3.461px 2.769px 0px rgba(0, 0, 0, 0.25);
border-radius: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.agendar a{
    color: var(--cor7);
    font-family: var(--font1); 
    font-size: 1.1rem;
    display: inline-block; 
    transition: transform 0.3s ease, background-color 0.3s ease;
}
.agendar:hover{
        background: var(--cor7); 
        transform: scale(1.1); 
}
.agendar a:hover{
    color: var(--cor0);
    cursor: pointer;
}
.fotoprincipal{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 400px;
  height: 600px;
  margin-top: 95px;
}
.fotoprincipal img{
    width: 360px;
    height: 600px;
}
.sessao2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background-color: var(--cor4);
    width: 100%;
    height: 960px;
}
.sessao2 h1{
    font-family: var(--font2);
    font-size: 2rem;
    color: var(--cor0);
    font-weight: 600;
    width: 800px;
    margin-top: 40px;
  line-height: 0.8;
  text-transform: uppercase;
  margin-top: 10px;
}
.sessao2 p{
    font-family: var(--font1);
    font-size: 1.2rem;
    color: var(--cor0);
    font-weight: 400;
    width: 800px;
    line-height: 1;
    margin-top: 20px;
}
.itens ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 500px;
    margin-top: 20px;
}
.itens li{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 250px;
}
.itens li img{
    width: 60px;
    height: 60px;
}
.itens li p {
    margin: 0;
}
.sessao2 h2{
    font-family: var(--font2);
    font-size: 1.8rem;
    color: var(--cor0);
    font-weight: 600;
    width: 600px;
  line-height: 0.8;
  text-transform: uppercase;
  margin-top: 40px;
}

.ajudar ul{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0px;
    width: 600px;
    margin-top: 0px;
}
.ajudar li{
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    width: 600px;
    font-family: var(--font1);
    font-size: 1.2rem;
    color: var(--cor0);
    font-weight: 400;
    position: relative;
}
.ajudar li::before{
    content: "";
    position: absolute;
    background-image: url("/img/topicoverde.svg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-left: -30px;
    margin-top: 20px;

}
.ajudar strong{
    font-family: var(--font1);
    font-size: 1.2rem;
    color: var(--cor0);
    width: 800px;
}
.sessao2 h3{
    font-family: var(--font2);
    font-size: 1.8rem;
    color: var(--cor0);
    font-weight: 600;
    width: 300px;
  line-height: 0.8;
  text-transform: uppercase;
  margin-top: 30px;
}
.resultado ul{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 600px;
    margin-top: 10px;
}
.resultado li{
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    width: 600px;
    font-family: var(--font1);
    font-size: 1.2rem;
    color: var(--cor0);
    font-weight: 400;
    position: relative
}
.resultado li::before{
    content: "";
    position: absolute;
    background-image: url("/img/check.svg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-left: -30px;
    margin-top: 3px;
}
.saude{
font-family: var(--font2);
color: var(--cor0);
 width: 400px;
font-size: 1.5rem;
margin-top: 10px;
}
.vamos{
width: 400px;
font-family: var(--font2);
color: var(--cor0);
font-size: 1.4rem;
margin-top: 0px;
}

.situacoes{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--cor2);
    width: 100%;
    height: 1100px;
    position: relative;
}
.situacoes::before{  
    content: "";
    position: absolute;
    background-image: url("/img/cerebrosessao3.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 500px;
    height: 400px;
    margin-top: -500px;
    margin-left: 1500px;
   
}
.situacoes::after{
    content: "";
    position: absolute;
    background-image: url("/img/borboletasessao3.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 500px;
    height: 400px;
    margin-top: 300px;
    margin-left: -920px;
   
}
.situacoes h1{
    font-family: var(--font2);
    font-size: 1.6rem;
    color: var(--cor0);
    font-weight: 600;
    width: 1000px;
    margin-top: 40px;
  line-height: 0.8;
  text-transform: uppercase;
  text-align: center;
  margin-top: 0px;
}
.situacoeslista{
    width: 1000px;
    margin-top: 40px;
}
.situacoeslista ul{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.situacoeslista li{
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
width: 900px;
height: 100px;
background: linear-gradient(90deg, #865C8F 0%, #B188BA 100%);
box-shadow: 2px 3px 4px 1px rgba(0, 0, 0, 0.25);
color: var(--cor7);
padding:0px 10px 0px 20px;
border-radius: 15px;
font-family: var(--font1);
font-size: 1.1rem;
}
.situacoes h3{
    font-family: var(--font2);
    font-size: 1.5rem;
    color: var(--cor0);
    font-weight: 600;
    width: 900px;
  line-height: 0.8;
  margin-top: 40px;
  text-align: center;
}

.psico{
    font-family: var(--font1);
    font-size: 1.2rem;
    color: var(--cor0);
    font-weight: 400;
    width: 900px;
    line-height: 1;
    margin-top: 20px;
    text-align: center;
}

.tcc{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--cor1);
    width: 100%;
    height: 800px;
}
.tcc h1{
    font-family: var(--font2);
    font-size: 1.6rem;
    color: var(--cor7);
    font-weight: 600;
    width: 1000px;
    margin-top: 40px;
  line-height: 0.8;
  text-transform: uppercase;
  text-align: center;
  margin-top: 0px;
}
.tccp{
    font-family: var(--font1);
    font-size: 1.2rem;
    color: var(--cor7);
    font-weight: 400;
    width: 900px;
    line-height: 1;
    margin-top: 20px;
}
.tcc h2{
    font-family: var(--font2);
    font-size: 1.8rem;
    color: var(--cor7);
    font-weight: 600;
    width: 900px;
  line-height: 0.8;
  margin-top: 40px;
  text-align: center;
}
.tcc h3{
    font-family: var(--font2);
    font-size: 1.5rem;
    color: var(--cor7);
    font-weight: 600;
    width: 900px;
  line-height: 0.8;
  margin-top: 40px;
  text-align: center;
}
.tccitens{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 800px;
    margin-top: 10px;
}
.tccitens ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 900px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.tccitens li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 500px;
    height: 200px;
    text-align: start;
    background-color: var(--cor4);
    padding-left: 10px;
    border-radius: 14px;
    font-family: var(--font1);
    color: var(--cor0);
    box-shadow: 5px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.atendimento{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--cor5);
    width: 100%;
    height: 900px;
}
.atendimento h1{
    font-family: var(--font2);
    font-size: 1.6rem;
    color: var(--cor0);
    font-weight: 600;
    width: 800px;
  line-height: 1;
  text-transform: uppercase;
  margin-top: 0px;
}
.atendimentop{
    font-family: var(--font1);
    font-size: 1.2rem;
    color: var(--cor0);
    font-weight: 400;
    width: 700px;
    line-height: 1;
    margin-top: 30px;
    text-align: start;
}

.vantagens{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 10px;

}
.textoevantagem{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 600px;
  
}
.vantagemtitulo{
    font-family: var(--font2);
    font-size: 1.8rem;
    color: var(--cor0);
    font-weight: 600;
    width: 500px;

}
.vantagenslista{
    margin-top: 20px;
} 

.vantagenslista  li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    width: 500px;
    font-family: var(--font1);
    color: var(--cor0);
    margin-top: 10px;
    font-size: 1.3rem;
}
.fotoatendimento{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 400px;
    margin-top:-40px;
}
.fotoatendimento img{
    width: 850px;
    height: 450px;
}
.atendimento h2{
    font-family: var(--font2);
    font-size: 1.8rem;
    color: var(--cor0);
 align-items: start;
    font-weight: 600;
    width: 800px;
margin-top: 10px;
}
.sobre{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--cor4);
    width: 100%;
    height: 850px;
    position: relative;
}
.sobre::after{
    content: "";
    position: absolute;
    background-image: url("/img/bobrboletasessao6.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 300px;
    margin-top: 600px;
    margin-left: 2520px;

}
.psicologa{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 70px;
    
}
.livia{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 400px;
    margin-top: 40px;
   
}
.livia img{
    width: 500px;
    height: 500px;
}
.textopsicologa{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 700px;
    margin-top: 40px;
}
.textopsicologa h1{
    font-family: var(--font2);
    font-size: 1.6rem;
    color: var(--cor0);
    font-weight: 600;
    width: 600px;
}
.formada{
    font-family: var(--font1);
    font-size: 1.2rem;
    color: var(--cor0);
    font-weight: 400;
    width: 600px;
    line-height: 1;
    margin-top: 20px
}
.textopsicologa h2{
    font-family: var(--font2);
    font-size: 1.4rem;
    color: var(--cor0);
    font-weight: 600;
    width: 600px;
    margin-top: 30px;
    line-height: 0.9;
}
.especialidades{
    font-family: var(--font1);
    font-size: 1.2rem;
    color: var(--cor0);
    font-weight: 400;
    width: 600px;
    line-height: 1;
    margin-top: 10px;
}
.especialidades li{
    margin-top: 20px;
}
.viver{
    font-family: var(--font1);
    font-size: 1.4rem;
    color: var(--cor0);
    font-weight: 400;
    width: 900px;
    margin-top: 30px;
    line-height: 0.9;
}
.sobre h2{
    font-family: var(--font2);
    font-size: 1.8rem;
    color: var(--cor0);
    font-weight: 600;
    width: 800px;
    margin-top: 20px;
  text-align: center;
}
.depoimentos{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--cor1);
    width: 100%;
    height: 980px;
}
.depoimentos h1{
    font-family: var(--font2);
    font-size: 1.6rem;
    color: var(--cor7);
    font-weight: 600;
    width: 800px;
    text-transform: uppercase;
    margin-top: 20px;
  text-align: center;
 
}
.depoimento1 ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
    gap: 50px;
    width:100%;
}
.depoimento1 li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    width: 280px;
    height: 260px;
    border: 6px solid #EACBF1;
    padding: 50px 30px 30px 40px;
    border-radius:16px;
    color: var(--cor7);
    font-family: var(--font1);
    font-size: 1rem;
    position: relative;
}
.depoimento1 li::before{
    content: "";
    position: absolute;
    background-image: url("/img/aspasesquerda.svg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    margin-top: -300px;
    margin-left: -80px;
}
.depoimento1 li::after{
    content: "";
    position: absolute;
    background-image: url("/img/aspasdireita.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    margin-top: 280px;
    margin-left: 280px;
}
.depoimento2 ul{
      display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
    width: 100%;
}
.depoimento2 li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    width: 280px;
    height: 260px;
    border: 6px solid #EACBF1;
    padding: 30px;
    border-radius:16px;
    color: var(--cor7);
    font-family: var(--font1);
    font-size: 1rem;
    margin-top: 40px;
    padding: 50px 30px 30px 40px;
    position: relative;
}

.depoimento2 li::before{
    content: "";
    position: absolute;
    background-image: url("/img/aspasesquerda.svg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    margin-top: -300px;
    margin-left: -80px;
}
.depoimento2 li::after{
    content: "";
    position: absolute;
    background-image: url("/img/aspasdireita.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    margin-top: 280px;
    margin-left: 280px;
}

.perguntasfrequentes{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(306deg, #F8D7FF 6.55%, #CD99D9 100%);
    width: 100%;
    height: auto;
}
.perguntasfrequentes h1{
    font-family: var(--font2);
    font-size: 1.6rem;
    color: var(--cor0);
    font-weight: 600;
    width: 800px;
    margin-top: 40px;
  line-height: 0.8;
  text-transform: uppercase;
  text-align: center;
  margin-top: 30px;
}
.perguntas{
display: flex;
justify-content: center;
align-items: center;
width: 800px;
position: relative;
}
.perguntas::after{
    content: "";
    position: absolute;
    background-image: url("/img/borboletasessao8.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 300px;
    height: 300px;
    margin-top: 200px;
    margin-left: -1130px;
}
.perguntas dt{
    display: flex;
    justify-content: start;
    align-items: center;
    padding-left: 30px;
    border-radius: 10px 10px 0px 0px;
width: 600px;
height: 40px;
background: linear-gradient(90deg, #732D61 50%, #CD99D9 100%);
color: var(--cor7);
font-family: var(--font1);
font-size: 1.1rem;
position: relative;
margin-top: 20px;
}
.perguntas dt::after{
    content: "";
    position: absolute;
    background-image: url("/img/setaparabaixo.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-top: 10px;
    margin-left: 500px;
}
.perguntas dt.ativo::after{
    content: "";
    position: absolute;
    background-image: url("/img/setaparacima.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-top: 10px;
    margin-left: 500px;
}

.perguntas dd{
    display: flex;
    justify-content: start; 
    align-items: center;
    border-radius: 0px 0px 10px 10px;
    background-color: var(--cor4);
    width: 590px;
    height: auto;
    padding: 20px;
    margin-left: 0px;
    font-family: var(--font1);
    font-size: 1.1rem;
    color: var(--cor0);
}
.perguntas dd{
    display: none;
}
.perguntas dd.ativo{
    display: block;
    animation: slideDown .5s;
  }
  @keyframes slideDown{
    from{
  opacity: 0;
  max-height: 0;
    }
    to{
  opacity: 1;
  max-height: 200px;
    }
  }
  .footercontainer{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background-color: var(--cor6);
    width: 100%;
    height: auto;
  }
  .logo2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 200px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .logo2 img{
    width: 80px;
    height: 80px;
  }
  .menus2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 400px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.menus2 ul{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 300px;
   
}
.menus2 li a{
    color: var(--cor0);
    font-family: var(--font2);
    font-size: 1.3rem;
    transition: color 0.3s ease, transform 0.3s ease;
display: inline-block;
}
.menus2 li a:hover{
    color: var(--cor7);
  cursor: pointer;
  transform: scale(1.1);
  transform-origin: center;
}
.redes{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 200px;
    gap: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.redes img{
    width: 50px;
    height: 50px;
}
.copy{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: var(--font1);
    text-align: center;
    color: var(--cor0);
    background-color: var(--cor4);
}
.copy a{
    color: var(--cor0);
}
.copy a:hover{
    color: var(--cor6);
}
@media (min-width:1920px) {
    .situacoes::before{ 
        margin-left: 2000px;  
    }
    .situacoes::after{
        margin-left: -1500px;
    }
    .tccitens ul{
        width: 1000px;
    }

    .tccitens li{
        width: 650px;
        height: 200px;
    }
    .textopsicologa h2{
        width: 600px;
    }
    .sobre::after{
        margin-left: 3500px;   
    }
    .viver{
        width: 1000px;
    }
    .perguntas::after{
        margin-left: -1600px;      
    }
}

@media (min-width:768px) and (max-width: 1279px) {
.botao1{
    display: none;
}
.navcontainer{
    justify-content: center;
    gap: 10px;
}
.menus1{
    margin-left: -50px;
}
.logo{
    margin-left: -40px;
}
.logo img{
    width: 60px;
    height: 60px;
}
.menus1 ul{
    gap: 10px;
    font-size: 1.1rem;
}
.sessao1{
    gap: 40px;
    height: 580px;
}
.fotoprincipal{
    width: 300px;
    height: 400px;
    margin-top: 30px;
}
.fotoprincipal img{
    width: 250px;
    height: 420px;
}
.textosessao1{
    width: 300px;
}
.psi{
    width: 300px;   
}
.otexto{
    width: 300px;
}
.textosessao1 h1{
    font-size: 2.8rem;  
    width: 330px; 
}
.textosessao1 p{
 width: 330px; 
}
.sessao2{
    height: 960px;
}
.sessao2 h1{
    width:600px; 
    font-size: 1.6rem;   
}
.sessao2 p{
    width: 600px; 
    font-size:1.1rem
}
.itens li {
    width: 200px;
}
.itens li img{
    width: 40px;
    height: 40px;
}
.itens li p {
    font-size:1rem
}
.sessao2 h2{
    font-size: 1.6rem;  
}
.ajudar li{
 font-size:1.1rem
}
.ajudar strong{
font-size:1.1rem
}
.ajudar li::before{
    margin-top: 22px;
}
.sessao2 h3{
    font-size: 1.6rem;  
}
.situacoes{
height: 1600px;   
}
.situacoes::before{
    width: 200px;
    height: 200px;
    margin-top: -1400px;
    margin-left: 800px;
    z-index: 1;
}
.situacoes::after{
display: none;
}
.situacoes h1{
    width:600px; 
    font-size: 1.5rem;
    line-height: 0.9;
}
.situacoeslista{
width:600px; 
}
.situacoeslista li{
    width:600px; 
    height: 160px;
    z-index: 2;
}
.situacoes h3{
 width:600px;     
}
.psico{
width:600px;     
}
.tcc{
    height: 1480px;
}
.tcc h1{
width:600px;   
font-size: 1.4rem;
line-height: 0.9;
}
.tccp{
width:600px;  
font-size: 1.1rem;   
}
.tccitens ul{
flex-wrap: wrap;
}
.atendimento{
 height: 1100px;
}
.atendimento h1{
    width:600px; 
    font-size: 1.4rem;
}
.atendimentop{
    width:600px; 
font-size: 1.1rem;
}
.vantagens{
flex-direction: column-reverse;
}
.vantagemtitulo{
    font-size: 1.6rem;
}  
.vantagenslista  li{
    font-size: 1.1rem;   
}
.fotoatendimento{
 margin-top:0px; 
}
.fotoatendimento img{
    width: 650px;
    height: 350px;
}
.atendimento h2{
 width:600px; 
 font-size: 1.6rem;

}
.sobre{
    height: 1180px;
}
.sobre::after{
    display: none;

}
.psicologa{
flex-direction: column;
gap: 0px;
}
.livia{
margin-top: -90px;
}
.textopsicologa{
    margin-top: -40px;   
}
.formada{
margin-top: 20px;
font-size: 1.1rem;
}
.textopsicologa h2{
    font-size: 1.3rem;
    width: 600px;
}
.especialidades{
    font-size: 1.05rem;
}
.viver{
width: 600px;
font-size: 1.15rem;
}
.sobre h2{
width: 600px;  
font-size: 1.6rem;  
}
.depoimentos{
    height: 2250px;    
}
.depoimentos h1{
    width: 600px;
    font-size: 1.4rem; 
    margin-top: 20px;  
}
.depoimento1 ul{
    flex-direction: column;
}
.depoimento2 ul{
    flex-direction: column;
}
.perguntas::after{
   display: none;
}
.footercontainer{
    justify-content:center; 
  }
  .logo2{
    margin-left:30px;
  }
  .redes{
margin-right: 30px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
.menus1 ul{
display: none;
   }
   .botao1{
    display: none;
   }
   #menu-toggle {
    display: block;
       position: fixed;
       top: 15px;
       left: 400px;
       font-size: 48px;
       background: none;
   background-size: contain;
       border: none;
       cursor: pointer;
       z-index: 1100;
       color: var(--cor0);
   }
   #mobile-menu {
    position: fixed;
    top: 0;
  margin-left: 120px;
    width: 75%;
    max-width: 300px;
    height: 340px;
    background: white;
    box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
    border-radius: 20px 0px 0px 20px;
    padding: 20px;
    transition: left 0.3s ease-in-out;
    z-index: 1200;
    text-align: center;
    flex-direction: column;
    justify-content: center;
   align-items: center;
    
}
#mobile-menu.show-menu {
    display: flex;
  }
    
#mobile-menu ul {
    list-style: none;
    padding: 10px;
    margin-top: 0px;
}

#mobile-menu ul li {
    padding: 15px 0;
}

#mobile-menu ul li a {
    text-decoration: none;
    color: var(--cor0);
    font-size: 1.3rem;
    text-align: center;
    width: 200px;
    display: inline-block; 
    transition: color 0.3s ease, transform 0.3s ease;
}
#mobile-menu ul li a:hover {
transform: scale(1.1);
}
.botaomobile{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
 width: 200px;
height: 40px;
font-weight: 500;
background: linear-gradient(90deg, #732D61 0%, #A45D92 100%);
box-shadow: 2.077px 3.461px 2.769px 0px rgba(0, 0, 0, 0.25);
border-radius: 10px;
}
.botaomobile a{
    color: var(--cor7);
    font-family: var(--font1); 
    font-size: 1.1rem;
}
.botaomobile a:hover{
    color: var(--cor0);
    cursor: pointer;
}
.botaomobile:hover{
background: var(--cor5);
}
#close-menu {
    font-size: 24px;
    background: none;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
}

.show-menu {
    left: 0 !important;
}
.logo {
    margin-top: 20px;
    margin-left: -100px;
}
.sessao1{
    flex-direction: column-reverse;  
  height: 960px;
}
.textosessao1{
    width: 400px;
    height: auto;
}
.psi{
    width: 300px;   
    margin-top: -120px; 
    justify-content: center;
    align-items: center;
}
.fotoprincipal{
    width: 400px;
  height: 500px;
  margin-top: 10px;
}
.fotoprincipal img{
    width: 250px;
    height: 410px;
}
.otexto{
    width: 100%;
    height: 300px;
    justify-content: center;
    align-items: center;
}
.textosessao1 h1{
    width: 400px;
    font-size: 3rem;
}
.textosessao1 p{
    width: 400px;
}
.sessao2{
    height: 1160px;
}
.sessao2 h1{
    width: 400px;
    font-size: 1.6rem;
    line-height: 0.9;
    text-align: center;
}
.sessao2 p{
    width: 400px;
    font-size: 1.1rem;
}
.itens ul {
    flex-direction: column;
    width: 400px;  
}
.itens li{
    width: 200px;    
}
.sessao2 h2{
    width: 400px;
    font-size: 1.4rem;
}
.ajudar ul{
 width: 400px;  
}
.ajudar li{
    width: 400px;  
}
.sessao2 h3{
    font-size: 1.4rem;
    width: 400px;  
    text-align: center;
}
.resultado ul{
    width: 400px;  
}
.resultado li{
    width: 400px;  
}
.situacoes{
    height: 1760px;   
}
.situacoes h1{
    width: 400px;  
    list-style: .9;   
}
.situacoeslista{
    width: 400px; 
}
.situacoeslista li{
width: 400px;
height: 180px;
z-index: 2;
}
.situacoes h3{
    width: 400px;
}
.psico{
    width: 400px;
}
.situacoes::before{  
    width: 100px;
    height: 150px;
    margin-top: -1600px;
    margin-left: 480px;
    z-index: 1;
   
}
.situacoes::after{
  display: none;

   } 
   .tcc{
    height: 1500px;
   }
   .tcc h1{
    width: 400px;
    line-height: 0.9;
    margin-top: 20px;
   }
   .tccp{
    width: 400px;
    font-size: 1rem;
   }
   .tcc h2{
    width: 400px;
    font-size: 1.5rem;
    line-height: 0.9;
   }
   .tcc h3{
    width: 400px; 
    font-size: 1.3rem;
   }
   .tccitens{
    width: 400px;
   }
   .tccitens ul{
    width: 400px;
    flex-direction: column;

   }
   .tccitens li{
    padding: 10px;
    text-align: center;
   }
   .atendimento{
    height: 1100px;
   }
   .atendimento h1{
    width: 400px; 
    text-align: center;
    font-size: 1.4rem;
   }
   .atendimentop{
    width: 400px; 
    font-size: 1.1rem;
     }
     .vantagens{
        flex-direction: column-reverse;
     }
     .textoevantagem{
   width: 400px;   
     }

     .fotoatendimento{
    margin-top:0px;
     }
     .fotoatendimento img{
        width: 480px;
        height: 280px;
    }
    .vantagemtitulo{
        width: 400px; 
     }
     .vantagenslista  li{
        width: 400px;  
        font-size: 1.2rem; 
     }  
     .atendimento h2{
        width: 400px;   
        font-size: 1.54rem;  
     }
     .sobre{
        height: 1400px;
     }
     .psicologa{
   flex-direction: column;
     }
     .textopsicologa{
        width:400px;
        margin-top: -100px;
     }
     .textopsicologa h1{
        width: 430px;
     }
     .formada{
        width: 400px;
     }
     .textopsicologa h2{
        width: 400px;
        font-size: 1.2rem;
     }
     .especialidades{
        width: 400px;
     }
     .especialidades li{
font-size: 1.1rem;
     }
     .viver{
        width: 400px;
        font-size: 1.1rem;
     }
     .sobre h2{
        width: 400px;
        font-size: 1.4rem;  
     }
     .sobre::after{
        width: 200px;
        height: 200px;
        margin-top: 1200px;
        margin-left: 450px;
     }
     
     .depoimentos{
        height: 2350px;    
     }
     .depoimentos h1{
        width: 400px;
        font-size: 1.4rem;
     }
     .depoimento1 ul{
        flex-direction: column;
     }
     .depoimento2 ul{
        flex-direction: column;
        gap: 10px;
     }
     .perguntasfrequentes h1{
        width: 400px;    
     }
     .perguntas{
        width: 400px;    
     }

.perguntas dt{
    width: 400px;   
    padding-left: 40px; 
}
.perguntas dt::after{
    margin-left: 350px; 
}
.perguntas dd{
    width: 400px;   
}
.perguntas dt.ativo::after{
    margin-left: 350px; 
}
.footercontainer{
    flex-direction: column;
}
      }

@media (min-width: 320px) and (max-width: 480px) {
    #menu-toggle {
 display: block;
    position: fixed;
    top: 15px;
    left: 250px;
    font-size: 48px;
    background: none;
background-size: contain;
    border: none;
    cursor: pointer;
    z-index: 1100;
    color: var(--cor0);
}
#mobile-menu {
    position: fixed;
    top: 0;
  margin-left: 50px;
    width: 75%;
    max-width: 300px;
    height: 340px;
    background: white;
    box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
    border-radius: 20px 0px 0px 20px;
    padding: 20px;
    transition: left 0.3s ease-in-out;
    z-index: 1200;
    text-align: center;
    flex-direction: column;
    justify-content: center;
   align-items: center;
    
}
#mobile-menu.show-menu {
    display: flex;
  }
    
#mobile-menu ul {
    list-style: none;
    padding: 10px;
    margin-top: 0px;
}

#mobile-menu ul li {
    padding: 15px 0;
}

#mobile-menu ul li a {
    text-decoration: none;
    color: var(--cor0);
    font-size: 1.3rem;
    text-align: center;
    width: 200px;
    display: inline-block; 
    transition: color 0.3s ease, transform 0.3s ease;
}
#mobile-menu ul li a:hover {
transform: scale(1.1);
}
.logo {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left:-40px ;
}

.logo img {
    width: 80px;
    height: auto;
}
.botaomobile{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
 width: 200px;
height: 40px;
font-weight: 500;
background: linear-gradient(90deg, #732D61 0%, #A45D92 100%);
box-shadow: 2.077px 3.461px 2.769px 0px rgba(0, 0, 0, 0.25);
border-radius: 10px;
}
.botaomobile a{
    color: var(--cor7);
    font-family: var(--font1); 
    font-size: 1.1rem;
}
.botaomobile a:hover{
    color: var(--cor0);
    cursor: pointer;
}
.botaomobile:hover{
background: var(--cor5);
}
/* Botão para fechar o menu mobile */
#close-menu {
    font-size: 24px;
    background: none;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
}

.show-menu {
    left: 0 !important;
}
.navcontainer ul {
    display: none;
}
.botao1{
    display: none;
}
.sessao1{
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    gap: 0px;
    background: linear-gradient(65deg, #865C8F 0%, #CEB3D4 100%);
    width: 100%;
    height: 1150px;
}
.fotoprincipal{
    margin-top: 160px;  
}
.fotoprincipal img{
    width: 290px;
    height: 500px;
}
.textosessao1{
    width: 300px;
    height: 700px;
}
.psi{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 300px;
    margin-top: -90px;
}
.otexto{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 300px;
    margin-top: 20px;
}
.textosessao1 h1{
    font-family: var(--font2);
    font-size: 2.6rem;
    color: var(--cor7);
    font-weight: 400;
    width: 280px;
    height: 300px;
  line-height: 0.8;
  margin-top: 50px;
}
.textosessao1 p{
    font-family: var(--font1);
    font-size: 1.2rem;
    color: var(--cor7);
    font-weight: 400;
    width: 280px;
    height: 300px;
    margin-top: 30px;
}
.sessao2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background-color: var(--cor4);
    width: 100%;
    height: 1450px;
}
.sessao2 h1{
    width: 280px;
    margin-top: 40px;
  line-height: 0.9;
}
.sessao2 p{
    font-family: var(--font1);
    font-size: 1.2rem;
    color: var(--cor0);
    font-weight: 400;
    width: 280px;
    line-height: 1;
    margin-top: 10px;
}
.itens ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 290px;
    padding: 0;
}
.itens li{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 200px;
    padding: 5px;
}
.itens li p {
    margin-left: 5px;
}
.itens li img{
    width: 40px;
    height: 40px;
}
.sessao2 h2{
    width: 280px;
    margin-top: 40px;
}

.ajudar ul{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0px;
    width: 300px;
    margin-top: 0px;
}
.ajudar li{
width: 300px;
font-size: 1.1rem;
margin-left:40px;
}
.ajudar li::before{
    margin-left: -20px;
    margin-top: 20px;   
    width: 15px;
    height: 15px;
}
.ajudar strong{
width: 300px;
font-size: 1.1rem;
}
.sessao2 h3{
    font-size: 1.5rem;
margin-left: 80px;
}
.resultado ul{
    width: 300px;
}
.resultado li{
    width: 250px;
    font-size: 1.1rem;
}
.resultado li::before{
    margin-left: -20px;  
}
.saude{
    width: 280px;
    font-size: 1.4rem;   
    text-align: center;
}
.vamos{
    width: 280px;
    font-size: 1.3rem;
    text-align: center;
}
.situacoes{
    height:2260px;
}
.situacoes h1{
    width: 280px;  
    z-index: 3;
}
.situacoeslista{
    width: 300px;   
}
.situacoeslista li{
    width: 280px;
    height: 250px;
    font-size: 1rem;
    z-index: 3;
}
.situacoes h3{
    width: 280px; 
    font-size: 1.3rem;  
}
.situacoes::before{  
   display: none;
   
}
.situacoes::after{
   display: none;

}

.psico{
    width: 290px; 
    font-size: 1rem;
}
.tcc{
    height: 1650px;
}
.tcc h1{
    width: 280px; 
    font-size: 1.4rem;
}
.tccp{
    width: 280px;
    font-size: 1.1rem;
}
.tcc h2{
    width: 280px;
}
.tcc h3{
    width: 280px;
}
.tccitens{
    width: 300px;
}
.tccitens ul{
    flex-direction: column;
    width: 300px;
}
.tccitens li{
    width: 250px;
    height: 130px;
    text-align: center;
    padding-left: 0px;
    padding: 10px;
}
.atendimento{
    height: 1250px;
}
.atendimento h1{
    width: 290px;
    font-family: var(--font2);
    font-size: 1.4rem;
    text-align: center;
}
.atendimentop{
    width: 290px;
    font-size: 1rem;
}

.vantagens{ 
    flex-direction: column-reverse;
}
.textoevantagem{
    width: 290px; 
}
.vantagemtitulo{
    width: 290px; 
    font-size: 1.4rem;  
}

.vantagenslista  li{
    width: 290px; 
    font-size: 1.1rem;
}
.fotoatendimento{
    width: 450px; 
    margin-top: 10px;
}
.fotoatendimento img{
    width: 400px;
    height: 230px;
}
.atendimento h2{
    width: 290px;
    font-size: 1.4rem;
    margin-top: 20px;
}
.sobre{
    height: 1450px;  
}
.psicologa{
    flex-direction: column;   
}
.livia{
    width: 300px;  
    margin-top: 40px;
}
.livia img{
    width: 300px;
    height: 300px;
}
.textopsicologa{
    width: 300px;
    margin-top: -90px;
}
.textopsicologa h1{
    width: 290px;   
}
.formada{
    width: 290px;  
    font-size: 1.2rem; 
}
.textopsicologa h2{
    width: 290px;   
    font-size: 1.3rem; 
}
.especialidades{
    width: 290px;  
}
.viver{
    width: 290px;  
    font-size: 1.2rem;   
}
.sobre h2{
    width: 290px; 
    font-size: 1.3rem;    
}
.depoimentos{
    height: 1900px;  
}
.depoimentos h1{
    width: 200px;
    margin-top: 20px;
    font-size: 1.3rem;
}
.depoimento1 ul{
flex-direction: column;
 gap: 20px;   
}
.depoimento1 li{
    width: 200px;
    height: 220px; 
    font-size: 0.85rem;  
}
.depoimento1 li::before{
    width: 40px;
    height: 40px;
    margin-top: -300px;
    margin-left: -60px;
}
.depoimento1 li::after{
    width: 40px;
    height: 40px;
    margin-top: 270px;
    margin-left: 210px;
}
.depoimento2 ul{
    flex-direction: column;
    gap:0px; 
}
.depoimento2 li{
    width: 200px;
    height: 220px; 
    font-size: 0.85rem;  
    margin-top: 20px;
}
.depoimento2 li::before{
    width: 40px;
    height: 40px;
    margin-top: -300px;
    margin-left: -60px;
}
.depoimento2 li::after{
    width: 40px;
    height: 40px;
    margin-top: 260px;
    margin-left: 200px;
}

.perguntasfrequentes h1{
    width: 300px;
    font-size: 1.4rem;
}
.perguntas{
    width: 300px;    
}
.perguntas dt{
    justify-content: start;
    width: 290px;
    padding: 0px 0px 0px 10px;
    font-size: 0.9rem;
    margin-left:1px;

}

.perguntas dt::after{
    margin-top: 3px;
    margin-left: 250px;
}
.perguntas dd{
    justify-content: center; 
    width: 260px;
}
.perguntas dt.ativo::after{
    margin-top: 10px;
    margin-left: 250px;
}
.footercontainer{
    flex-direction: column; 
}
.copy{
    font-size: 0.8rem;
    line-height: 1;
    height: 60px;
}
}