/* Reaproveita hero, grade de recursos, bloco "deep" e CTA da página de SaaS */
@import url("desenvolvimento-saas.css");

.gestao-micro{font-size:13px;color:var(--text-soft);margin-top:16px}

/* ── LINHAS DO RESULTADO DA OS ──────────────── */
.os-row{
  display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  padding:14px 16px;
  background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);
  font-size:14px;color:var(--text-2);
}
.os-row strong{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}
.os-row--total{background:var(--accent-soft);border-color:color-mix(in oklab, var(--accent) 30%, transparent)}
.os-row--total strong{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:18px}
.os-row em{font-style:normal;font-size:12px;font-weight:500;color:var(--success)}

/* ── PREÇO ──────────────────────────────────── */
.gestao-price{padding:100px 0;border-top:1px solid var(--border);background:var(--bg-2)}
.gestao-price__box{
  display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--rd-radius-lg);
  padding:48px;
}
.gestao-price__l .caps{color:var(--accent-text);display:inline-block;margin-bottom:14px}
.gestao-price__l h2{font-size:clamp(30px,3.6vw,44px);margin-bottom:14px}
.gestao-price__l h2 .soft{color:var(--text-soft)}
.gestao-price__l p{font-size:16px;color:var(--text-2);margin-bottom:24px;max-width:480px}
.gestao-price__list{display:flex;flex-direction:column;gap:10px}
.gestao-price__list li{
  position:relative;padding-left:26px;
  font-size:15px;color:var(--text-2);
}
.gestao-price__list li::before{
  content:"";position:absolute;left:2px;top:.35em;
  width:12px;height:7px;
  border-left:2px solid var(--accent-text);border-bottom:2px solid var(--accent-text);
  transform:rotate(-45deg);
}
.gestao-price__r{
  display:flex;flex-direction:column;align-items:flex-start;gap:20px;
  padding-left:48px;border-left:1px solid var(--border);
}
.gestao-price__val{display:flex;align-items:baseline;gap:6px;color:var(--text)}
.gestao-price__val strong{
  font-family:var(--rd-font-display);font-weight:800;
  font-size:clamp(48px,6vw,72px);letter-spacing:var(--rd-tracking-display);line-height:1;
}
.gestao-price__val span{font-size:18px;color:var(--text-soft)}
.gestao-price__r .gestao-micro{margin-top:0}

@media(max-width:820px){
  .gestao-price{padding:70px 0}
  .gestao-price__box{grid-template-columns:1fr;gap:32px;padding:28px}
  .gestao-price__r{padding-left:0;border-left:none;padding-top:28px;border-top:1px solid var(--border)}
}