/* PCE ITR
   Figma: desktop 5126:43241 — só estrutura. A copy está em copy/itr.md.
   Mesmo molde do ITCMD e do ITBI: hero em render 3D gerado no Lupa, na linha
   do PCE BI e da Certificado Digital. Diferença: Vantagens com seis cards em
   três linhas, largo/estreito, estreito/largo e largo/estreito, como no Figma.
   As duas primeiras linhas vêm do pce-core.css; na terceira o card 5 leva
   core-advantage--wide. */

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

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

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

/* 03 — Vantagens: fundo branco e card na proporção 380 + 160. */
.itr-advantages {
  background: var(--white);
}

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

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

/* 04 — Benefícios: a parede de pedra com o "pce" (ensaio, PCE-180), a mesma do
   Figma, em outro ângulo que o da BPO. */
.itr-benefits {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.58)),
    url("assets/itr/beneficios-bg@2x.webp") center / cover no-repeat;
}

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

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