/* La card degli articoli di inc/card-articolo.php: quella di «Racconti in bottiglia» dello shop — bianca, ombra, etichetta, titolo, riassunto, autore e data sotto un filo. */
.itv-racconto { position: relative; display: flex; flex-direction: column; min-width: 0; overflow: hidden; border-radius: 10px; background: #fff; color: var(--itv-testo); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1); }
.itv-racconto__foto { display: block; overflow: hidden; background: #f7f1ea; }
.itv-racconto__foto img { display: block; width: 100%; height: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform .4s; }
.itv-racconto:hover .itv-racconto__foto img { transform: scale(1.04); }
.itv-racconto__corpo { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0; padding: 16px 16px 14px; }
.itv-racconto__etichetta { position: relative; z-index: 2; font: 600 11px/1.4 var(--itv-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--itv-primario); text-decoration: none; }
.itv-racconto__etichetta:hover { text-decoration: underline; }
.itv-racconto__titolo { margin: 0; font: 600 17px/1.4 var(--itv-serif); }
.itv-racconto__titolo a { color: inherit; text-decoration: none; }
.itv-racconto__titolo a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.itv-racconto:hover .itv-racconto__titolo a { color: var(--itv-primario); }
.itv-racconto__estratto { display: -webkit-box; margin: 0; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font: 400 14px/1.5 var(--itv-sans); color: #4d4d4d; text-align: left; hyphens: manual; }
.itv-racconto__piede { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; width: 100%; margin: auto 0 0; padding-top: 12px; border-top: 1px solid #eee; font: 400 11px/1.4 var(--itv-sans); color: #767676; }
.itv-racconto__autore { font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--itv-primario); }
.itv-racconto--apertura .itv-racconto__titolo { font-size: 24px; line-height: 1.3; }
.itv-racconto--apertura .itv-racconto__estratto { font-size: 16px; -webkit-line-clamp: 4; }
.itv-racconto--riga { display: grid; grid-template-columns: 112px minmax(0, 1fr); align-items: start; box-shadow: 0 2px 8px rgba(0, 0, 0, .08); }
.itv-racconto--riga:not(:has(.itv-racconto__foto)) { display: flex; }
.itv-racconto--riga .itv-racconto__foto img { aspect-ratio: 1; }
.itv-racconto--riga .itv-racconto__corpo { gap: 4px; padding: 12px 14px; }
.itv-racconto--riga .itv-racconto__titolo { font-size: 15px; }
.itv-racconto--riga .itv-racconto__piede { padding-top: 6px; border: 0; }
.itv-racconto--riga .itv-racconto__autore { display: none; }
@media (min-width: 1024px) {
  .itv-racconto--apertura .itv-racconto__titolo { font-size: 28px; }
}