.all-books-page{display:flex;flex-direction:column;align-items:center;justify-content:center}.all-books-page .top-banner{background-color:#1b3764;width:100%;position:relative;overflow:hidden}.all-books-page .top-banner .background-picture{position:absolute;top:0;left:0;z-index:1;opacity:.2;rotate:20deg;transform:translate(-20%,-10%);box-shadow:0 5px 15px rgba(0,0,0,.35)}.all-books-page .top-banner .content-wrap{z-index:2;padding:40px;display:flex;align-items:center;flex-direction:column;gap:60px}@media screen and (min-width:1024px){.all-books-page .top-banner .content-wrap{padding:40px 240px;gap:120px;flex-direction:row}}.all-books-page .top-banner .content-wrap .banner-content{display:flex;flex-direction:column;gap:60px}.all-books-page .top-banner .content-wrap .banner-content .banner-title{font-weight:700;font-size:40px;color:#fff}.all-books-page .top-banner .content-wrap .banner-content .banner-desc{font-weight:400;font-size:20px;color:#969aa0;line-height:180%}.all-books-page .top-banner .content-wrap .banner-content .button{align-self:end}.all-books-page .top-banner .content-wrap .banner-content .btn{line-height:50px;height:50px;text-align:center;width:250px;cursor:pointer}.all-books-page .top-banner .content-wrap .banner-content .btn-three{color:#fff;transition:all .5s;position:relative}.all-books-page .top-banner .content-wrap .banner-content .btn-three:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:hsla(0,0%,100%,.1);transition:all .3s}.all-books-page .top-banner .content-wrap .banner-content .btn-three:hover:before{opacity:0;transform:scale(.5)}.all-books-page .top-banner .content-wrap .banner-content .btn-three:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:all .3s;border:1px solid hsla(0,0%,100%,.8);transform:scale(1.2)}.all-books-page .top-banner .content-wrap .banner-content .btn-three:hover:after{opacity:1;transform:scale(1)}.all-books-page .filter-wrapper{width:100%;display:flex;align-items:center;justify-content:start;gap:20px;padding:40px 60px;flex-wrap:wrap}@media screen and (min-width:1024px){.all-books-page .filter-wrapper{flex-wrap:nowrap;padding:60px 112px}}.all-books-page .filter-wrapper .filtrar-por{font-size:18px;font-weight:700;color:#1b3764;white-space:nowrap}.all-books-page .all-books-wrap{display:grid;grid-template-columns:1fr;grid-row-gap:40px;row-gap:40px;padding:60px}@media screen and (min-width:1024px){.all-books-page .all-books-wrap{grid-template-columns:repeat(auto-fill,minmax(367px,1fr));padding:0 112px 112px}}.book-item{display:flex;flex-direction:column;align-items:flex-start}.book-item .book-img-wrap{background:url(/assets/images/gradient-back.png);background-repeat:no-repeat;background-size:cover;padding:45px;width:320px;border-radius:12px;transition:all .3s ease-in-out;box-shadow:0 2px 4px 4px rgba(.8,.8,.7,.02)}@media screen and (min-width:1024px){.book-item .book-img-wrap{height:457px;width:367px}}.book-item .book-img-wrap .book-img{width:100%;height:100%;border-radius:12px;transition:all .3s ease-in-out;object-fit:contain}.book-item .book-img-wrap:hover{cursor:pointer}.book-item .book-img-wrap:hover .book-img{transform:scale(1.05)}.book-item .book-info{padding-top:20px;display:flex;flex-direction:column;gap:10px;align-items:start;text-align:left;max-width:90%}.book-item .book-info .book-title{font-size:24px;font-weight:700;color:#1b3764}.book-item .book-info .book-desc{font-weight:400;font-size:15px;color:#969aa0;line-height:180%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.book-item .book-info .category-wrap{display:flex;align-items:center;gap:13px}.book-item .book-info .category-wrap .dot{width:16px;height:16px;background-color:#ffca42;border-radius:50%}.book-item .book-info .category-wrap .name{font-size:20px;font-weight:400;line-height:120%;color:#1b3764}