/* =====================================================================
   §5 · Impacto esperado
   ===================================================================== */
.impacto { background: var(--surface); }
.impacto .section__head { margin-bottom: clamp(0.4rem, 1.2vw, 0.7rem); }

/* Dos mitades de igual altura: contenido izquierda, rostro humano derecha */
.impacto__layout {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: stretch;
}

/* Columna izquierda: título arriba, tarjetas repartiendo el alto */
.impacto__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.impacto__grid {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(0.4rem, 1.2vw, 0.7rem) clamp(1.5rem, 3vw, 2rem);
}

/* Imagen de la persona mayor: estira para igualar el alto del contenido */
.impacto__media {
  margin: 0;
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  min-height: 100%;
}
.impacto__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Bloques sin tarjeta (evita el grid de cards clónicas) */
.benefit__icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--brand-lila) 12%, transparent);
  color: var(--brand-lila);
  margin-bottom: var(--space-2);
}
.benefit__icon svg { width: 28px; height: 28px; }
.benefit__title { margin-bottom: var(--space-2); }
.benefit__desc { color: var(--ink-soft); }

@media (max-width: 860px) {
  .impacto__layout { grid-template-columns: 1fr; }
  .impacto__media { order: -1; min-height: 0; aspect-ratio: 16 / 10; }
}
@media (max-width: 640px) {
  .impacto__grid { grid-template-columns: 1fr; }
}