/* =========================================================
   APROVAFOTO — CSS DO BLOG (blog/index.php, blog/post.php)
   -----------------------------------------------------------
   Carregado só nas páginas do blog, depois de geral.css.
   Extraído do antigo estilo.css em 2026-08-19.
========================================================= */

/* --- Listagem --- */
.grade-blog {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
}

.cartao-post-blog {
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 22px 0;
  border-top: 1px solid var(--cor-linha);
  transition: .18s ease;
}

.cartao-post-blog:hover h2 { color: var(--cor-marca); }

.cartao-post-blog .etiqueta { margin-bottom: 12px; }

.cartao-post-blog h2 {
  margin: 0 0 8px;
  font-size: 19px;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  color: var(--cor-texto);
  line-height: 1.3;
  transition: color .18s ease;
}

.cartao-post-blog p {
  margin: 0;
  font-size: 14px;
  color: var(--cor-texto-suave);
  line-height: 1.55;
}

.meta-post-blog {
  margin-top: 14px;
  font-size: 12.5px;
  color: #767676;
  display: flex;
  gap: 10px;
}

/* --- Artigo individual --- */
.artigo-blog {
  max-width: 720px;
  margin: 0 auto;
  padding: 8px 20px 60px;
}

.artigo-blog .voltar-blog {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-bottom: 6px;
  font-size: 13.5px;
  color: var(--cor-texto-suave);
  text-decoration: none;
}

.artigo-blog .voltar-blog:hover { color: var(--cor-marca); }

.artigo-blog header h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-size: clamp(26px, 4vw, 34px);
  line-height: 1.2;
  margin: 14px 0 10px;
}

.artigo-blog header p.resumo-artigo {
  font-size: 16px;
  color: var(--cor-texto-suave);
  line-height: 1.55;
}

.artigo-blog header p.autor-artigo {
  font-size: 13px;
  color: #767676;
  margin-top: 10px;
}

.artigo-blog header p.autor-artigo a {
  color: inherit;
  text-decoration: underline;
}

.secao-artigo {
  margin-top: 34px;
}

.secao-artigo h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-size: 21px;
  margin: 0 0 12px;
}

.secao-artigo p {
  font-size: 15.5px;
  line-height: 1.7;
  color: #333;
  margin: 0 0 14px;
}

/* --- "Veja também": interlinking entre posts próximos em tema --- */
.veja-tambem-ff {
  margin-top: 40px;
  padding: 20px 22px;
  border-radius: 16px;
  background: var(--cor-marca-fundo);
}

.veja-tambem-ff p.rotulo-veja-tambem-ff {
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--cor-marca);
}

.veja-tambem-ff ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.veja-tambem-ff li a {
  color: var(--cor-texto);
  font-weight: 650;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 103, 79, .3);
}

.veja-tambem-ff li a:hover { border-bottom-color: var(--cor-marca); }

.veja-tambem-ff li span {
  display: block;
  font-size: 13px;
  color: var(--cor-texto-suave);
  margin-top: 2px;
}

@media (max-width: 640px) {
  .artigo-blog { padding: 4px 16px 40px; }
}