/* Bd'A — página de serviços (usa tokens + .grid/.disp/.eyebrow/.mono do style.css) */

/* cabeçalho — sem hero de mídia: nav já nasce sólida (body.nav-solid) */
.svc-hero{
  padding-block:calc(var(--space-l) + 44px) var(--space-m);
  min-height:62svh;align-content:end;background:var(--bg);
}
.svc-hero-in{grid-column:1/-1;display:flex;flex-direction:column;gap:var(--space-s)}
.svc-title{font-size:clamp(44px,8vw,120px);font-weight:500;letter-spacing:-.02em;line-height:.98}
.svc-title .ap{color:var(--accent)}
.svc-lead{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(18px,1.9vw,26px);line-height:1.35;max-width:34ch;margin:0;color:var(--ink);
}

/* seções */
.svc-sec{padding-block:var(--space-m);border-top:1px solid var(--line);background:var(--bg)}
.svc-sec-head{grid-column:1/-1;display:flex;align-items:baseline;gap:var(--space-xs);margin-bottom:var(--space-m)}
.svc-sec-head .n{font-family:var(--font-mono);font-size:var(--text-meta-s);color:var(--accent-ink)}
.svc-sec-head h2{font-family:var(--font-body);font-weight:500;font-size:clamp(28px,4vw,52px);letter-spacing:-.02em;line-height:1;margin:0}

/* 01 — o que oferecemos: linhas numeradas (fio fino entre elas = ruas do masterplan) */
.svc-list{grid-column:1/-1;list-style:none;margin:0;padding:0}
.svc-list li{
  display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,3vw,48px);align-items:baseline;
  padding-block:var(--space-s);border-top:1px solid var(--line);
}
.svc-list li:first-child{border-top:0}
.svc-list .num{font-family:var(--font-mono);font-size:var(--text-meta-s);color:var(--accent-ink)}
.svc-list .txt{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(20px,2.6vw,34px);line-height:1.2;margin:0;color:var(--ink);max-width:26ch;
}

/* 02 — por que somos diferentes: quarteirões (grade de células) */
.svc-why{
  grid-column:1/-1;list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:1px;background:var(--line);border:1px solid var(--line);
}
.svc-why li{background:var(--bg);padding:clamp(24px,3vw,44px);display:flex;flex-direction:column;gap:var(--space-xs)}
.svc-why li:nth-child(5){grid-column:1/-1}   /* 5º item fecha a linha (evita célula vazia) */
.svc-why h3{font-family:var(--font-body);font-weight:500;font-size:clamp(18px,1.8vw,22px);letter-spacing:-.01em;margin:0;color:var(--ink)}
.svc-why p{font-size:clamp(14px,1.3vw,16px);line-height:1.5;color:var(--muted);margin:0;max-width:40ch}

@media (max-width:760px){
  .svc-hero{min-height:auto;padding-block:calc(var(--space-l) + 20px) var(--space-m)}
  .svc-why{grid-template-columns:1fr}
  .svc-why li:nth-child(5){grid-column:auto}
}