@media(max-width: 1080px){

    #barra-navegacao{
        width: 95%;
    }

    #inicio p{
        font-size: 30px;
    }

    section #encontre {
  margin-top: 120px;
  height: 66px;
  width: 384px;
  font-size: 20px;
}

 #subtitulo{
        top: 970px;
 }

 #carrousel-card{

    width: 98%;
    height: 700px;

 }

 .carrosel_geral_item img{

    width: 1200px;
    height: 700px;
    
 }

 #carrousel-card h2{

    font-size: 24px;
    width: 450px;
    margin-right: 100px;
 }

 #carrousel-card h1{

    font-size: 40px;
      width: 450px;
    margin-right: 100px;

 }

#confiar-section .card {
  margin-top: 50px;
  box-shadow: 0px 0px 25px 0px rgba(92, 92, 92, 0.25);
  flex: 0 0 calc(33.33% - 20px);

  width: 650px;
  height: 400px;
  margin: 20px;
  padding: 32px 32px;
  transition: 0.3s ease-in-out;
}

#confiar-section .card img {
  width: 150px;
  height: 150px;
}

#confiar-section .card:hover {
  transition: 0.25s ease-in;
  border-color: #f77f00;
  border-width: 2px;
  padding-top: 0px;
}


 #parceiros{

    margin-top: 150px;

 }

 #parceiros #colaboradoes{

    font-size: 20px;

 }

 #parceiros #colaboradoes img{

    height: 150px;
    height: 150px;

 }

 

 
#duvidas img{

  width: 323px;
  height: 584px;

}

label{


 font-size: 20px;
  width: 800px;
  height: 40px;

}

#fale-conosco #fundo{
   width: 1100px;
}

#fale-conosco #frase{
   width: 900px;
}

#fale-conosco h1{
  text-align: center;
  margin-bottom: 20px; /* espaçamento entre o título e os logos */
  font-size: 28px; /* ou o tamanho que preferir */
  color: #000; /* ajuste a cor conforme o design */
}

#parceiros #colaboradoes {
  display: flex;
  justify-content: center;
  flex-direction: row;
  justify-content: center;
  gap: 20px; /* sugiro adicionar gap para espaçamento entre logos */
}

#frequente {
  width: 90%;
  max-width: 700px;
  margin-right: 30%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  z-index: 3;
}

#frequente details {
  background: #fff;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 3px 3px 3px 3px rgb(165, 163, 163);
  font-size: 20px;
  transition: all 0.3s ease-in-out;
}

#frequente summary {
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  outline: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#frequente p {
  margin-top: 10px;
  font-size: 18px;
  color: #333;
}

/* Estilo para o ícone girar ao abrir */
#frequente details[open] summary i {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

#frequente {
  margin-top: 150px;
  z-index: 3;
}



#fale-conosco img{

    left: 4%;
    top: 40%;
  width: 323px;
  height: 435px;

}

#caixa{

  position: absolute;
  top: 40%;
  right: 120%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 150px;

}

#nome{
  width: 523px;
  height: 44px;
  font-size: 28px;
}

#email{
    width: 523px;
  height: 44px;
  font-size: 28px;
}

#messagen{
  width: 523px;
  height: 392px;
  font-size: 28px;  
}

#fale-conosco button{

  left: 76%;

}


}

@media (max-width: 720px) {
    
    #inicio p{
        font-size: 18px;
        overflow-x: hidden;
    }

    section #encontre{

        margin-top: 0px;
        width: 250px;
        font-size: 16px;
        height: 60px;
    }

    section #encontre:hover {
  height: 60px;
  width: 250px;

}

#subtitulo {

  width: 250px;
  height: 60px;
  padding: 12px;
  font-size: 20px;
}

.card {
  width: 420px;
}

#adocao_pets .card header .icon-paw i {
  width: 33.58px;
  height: 28.52px;
  color: #fe49c1;
}

#adocao_pets .card header span {
  font-size: 28.67px;
}

#adocao_pets .card img {
  width: 420px;
  height: 203px;
}

.info-row {
    gap: 20px;
  font-weight: bold;
  font-size: 17.07px;
}

.card-body p {
  font-size: 17px;
  width: 300px;
  margin-top: 20px;
}

.card button {
  width: 260px;
}

.voceSabiaDiv img {
  width: 300px;
}

#subtitulo2 {
  width: 300px;
  height: 45px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

