/* ========== ESTILOS DE ARTIGO E BLOG ========== */
.blog-post { padding: 50px 0; }
.post-header { margin-bottom: 30px; text-align: center; }
.post-title { font-size: 36px; color: var(--primary-color); margin-bottom: 15px; }
.post-meta { color: var(--text-light); font-size: 14px; margin-bottom: 20px; }
.post-content { font-size: 18px; line-height: 1.8; color: #444; max-width: 800px; margin: 0 auto; }
h2, h3 { color: var(--secondary-color); }
.post-content h2, .post-content h3 { margin: 30px 0 15px; }
.post-content p { margin-bottom: 20px; }
.post-content img { border-radius: 10px; margin: 30px 0; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }

/* Cards da Home */
.post-card {
    background: var(--white);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    transition: var(--transition);
    border: 1px solid var(--border-color);
}
.post-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.post-card-img { height: 200px; object-fit: cover; width: 100%; }
.post-card-body { padding: 20px; }
.post-card-title { font-size: 20px; color: var(--secondary-color); margin-bottom: 10px; }
.btn-read-more {
    color: var(--primary-color);
    font-weight: bold;
    display: inline-block;
    margin-top: 10px;
}

@media (max-width: 768px) {
    .post-title { font-size: 28px; }
}