/* ============================================================
   articulos.css — rejilla de artículos gratuitos
   ============================================================ */

/* auto-fill (no auto-fit): con una sola tarjeta mantiene el ancho de columna
   en vez de estirarla a todo lo ancho de la sección. */
.articles-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 22px;
}

.article-card {
  background: var(--color-bg);
  border: 1px solid rgba(36,48,48,0.12);
  border-radius: var(--radius-xl);
  padding: 26px;
  display: flex;
  flex-direction: column;
}

.article-card__cat {
  align-self: flex-start;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: var(--radius-sm);
}
.article-card__cat--fundamentos { background: rgba(15,76,77,0.08);  color: var(--color-teal); }
.article-card__cat--regulacion  { background: rgba(217,164,65,0.15); color: var(--color-amber-ink); }
.article-card__cat--fiscalidad  { background: rgba(232,118,90,0.15); color: var(--color-orange-ink); }
.article-card__cat--casos       { background: rgba(232,118,90,0.14); color: var(--color-orange-ink); }

.article-card__title {
  font-family: var(--font-display);
  color: var(--color-teal);
  font-size: 19px;
  font-weight: 600;
  line-height: 1.3;
  margin: 14px 0 0;
}
.article-card__desc {
  margin-top: 9px;
  color: var(--color-ink-soft);
  font-size: 14.5px;
  flex: 1;
}
.article-card__link { margin-top: 18px; }