/* ============================================================
   DIFERENCIAIS
   ============================================================ */
.diff-grid { display:grid; gap: 1rem; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); }
.diff-card {
  border: 1px solid var(--line); border-radius: var(--radius); background:#fff;
  padding: 1.6rem; transition: transform .4s var(--ease), border-color .4s, box-shadow .4s;
}
.diff-card:hover { transform: translateY(-4px); border-color: var(--blue-100); box-shadow: var(--shadow-md); }
.diff-card__ico { width:46px;height:46px;color:var(--blue-600); margin-bottom:1rem; }
.diff-card h3 {
  font-size: var(--step-1);
  line-height:1.3;
  /* Reserva altura para 2 linhas mesmo quando o título cabe em 1 — assim o
     parágrafo começa sempre na mesma altura entre os cards de uma mesma
     fileira, independente de quantas linhas cada título ocupa. */
  min-height: calc(1.3em * 2);
  margin-bottom:.7rem;
}
.diff-card p { color: var(--muted); font-size: var(--step--1); line-height:1.6; margin-top:0; }