/* =========================================================
   PARA QUIÉN · dos columnas "es para ti / no es para ti"
   ========================================================= */

.audience { display: grid; grid-template-columns: 1fr 1fr; gap: var(--grid-gap); }
.audience .glass { padding: 38px 36px; }
.audience h3 { font-size: 22px; margin-bottom: 22px; letter-spacing: -.015em; }
.audience ul { list-style: none; display: grid; gap: 14px; }
.audience li { display: flex; gap: 14px; align-items: flex-start; color: var(--color-text); font-size: 16px; }
.audience li svg { flex: none; margin-top: 4px; }
.audience .audience-no li { color: var(--color-text-muted); }

@media (max-width: 720px) {
  .audience { grid-template-columns: 1fr; }
}