/* 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); }

Inicio