/*
Theme Name: OHS Consult
Theme URI: https://ohsconsult.com.br/blog/
Author: OHS Consult
Description: Tema do blog com o mesmo visual do site ohsconsult.com.br (menu, cores e rodape do site).
Version: 1.2
Requires at least: 6.0
Text Domain: ohsconsult
*/

/* ---------- Blog OHS Consult ---------- */
.blog-wrap { max-width: 1164px; margin: 0 auto; padding: 40px 20px 60px; }
.blog-wrap a { background-color: transparent; }
.blog-header { margin-bottom: 30px; }
.blog-header h1 { margin: 0 0 10px; }
.blog-header p { margin: 0; }

.blog-cats { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 30px; padding: 0; }
.blog-cats li { list-style: none; margin: 0; padding: 0; }
.blog-cats li::before { content: none !important; display: none !important; }
.blog-cats a { display: inline-block; padding: 6px 14px; border: 1px solid var(--primaria); color: var(--primaria); font-size: .85rem; }
.blog-cats a:hover, .blog-cats .ativo a { background-color: var(--primaria); color: #fff; }

.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.post-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #ececec; transition: box-shadow .2s; }
.post-card:hover { box-shadow: 0 6px 20px rgba(0,0,0,.08); }
.post-card .thumb { display: block; aspect-ratio: 16/9; background: linear-gradient(135deg, #576D58 0%, #738674 100%); overflow: hidden; }
.post-card .thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.post-card .card-body { padding: 20px; display: flex; flex-direction: column; flex: 1; }
.post-meta { font-size: .8rem; color: var(--texto-sessao); margin-bottom: 8px; }
.post-meta .cat { color: var(--primaria); font-weight: bold; text-transform: uppercase; }
.post-card h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.15rem; text-transform: none; line-height: 1.35; margin: 0 0 10px; color: var(--primaria); }
.post-card h2 a { color: var(--primaria); }
.post-card h2 a:hover { text-decoration: underline; }
.post-card p { font-size: .92rem; line-height: 1.5; margin: 0 0 16px; }
.post-card .btn { margin-top: auto; align-self: flex-start; background-color: var(--secundaria); color: #000; padding: 8px 16px; font-size: .85rem; }

.paginacao { margin-top: 40px; text-align: center; }
.paginacao .page-numbers { display: inline-block; padding: 6px 12px; margin: 0 2px; border: 1px solid #ddd; color: var(--primaria); }
.paginacao .page-numbers.current { background: var(--primaria); color: #fff; border-color: var(--primaria); }

.artigo { max-width: 780px; margin: 0 auto; }
.artigo .voltar { display: inline-block; margin-bottom: 20px; color: var(--primaria); font-size: .9rem; }
.artigo h1 { font-family: Arial, Helvetica, sans-serif; text-transform: none; font-size: 2rem; line-height: 1.25; color: var(--primaria); margin: 0 0 12px; }
.artigo .destaque { margin: 20px 0 30px; }
.artigo .destaque img { width: 100%; height: auto; display: block; }
.artigo .conteudo { color: #444; font-size: 1.05rem; line-height: 1.7; }
.artigo .conteudo p, .artigo .conteudo li { color: #444; font-size: 1.05rem; line-height: 1.7; }
.artigo .conteudo h2, .artigo .conteudo h3 { font-family: Arial, Helvetica, sans-serif; text-transform: none; color: var(--primaria); margin: 32px 0 12px; }
.artigo .conteudo h2 { font-size: 1.5rem; }
.artigo .conteudo h3 { font-size: 1.2rem; }
.artigo .conteudo a { color: var(--primaria); text-decoration: underline; }
.artigo .conteudo img { max-width: 100%; height: auto; }
.artigo .conteudo blockquote { margin: 24px 0; padding: 12px 20px; border-left: 4px solid var(--secundaria); background: var(--background-cinza); }
.artigo .conteudo figure { margin: 24px 0; }
.artigo .conteudo figcaption { font-size: .85rem; color: #888; }
.artigo .tags { margin-top: 30px; font-size: .9rem; }
.artigo .cta { margin-top: 40px; padding: 24px; background: var(--background-cinza); border-left: 4px solid var(--secundaria); }
.artigo .cta p { margin: 0 0 12px; }
.artigo .cta .btn { background-color: var(--secundaria); color: #000; padding: 10px 20px; display: inline-block; }
.vazio { padding: 40px 0; }

@media (max-width: 991.98px) { .blog-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575.98px) { .blog-grid { grid-template-columns: 1fr; } .artigo h1 { font-size: 1.6rem; } .blog-wrap { padding-top: 24px; } }


/* ---------- Alinhamento com o site principal (ohsconsult.com.br) ---------- */
.blog-wrap { box-sizing: content-box; max-width: 100%; padding: 20px 20px 60px; background: var(--background-cinza); box-shadow: 0 0 0 100vmax var(--background-cinza); clip-path: inset(0 -100vmax); }
@media (min-width: 576px) { .blog-wrap { max-width: 540px; } }
@media (min-width: 768px) { .blog-wrap { max-width: 720px; } }
@media (min-width: 992px) { .blog-wrap { max-width: 910px; } }
@media (min-width: 1200px) { .blog-wrap { max-width: 1140px; } }
.blog-header .titulo_sessao { margin: 20px 0 0; }
.blog-header h1 { font-size: 2.1rem; line-height: 25px; padding-left: 20px; border-left: 8px solid var(--primaria); margin: 30px 0 20px; }
.blog-header p { color: var(--texto-sessao); }

/* ---------- Menu e rodapé idênticos à home (main-17.css / main-responsive-16.css) ---------- */
nav ul li, #contato p, #contato ul li { font-size: 1.1rem; font-weight: normal; line-height: 24px; }
.blog-header h1, #contato .h1-primario { font-size: 2.3rem; line-height: 26px; font-weight: normal; }
#contato .h1-primario { margin: 30px 0 50px; }
#contato h3 { font-size: 1.5rem; font-weight: normal; line-height: 22px; color: var(--secundaria); margin: 0 0 20px; }
#contato .row { display: flex; flex-wrap: wrap; padding-bottom: 60px; }
#contato .col-1 { flex: 0 0 auto; width: 50%; margin: 0; padding: 0 60px 0 0; border-right: 1px solid #738674; }
#contato .col-2 { flex: 0 0 auto; width: 50%; margin: 0; padding: 0 0 0 120px; }
#contato .col-3 { flex: 0 0 auto; width: 100%; text-align: center; margin: 50px 0 0; }
#contato img { width: 30px; height: auto; margin-right: 10px; }
#contato .ico-whatsapp { height: 20px; width: 20px; margin-bottom: -3px; }
@media (max-width: 575.98px) {
  .blog-header h1, #contato .h1-primario { font-size: 2rem; line-height: 22px; }
  #contato h3 { font-size: 1.2rem; }
  nav ul li, #contato p, #contato ul li { font-size: .9rem; line-height: 20px; }
  #contato .row { padding-bottom: 20px; }
  #contato .col-1 { width: 100%; padding: 0; border-right: none; }
  #contato .col-2 { width: 100%; padding: 30px 0 0; }
  #contato .col-3 { margin-top: 40px; }
  #contato img { width: 20px; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .blog-header h1, #contato .h1-primario { font-size: 2rem; line-height: 23px; }
  #contato h3 { font-size: 1.2rem; }
  nav ul li, #contato p, #contato ul li { font-size: .9rem; line-height: 20px; }
  #contato .row { padding-bottom: 30px; }
  #contato .col-1 { width: 60%; padding: 0 40px 0 0; }
  #contato .col-2 { width: 40%; padding: 0 0 0 40px; }
  #contato .col-3 { margin-top: 40px; }
  #contato .cidade { margin-left: 28px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .blog-header h1, #contato .h1-primario { font-size: 2.1rem; line-height: 25px; }
  #contato h3 { font-size: 1.3rem; }
  nav ul li, #contato p, #contato ul li { font-size: 1rem; line-height: 22px; }
  #contato .row { padding-bottom: 40px; }
  #contato .col-2 { padding: 0 0 0 60px; }
  #contato .col-3 { margin-top: 40px; }
  #contato .cidade { margin-left: 28px; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .blog-header h1, #contato .h1-primario { font-size: 2.2rem; line-height: 24px; }
  #contato h3 { font-size: 1.4rem; }
  #contato .row { padding-bottom: 50px; }
  #contato .col-2 { padding: 0 0 0 100px; }
  #contato .cidade { margin-left: 28px; }
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  #nav .nav-itens { width: 150px; }
}