.grid-product{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width:768px){.grid-product{grid-template-columns:.3fr 1fr}}.itemproduct{grid-column:1;@media (min-width:768px){grid-column:2}}.itemfilter{margin-top:20px;grid-column:1;@media (min-width:768px){grid-column:1}}.title-producto{background-color:black;border-radius:.25rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);margin-bottom:1rem}.filter,.title-producto{color:white;padding:1rem}.filter{width:100%;background:rgba(0,0,0,.4);border-radius:.4rem;box-shadow:0 4px 6px rgba(252,252,252,.13)}@media (min-width:768px){.filter{width:23%}}@media (min-width:1024px){.filter{width:18%}}.input-radio-Category:hover{background-color:rgb(182,182,182);color:black;border-radius:.2rem;box-shadow:0 4px 6px rgba(252,252,252,.13)}.contenedor-paginacion{margin-top:20px}.contenedor-paginacion,.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.pagination{background-color:rgb(3,3,3);border-radius:50px;padding:.5rem;box-shadow:0 4px 6px rgba(252,252,252,.13);gap:.5rem;margin:0 auto;cursor:pointer}.btn-paginacion-back,.btn-paginacion-next{margin:.25rem;padding:.25rem .75rem;background-color:#e5e7eb;transition:background-color .2s ease}.btn-paginacion-next{border-radius:0 15px 15px 0}.btn-paginacion-back{border-radius:15px 0 0 15px}.btn-paginacion-next:hover{background-color:#e0ac00}.active-page,.btn-paginacion-back:hover{background-color:#D4AF37}.active-page{color:white}.btn-toggle-filter{display:block;background-color:#d4aa37;color:rgb(0,0,0);border:none;padding:.5rem 1rem;font-size:1rem;border-radius:5px;cursor:pointer;margin-top:30px}@media (min-width:768px){.btn-toggle-filter{display:none}}#filterMenu{display:none}#filterMenu.active{display:block}@media (min-width:768px){#filterMenu{display:block!important}}.loader{--hue:210;--size:100px;--border:10px;--speed:1s;--blur:var(--border);width:var(--border);top:38%;left:55%;aspect-ratio:1;--y:calc((var(--size) * -0.5) + (var(--border) * 0.5));transform:rotate(0deg) translateY(var(--y));animation:spin var(--speed) infinite linear}.loader,.loader:before{background:white;border-radius:50%;position:absolute}.loader:before{content:"";inset:calc(var(--border) * -.5);filter:blur(var(--blur));z-index:-1}.loader:after{content:"";width:var(--size);aspect-ratio:1;position:absolute;top:0;left:50%;translate:-50% 0;background:conic-gradient(white,hsl(var(--hue),100%,70%),hsl(var(--hue),100%,10%),transparent 65%);border-radius:50%;mask:radial-gradient(transparent calc(((var(--size) * .5) - var(--border)) - 1px),white calc((var(--size) * .5) - var(--border)))}@keyframes spin{to{transform:rotate(-1turn) translateY(var(--y))}}