/* AgroQuipu360® — Implementación: fondo premium + layout/cards existentes */

.implementation-screen {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: clamp(4rem, 9vw, 7rem) 0;
  border-top: 1px solid var(--glass-border);
  background: var(--field-dark);
}

.implementation-screen__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.implementation-screen__photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.implementation-screen__veil {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      rgba(15, 23, 32, 0.55) 0%,
      rgba(15, 23, 32, 0.35) 35%,
      rgba(15, 23, 32, 0.45) 70%,
      rgba(15, 23, 32, 0.9) 100%
    );
}

.implementation-screen.reveal-on-scroll {
  transform: none;
}

.implementation-screen.reveal-on-scroll:not(.is-visible) {
  opacity: 1;
}

.implementation-screen .section-features__inner {
  position: relative;
  z-index: 2;
}

.impl-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.25rem;
  margin-top: 3rem;
}

.impl-step {
  position: relative;
  padding: 1.75rem 1.5rem;
 background: linear-gradient(155deg,
      rgba(255, 255, 255, 0.06) 0%,
      rgba(15, 23, 32, 0.22) 42%,
      rgba(15, 23, 32, 0.38) 100%);
  backdrop-filter: blur(6px) saturate(100%);
  -webkit-backdrop-filter: blur(22px) saturate(165%);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius);
}

.impl-step__num {
  font-size: 2.5rem;
  font-weight: 800;
  color: rgba(217, 164, 65, 0.50);
  line-height: 1;
  margin-bottom: 0.75rem;
  letter-spacing: -0.04em;
}

.impl-step__title {
  font-size: 1rem;
  font-weight: 700;
  color: rgba(217, 164, 65, 0.50);
  margin-bottom: 0.5rem;
}

.impl-step__text {
  font-size: 0.88rem;
  color: var(--text-muted);
  line-height: 1.6;
}