/* blog.css — tela de listagem do blog (/blog). Depende de global.css. */

.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.post{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-sm);transition:.25s}
.post.live:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#c2d3bf}
.post .cat{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--primary)}
.post h2{font-size:1.22rem;margin:10px 0;color:var(--text-primary);line-height:1.25}
.post p{font-size:.95rem;color:var(--text-secondary);flex:1}
.post .more{margin-top:14px;font-weight:700;color:var(--primary-dark);font-size:.9rem}
.post.soon{opacity:.62}
.post.soon .tag{align-self:flex-start;margin-top:14px;font-size:.72rem;font-weight:700;background:var(--bg-soft);border:1px solid var(--border);color:var(--text-light);border-radius:999px;padding:4px 12px}

.post .read{font-size:.78rem;color:var(--text-light);font-weight:700;margin-top:10px}

/* texto SEO do índice do blog */
.blog-seo{font-size:.95rem;color:var(--text-secondary);margin-top:8px;line-height:1.75}

/* "Explore por tema" + caixa de autora no índice do blog */
.topic-h{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:20px}
.topic-grid{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:640px){.topic-grid{grid-template-columns:1fr 1fr}}
.topic-card{display:block;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;transition:transform .2s,box-shadow .2s,border-color .2s}
.topic-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--primary-light)}
.topic-card strong{display:block;font-size:1.08rem;color:var(--text-primary);font-weight:700}
.topic-card strong::after{content:"→";float:right;color:var(--primary);transition:transform .2s}
.topic-card:hover strong::after{transform:translateX(4px)}
.topic-card span{display:block;margin-top:6px;font-size:.92rem;color:var(--text-secondary);line-height:1.6}
.blog-about{display:flex;gap:18px;align-items:center;background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-top:40px}
.blog-about-av{width:54px;height:54px;flex-shrink:0;border-radius:50%;background:var(--primary-light);color:var(--primary-dark);display:flex;align-items:center;justify-content:center}
.blog-about-av svg{width:28px;height:28px}
.blog-about p{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin:0}