.produtos-bg { padding: 85px 0 95px; position: relative; box-shadow: 0 0 5px 0 rgba(0,0,0,0.18); }
.produtos { display: flex; flex-direction: column; gap: 60px; }

.produtos-titulo { font: 700 53.3px / 1.1 titilium; color: #303030; text-align: center; }
.produto { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; grid-template-areas: "texto imagem"; }
.produto.invertido { grid-template-areas: "imagem texto"; }

.produto .texto { grid-area: texto; }
.produto .img { grid-area: imagem; height: 350px; max-height: 350px; display: block; position: relative; }
.produto .img img { width: 100%; height: 100%; object-fit: cover; display: block;  object-position: center; }
.produto:last-child .img img {object-position: 0 -290px;}

.produto .img::after {content: ''; top: -35px; right: -35px; z-index: -1; position: absolute; width: 70px; height: auto; aspect-ratio: 1/1; background: var(--cor2); }
.produto.invertido .img::after { left: -35px; right: unset; }

.produto .texto .parent { position: relative; padding: 0 0 0 45px; }
.produto .texto .parent::before { content: ''; position: absolute; left: 0; height: 100%; width: 5px; background: var(--cor1); }

.produto .texto .titulo { font: 800 22px / 1.2 titilium; color: #303030; letter-spacing: .5px; text-transform: uppercase; margin-bottom: 16px; display: block; }
.produto .texto .descricao { font: 14.5px / 2 montserrat; color: var(--cinza); margin-bottom: 22px; }

.produto .whats-href { display: inline-flex; align-items: center; border-radius: 18px; position: relative; gap: 12px; background: var(--zap-escuro); color: var(--branco); box-sizing: border-box; height: 40px; padding: 12px 18px 12px 70px; font: 700 12.5px montserrat; text-transform: uppercase; transition: filter var(--transition2), transform var(--transition2); }
.produto .whats-href:hover { filter: brightness(.95); transform: translateY(-1px); }
.produto .whats-href .icone { position: absolute; left: 0; width: 50px; height: auto; aspect-ratio: 1/1; border-radius: 10px; background: var(--zap); display: inline-flex; align-items: center; justify-content: center; }
.produto .whats-href .icone img { width: 18px; height: 18px; }

@media (max-width: 990px) {
  .produtos-bg { padding: 45px 0; }
  .produtos { gap: 40px; }
  .produtos-titulo { font-size: 36px; }
  .produto { grid-template-columns: 1fr; grid-template-areas: "imagem" "texto"; gap: 25px; }
  .produto .img { height: 240px; max-height: 240px; }
  .produto.invertido { grid-template-areas: "imagem" "texto"; }
  .produto .img::after { top: -15px; right: -15px; }
  .produto.invertido .img::after { left: -15px; }
}