/* ============================================================
   Ser y Sentir — tarjetas con imagen (recursos gratuitos y cuentos)
   Complementa sys-landing.css; solo se carga donde hace falta.
   ============================================================ */
.sys-audiences--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sys-audiences--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 899.98px) {
  .sys-audiences--two, .sys-audiences--three { grid-template-columns: minmax(0, 1fr); }
}
.sys-card-img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 16px; background: var(--sys-sand); }
.sys-card-meta { font-size: 15px; color: var(--sys-ink-soft); }
.sys-audience .sys-card-link { align-self: stretch; margin-top: 0; padding-top: 0; border-bottom: 0; }