/* ══════════════════════════════
   LAPTOP — 1024px+
══════════════════════════════ */

/* Nav */
nav { padding: 0 6vw; }
.nav-links { gap: 2rem; font-size: 12px; }

/* Hero */
.hero-left { padding: 7vw 4vw 7vw 6vw; }
.hero-right { padding: 6vw 5vw; }
.slides-wrap { min-height: 250px; }

/* Services: 4 columnas */
.services-grid { grid-template-columns: repeat(4, 1fr); }

/* Services top: 2 cols */
.services-top {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 3vw; align-items: end; margin-bottom: 3rem;
}

/* Projects top: 2 cols */
.projects-top {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 3vw; align-items: end; margin-bottom: 3rem;
}

/* Process: 4 en fila */
.process-grid {
  grid-template-columns: repeat(4, 1fr);
}
.step { border-bottom: none; border-right: 1px solid var(--border); }
.step:last-child { border-right: none; }
.step:nth-child(2) { border-bottom: none; border-right: 1px solid var(--border); }
.step-conn {
  display: flex !important;
  right: -14px; top: 50%;
  bottom: auto; left: auto;
  transform: translateY(-50%) rotate(0deg);
}
.step:last-child .step-conn { display: none !important; }

/* Stack: lado a lado */
.stack-layout {
  flex-direction: row;
  gap: 5vw; align-items: start; margin-top: 3rem;
}
.stack-intro { flex: 1; }
.stack-cats { flex: 2; }

/* About */
.about-img { max-width: 320px; }

/* Section padding */
section { padding: 90px 6vw; }