/* Revisión aislada: AOVE / Nuestro recorrido / Antes de la botella. */
.oil-process.oil-process-review {
  min-height: 920px;
  padding: 150px clamp(28px, 5vw, 100px) 125px;
  background: #000;
}

.oil-process.oil-process-review::before {
  inset: 0 10% 0 0;
  background-image: url('../imagenes/seleccion/aove-proceso/aceitunas-lavado-maquinaria-real.png');
  background-position: center center;
  background-size: cover;
  filter: saturate(.76) contrast(1.1) brightness(.86);
  transform: scale(1.015);
}

.oil-process.oil-process-review::after {
  background:
    linear-gradient(90deg,
      rgba(0, 0, 0, .78) 0%,
      rgba(0, 0, 0, .38) 17%,
      rgba(0, 0, 0, .13) 38%,
      rgba(0, 0, 0, .16) 62%,
      rgba(0, 0, 0, .55) 78%,
      rgba(0, 0, 0, .94) 90%,
      #000 100%),
    linear-gradient(180deg,
      #000 0%,
      rgba(0, 0, 0, .42) 13%,
      rgba(0, 0, 0, .06) 30%,
      rgba(0, 0, 0, .04) 72%,
      rgba(0, 0, 0, .6) 89%,
      #000 100%);
}

.oil-process-review .oil-process-head {
  max-width: 1040px;
  margin: 0 auto 78px;
  transform: translateY(-2px);
}

.oil-process-review .oil-process-head h2 {
  font-family: "Bodoni Moda", Georgia, serif;
  text-wrap: balance;
}

.oil-process-review .oil-process-head .bodycopy {
  max-width: 780px;
  margin-inline: auto;
  color: #eee8de;
  font-size: clamp(23px, 1.55vw, 28px);
  line-height: 1.58;
  text-shadow: 0 2px 18px #000, 0 0 38px #000;
}

.oil-process-review .oil-route {
  width: min(100%, 1500px);
}

.oil-process-review .oil-route-step {
  text-shadow: 0 2px 18px rgba(0, 0, 0, .92);
}

.oil-process-review .oil-route-step strong {
  color: #f2ede4;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.48;
  letter-spacing: .11em;
  text-shadow: 0 2px 14px #000, 0 0 30px #000;
}

@media (max-width: 1100px) {
  .oil-process.oil-process-review {
    min-height: 880px;
    padding-top: 135px;
  }

  .oil-process.oil-process-review::before {
    right: 0;
    background-position: center center;
  }

  .oil-process-review .oil-process-head {
    margin-bottom: 64px;
  }

  .oil-process-review .oil-process-head .bodycopy {
    font-size: 24px;
  }

  .oil-process-review .oil-route-step strong {
    font-size: 16px;
  }

  .oil-process-review .oil-route {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 18px;
  }

  .oil-process-review .oil-route-step:nth-child(3)::after,
  .oil-process-review .oil-route-step:nth-child(6)::after {
    display: none;
  }
}

@media (max-width: 680px) {
  .oil-process.oil-process-review {
    min-height: 148svh;
    padding: 150px 23px 100px;
    justify-content: flex-start;
  }

  .oil-process.oil-process-review::before {
    inset: 45% 0 7%;
    background-position: 56% center;
    filter: saturate(.76) contrast(1.08) brightness(.76);
    transform: scale(1.01);
  }

  .oil-process.oil-process-review::after {
    background:
      linear-gradient(180deg,
        #000 0%,
        #000 35%,
        rgba(0, 0, 0, .88) 43%,
        rgba(0, 0, 0, .2) 57%,
        rgba(0, 0, 0, .08) 75%,
        rgba(0, 0, 0, .78) 91%,
        #000 100%),
      linear-gradient(90deg,
        rgba(0, 0, 0, .42) 0%,
        rgba(0, 0, 0, .04) 46%,
        rgba(0, 0, 0, .32) 100%);
  }

  .oil-process-review .oil-process-head {
    margin-bottom: 54px;
    transform: translateY(-1px);
  }

  .oil-process-review .oil-process-head h2 {
    font-size: clamp(48px, 15vw, 66px);
  }

  .oil-process-review .oil-process-head .bodycopy {
    font-size: 22px;
  }

  .oil-process-review .oil-route-step strong {
    font-size: 16px;
    letter-spacing: .09em;
  }

  .oil-process-review .oil-route {
    grid-template-columns: 1fr 1fr;
    margin-top: 45svh;
  }

  .oil-process-review .oil-route-step:nth-child(3)::after {
    display: block;
  }

  .oil-process-review .oil-route-step:nth-child(2n)::after {
    display: none;
  }
}