.site-header {
background-color: #181818;
position: relative;
}
.header_page p {
color: var(--branco);
font-size: 1.5625vw;
letter-spacing: 0.5px;
margin: auto;
min-width: 1030px;
padding: 2.8vw 3.229vw 4.65vw;
text-align: center;
width: 67.3%;
}
h1 {
color: var(--chumbo);
font-size: 28px;
font-weight: 700;
letter-spacing: 0.5px;
margin-bottom: 30px;
text-align: center; 
}
.titulo_categ{
color: var(--azul-claro);
font-size: 18px;
font-weight: 500;
margin-bottom: 20px;
text-align: center;   
} .categorias_content {
margin: auto;
margin-bottom: 80px;
min-width: 1030px;
width: 67.3%;
}
.categorias_content .menu_categoria {
-ms-flex-direction: row;
-ms-flex-pack: center;
-ms-flex-wrap: wrap;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 15px;
justify-content: center;
}
.categorias_content .menu_categoria li a {
background-color: #f4f4f4;
color: var(--azul-claro);
display: block;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.2px;
padding: 20px 15px;
position: relative;
text-align: center;
transition: .2s ease all;
width: 100%;
}
.categorias_content .menu_categoria li a:hover,
.categorias_content .menu_categoria .current-cat a {
background-color: var(--azul-claro);
color: var(--branco);
} #blog {
background-color: var(--branco);
padding: 4.5vw 0;
}
.blog_subtitulo {
color: var(--azul-claro);
font-size: 0.9375vw;
font-weight: 500;
letter-spacing: 0.5px;
margin-bottom: 1.2vw;
text-align: center;
}
.blog_titulo {
color: var(--preto);
font-size: 1.875vw;
font-weight: 800;
letter-spacing: 0.7px;
margin-bottom: 3.1vw;
text-align: center;
}
.blog_content {
margin: auto;
min-width: 1000px;
padding: 0px 3.229vw;
width: 67.3%;
}
.blog_link_geral {
-ms-flex-align: center;
-ms-flex-pack: center;
-o-transition: .2s ease all;
-webkit-box-align: center;
-webkit-box-pack: center;
-webkit-transition: .2s ease all;
align-items: center;
color: var(--preto);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 0.9375vw;
font-weight: 500;
gap: 1.0416vw;
justify-content: center;
margin-top: 3vw;
transition: .2s ease all;
}
.blog_link_geral::before {
border: 1px solid var(--azul-zixbe);
color: var(--azul-zixbe);
content: "";
display: block;
height: 0px;
transition: .2s ease all;
width: 45px;
}
.blog_link_geral:hover::before {
width: 70px;
}
.blog_content .bloco_posts {
-ms-flex-align: stretch;
-ms-flex-pack: start;
-ms-flex-wrap: wrap;
-webkit-box-align: stretch;
-webkit-box-pack: start;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
gap: 3.05%;
justify-content: flex-start;
width: 100%;
}
.blog_content .blog_loop {
-ms-flex-direction: column;
-o-transition: .2s ease all;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-transition: .2s ease all;
border: 1px solid #d4d4d4;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
margin-bottom: 60px;
position: relative;
transition: .2s ease all;
width: 31.3%;
}
.blog_content .titulo_blog_loop {
color: var(--azul-claro);
font-size: 0.9375vw;
font-weight: 700;
margin-bottom: 0.8vw;
}
.blog_content .texto_blog_loop {
color: var(--preto);
font-size: 0.8vw;
margin-bottom: 1.2vw;
}
.blog_content .categoria_blog_loop {
background-color: var(--azul-claro);
bottom: -7%;
color: var(--branco);
display: inline-block;
font-size: 12px;
left: 2vw;
max-width: 80%;
padding: 0.9vw 2.5vw;
position: absolute;
transition: .2s ease all;
}
.blog_content .categoria_blog_loop:hover{
background-color: var(--chumbo);   
}
.descricoes_blog_loop {
-ms-flex-direction: column;
-ms-flex-pack: justify;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-box-pack: justify;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
height: calc(100% - 266px);
justify-content: space-between;
padding: 2.6vw 2vw 2vw;
position: relative;
}
.imagem_blog_loop img {
height: 266px;
object-fit: cover;
width: 100%;
}
.imagem_blog_loop {
height: 266px;
position: relative;
}
.data_blog_loop {
font-size: 12px;
margin-bottom: 5px;
color: var(--chumbo)!important; 
}
.blog_content .link_blog {
background-color: var(--chumbo);
border-radius: 30px;
bottom: 1.6vw;
color: #fff;
display: inline-block;
height: 37px;
padding: 10px;
position: absolute;
right: 1vw;
transition: .2s ease all;
width: 37px;
}
.blog_content .link_blog:hover,
.blog_content .blog_loop:hover .link_blog {
background-color: var(--azul-claro);
}
.blog_content .blog_loop:hover {
border: 1px solid var(--branco);
box-shadow: 0px 10px 80px rgba(0, 0, 0, 0.1);
transition: .2s ease all;
}