/*
 * Dra. Marcia Lima — Blog/Posts 1.0.4
 * Cabeçalho claro com tipografia #274E13 para leitura consistente em
 * superfícies brancas ou muito claras. Mantém o Blog independente de reveal.
 */

body.page-type-blog,
body.page-type-post{
  --csp-blog-ink:#274E13;
  --csp-blog-paper:#F9F9F8;
}

/* Cabeçalho: fundo claro, texto verde escuro, inclusive antes/depois do scroll. */
body.page-type-blog .site-header,
body.page-type-blog .site-header.is-scrolled,
body.page-type-post .site-header,
body.page-type-post .site-header.is-scrolled{
  background:rgba(249,249,248,.97)!important;
  border-bottom-color:rgba(39,78,19,.12)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:0 10px 30px rgba(39,78,19,.06)!important;
}

body.page-type-blog .site-header .brand-copy strong,
body.page-type-blog .site-header .brand-copy small,
body.page-type-blog .site-header .desktop-nav a,
body.page-type-post .site-header .brand-copy strong,
body.page-type-post .site-header .brand-copy small,
body.page-type-post .site-header .desktop-nav a{
  color:var(--csp-blog-ink)!important;
  opacity:1!important;
}

body.page-type-blog .site-header .desktop-nav a::after,
body.page-type-post .site-header .desktop-nav a::after{
  background:var(--csp-blog-ink)!important;
}

body.page-type-blog .site-header .menu-toggle span,
body.page-type-post .site-header .menu-toggle span{
  background:var(--csp-blog-ink)!important;
}

/* A logo enviada é branca; uma base verde preserva sua leitura no header claro. */
body.page-type-blog .site-header .brand img,
body.page-type-post .site-header .brand img{
  background:var(--csp-blog-ink)!important;
  border-radius:50%!important;
  padding:4px!important;
}

/* CTA do cabeçalho preserva o padrão institucional. */
body.page-type-blog .site-header .desktop-cta,
body.page-type-post .site-header .desktop-cta{
  background:var(--csp-blog-ink)!important;
  background-image:none!important;
  color:#fff!important;
  border-color:var(--csp-blog-ink)!important;
}

/* Mobile menu também usa superfície clara e tipografia institucional. */
body.page-type-blog .mobile-menu,
body.page-type-post .mobile-menu{
  background:rgba(249,249,248,.985)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  backdrop-filter:blur(18px)!important;
}

body.page-type-blog .mobile-menu a:not(.button),
body.page-type-post .mobile-menu a:not(.button){
  color:var(--csp-blog-ink)!important;
}
body.page-type-blog .mobile-menu .button,
body.page-type-post .mobile-menu .button{
  background:var(--csp-blog-ink)!important;
  background-image:none!important;
  color:#fff!important;
  border-color:var(--csp-blog-ink)!important;
}

/* Blog e artigos não dependem de IntersectionObserver/scroll para aparecer. */
body.page-type-blog [data-reveal],
body.page-type-post [data-reveal]{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  transition:none!important;
  transition-delay:0ms!important;
  will-change:auto!important;
}

body.page-type-blog [data-reveal-title] .word>span,
body.page-type-post [data-reveal-title] .word>span{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  transition-delay:0ms!important;
}

body.page-type-blog .blog-hero .shell,
body.page-type-blog .blog-mosaic,
body.page-type-blog .post-card,
body.page-type-post .article-header,
body.page-type-post .article-cover,
body.page-type-post .article-body{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}