/* Bloco: faixa técnica que prolonga o contraste do banner. */
.faixa-beneficios { position: relative; overflow: hidden; background: var(--marinho); color: #fff; }
.faixa-beneficios::before { position: absolute; inset: 0; background: linear-gradient(90deg, #ded65212, transparent 35%, #f36a1612); content: ""; pointer-events: none; }
.grade-beneficios { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); }
.beneficio { min-height: 168px; padding: 24px 24px 22px; border-right: 1px solid #ffffff1a; }
.beneficio:last-child { border: 0; }
.beneficio-icone { display: block; width: 52px; height: 52px; object-fit: contain; }
.beneficio b, .beneficio small { display: block; }
.beneficio b { margin-top: 14px; font-size: 15px; letter-spacing: .1px; }
.beneficio small { margin-top: 7px; color: #c6d2e7; font-size: 12px; line-height: 1.5; }

@media (max-width: 850px) {
  .grade-beneficios { grid-template-columns: 1fr 1fr; }
  .beneficio:nth-child(2) { border-right: 0; }
  .beneficio:nth-child(-n + 2) { border-bottom: 1px solid #ffffff1a; }
}
@media (max-width: 550px) {
  .beneficio { min-height: 150px; padding: 22px 20px 20px; }
  .beneficio-icone { width: 42px; height: 42px; }
  .beneficio:nth-child(2) { border-right: 0; }
}