/* PCE Planejamento Estratégico
   Figma: desktop 5126:41191 — só estrutura. A copy está em
   copy/planejamento-estrategico.md.
   Mesmos módulos da Reestruturação Societária — core-hero, core-process,
   core-advantages, bpo-benefits, coverage, clients e contact. Aqui fica só o
   que diverge. */

/* 01 — Hero */
.est-hero {
  height: 100vh;
  min-height: 758px;
}

.est-hero .core-hero__background {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%),
    var(--black) url("assets/planejamento-estrategico/hero-desktop@2x.webp") center / cover no-repeat;
}

.est-hero h1 {
  max-width: 1200px;
}

/* 02 — Como funciona: três etapas em vez de quatro, cards de 388px como no
   Figma. */
.est-process .core-process__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* 03 — Vantagens: fundo branco e card na proporção 380 + 160. O arranjo
   largo/estreito/estreito/largo é o do PCE Core, com core-advantage--wide no
   primeiro e no último card. */
.est-advantages {
  background: var(--white);
}

.est-advantages .core-advantage {
  grid-template-rows: 380px minmax(160px, auto);
}

.est-advantages .core-advantage > img,
.est-advantages .core-advantage:nth-child(1) > img,
.est-advantages .core-advantage:nth-child(2) > img,
.est-advantages .core-advantage:nth-child(3) > img,
.est-advantages .core-advantage:nth-child(4) > img {
  height: 380px;
  object-position: center;
}

/* 04 — Benefícios: a parede "Somos contabilidade & consultoria de ponta"
   (ensaio, PCE-165). A faixa de cards cobre a última linha, como o "pce" da
   parede de pedra no BPO. */
.est-benefits {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.58)),
    url("assets/planejamento-estrategico/beneficios-bg@2x.webp") center / cover no-repeat;
}

@media (max-width: 767px) {
  .est-hero {
    min-height: 780px;
  }

  .est-hero .core-hero__background {
    background:
      linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%),
      var(--black) url("assets/planejamento-estrategico/hero-mobile@2x.webp") center / cover no-repeat;
  }

  /* A regra de três colunas acima vence a de coluna única do pce-core.css por
     especificidade; aqui ela é devolvida. */
  .est-process .core-process__grid {
    grid-template-columns: 1fr;
  }
}