.livres-hero{background:linear-gradient(135deg,#041a2e,#00568a 60%,#007db8);color:#fff;padding:2.75rem 0 2.25rem;border-bottom:3px solid #00AEEF}.livres-hero-title{font-size:2.1rem;font-weight:800;margin:0 0 .45rem;letter-spacing:-.5px}.livres-hero-title i{color:#00aeef;margin-right:.4rem}.livres-hero-sub{font-size:.95rem;color:#ffffffb3;margin:0}.livres-count-badge{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.85rem;font-weight:600;padding:.5rem 1.1rem;border-radius:30px;white-space:nowrap}.livres-count-badge i{color:#00aeef;margin-right:.3rem}.livre-list{display:flex;flex-direction:column;gap:1.1rem}.livre-card{display:flex;background:#fff;border:1px solid var(--border, #dde3f0);border-radius:14px;overflow:hidden;box-shadow:0 2px 10px #00568a12;transition:box-shadow .25s ease,transform .25s ease;min-height:180px}.livre-card:hover{box-shadow:0 8px 30px #00568a26;transform:translateY(-3px)}.livre-card--pined{border-top:3px solid #00AEEF}.livre-card-cover{flex-shrink:0;width:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#041a2e,#00568a 60%,#007db8);position:relative;text-decoration:none;overflow:hidden}.livre-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.livre-card:hover .livre-card-cover img{transform:scale(1.06)}.livre-card-cover-icon{font-size:3rem;color:#fff3;transition:color .25s,transform .25s}.livre-card:hover .livre-card-cover-icon{color:#ffffff59;transform:scale(1.08)}.livre-card-ribbon{position:absolute;top:0;right:0;background:#00aeef;color:#fff;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:.25rem .55rem;border-bottom-left-radius:8px;display:flex;align-items:center;gap:.25rem}.livre-card-chip{position:absolute;bottom:.6rem;left:50%;transform:translate(-50%);background:#00000073;backdrop-filter:blur(4px);color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .6rem;border-radius:20px;white-space:nowrap}.livre-card-body{flex:1;display:flex;flex-direction:column;padding:1.2rem 1.3rem 1.1rem;min-width:0}.livre-card-top{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;margin-bottom:.5rem}.livre-card-cat{font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#007db8;background:#00568a12;border:1px solid rgba(0,86,138,.13);padding:.15rem .55rem;border-radius:20px}.livre-card-badge{font-size:.63rem;font-weight:700;padding:.15rem .5rem;border-radius:20px;display:inline-flex;align-items:center;gap:.2rem}.badge-pined{background:#00aeef1a;color:#007db8;border:1px solid rgba(0,174,239,.3)}.livre-card-title{font-size:1.1rem;font-weight:800;line-height:1.3;margin:0 0 .5rem;color:var(--text-dark, #1a1f36)}.livre-card-title a{color:inherit;transition:color .2s}.livre-card-title a:hover{color:#007db8}.livre-card-desc{font-size:.84rem;color:var(--text-muted, #6b7a99);line-height:1.6;margin:0 0 .75rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.livre-card-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem}.livre-card-tag{font-size:.68rem;color:var(--text-muted, #6b7a99);background:var(--bg-light, #f4f6fb);border:1px solid var(--border, #dde3f0);padding:.15rem .5rem;border-radius:4px}.livre-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.75rem;border-top:1px solid var(--border, #dde3f0);flex-wrap:wrap}.livre-card-meta{display:flex;flex-wrap:wrap;gap:.35rem .85rem;font-size:.72rem;color:var(--text-muted, #6b7a99)}.livre-card-meta i{color:#00aeef;margin-right:.2rem}.livre-card-cta{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;color:#fff;background:linear-gradient(90deg,#00568a,#007db8);border-radius:8px;padding:.45rem 1rem;text-decoration:none;white-space:nowrap;transition:background .2s,transform .15s;flex-shrink:0}.livre-card-cta:hover{background:linear-gradient(90deg,#00aeef,#0098d4);color:#fff;transform:translate(2px)}.livre-card-cta i{transition:transform .2s}.livre-card-cta:hover i{transform:translate(3px)}@media(max-width:575px){.livre-card{flex-direction:column;min-height:auto}.livre-card-cover{width:100%;height:120px}.livre-card-chip{display:none}}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted, #6b7a99)}.empty-state i{font-size:3.5rem;display:block;margin-bottom:1rem;opacity:.4}