/* =================================================================
   PAGES — Quiscalux
   Estilos específicos por página (mínimos).
   ================================================================= */

/* ── Home: sección pilares ── */
.home-pillars .card__icon { margin-bottom: var(--space-4); }

/* ── Home: sección para quién ── */
.audience-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
}
@media (min-width: 768px) { .audience-grid { grid-template-columns: repeat(2, 1fr); } }

.audience-block {
  padding: var(--space-8);
  border-radius: var(--radius-md);
  background-color: var(--bg-surface);
  border: 1px solid var(--border-soft);
}
.audience-block__title {
  font-size: var(--fs-h3);
  margin-bottom: var(--space-4);
}
.audience-block--yes .audience-block__title { color: var(--teal); }
.audience-block--no .audience-block__title { color: #F87171; }

/* ── Diagnostico: qué es / qué no es ── */
.what-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
}
@media (min-width: 768px) { .what-grid { grid-template-columns: repeat(2, 1fr); } }

/* ── Sub-landing: pillar intro ── */
.pillar-intro {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-8);
  align-items: center;
}
@media (min-width: 768px) { .pillar-intro { grid-template-columns: 1fr 1fr; } }