/* Para todas as divs voceSabiaDiv ou apenas a #vsc2 */
    #voceSabia .voceSabiaDiv {
        flex-direction: column; /* coloca em coluna */
        align-items: center;    /* centraliza horizontalmente */
        gap: 16px;              /* espaçamento entre imagem e texto */
    }

    /* imagem primeiro */
    #voceSabia .voceSabiaDiv img {
        order: 1; /* imagem vem primeiro */
        width: 80%;
        height: auto;
    }

    /* texto depois */
    #voceSabia .voceSabiaDiv p {
        order: 2; /* texto vem depois da imagem */
        text-align: center;
        width: 90%;
    }


#carrousel-card {
  width: 360px;
  height: 450px;  
  }

#carrousel-card #right,
#carrousel-card #left {
  
  width: 52px;
  height: 50px;
  }

  #carrousel-card #right{
      left: 80%;
  }

 .carrosel_geral_item img{

    width: 350px;
    height: 450px;
    
 }

 #carrousel-card h2{
  
  font-size: 12px;
  width: 130px;
}

 #carrousel-card a{

  width: 130px;
  font-size: 18px;
  top:70%;
  left:80%;
  transform: translateX(-75%);
  color: #ffffff;
  text-decoration: none;

 }

#carrousel-card h1{
  margin-top: 20px;
  font-size: 20px;
  width: 130px;
}


  #confiar-section .card{
    flex: 0 0 calc(100%);
    height: 450px;
    width: 300px;
    
  }


  #circle-2{
    display: none;
  }

  #circle-1{
    display: none;
  }



  #parceiros {
    width: 100%;
  
  height: 400px;
flex: 0 0 100%;
   background-color: transparent;
    

  }

  #parceiros h1 {
    font-size: 18px;
    width: 320px;
    height: 40px;
    padding-top: 0px;
 


  }



  #parceiros #colaboradoes {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
    height: 220px;
    width: 100%;
    margin: 0 auto;
    justify-content: center; /* centraliza os parceiros */
    background-color: transparent;

      
  }

  .parceiro {
    flex: 0 0 48%; /* dois por linha com espaço */
    box-sizing: border-box;
    padding: 0px;
    text-align: center;
    background-color: transparent;

      
  }

  .parceiro img {
    width: 100px;
    background-color: transparent;
    
  }


  #duvidas{

  overflow-x: visible;
  margin-top: 500px;
  width: 100%;
  height: auto;  
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  

}

#duvidas h1{
 
  font-size: 18px;
  width: 320px;
  height: 50px;
  
}

#duvidas img{

  
  display: none;

}

#frequente{

  margin-top: 10px;
  z-index: 3;
}

#frequente {
  width: 90%;
  max-width: 360px;
  margin-left: 30%;
  gap: 20px;
  z-index: 3;
}

label{
  font-size: 14px;
  width: 320px;
  height: 50px;

}


label i{

 margin-top: 10px;
 margin-left: 40px;

}

#fale-conosco{

  
  
  margin-top: 70px;
}

#fale-conosco #fundo{
   width: 320px;
   height: 746px;
   border-radius: 60px;
}

#fale-conosco #frase{
   
  top: 13%;
  left: 3.5%;  
   width: 350px;
   height: 805px;
}

#fale-conosco h1{

  font-size: 24px;
  width: 300px;
  height: 59px;
  top: 9%;
  left: 12%;
}

#fale-conosco img{

display: none;

}

#caixa{

  position: absolute;
  top: 20%;
  left: 1%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  

}

#nome{
  width: 285px;
  height: 50px;
  font-size: 20px;
}

#email{
  width: 285px;
  height: 50px;
  font-size: 20px;
}

#messagen{
  width: 285px;
  height: 350px;
  font-size: 20px;  
}

#fale-conosco button{

  width: 179px;
  height: 55px;
  position: absolute;
  background-color: #F77F00;
  color: #fff;
  font-weight: bolder;
  border-radius: 5px;
  font-size: 20px;
  left: 25%;
  top: 90%;
  z-index: 5;
  margin-bottom: 30px;

}



#subtitulo3{
  width: 320px;
  height: 65px;
  padding: 7px;
  font-size: 20px;
}

.footer-links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px 20px;
}

.footer-links a {
  color: white;
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: 500;
  transition: opacity 0.3s ease;
}

.footer-logo a img {
  width: 5rem;
}

.social-icons {
  display: flex;
  gap: 5px;
  align-items: center;
}

.social-icons a i {
  font-size: 1.0rem;
  color: white;
  transition: opacity 0.3s ease;
}

.social-icons a:hover i {
  opacity: 0.8;
}


}



