/* ============ #diferenciador ============ */
.diff-band { display: grid; grid-template-columns: 1fr; gap: var(--space-lg); align-items: start; }
@media (min-width: 860px) { .diff-band { grid-template-columns: 0.9fr 1.1fr; gap: var(--space-2xl); } }
.diff-list { display: grid; grid-template-columns: 1fr; gap: var(--space-md); }
@media (min-width: 640px) { .diff-list { grid-template-columns: 1fr 1fr 1fr; } }
.diff-item { display: flex; flex-direction: column; gap: var(--space-sm); padding: var(--space-lg); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); transition: border-color var(--transition-base), box-shadow var(--transition-base); }
.diff-item:hover { border-color: var(--color-border-strong); box-shadow: var(--shadow-sm); }
.diff-item__icon { width: 40px; height: 40px; border-radius: var(--radius-md); display: inline-flex; align-items: center; justify-content: center; background: var(--color-accent-subtle); color: var(--color-accent); flex-shrink: 0; }
.diff-item__icon svg { width: 20px; height: 20px; }
.diff-item__title { font-weight: 700; font-size: var(--text-sm); color: var(--color-text); }
.diff-item__text { font-size: var(--text-sm); color: var(--color-text-muted); line-height: var(--leading-base); }