.container-card{background-color:#f2f2f2;display:grid;justify-content:center;grid-gap:17px;gap:17px;padding-bottom:40px;padding-top:40px}@media (min-width:320px) and (max-width:479px){.container-card{grid-template-columns:auto;grid-gap:8px;gap:8px}}@media (min-width:480px) and (max-width:599px){.container-card{grid-template-columns:auto;grid-gap:8px;gap:8px;padding-left:20px;padding-right:20px}}@media (min-width:600px) and (max-width:767px){.container-card{grid-template-columns:auto;grid-gap:8px;gap:8px}}@media (min-width:768px) and (max-width:1024px){.container-card{grid-template-columns:auto auto;grid-gap:8px;gap:8px}}@media (min-width:1025px){.container-card{grid-template-columns:235px 235px 235px 235px;padding-left:200px;padding-right:200px}}.container-img{width:100%;height:300px;width:235px}.container-img img{width:100%;height:100%;border-start-start-radius:12px;border-start-end-radius:12px}.div-name h5{display:inline;width:100%}.product-name{width:235px;height:120px;background-color:#343a40;color:#fff;padding:10px;border-end-end-radius:12px;border-end-start-radius:12px}.div-name{width:100%;margin-bottom:5px;text-align:center}.button-add{background-color:#007bff;color:#fff;padding:5px 30px;border:none;border-radius:25px;cursor:pointer;font-size:16px;margin-top:10px;width:100%}.button-add:hover{background-color:#0056b3}.button-add:active{background-color:#036}.product-card{transition:all .3s}.product-card:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.monto{margin-left:10px;font-size:16px}.product-name .img-carrito{width:22px;height:22px}.product-name .img-carrito img{width:100%;height:100%;-webkit-filter:invert(100%);filter:invert(100%)}@media (max-width:320px){.product-card .div-name h5{font-size:15px}.product-name .monto{font-size:12px}.product-card .button-add{visibility:visible;font-size:16px;border:none;border-radius:25px;cursor:pointer;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:10px;width:140px;display:flex;justify-content:center;padding:1px 0}.container-img{height:230px;width:160px}.product-name{width:160px;height:120px;position:relative}.product-name .img-carrito{width:22px;height:22px}.product-name .img-carrito img{width:100%;height:100%;-webkit-filter:invert(100%);filter:invert(100%)}.product-name .monto{position:absolute;bottom:40px}}@media (min-width:320px) and (max-width:477px){.product-card .button-add{visibility:visible;font-size:16px;border:none;border-radius:25px;cursor:pointer;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:10px;width:200px;display:flex;justify-content:center;padding:4px 0}.product-name{position:relative}.product-name .img-carrito{width:22px;height:22px}.product-name .img-carrito img{width:100%;height:100%;-webkit-filter:invert(100%);filter:invert(100%)}.product-name .monto{position:absolute;bottom:50px}}@media (min-width:477px) and (max-width:600px){.product-card .button-add{visibility:visible;font-size:16px;border:none;border-radius:25px;cursor:pointer;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:10px;width:200px;display:flex;justify-content:center;padding:4px 0}.product-name{position:relative}.product-name .img-carrito{width:22px;height:22px}.product-name .img-carrito img{width:100%;height:100%;-webkit-filter:invert(100%);filter:invert(100%)}.product-name .monto{position:absolute;bottom:50px}}@media (min-width:600px) and (max-width:768px){.product-card .button-add{visibility:visible;font-size:16px;border:none;border-radius:25px;cursor:pointer;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:10px;width:200px;display:flex;justify-content:center;padding:4px 0}.product-name{position:relative}.product-name .img-carrito{width:22px;height:22px}.product-name .img-carrito img{width:100%;height:100%;-webkit-filter:invert(100%);filter:invert(100%)}.product-name .monto{position:absolute;bottom:50px}}@media (min-width:768px) and (max-width:1024px){.product-card .button-add{visibility:visible;font-size:16px;border:none;border-radius:25px;cursor:pointer;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:10px;width:200px;display:flex;justify-content:center;padding:4px 0}.product-name{height:120px;position:relative}.product-name .img-carrito{width:22px;height:22px}.product-name .img-carrito img{width:100%;height:100%;-webkit-filter:invert(100%);filter:invert(100%)}.product-name .monto{position:absolute;bottom:50px}}@media (min-width:1025px) and (max-width:1279px){.product-card .button-add{visibility:visible;font-size:16px;border:none;border-radius:25px;cursor:pointer;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:10px;width:200px;display:flex;justify-content:center;padding:4px 0}.product-name{height:150px;position:relative}.product-name .img-carrito{width:22px;height:22px}.product-name .img-carrito img{width:100%;height:100%;-webkit-filter:invert(100%);filter:invert(100%)}.product-name .monto{position:absolute;bottom:50px}}@media (min-width:1279px){.product-card .button-add{visibility:hidden;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:10px;width:215px}.product-card:hover .button-add{visibility:visible}.product-name{height:150px;position:relative}.product-name .monto{position:absolute;bottom:50px}}.container-li{display:flex;justify-content:space-between;padding-left:80px;padding-right:80px}.name-quantity{width:200px}.button-monto{width:200px;margin-top:35px}.img{width:100%}.image{width:100px}.container-li .monto{font-weight:600}.container-total{display:flex;justify-content:space-between;padding-left:200px;padding-right:120px}.container-total .monto-pagar,.container-total .total-pagar{width:200px}@media (min-width:250px) and (max-width:480px){.image{width:74px}.container-li{padding-left:15px;padding-right:15px}.button-monto{width:500px;margin-top:5px}.container-li,.container-li .monto{font-size:small}.name-quantity{width:140px}.container-total{padding-left:40px;padding-right:80px;font-size:small}.container-total .total-pagar{width:80px}.container-total .monto-pagar{width:50px}.button-monto button{width:26px;height:26px;display:flex;justify-content:center;align-items:center}.button-monto button .fa{font-size:13px}}@media (min-width:480px) and (max-width:600px){.image{width:80px}.container-li{padding-left:25px;padding-right:25px}.button-monto{width:500px;margin-top:5px}.name-quantity{margin-right:35px}.container-total{padding-left:100px;padding-right:120px}.container-total .monto-pagar,.container-total .total-pagar{width:100px}}@media (min-width:600px) and (max-width:769px){.image{width:80px}.container-li{padding-left:25px;padding-right:25px}.button-monto{width:500px;margin-top:5px}.name-quantity{margin-right:35px}.container-total{padding-left:70px;padding-right:60px}.container-total .monto-pagar,.container-total .total-pagar{width:100px}}@media (min-width:769px) and (max-width:1023px){.container-li{padding-left:25px;padding-right:25px}.container-total{padding-left:200px;padding-right:120px}.container-total .total-pagar{width:100px}.container-total .monto-pagar{width:120px}}
/*# sourceMappingURL=main.9178ea1a.chunk.css.map */