/* La miniatura de la partitura encabeza la tarjeta. Se pone de fondo y no como
para que recorte sola con object-fit sin pelearse con la proporcion:
las partituras son verticales y la tarjeta apaisada, asi que interesa ver la
parte de arriba, que es donde estan el titulo y los primeros compases. */
.up-card-img {
position: relative; height: 132px; margin: -16px -16px 12px;
border-radius: 14px 14px 0 0; background: #eef2f7 no-repeat center top;
background-size: cover; display: flex; align-items: center; justify-content: center;
border-bottom: 1px solid #e7edf5;
}
.up-card-img .up-mono {
width: 42px; height: 42px; border-radius: 11px; color: #fff;
display: flex; align-items: center; justify-content: center;
font-weight: 800; font-size: 15px; letter-spacing: .5px;
}
.up-card-img .up-pdf {
position: absolute; top: 8px; right: 9px;
background: rgba(255,255,255,.94); color: #c0392b;
font-size: 10.5px; font-weight: 800; letter-spacing: .4px;
padding: 3px 7px; border-radius: 6px; box-shadow: 0 1px 4px rgba(16,32,64,.16);
}
.up-card:hover .up-card-img { filter: brightness(1.04); }
