.products-container{display:flex;justify-content:center;gap:30px;padding:20px 0;flex-wrap:wrap;position:relative;margin:0 auto;width:90%;height:max-content}.product-card{border-radius:15px;width:350px;max-width:100%;text-align:center;position:relative;justify-content:space-between;overflow:hidden;-webkit-backdrop-filter:var(--backdrop);backdrop-filter:var(--backdrop);box-shadow:var(--shadow);background-color:var(--glasmorphism);background:black}.product-card,.product-data{display:flex;align-items:center;flex-direction:column}.product-data{width:100%;justify-content:center;gap:10px;padding:16px}.product-data input,.product-data textarea{width:100%;height:max-content;padding:8px;resize:none;border-radius:6px;border:none;outline:none}.product-image{width:100%;height:300px;background:var(--dark-color);object-fit:cover;transition:opacity .3s ease}.product-title{font-size:1.5rem;text-transform:uppercase}.product-description,.product-title{color:var(--light-color);text-shadow:2px 2px 2px rgba(0,0,0,.7)}.product-description{font-size:1rem;opacity:.9}.product-racionable{font-size:1.2rem;font-weight:700;color:var(--llamative-color);text-shadow:2px 2px 2px rgba(0,0,0,.7)}.product-price{top:10px;right:10px;display:flex;align-items:center;justify-content:center;padding:6px 12px;font-size:16px;border-radius:12px;border:2px solid var(--light-color)}.product-category,.product-price{position:absolute;color:var(--light-color);font-weight:700;background-color:var(--dark-color)}.product-category{top:160px;left:-90px;width:100%;font-size:.9rem;padding:5px 10px;border-radius:5px;transform:rotate(-45deg);transform-origin:left top;border:2px solid var(--light-color)}.product-button{width:100%;border:none;padding:12px;font-size:18px;font-weight:700;cursor:pointer;text-shadow:none;color:black;background:var(--llamative-color)}.products-filtrar-button{position:fixed;bottom:20px;left:20px;padding:8px 16px;border-radius:6px;font-weight:700;background:black;color:whitesmoke;border:2px solid whitesmoke;font-size:20px;outline:none;cursor:pointer;z-index:99}.filter-sidebar{position:fixed;width:500px;max-width:75%;top:72px;left:0;background:black;height:calc(100vh - 72px);transform:translateX(-100%);opacity:0;visibility:hidden;z-index:2;border:3px solid black;transition:transform .3s ease-in-out,opacity .3s ease-in-out,visibility .3s}.close-icon{position:absolute;top:10px;right:10px;font-size:22px;cursor:pointer}.filter-sidebar.active{transform:translateX(0);opacity:1;visibility:visible}.filter-sidebar-list{height:100%;justify-content:center;gap:40px}.filter-sidebar-list,.input-group{display:flex;align-items:center;flex-direction:column}.input-group{width:100%;justify-content:flex-start;padding:10px;gap:10px;border-radius:6px;color:black;background:var(--llamative-color)}