/* === IA MON · Componentes de cartas para marketing === */
.public-scope .card{
  background:#fff; border:1px solid var(--brand-border); border-radius:16px;
  overflow:hidden; box-shadow:0 1px 6px rgba(0,0,0,.05);
}
.public-scope .card__thumb{ aspect-ratio:16/9; background:#f3f4f6; display:grid; place-items:center; }
.public-scope .card__thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.public-scope .card__body{ padding:12px 14px; }
.public-scope .card__title{ font-weight:800; margin:0 0 6px; }
.public-scope .pill{ display:inline-block; border:1px solid var(--brand-border); padding:6px 10px; border-radius:999px; font-weight:700; }