.pagina-categoria{padding-top:24px;padding-bottom:60px}
.categoria-molla{color:#707b80;font-size:14px;margin-bottom:24px}
.categoria-molla a{color:#135777}.categoria-molla span{margin:0 10px;color:#a4b2b8}
.categoria-capcalera{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:52px}
.categoria-imatge svg{display:block;width:100%;height:auto;border-radius:18px}
.categoria-etiqueta{color:#135777;font-size:12px;font-weight:700;letter-spacing:2px}
.categoria-introduccio h1{font-size:38px;line-height:1.2;margin:12px 0 20px;color:#135777}
.categoria-descripcio{font-size:18px;line-height:1.7;color:#535d62}
.categoria-comptador{display:inline-block;margin-top:14px;padding:9px 15px;background:#edf4ee;color:#365f40;border-radius:20px;font-size:14px}
.categoria-comptador i{margin-right:6px}
.categoria-llibres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.categoria-llibre{border:1px solid #e1e7e9;border-radius:10px;overflow:hidden;background:white;display:flex;flex-direction:column}
.categoria-portada{display:flex;align-items:center;justify-content:center;height:270px;padding:20px;background:#f6f7f5}
.categoria-portada img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 5px 14px #0002}
.categoria-llibre-info{padding:20px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.categoria-llibre-info h3{font-size:18px;line-height:1.4;margin:0 0 20px;color:#34454e}
.categoria-llibre-info .btn{margin-top:auto;background:#135777;border-color:#135777}.categoria-llibre-info .btn:hover{background:#0c4059}
.categoria-llibre a:focus-visible{outline:3px solid #d6983b;outline-offset:-3px}
.categoria-sense-portada{display:flex;flex-direction:column;gap:16px;align-items:center;color:#758b95;font-size:14px}.categoria-sense-portada i{font-size:58px}
.categoria-buit{text-align:center;background:#f5f8f9;border-radius:12px;padding:40px 20px;color:#596970}.categoria-buit>i{font-size:36px;color:#135777}.categoria-buit h3{font-size:21px}.categoria-buit .btn{margin-top:12px;background:#135777;border-color:#135777}
@media(max-width:991px){.categoria-capcalera{gap:28px}.categoria-introduccio h1{font-size:30px}.categoria-llibres{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.categoria-capcalera{grid-template-columns:1fr;gap:24px;margin-bottom:36px}.categoria-imatge{max-width:520px}.categoria-llibres{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.categoria-portada{height:230px}.categoria-llibre-info{padding:14px}.categoria-descripcio{font-size:17px}}
@media(max-width:400px){.categoria-llibres{grid-template-columns:1fr}.categoria-portada{height:270px}}