/* ── RESPONSIVE ── */
@media (max-width: 768px) {
  .nav-links { display: none; }
  .hero-visual { display: none; }
  .stack-scene {
    width: 300px; height: 300px;
    --stack-r-outer: 120px;
    --stack-r-inner: 80px;
    --stack-dot: 132px;
  }
  .services-row--top,
  .services-row--bottom { grid-template-columns: 1fr; }
  .services-layout {
    grid-template-columns: 1fr;
  }
  .srv-detail {
    position: static;
    order: 1;
  }
  .services-bento { order: 0; }
  .srv-cta-banner { flex-direction: column; align-items: stretch; text-align: center; }
  .srv-cta-banner__copy { text-align: center; }
  .srv-cta-banner__btn { justify-content: center; }
  #tecnologia { flex-direction: column-reverse; }
  .stats-bar { gap: 2.5rem; }
  footer { flex-direction: column; text-align: center; }
  .foot-brand-row { justify-content: center; }
  .foot-links { justify-content: center; }
  .process-inner { padding-inline: 0; }
  .process-layout {
    grid-template-columns: 1fr;
  }
  .process-detail {
    position: static;
    order: 1;
    max-width: 640px;
    margin-inline: auto;
    width: 100%;
  }
  .process-list {
    order: 0;
  }
  .process-list-hint {
    text-align: center;
  }
  .proc-row {
    grid-template-columns: 16px minmax(44px, 64px) minmax(0, 1fr);
    column-gap: 0.75rem;
    padding: 1.5rem 0;
  }
  .proc-rail-dot {
    width: 9px;
    height: 9px;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .process-layout {
    grid-template-columns: 1fr;
  }
  .process-detail {
    position: static;
    order: 1;
    max-width: 640px;
    margin-inline: auto;
    width: 100%;
  }
  .process-list { order: 0; }
  .process-list-hint { text-align: center; }
  .services-row--top { grid-template-columns: 1fr; }
  .services-row--bottom { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .services-layout {
    grid-template-columns: 1fr;
  }
  .srv-detail {
    position: static;
    order: 1;
    max-width: 640px;
    margin-inline: auto;
  }
  .services-bento {
    order: 0;
  }
}