/* Por qué elegirnos — asymmetric 3-tile, icon inline with heading (not icon-above-heading template) */

.why__grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr 0.85fr;
  gap: var(--space-lg);
}

.why__tile {
  padding: var(--space-xl) var(--space-lg);
  border-radius: var(--radius-md);
  background: var(--color-paper-2);
}
.why__tile:nth-child(2) { background: var(--color-surface); border: 1px solid var(--color-rule); }
.why__tile:nth-child(3) { padding-block: var(--space-2xl) var(--space-xl); }

.why__heading {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  font-size: var(--text-lg);
  margin-bottom: var(--space-sm);
}
.why__heading svg { flex-shrink: 0; color: var(--color-accent); width: 22px; height: 22px; }

.why__tile p {
  color: var(--color-ink-2);
  line-height: 1.6;
}

.why__close {
  margin-top: var(--space-2xl);
  font-size: var(--text-lg);
  font-family: var(--font-display);
  font-weight: 500;
  text-wrap: balance;
  max-width: 48ch;
}

@media (max-width: 60rem) {
  .why__grid { grid-template-columns: 1fr; }
}