/*
 * Reconciliacao Codex 2026-08-04.
 * Captura o visual aprovado no WordPress vivo sem editar producao.
 * Assets WebP otimizados e versionados neste diretorio.
 */

.home .hero,
.blog .page-hero,
.page-template-template-escritorio .page-hero,
.page-template-template-areas .page-hero,
.page-template-template-contato .page-hero,
.page-template-template-area .page-hero {
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  position: relative;
  isolation: isolate;
}

.home .hero {
  background-image: linear-gradient(90deg, rgba(9, 26, 44, .94) 0%, rgba(9, 26, 44, .82) 46%, rgba(9, 26, 44, .38) 100%), url('./01-institucional-home-hero.webp');
}

.page-template-template-escritorio .page-hero {
  background-image: linear-gradient(90deg, rgba(9, 26, 44, .94) 0%, rgba(9, 26, 44, .80) 55%, rgba(9, 26, 44, .42) 100%), url('./02-institucional-o-escritorio.webp');
}

.page-template-template-areas .page-hero {
  background-image: linear-gradient(90deg, rgba(9, 26, 44, .95) 0%, rgba(9, 26, 44, .82) 55%, rgba(9, 26, 44, .45) 100%), url('./03-institucional-areas-de-atuacao.webp');
}

.blog .page-hero {
  background-image: linear-gradient(90deg, rgba(9, 26, 44, .95) 0%, rgba(9, 26, 44, .84) 55%, rgba(9, 26, 44, .44) 100%), url('./04-institucional-blog-conteudo.webp');
}

.page-template-template-contato .page-hero {
  background-image: linear-gradient(90deg, rgba(9, 26, 44, .96) 0%, rgba(9, 26, 44, .84) 58%, rgba(9, 26, 44, .46) 100%), url('./05-institucional-contato.webp');
}

.page-id-152 .page-hero { background-image: linear-gradient(90deg, rgba(9,26,44,.96) 0%, rgba(9,26,44,.84) 58%, rgba(9,26,44,.46) 100%), url('./16-area-previdenciario-principal.webp'); }
.page-id-153 .page-hero { background-image: linear-gradient(90deg, rgba(9,26,44,.96) 0%, rgba(9,26,44,.84) 58%, rgba(9,26,44,.46) 100%), url('./09-area-tributario.webp'); }
.page-id-154 .page-hero { background-image: linear-gradient(90deg, rgba(9,26,44,.96) 0%, rgba(9,26,44,.84) 58%, rgba(9,26,44,.46) 100%), url('./10-area-empresarial.webp'); }
.page-id-155 .page-hero { background-image: linear-gradient(90deg, rgba(9,26,44,.96) 0%, rgba(9,26,44,.84) 58%, rgba(9,26,44,.46) 100%), url('./11-area-trabalhista.webp'); }
.page-id-156 .page-hero { background-image: linear-gradient(90deg, rgba(9,26,44,.96) 0%, rgba(9,26,44,.84) 58%, rgba(9,26,44,.46) 100%), url('./12-area-civel.webp'); }
.page-id-157 .page-hero { background-image: linear-gradient(90deg, rgba(9,26,44,.96) 0%, rgba(9,26,44,.84) 58%, rgba(9,26,44,.46) 100%), url('./13-area-familia-sucessoes.webp'); }
.page-id-158 .page-hero { background-image: linear-gradient(90deg, rgba(9,26,44,.96) 0%, rgba(9,26,44,.84) 58%, rgba(9,26,44,.46) 100%), url('./14-area-bancario.webp'); }
.page-id-159 .page-hero { background-image: linear-gradient(90deg, rgba(9,26,44,.96) 0%, rgba(9,26,44,.84) 58%, rgba(9,26,44,.46) 100%), url('./15-area-atuacao-internacional.webp'); }

.home .posts .post .thumb-ph,
.blog .posts .post .thumb-ph {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 210px;
  background-size: cover;
  background-position: center;
}

.home .posts .post .thumb-ph > span,
.blog .posts .post .thumb-ph > span { display: none; }
.home .posts .post:nth-child(1) .thumb-ph,
.blog .posts .post:nth-child(1) .thumb-ph { background-image: url('./06-blog-auxilio-incapacidade.webp'); }
.home .posts .post:nth-child(2) .thumb-ph,
.blog .posts .post:nth-child(2) .thumb-ph { background-image: url('./07-blog-aposentadoria-idade.webp'); }
.home .posts .post:nth-child(3) .thumb-ph,
.blog .posts .post:nth-child(3) .thumb-ph { background-image: url('./08-blog-bpc-loas.webp'); }

.post-excerpt {
  color: var(--muted);
  font-size: .93rem;
  line-height: 1.55;
  margin: .5rem 0 0;
}

.content-clusters {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, .8fr);
  gap: 26px;
  margin: 0 0 42px;
}

.cluster-card {
  border: 1px solid var(--line);
  background: #fff;
  padding: 28px;
}

.cluster-card--primary { background: linear-gradient(180deg, #fff 0%, var(--cream) 100%); }
.cluster-kicker {
  display: block;
  color: var(--bronze-ink);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.cluster-head h2 { margin-bottom: 8px; }
.cluster-head p { color: var(--muted); margin-bottom: 18px; }
.cluster-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.cluster-tags a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 13px;
  border: 1px solid rgba(184, 148, 92, .55);
  color: var(--navy);
  background: rgba(245, 241, 234, .55);
  border-radius: 999px;
  font-size: .86rem;
  line-height: 1.25;
}
.cluster-tags a:hover {
  border-color: var(--bronze);
  background: var(--navy);
  color: #fff;
}

.area-service-feature {
  margin: 0 0 28px;
}
.area-service-feature img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border: 1px solid var(--line);
}

.single-post .prose figure:first-child,
.single-post article figure:first-child { margin: 0 0 2rem; }
.single-post .prose figure:first-child img,
.single-post article figure:first-child img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
}

@media (max-width: 980px) {
  .content-clusters { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .home .hero,
  .blog .page-hero,
  .page-template-template-escritorio .page-hero,
  .page-template-template-areas .page-hero,
  .page-template-template-contato .page-hero,
  .page-template-template-area .page-hero { background-position: center; }
  .home .posts .post .thumb-ph,
  .blog .posts .post .thumb-ph { min-height: 180px; }
  .cluster-card { padding: 22px; }
}