/* PCE Turnaround
   Figma: desktop 5126:39824 — só estrutura. A copy está em copy/turnaround.md.
   Mesmos módulos da Reestruturação Societária — core-hero, core-process,
   core-advantages, bpo-benefits, coverage e contact —, sem a seção de clientes.
   Aqui fica só o que diverge. */

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

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

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

/* 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. */
.turn-advantages {
  background: var(--white);
}

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

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

/* 04 — Benefícios: o símbolo da PCE na parede clara da recepção (ensaio,
   PCE-186). O símbolo fica inteiro acima da faixa de cards. */
.turn-benefits {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.58)),
    url("assets/turnaround/beneficios-bg@2x.webp") center / cover no-repeat;
}

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

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