/* PCE IRPF
   Figma: desktop 5126:43926 — só estrutura. A copy está em copy/irpf.md.
   Mesmo molde do ITCMD, ITBI e ITR: hero em render 3D gerado no Lupa, na
   linha do PCE BI e da Certificado Digital. Diferenças: Vantagens com cinco
   cards, dois de 592px na primeira linha (imagem de 375) e três de 388px na
   segunda (imagem de 326); sem benefícios; contato com título, descrição e
   botão. */

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

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

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

/* 03 — Vantagens: grade de 12 colunas do pce-core.css, 6 + 6 na primeira
   linha e 4 + 4 + 4 na segunda. Texto com piso, não teto. */
.irpf-advantages {
  background: var(--white);
}

.irpf-advantages .core-advantage:nth-child(-n + 2) {
  grid-column: span 6;
  grid-template-rows: 375px minmax(165px, auto);
}

.irpf-advantages .core-advantage:nth-child(n + 3) {
  grid-column: span 4;
  grid-template-rows: 326px minmax(214px, auto);
}

.irpf-advantages .core-advantage:nth-child(-n + 2) > img {
  height: 375px;
  object-position: center;
}

.irpf-advantages .core-advantage:nth-child(n + 3) > img {
  height: 326px;
  object-position: center;
}

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

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

  /* Empilhados, os cinco cards voltam à proporção das outras páginas de
     produto: imagem de 380 e texto com piso de 160. */
  .irpf-advantages .core-advantage:nth-child(n) {
    grid-column: 1;
    grid-template-rows: 380px minmax(160px, auto);
  }

  .irpf-advantages .core-advantage:nth-child(n) > img {
    height: 380px;
  }
}