/* PCE Reestruturação Societária
   Figma: desktop 5126:39141 — só estrutura. A copy aprovada está em
   copy/reestruturacao-societaria.md.
   A página reaproveita os módulos das demais páginas de produto — core-hero,
   core-process, core-advantages, bpo-benefits, coverage, clients e contact — e
   só ajusta o que o design pede de diferente. */

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

.reest-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/reestruturacao-societaria/hero-desktop@2x.webp") center / cover no-repeat;
}

/* O título são duas frases curtas, uma por linha, como no Figma. */
.reest-hero h1 span {
  display: block;
}

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

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

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

/* 04 — Benefícios: o símbolo da PCE na parede escura (ensaio, PCE-156). O
   símbolo fica inteiro acima da faixa de cards, que cobre a metade de baixo. */
.reest-benefits {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.58)),
    url("assets/reestruturacao-societaria/beneficios-bg@2x.webp") center / cover no-repeat;
}

/* 07 — Contato: no Figma a descrição é mais estreita que o título. */
.reest-contact .contact-copy > div > p {
  max-width: 336px;
}

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

  .reest-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/reestruturacao-societaria/hero-mobile@2x.webp") center / cover no-repeat;
  }
}