/* =============================================================
   PORTALBA — Services page styles (services.html)
   ============================================================= */

/* ── Service detail checklist ─────────────────────────────── */
.check-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 12px;
}
.check-icon {
  width: 20px;
  height: 20px;
  background: rgba(201, 169, 110, 0.15);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
}

/* ── Process step numbers ─────────────────────────────────── */
.step-num {
  width: 3rem;
  height: 3rem;
  background: var(--accent);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.25rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: 1.125rem;
  color: #09090b;
}
.step-num--outline {
  background: var(--page-muted);
  border: 1px solid var(--accent);
  color: var(--accent);
}

/* ── Process step connector lines ─────────────────────────── */
.step-line {
  position: relative;
}
.step-line::after {
  content: '';
  position: absolute;
  top: 24px;
  left: calc(50% + 24px);
  right: calc(-50% + 24px);
  height: 1px;
  background: var(--border);
}
@media (max-width: 1023px) {
  .step-line::after { display: none; }
}