/* Tarjetas de artículo del "Quadern de Camp" (aprendre.html / es/aprender.html) · estilo editorial tipo RAW WINE · 13-oct-2026
   Imagen redondeada, pastilla de categoría justo debajo, título serif y texto. El color solo señala la categoría. */
main .qdc-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(34px, 4vw, 52px) clamp(22px, 2.6vw, 34px);
  background: none; border: 0;
}
.qdc-grid .qdc-card {
  --pill: #E6DECB;
  display: flex; flex-direction: column; gap: 0; padding: 0; background: none; border: 0; text-decoration: none; color: inherit;
}
.qdc-grid .qdc-card:hover { background: none; }
.qdc-grid .qdc-img {
  display: block; width: 100%; margin: 0; aspect-ratio: 3 / 2; object-fit: cover;
  border: 2px solid #1A3318; border-radius: 16px; background: #F4F4F0;
}
.qdc-grid .qdc-tag {
  align-self: flex-start; margin: 18px 0 12px; padding: 6px 15px 5px; border-radius: 999px;
  background: var(--pill); color: #1A3318; text-transform: none; letter-spacing: 0;
  font: 700 .95rem/1.2 var(--ff-body);
}
.qdc-grid .qdc-tag[data-cat="concepte"]    { --pill: #F7DE86; }
.qdc-grid .qdc-tag[data-cat="viticultura"] { --pill: #CFE2A8; }
.qdc-grid .qdc-tag[data-cat="elaboracio"]  { --pill: #F2BFCB; }
.qdc-grid .qdc-tag[data-cat="tipus"]       { --pill: #F0C5AE; }
.qdc-grid .qdc-tag[data-cat="consum"]      { --pill: #DDB7B7; }
.qdc-grid .qdc-tag[data-cat="neutre"]      { --pill: #E6DECB; }
.qdc-grid .qdc-card .qdc-tag:first-child   { margin-top: 0; }                       /* tarjeta sin imagen */
.qdc-grid .qdc-card h2 {
  margin: 0 0 10px; color: #1A1710; font: 700 clamp(1.35rem, 2.1vw, 1.7rem)/1.2 var(--ff-display);
}
.qdc-grid .qdc-card:hover h2 { text-decoration: underline; text-decoration-color: #B8451E; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.qdc-grid .qdc-card p { margin: 0; flex-grow: 1; color: #3A372E; font-size: 1.02rem; line-height: 1.6; }
.qdc-grid .qdc-arrow {
  margin-top: 14px; color: #B8451E; text-transform: none; letter-spacing: 0; font: 800 1.05rem/1 var(--ff-cond);
}
.qdc-grid .qdc-card:hover .qdc-arrow { color: #1A3318; }
/* títulos de bloque (Fonaments, Al camp…): serif cursiva, sin mayúsculas ni línea gris */
main .qdc-section-title {
  padding: 56px 0 24px; border-bottom: 0; color: #2B5425; text-transform: none; letter-spacing: 0;
  font: italic 400 clamp(1.8rem, 3.2vw, 2.6rem)/1.1 var(--ff-display);
}
@media (max-width: 1000px) { main .qdc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px)  { main .qdc-grid { grid-template-columns: 1fr; } main .qdc-section-title { padding-top: 40px; } }