/* ==========================================================================
   PRODUZIONI (produzioni.html) — i lavori di CDL, divisi in blocchi: il più
   recente in primo piano, le produzioni originali, le collaborazioni.
   Primo piano, titoli dei blocchi e griglia sono in components.css.
   ========================================================================== */

/* Dati essenziali dell'opera in primo piano, in coppie voce / valore come la
   troupe della scheda opera */
.primo-piano-dati {
  display: grid;
  gap: 0.55rem;
  margin-top: 0.4rem;
  padding-top: 0.9rem;
  border-top: 1px solid var(--riga);
}

.primo-piano-dati div {
  display: grid;
  grid-template-columns: 6.5rem minmax(0, 1fr);
  gap: 0.75rem;
  align-items: baseline;
}

.primo-piano-dati dt {
  font-family: 'Montserrat', sans-serif;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--testo-medio);
}

.primo-piano-dati dd { font-size: 0.9rem; line-height: 1.4; }

.riga-altrove {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  margin-top: clamp(2.5rem, 5vw, 3.5rem);
  padding: 0.8rem 1.2rem;
  border-radius: var(--r-s);
  corner-shape: squircle;
  background: var(--cdl-dark);
  color: var(--cdl-white);
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  transition: background-color 0.3s var(--ease-out);
}

.riga-altrove:hover { background: var(--cdl-red); }

/* Database non raggiungibile o nessuna opera */
.avviso {
  padding: 2rem 0.5rem;
  border-bottom: 1px solid var(--riga);
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--testo-tenue);
}