.blog-hero{
    padding-top:170px;
    padding-bottom:70px;
}
.blog-hero h1{
    font-size:3rem;
    margin-bottom:20px;
    position: relative; /* Necessário para posicionar a barra */
    padding-bottom: 15px; /* Espaço para a barra não cobrir o texto */
}
/* Criação da barra customizada */
.blog-hero h1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0; /* Mude para 'left: 50%; transform: translateX(-50%);' se o texto for centralizado */
    width: 70px; /* Largura da barra */
    height: 4px; /* Espessura da barra */
    background-color: var(--primary); /* Cor da barra */
    border-radius: 10px;
}
.blog-hero p{
    max-width:700px;
    color:var(--text-light);
}

.posts{

    padding-top:20px;

}

.posts-grid{

    display:grid;

    gap:30px;

}

.post-card{

    background:var(--card);

    border:1px solid var(--border);

    border-radius:15px;

    padding:35px;

    transition:.3s;

}

.post-card:hover{

    transform:translateY(-6px);

    border-color:var(--primary);

}

.post-card span{

    color:var(--primary);

    font-size:.9rem;

}

.post-card h2{

    margin:20px 0;

}

.post-card p{

    color:var(--text-light);

    margin-bottom:25px;

}

.post-card a{

    color:var(--primary);

    font-weight:600;

}

/* ====================================
   META DOS ARTIGOS
==================================== */

.post-meta{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-bottom:20px;

}

.post-meta span{

    font-size:.85rem;

    color:var(--text-light);

    background:rgba(255,255,255,.05);

    border:1px solid var(--border);

    padding:6px 12px;

    border-radius:999px;

}