@import url('/css/common.css');.products{padding:50px 0;text-align:center}.busqueda-filtros{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;align-items:center;justify-content:space-between;margin:20px auto;width:80%;max-width:550px;gap:10px}.busqueda{grid-column:1 / -1;padding:10px;align-items:center;width:100%;display:flex}.campo-busqueda{border:1px solid #ccc;border-radius:5px;padding:10px;font-size:16px;width:100%;flex:1}.boton-busqueda{background-color:#000;color:#fff;border:0;border-radius:5px;padding:10px;cursor:pointer;margin-left:10px}.boton-busqueda:hover{background-color:#333}.icono-lupa{font-size:20px}.filtros{padding:10px;grid-column:span 1;display:flex}.filtros label{font-size:18px;padding-top:10px}.select-filtro{border:1px solid #ccc;border-radius:5px;padding:10px;font-size:16px}.no-resultados{display:none;align-items:center;justify-content:center;padding:1rem;background-color:#f7f7f7;border-radius:4px;margin-top:1rem}.no-resultados p{font-size:16px;margin:0;color:#777}.no-resultados .icono-busqueda{display:inline-block;margin-right:.5rem;width:16px;height:16px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M15.5 14h-.79l-.28-.27C15.11 12.55 14.77 11.1 14 9.65c-.77-1.45-1.77-2.65-3-3.59C10.23 3 9 2.35 7.7 2c-.3.05-.59.15-.87.3L5.63 4.27C5.15 4.89 4.7 5.63 4.34 6.47c-.36.84-.7 1.75-1 2.7L2.29 13.71C2.1 14.07 1.9 14.4 1.7 14.63c-.2.23-.39.4-.57.53-.18.13-.36.2-.53.27-.17.07-.33.1-.5.13H.5C.22 14.78 0 14.56 0 14.29V1.71C0 .44.22.22.5.13h15c.28 0 .5.11.63.29C15.78.44 16 .72 16 1.01v12.28c0 .27-.22.49-.5.63-.28.14-.56.23-.84.27z'/></svg>");background-size:contain}.no-resultados strong{font-weight:600;color:#333}.spinner-container{display:none;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);z-index:999}.spinner-container.active{display:block}.imagen-spinner-container{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999}.imagen-spinner-container.active{display:block}.spinner{width:50px;height:50px;border:5px solid #ccc;border-radius:50%;border-top-color:#000;animation:spinner-rotate 1s linear infinite}.product-content{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}.product{display:flex;justify-content:center;text-align:center;padding:30px;box-shadow:0 0 20px rgba(0,0,0,0.1)}.image-container{height:fit-content}.product img{width:100%;height:100%;margin-bottom:20px}.product .product-txt{float:left;padding-left:25px;font-size:13px}.product h4{font-size:20px;color:#111;text-transform:uppercase;margin-bottom:15px}.product p,.precio{font-size:16px;color:#111;margin-bottom:15px}.precio{font-weight:800}.paginacion-inicial{display:flex;justify-content:space-between;margin:20px 0}.agregar{padding:10px 15px;border:1px solid #ccc;border-radius:5px;text-decoration:none;color:#fbfafd;background-color:#1f0d86;transition:all .3s ease-in-out}.agregar:hover{background-color:#0c0636}.eliminar{float:right;padding:5px 5px;border:1px solid #ccc;border-radius:5px;text-decoration:none;color:#fbfafd;background-color:red;transition:all .3s ease-in-out;height:30px}.eliminar:hover{background-color:#b4002d}.paginacion-final{display:flex;justify-content:right;align-items:flex-end;margin:20px 0}.anterior,.siguiente{padding:10px 15px;border:1px solid #ccc;border-radius:5px;text-decoration:none;color:#333;transition:all .3s ease-in-out}.anterior:hover,.siguiente:hover{background-color:#ddd}button.anterior.disabled{opacity:.5;cursor:not-allowed}.paginacion-final button.siguiente.disabled{opacity:.5;cursor:not-allowed}#anterior{font-size:1.5rem;padding:.5rem;border:0;background-color:#f0f0f0;cursor:pointer}#anterior i{font-size:inherit}#siguiente{font-size:1.5rem;padding:.5rem;border:0;background-color:#f0f0f0;cursor:pointer}#siguiente i{font-size:inherit}#carrusel{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center}#imagenAmpliada{max-width:100%;max-height:100%}#anterior,#siguiente{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,0.5);color:white;border:0;padding:10px;cursor:pointer}#anterior{left:10px}#siguiente{right:10px}@keyframes spinner-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(max-width:600px){.busqueda{width:90%}.busqueda-filtros{grid-template-columns:1fr;width:100%}.filtros{width:90%}.products{padding:0 30px 30px 30px;max-width:550px}.paginacion-inicial{max-width:100%}.product-content{grid-template-columns:repeat(1,1fr);gap:30px}.product{flex-direction:column}.product img{cursor:pointer;width:100%;height:auto}.product .product-txt{float:left;font-size:15px}.product .eliminar{width:30px;margin-left:90%}.paginacion-final{max-width:100%}}@media(min-width:601px) and (max-width:1024px){#anterior{left:10%}#siguiente{right:10%}.product img{height:fit-content}}@media(min-width:1025px){#anterior{left:25%}#siguiente{right:25%}.product img{height:fit-content}}