@charset "UTF-8";
/* Tema do cliente */

/**  cor: #FF0000;  **/
/**  cor-hover: #FF5555;  **/

/* Fonts */
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/open-sans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.pg-blog .faixa-1{
  padding: 8px 0;
}

.pg-blog .card-artigo{
  padding: 23px 0;
  border-bottom: 1px solid #CBCBCB;
}

.pg-blog  .faixa-2{
  padding-bottom: 58px;
}

.pg-blog .faixa-2 h2, .comentarios-titulo{
  font-family: 'Noto Sans',sans-serif;
  font-weight: 800;
  font-size: 24px;
  color: #1E6A43;
  margin-bottom: 15px;
}

.comentarios-titulo{
  margin-top: 30px;
}

.comment-form label{ 
  display: inline;
}

#wp-comment-cookies-consent{
  width: inherit!important;
  display: inline;
}

#reply-title{
  font-family: 'Noto Sans',sans-serif;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 15px;
  margin-top: 45px;
}

.pg-blog .nletra {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;

    /* Cor da letra */
    color: #f2f2f2;

    /* Melhora contraste em fundos claros */
    text-shadow: 
        0 1px 2px rgba(0,0,0,0.35);

    /* Suavização */
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.15),
        0 2px 6px rgba(0,0,0,0.15);

    user-select: none;
}

#comments{
  margin-top: 30px;
}

.pg-blog .nautor{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.pg-blog .nanome{
  font-family: 'Noto Sans',sans-serif;
  font-weight: 700;
  font-weight: 22px;
  color: #444;
  margin-left: 15px;
}

.pg-blog .natxt{
  width: 100%;
  margin-left: 60px;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.6;
}

.form-submit .submit{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 270px;
  height: 50px;
  background-color: #1E6A43;
  border-radius: 7px;
  font-family: 'Noto Sans',sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: white;
  border: 0;
  margin-top: 15px;
  &:hover{
    background-color: #489247;
    color: white;
  }
}


.comment-form input, .comment-form textarea{
  display: flex;
  width: 100%;
  border-radius: 7px;
  border: 1px solid black;
  padding: 12px 13px 10px 13px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: black;
}

.pg-blog  .faixa-2 .card-artigo2{
  margin-bottom: 30px;
}

.pg-blog  .faixa-2 .card-artigo2 .segura-imagem{
  width: 370px;
  height: 238px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 15px;
  margin-right: auto;
  margin-left: auto;
}

.pg-blog .card-artigo2 h3{
  font-family: 'Noto Sans',sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: black;
  text-align: center;
}

.pg-blog .card-artigo .tag{
  background-color: #489247;
  display: inline-block;
  height: 35px;
  padding: 7px 52px;
  color: white;
  font-family: 'Noto Sans',sans-serif;
  font-weight: 700;
  font-size: 13px;
  border-radius: 5px;
  margin-right: 14px;
  margin-bottom: 10px;
}

.pg-blog .card-artigo h3{
  margin-top: 16px;
  margin-bottom: 21px;
  font-family: 'Noto Sans',sans-serif;
  font-weight: 800;
  font-size: 24px;
  color: black;
}

.pg-blog .card-artigo .media{
  display: grid;
  grid-template-columns: 370px 1fr; /* fixa + resto */
  gap: 30px; /* espaço entre imagem e texto */
  align-items: stretch; /* mantém mesma altura */
}

.pg-blog .card-artigo .media .segura-imagem{
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 237px;
  border-radius: 7px;
}

.pg-blog .card-artigo .media .segura-texto .autor{ 
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
  display: block;
  border-bottom: 1px solid #CBCBCB;
  padding-bottom: 2px;
  margin-bottom: 15px;
  color: black;
}

.pg-blog .card-artigo .media .segura-texto p{
  font-family: 'Noto Sans',sans-serif;
  font-size: 17px;
  line-height: 1.6;
  font-weight: 500;
  text-align: justify;
  color: black;
}

.pg-blog ul.paginacao{
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 43px;
  display: flex;
}

.pg-blog ul.paginacao .paginacao-link{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 29px;
  height: 29px;
  border: 1px solid #DFDFDF;
}

.pg-blog .card-artigo .texto img{
  border-radius: 15px;
  margin-bottom: 1rem;
  margin-top: 15px;
}

.sidebar form{
  margin-bottom: 78px;
}

.sidebar form input{
  width: calc(100% - 60px);
  height: 34px;
  border: 1px solid #CBCBCB;
  border-radius: 3px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
}

.sidebar form button{
  width: 38px;
  height: 34px;
  background-color: #1E6A43;
  margin-left: 5px;
  border-radius: 3px;
  border: 0;
}

.sidebar .categorias{
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.sidebar .categorias .categorias-item{
  width: 100%;
  height: 69px;
  border-radius: 3px;
  background-color: #F8F8F8;
  color: black;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 17px;
  font-family: 'Noto Sans',sans-serif;
  font-weight: 800;
  font-size: 13px;
  transition: 0.2s linear all;
  padding-left: 15px;
}

.sidebar .categorias .categorias-item{
  color: black;
  transition: 0.2s linear all;
}

.sidebar .categorias .categorias-item img{
  margin-right: 18px;
  transition: 0.2s linear all;
}

.sidebar .categorias .categorias-item:hover{
  img{
    filter: brightness(0) invert(1);
  }
  background-color: #1E6A43;
  color: white;
}

@media(max-width: 991px){
  .pg-blog  .faixa-2{
    text-align: center;
  }

  .sidebar form input{
    margin-top: 30px;
  }
}

