html,body{font-family:Roboto,sans-serif;background-color:#414242;width:100%;margin:0 auto;padding:0;display:flex;justify-content:center;height:100vh;background-image:url(/frutas-verduras.webp);background-position:center;background-size:contain;background-repeat:no-repeat;letter-spacing:1.5px;font-size:12px;overflow:hidden}#root{width:100%;display:flex;margin:0 auto;justify-items:center}.container{display:flex;width:90%;max-width:100vw;margin:0 auto;flex-direction:column;justify-content:start;background:#1b1a1a80;padding:15px;box-shadow:0 4px 10px #0000001a;text-align:center;overflow:hidden}.titulo-web{margin-top:10px;height:auto;margin-bottom:10px;background-color:#f4efac;width:90vw;padding:5px 0}.title{font-size:24px;margin-bottom:20px;color:#fff}.empty-message{display:flex;margin:0 auto;padding:0 auto;text-align:center}.input-group{width:90%;display:flex;gap:10px;margin-top:60px;margin-bottom:20px;position:fixed;top:10;left:center}.input{width:100%}.quantity-input{width:50%}.add-button{background:#007bff;color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer;font-size:18px}.add-button:hover{background:#0056b3}.normal-list-container{margin-top:35px;overflow-y:auto;max-height:calc(100vh - 300px)}.normal-list-background,.organized-list-background{background-attachment:fixed}.organized-list-container{width:100%;max-width:800px;margin:40px auto 0;display:flex;flex-direction:column;height:100vh;overflow:hidden}.organized-list{flex-grow:1;overflow-y:auto;max-height:calc(100vh - 350px);padding-bottom:10px}.category-items{max-height:0;overflow:hidden;transition:max-height .4s ease-in-out}.category-items.expanded{display:flex;flex-direction:column;overflow-y:auto;max-height:calc(100vh - 350px)}.normal-list-background{width:90%;position:fixed;flex-grow:1;background-image:url(/blog-de-notas.avif);background-position:center}.list-container{overflow-y:auto;max-height:calc(100vh - 450px);padding:5px 10px 10px;margin-top:25px;display:flex;flex-direction:column}.list-item{display:flex;justify-content:space-between;align-items:center;background-color:#fffc;padding:10px;border-radius:5px;margin-bottom:5px;font-weight:700;font-size:14px}.list-item span{display:flex;flex-wrap:wrap;flex-direction:row;width:50%}.remove-button{background:red;border:none;color:#fff;font-size:18px;cursor:pointer}.remove-button:hover{color:#8b0000}.remove-button:click{color:#8b0000}.clear-button{background:red;color:#fff;border:none;padding:10px;border-radius:5px 5px 0 0;cursor:pointer;width:100%;margin-top:10px}.clear-button:hover{background:#8b0000}.view-list-button,.back-button{position:fixed;bottom:35px;right:20px;padding:10px;border-radius:50px;font-size:20px;cursor:pointer;transition:opacity .3s ease-in-out;text-align:center}.total-price{position:fixed;bottom:20px;right:50%;padding:10px;border-radius:50px;font-size:20px;cursor:pointer;text-align:center;background-color:#fff}.view-list-button.active,.back-button{background:#28a745;color:#fff;border:none;display:flex;gap:5px}.view-list-button.disabled{background:#28a74580;color:#fff;border:none;cursor:not-allowed;display:flex;gap:5px}.view-list-button img{width:25px}.category-section{display:flex;flex-direction:column;width:100%;border-bottom:1px solid #ddd;background:#fff}.category-header{position:sticky;top:0;background:#f8f9fa;z-index:10;padding:10px;font-weight:700;font-size:18px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin:0}.category-items{border-radius:5px;margin-top:5px;background:#f9f9f9}.category-item{display:flex;flex-direction:column;justify-content:space-between;background:#fff;padding:10px;border-radius:5px;margin-bottom:5px;box-shadow:0 2px 5px #0000001a}.category-item input[type=checkbox]{transform:scale(1.6)}.category-item input[type=text]{width:60px;height:25px;padding:1px;border:1px solid #ccc;border-radius:5px;text-align:center}.category-item span{flex:1;font-size:16px}.unit-controls button:nth-last-of-type(1){margin-left:5px}.unit-controls button:nth-last-of-type(2){margin-right:5px}.duplicate-message{position:fixed;width:100%;top:10px;left:50%;transform:translate(-50%);background-color:red;color:#fff;padding:10px 20px;border-radius:5px;font-size:16px;font-weight:700;z-index:9999;box-shadow:0 4px 6px #0000001a}.quantity-controls{width:1%;display:flex;justify-content:center;text-align:center}.quantity-button{width:25px;height:25px;border-radius:50%;margin-right:5px;display:flex;align-items:center;justify-content:center;text-align:center}.plus:active{background-color:green}.minus:active{background-color:red}.item-header{display:flex;align-items:center;justify-content:space-between;width:100%;font-weight:700;padding-bottom:5px;font-size:14px}.item-header input[type=checkbox]{margin-right:10px;transform:scale(1.3)}.item-header span{flex:1;text-align:left;font-size:14px}.item-controls{display:flex;align-items:center;justify-content:space-around;gap:10px;padding-top:5px}.quantity-container{display:flex;justify-content:start}.quantity-button{width:20px;height:20px;font-size:14px;background-color:#ddd;border:none;cursor:pointer;border-radius:5px}.quantity-button:hover{background-color:#ccc}.price-container input{margin-right:5px}.purchased-units{min-width:30px;text-align:center;font-weight:700}.price-input{width:50px;padding:3px;border:1px solid #ccc;border-radius:5px;text-align:right}.price-input::placeholder{color:#aaa}.toggle-button{background:none;border:none;font-size:18px;cursor:pointer}.toggle-button:hover{color:#007bff}.notification{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#4caf50;color:#fff;padding:10px 20px;border-radius:5px;font-weight:700;box-shadow:0 4px 10px #0003}.warning{background-color:red}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.checkbox-wrapper-19{box-sizing:border-box;--background-color: #fff;--checkbox-height: 20px}.item-checkbox{display:none}.check-box{height:var(--checkbox-height);width:var(--checkbox-height);background-color:transparent;border:calc(var(--checkbox-height) * .1) solid #000;border-radius:5px;position:relative;display:inline-block;box-sizing:border-box;transition:border-color ease .2s;cursor:pointer;margin-right:5px}.check-box:before,.check-box:after{position:absolute;height:0;width:calc(var(--checkbox-height) * .2);background-color:#34b93d;display:inline-block;transform-origin:left top;border-radius:5px;content:" ";transition:opacity ease .5}.check-box:before{top:calc(var(--checkbox-height) * .72);left:calc(var(--checkbox-height) * .41);box-shadow:0 0 0 calc(var(--checkbox-height) * .05) var(--background-color);transform:rotate(-135deg)}.check-box:after{top:calc(var(--checkbox-height) * .37);left:calc(var(--checkbox-height) * .05);transform:rotate(-45deg)}.item-checkbox:checked+.check-box,.check-box.checked{border-color:#34b93d}.item-checkbox:checked+.check-box:after,.check-box.checked:after{height:calc(var(--checkbox-height) / 2);animation:dothabottomcheck-19 .2s ease 0s forwards}.item-checkbox:checked+.check-box:before,.check-box.checked:before{height:calc(var(--checkbox-height) * 1.2);animation:dothatopcheck-19 .4s ease 0s forwards}@keyframes dothabottomcheck-19{0%{height:0}to{height:calc(var(--checkbox-height) / 2)}}@keyframes dothatopcheck-19{0%{height:0}50%{height:0}to{height:calc(var(--checkbox-height) * 1.2)}}.total-container{width:auto;overflow:hidden;max-width:150px;height:auto;margin:0 auto;position:fixed;bottom:35px;left:30%;transform:translate(-50%);background:#f0f0f0;padding:0 10px;border-radius:10px;font-size:10px}.export-container{width:auto;display:flex;justify-content:center;position:fixed;bottom:35px;left:10%;flex-direction:column;align-items:center;margin-top:20px}.button,.tick{display:flex;justify-content:center;align-items:center;font-family:sans-serif;cursor:pointer}.button{width:auto;height:50px;background:green;border-radius:6px;transition:all .3s cubic-bezier(.67,.17,.4,.83);border:none;font-size:16px;color:#fff;font-weight:700}.button:hover{background:#00bfff}.button:active{transform:scale(.98)}.button__circle .tick{display:flex;align-items:center;justify-content:center}.button svg{transition:all .5s}.footer-container{position:fixed;bottom:-345px;left:0;width:100%;background:#f8f9fa;box-shadow:0 -2px 5px #0003;padding:10px 20px;text-align:center;transition:bottom .3s ease-in-out;z-index:100}.footer-container.open{bottom:0}.footer-toggle{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#007bff;color:#fff;border:none;padding:8px 15px;font-size:16px;border-radius:5px;cursor:pointer}.faq-item{margin:10px 0;text-align:left;padding-right:30px}.faq-title{display:block;width:100%;padding:8px;background:#e9ecef;border:none;cursor:pointer;text-align:left;font-size:16px}.faq-title:hover{background:#d6d8db}.faq-text{display:block;padding:8px;background:#fff;border-left:3px solid #007bff;font-size:14px}