.catalogo-wrapper{padding:.5vw}.catalogo-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem;border-bottom:1px solid hsla(0,0%,50%,.674);margin-bottom:1rem}.catalogo-header h2{font-weight:600!important;transform:scale(1.1)}.search-bar{position:relative;display:inline-block;margin-left:1rem}.search-bar input{width:250px;padding:.5rem .75rem .5rem 2.5rem;border-radius:5px;border:1px solid #ccc}.search-bar .search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#888;pointer-events:none}.catalogo-header h2{font-weight:500}.order-select{display:flex;align-items:center;gap:.7rem}#order{border-radius:5px;padding:.3rem}.filter-modal{position:absolute;right:0;top:16vh;height:100vw;width:100vw;background-color:rgba(0,0,0,.199);z-index:500}.filter-modal-content{background-color:#fff;position:absolute;right:0;height:100%;width:30vw;padding:2rem 1rem 1rem;display:flex;flex-direction:column;gap:1rem}.close-modal-btn{position:absolute;top:1rem;right:1rem;cursor:pointer}.filter-modal-content select{padding:.5rem;border-radius:5px}.catalogo-header-filters{gap:2rem}.catalogo-header-filters,.catalogo-pagination{display:flex;align-items:center;justify-content:center}.catalogo-pagination{gap:.75rem;margin:1.5rem 0 2rem;flex-wrap:wrap}.pagination-btn,.pagination-page{border:1px solid #d1d5db;background:#fff;color:#111827;border-radius:8px;padding:.55rem .9rem;font-size:.9rem;cursor:pointer;transition:all .2s ease}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-page{min-width:2.5rem}.pagination-page.active{background:#111827;border-color:#111827;color:#fff}.pagination-pages{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}@media screen and (max-width:768px){.catalogo-header-filters{width:100%;gap:1rem}.catalogo-header h2{width:100vw;font-weight:600;transform:scale(1.05);text-align:center}.catalogo-header .search-bar{width:calc(50% - 1rem)}.catalogo-header input{width:100%}.catalogo-header .order-select{width:calc(50% - 1rem)}.catalogo-header .order-select select{width:100%}}