.post-blog-single , .comentarios{
  padding: 0px 90px;
}
.post-blog-single{
  margin-top: 140px;
}
/**post blog single */
.container-single h5{
  margin-top: 15px;
  font-size: 24px;
}
.metadados-postagem{
  display: flex;
  gap: 40px;
}
.metadados-postagem span{
  color: var(--azul);
}
.min-infor{
  font-weight: 600;
  margin-top: 20px;
  color: var(--cinzaMeioEscuro);
}

.content-single-blog p{
  margin-top: 10px;
color: var(--cinzaMeioEscuro);
}


@media (min-width: 481px) and (max-width: 768px){
  .metadados-postagem {
    display: flex;
    gap: 10px;
}
.container-single h5 {
  font-weight: 500;
  margin-top: 15px;
  font-size: 16px;
}
}
@media (max-width: 480px){
  .metadados-postagem {
display: flex;
flex-direction: column;
    gap: 10px;
}
.metadados-postagem span{
  white-space: normal;
}
.container-single h5 {
  margin-top: 15px;
  font-weight: 500;
  font-size: 16px;
}
.min-infor {
  margin-top: 14px;
  color: var(--cinzaMeioEscuro);
}
}
/**post blog single end*/

/**comentarios */
.comentarios h4{
  font-size: 34px;
  font-weight: 500;
}
.container-comentario{

}
.item-comentario{
  display: flex; 
  gap: 10px;
  align-items: center;
}
.item-comentario figure img{
  border-radius: 50%;
  width: 60px;
  height: 60px;
}
.item-comentario .message-coments{
  color: var(--cinzaMeioEscuro);
}

.resply-autho-date{
  display: flex;
  justify-content: end;
}
.author-coment{
  display: flex;
  gap: 10px;
}
.author-coment span{
font-size: 13px;
color: var(--cinzaMeioEscuro);
}
.author-coment span a{
 color: var(--azul);
}

@media (min-width: 481px) and (max-width: 768px){
  .post-blog-single , .comentarios{
    padding: 0px 20px;
  }
  .item-comentario {
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: center;
}
.comentarios h4 {
  font-size: 20px;
  font-weight: 500;
}
}
@media (max-width: 480px){
  .post-blog-single , .comentarios{
    padding: 0px 20px;
  }
  .item-comentario {
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: center;
}
.comentarios h4 {
  font-size: 20px;
  font-weight: 500;
}
}
/*comentarios end*/

/*deixe um comentario end*/
.deixe-um-comentario{

}
.deixe-um-comentario .caixa-mesage textarea{
  width: 100%;
  outline: none;
 border: 1px solid #ccc;
 height: 200px;
 padding: 10px;
}
.caixa-mesage , .name-and-email{
  width: 100%;
}
.caixa-mesage{
  margin-top: 20px;
}
.name-and-email{
  margin-top: 20px;
  display: flex;
  gap: 10px;
  box-sizing: border-box;  
}
.name-and-email input{
  flex: 1;
  border: 1px solid #ccc;
  padding: 10px;
  outline: none;
  box-sizing: border-box;
}
.name-and-email input[type="submit"]{
  flex: 0.5;
  cursor: pointer;
  background-color: var(--azul);
  color: var(--branco);
}
@media (min-width: 481px) and (max-width: 768px){
  .name-and-email {
    flex-direction: column; /* Empilha os inputs */
    gap: 15px; /* Aumenta o espaçamento entre os inputs */
  }

  .name-and-email input {
    flex: unset; /* Reseta o flex */
    width: 100%; /* Inputs ocupam toda a largura */
    font-size: 16px; /* Texto maior para telas pequenas */
  }

  .name-and-email input[type="submit"] {
    width: 100%; /* Botão também ocupa toda a largura */
  }
}
@media (max-width: 480px){
  .name-and-email {
    flex-direction: column; /* Empilha os inputs */
    gap: 15px; /* Aumenta o espaçamento entre os inputs */
  }

  .name-and-email input {
    flex: unset; /* Reseta o flex */
    width: 100%; /* Inputs ocupam toda a largura */
    font-size: 16px; /* Texto maior para telas pequenas */
  }

  .name-and-email input[type="submit"] {
    width: 100%; /* Botão também ocupa toda a largura */
  }
}
/*deixe um comentario end*/

/*footer*/
footer{
  margin-top: 120px;
}
/*footer end*/