/* Seção: Destaques (facts) */
    .facts {
      background: var(--fundo, var(--petroleo));
      color: #fff;
      padding: 64px 0 30px
    }

    .facts .wrap {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      max-width: 1360px;
      position: relative;
      z-index: 3
    }

    .fact {
      padding: 18px 26px;
      display: flex;
      gap: 16px;
      align-items: flex-start;
      border-left: 1px solid rgba(255, 255, 255, .14)
    }

    .fact:first-child {
      border-left: 0;
      padding-left: 0
    }

    .fact .ico {
      width: 34px;
      height: 34px;
      color: var(--sol)
    }

    .fact b {
      display: block;
      font-family: var(--display);
      font-size: 19px;
      font-weight: 600;
      line-height: 1.2
    }

    .fact span {
      display: block;
      font-size: 14.5px;
      opacity: .8;
      line-height: 1.4;
      margin-top: 4px
    }

/* Fundo claro (cor escolhida na aba Destaques) */
.facts.fundo-claro { color: var(--petroleo) }
.facts.fundo-claro .fact { border-color: rgba(38, 70, 81, .18) }
.facts.fundo-claro .fact .ico { color: var(--petroleo) }
.facts.fundo-claro .fact span { opacity: .85 }

/* Mobile */
@container page (max-width: 760px) {
      .facts {
        padding: 44px 0 22px
      }

      .facts .wrap {
        grid-template-columns: 1fr 1fr
      }

      .fact {
        padding: 18px 12px;
        border-left: 0;
        flex-direction: column;
        gap: 10px
      }

      .fact:nth-child(odd) {
        padding-left: 0
      }

      .fact:nth-child(n+3) {
        border-top: 1px solid rgba(255, 255, 255, .14)
      }

      .facts.fundo-claro .fact:nth-child(n+3) {
        border-top-color: rgba(38, 70, 81, .18)
      }

      .fact b {
        font-size: 16.5px
      }

      .fact span {
        font-size: 13.5px
      }

}
