.libro-grid {
display: grid;
grid-template-columns: repeat(var(--cols, 3), minmax(0, 1fr));
gap: 24px; } @media (max-width: 1024px) {
.libro-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
.libro-grid { grid-template-columns: 1fr; }
} .fq-libro-card { width: 100%; box-sizing: border-box; } .fq-libro-card {
position: relative;
border: 1px solid #D4D4D4; padding: 20px; background: #FFFFFF;
font-family: 'TT Norms Pro', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
transition: border-color .2s ease, box-shadow .2s ease;
} .fq-libro-card:hover {
border-color: #3332CB;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
} .fq-libro-card__link {
display: block;
text-decoration: none;
color: inherit;
} .fq-libro-card__link--disabled {
cursor: default;
} .fq-libro-card .libro-container-superior {
display: flex;
align-items: flex-start; gap: 14px; } .fq-libro-card .libro-thumb {
flex: 0 0 164px; width: 164px;
}
.fq-libro-card .libro-thumb .libro-img,
.fq-libro-card .libro-thumb img {
display: block;
width: 164px;
height: 212px; border: 1px solid #D4D4D4; object-fit: cover;
object-position: center;
}
.fq-libro-card .thumb-fallback {
width: 164px;
height: 212px; background: #EEE;
border: 1px solid #D4D4D4;
display: flex;
align-items: center;
justify-content: center;
color: #999;
font-size: 0.875rem;
} .fq-libro-card .libro-datos-tecnicos {
flex: 1 1 auto;
min-width: 0; } .fq-libro-card .libro-campo { }
.fq-libro-card .libro-label {
font-family: 'TT Norms Pro', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-size: 0.875rem; font-weight: 500; color: #1B1C1D; }
.fq-libro-card .libro-value {
margin-top: 6px; font-family: 'TT Norms Pro', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-size: 1rem; font-weight: 400; color: #737373; line-height: 1.4;
} .fq-libro-card .libro-separator {
margin-top: 10px; margin-bottom: 10px; height: 1px;
background-color: #D4D4D4; } .fq-libro-card .libro-container-inferior {
margin-top: 16px; } .fq-libro-card .libro-title {
margin: 0 0 10px 0; font-family: 'TT Norms Pro', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-size: 1.25rem; font-weight: 500; color: #1B1C1D; line-height: 1.4;
} .fq-libro-card__link:hover .libro-title {
text-decoration: underline;
} .fq-libro-card a {
text-decoration: none;
color: inherit;
} @media (max-width: 640px) { .fq-libro-card .libro-thumb {
flex: 0 0 77px; width: 77px;
}
.fq-libro-card .libro-thumb .libro-img,
.fq-libro-card .libro-thumb img {
width: 77px; height: 100px; }
.fq-libro-card .thumb-fallback {
width: 77px; height: 100px; } .fq-libro-card .libro-label {
font-size: 0.813rem; }
.fq-libro-card .libro-value {
font-size: 0.875rem; }
.fq-libro-card .libro-title {
font-size: 1rem; } .fq-libro-card .libro-container-inferior .libro-label {
font-size: 0.813rem; }
.fq-libro-card .libro-container-inferior .libro-value {
font-size: 0.875rem; }
}