/* Portada de la guia: la llista de les cinc peces. */

.intro{margin:0 0 10px}
.peca{
  display:grid; grid-template-columns:auto 1fr; gap:0 22px; align-items:baseline;
  text-decoration:none; color:inherit;
  border:1px solid var(--vora); border-radius:14px;
  background:var(--panell); padding:20px 22px; margin-bottom:12px;
  transition:border-color .15s, background .15s, transform .15s;
}
.peca:hover, .peca:focus-visible{
  border-color:var(--vora-viva); background:#1F1940; transform:translateY(-2px);
}
.peca .n{
  font-family:var(--mono); font-size:12px; letter-spacing:.14em; color:var(--apagat);
  grid-row:1 / span 2;
}
.peca h2{font-family:var(--serif); font-size:22px; font-weight:600; margin:0 0 4px; letter-spacing:0}
.peca p{margin:0; font-size:15.5px; color:var(--suau); max-width:56ch}
.peca:hover h2{color:var(--sol)}

.tanca{margin-top:44px; padding-top:26px; border-top:1px solid var(--vora)}
.tanca p{color:var(--apagat); font-size:15px}