body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.product-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s,box-shadow .3s}.product-card:hover .product-image img{transform:scale(1.05)}.product-image{align-items:center;background:#fff;display:flex;flex-shrink:0;height:200px;justify-content:center;overflow:hidden}.product-image img{height:100%;object-fit:contain;transition:transform .3s;width:100%}.product-image.fixed-height{height:250px}.product-image.fixed-height img{height:100%;object-fit:contain;width:100%}.out-of-stock-badge{background:#000c;border-radius:4px;color:#fff;font-size:12px;font-weight:700;padding:4px 8px;position:relative;right:10px;top:10px;z-index:1}.product-info{display:flex;flex:1 1;flex-direction:column;padding:15px}.product-title{color:#333;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 8px}.product-code{color:#666;font-size:12px;margin:0 0 4px}.product-unit{color:#666;font-size:12px;margin:0 0 8px}.product-price-row{align-items:center;display:flex;justify-content:space-between;margin-top:auto;padding-top:10px}.product-price{color:#2c7da0;font-size:16px;font-weight:700}.product-stock{border-radius:4px;font-size:12px;padding:2px 6px}.in-stock{background:#d4edda;color:#155724}.out-stock{background:#f8d7da;color:#721c24}.select-product-btn{background:#25d366;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:8px;transition:background .3s;width:100%}.select-product-btn:hover{background:#128c7e}.image-zoom-hint{background:#0009;border-radius:4px;bottom:10px;color:#fff;font-size:11px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;right:10px;transition:opacity .3s}.product-image:hover .image-zoom-hint{opacity:1}.product-image:hover img{transform:scale(1.05)}.product-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:20px}.loading-container{padding:50px;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#2c7da0;height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-products{color:#666;padding:50px;text-align:center}@media (max-width:768px){.product-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:15px}}.filter-sidebar{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.filter-sidebar h3{color:#333;font-size:18px;margin:0 0 15px}.categories-list{display:flex;flex-direction:column;gap:10px}.category-btn{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:14px;padding:8px 12px;text-align:left;transition:all .3s}.category-btn:hover{background:#f0f0f0;color:#333}.category-btn.active{background:#2c7da0;color:#fff}.filter-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;overflow-x:auto;padding-bottom:5px}.chip{background:#f0f0f0;border:none;border-radius:30px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s;white-space:nowrap}.chip.active{background:#2c7da0;color:#fff}.chip:hover{background:#e0e0e0;transform:translateY(-2px)}@media (max-width:768px){.filter-chips{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:thin}.chip{font-size:13px;padding:6px 14px}}.search-bar{margin-bottom:20px}.search-input{transition:border-color .3s}.search-bar{margin-bottom:12px;position:relative}.search-icon{color:#999;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:1px solid #ddd;border-radius:8px;font-size:16px;padding:12px 15px 12px 45px;transition:all .3s;width:100%}.search-input:focus{border-color:#2c7da0;box-shadow:0 0 0 2px #2c7da033;outline:none}@media (max-width:768px){.search-bar{margin-bottom:10px}.search-input{font-size:14px;padding:10px 12px 10px 40px}.search-icon{font-size:14px;left:12px}}.contact-info{margin-bottom:20px;position:relative}.contact-toggle-btn{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:12px 20px;transition:all .3s ease;width:100%}.contact-toggle-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.contact-toggle-btn:active{transform:translateY(0)}.contact-card{animation:slideDown .3s ease;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-top:15px;padding:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-card h3{border-bottom:2px solid #25d366;color:#333;display:inline-block;font-size:18px;margin:0 0 15px;padding-bottom:8px}.contact-item{background:#f8f9fa;border-radius:8px;margin-bottom:12px;padding:15px;transition:all .3s ease}.contact-item:hover{background:#f0f0f0;transform:translateX(5px)}.contact-details{margin-bottom:10px}.contact-details strong{color:#2c7da0;display:block;font-size:16px;margin-bottom:5px}.contact-role{background:#e0e0e0;border-radius:12px;color:#666;display:inline-block;font-size:12px;padding:2px 8px}.contact-actions{display:flex;gap:10px;margin-top:10px}.contact-email,.contact-whatsapp{align-items:center;border-radius:6px;display:inline-flex;font-size:14px;font-weight:500;gap:5px;padding:8px 15px;text-decoration:none;transition:all .3s ease}.contact-whatsapp{background:#25d366;color:#fff}.contact-whatsapp:hover{background:#128c7e;transform:scale(1.05)}.contact-email{background:#3498db;color:#fff}.contact-email:hover{background:#2980b9;transform:scale(1.05)}@media (max-width:768px){.contact-toggle-btn{font-size:14px;padding:10px 15px}.contact-card{padding:15px}.contact-card h3{font-size:16px}.contact-item{padding:12px}.contact-details strong{font-size:14px}.contact-actions{flex-direction:column}.contact-email,.contact-whatsapp{font-size:13px;justify-content:center;padding:8px 12px}}@media (max-width:480px){.contact-card{padding:12px}.contact-item{padding:10px}.contact-role{font-size:10px}}.product-selector{bottom:100px;position:fixed;right:10px;z-index:500}.cart-float{animation:pulse 2s infinite;background:#25d366;border:none;border-radius:50px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:15px 20px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.cart-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.cart-modal-content{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.cart-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px}.cart-items{flex:1 1;overflow-y:auto;padding:15px}.cart-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:15px;padding:10px}.cart-item img{border-radius:8px;height:60px;object-fit:cover;width:60px}.cart-item-details{flex:1 1}.cart-item-details h4{font-size:14px;margin:0 0 5px}.quantity-control{align-items:center;display:flex;gap:10px;margin-top:5px}.quantity-control button{background:#fff;border:1px solid #ddd;border-radius:50%;cursor:pointer;height:25px;width:25px}.remove-item{background:none;border:none;cursor:pointer;font-size:20px}.cart-footer{border-top:1px solid #e0e0e0;padding:15px 20px}.cart-total{margin-bottom:15px;text-align:right}.cart-actions{display:flex;gap:10px;justify-content:space-between}.clear-cart,.send-whatsapp{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 15px}.send-whatsapp{background:#25d366;color:#fff}.send-whatsapp.secondary{background:#128c7e}.clear-cart{background:#dc3545;color:#fff}.cart-badge{background:#f44;border-radius:50%;color:#fff;font-size:10px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:-8px;top:-8px}.empty-cart{color:#999;padding:40px 20px;text-align:center}.empty-cart-hint{color:#bbb;font-size:12px;margin-top:10px}.cart-summary{background:#f8f9fa;border-radius:8px;margin-bottom:15px;padding:12px}.cart-total-items{color:#666;font-size:14px;margin-bottom:8px}.cart-total{color:#2c7da0;font-size:18px}.recipient-modal{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.recipient-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.recipient-header{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-bottom:2px solid #f0f0f0;color:#fff;display:flex;justify-content:space-between;padding:20px}.recipient-header h2{font-size:18px;margin:0}.recipient-header .close-btn{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:30px;transition:all .3s;width:30px}.recipient-header .close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.recipient-list{flex:1 1;overflow-y:auto;padding:15px}.recipient-card{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:15px;margin-bottom:12px;padding:15px;text-align:left;transition:all .3s ease;width:100%}.recipient-card:hover{background:#e8f5e9;border-color:#25d366;transform:translateX(5px)}.recipient-avatar{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;font-size:40px;height:60px;justify-content:center;width:60px}.recipient-info{flex:1 1}.recipient-info h3{color:#333;font-size:16px;margin:0 0 5px}.recipient-role{color:#25d366;font-size:12px;font-weight:600;margin:0 0 3px}.recipient-department{color:#666;font-size:11px;margin:0}.recipient-whatsapp-icon{font-size:24px;opacity:.6;transition:opacity .3s}.recipient-card:hover .recipient-whatsapp-icon{opacity:1}.recipient-footer{background:#fafafa;border-top:1px solid #e0e0e0;padding:15px 20px}.recipient-note{color:#666;font-size:12px;margin:0;text-align:center}@media (max-width:768px){.recipient-card{padding:12px}.recipient-avatar{font-size:32px;height:50px;width:50px}.recipient-info h3{font-size:14px}.recipient-role{font-size:11px}.recipient-header h2{font-size:16px}}@media (max-width:480px){.recipient-card{flex-direction:column;text-align:center}.recipient-whatsapp-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%)}.recipient-info{text-align:center}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-container{height:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.lightbox-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s;width:40px;z-index:10}.lightbox-close:hover{background:#000c;transform:rotate(90deg)}.lightbox-image-container{align-items:center;background:#f5f5f5;display:flex;flex:1.2 1;justify-content:center;min-height:0;padding:30px}.lightbox-image{border-radius:8px;cursor:zoom-in;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s}.lightbox-image:hover{transform:scale(1.05)}.lightbox-info{background:#fff;display:flex;flex:0.8 1;flex-direction:column;gap:20px;overflow-y:auto;padding:30px}.lightbox-info h2{color:#333;font-size:24px;line-height:1.3;margin:0}.lightbox-code,.lightbox-unit{color:#666;font-size:14px;margin:1px 0}.lightbox-price-section{align-items:center;border-bottom:2px solid #f0f0f0;border-top:2px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:5px;justify-content:space-between;padding:2px 0}.lightbox-price{color:#2c7da0;font-size:20px;font-weight:700}.lightbox-stock{border-radius:20px;font-size:14px;padding:5px 10px}.lightbox-stock.in-stock{background:#d4edda;color:#155724}.lightbox-stock.out-stock{background:#f8d7da;color:#721c24}.lightbox-description h3{color:#333;font-size:18px;margin:0 0 10px}.lightbox-description p{color:#666;font-size:14px;line-height:1.6;margin:0}.lightbox-actions{display:flex;gap:15px;margin-top:10px}.lightbox-select-btn,.lightbox-whatsapp-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px;transition:all .3s}.lightbox-select-btn{background:#2c7da0;color:#fff}.lightbox-select-btn:hover{background:#1a5d7a;transform:translateY(-2px)}.lightbox-whatsapp-btn{background:#25d366;color:#fff}.lightbox-whatsapp-btn:hover{background:#128c7e;transform:translateY(-2px)}.lightbox-features{background:#f8f9fa;border-radius:8px;margin-top:10px;padding:15px}.feature-item{align-items:center;color:#555;display:flex;font-size:13px;gap:10px;padding:8px 0}.feature-item span:first-child{font-size:20px}@media (max-width:768px){.lightbox-content{flex-direction:column}.lightbox-image-container{flex:0.5 1;min-height:250px;padding:20px}.lightbox-info{flex:0.5 1;padding:20px}.lightbox-info h2{font-size:20px}.lightbox-price{font-size:24px}.lightbox-actions{flex-direction:column}.lightbox-close{font-size:20px;height:35px;right:10px;top:10px;width:35px}}@media (max-width:480px){.lightbox-container{height:95%;width:95%}.lightbox-image-container{min-height:200px;padding:15px}.lightbox-info{padding:15px}.lightbox-info h2{font-size:18px}.lightbox-price{font-size:20px}.feature-item{font-size:11px}}.lightbox-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000f2;bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;width:100vw;z-index:9999}.lightbox-container{animation:slideUp .4s ease;background:#fff;border-radius:16px;display:flex;flex-direction:column;height:90vh;max-height:90vh;max-width:1200px;overflow:hidden;position:relative;width:90%}.lightbox-content{display:flex;flex:1 1;height:100%;min-height:0;overflow-y:auto}@media (max-width:768px){.lightbox-container{height:95vh;max-height:95vh;width:95%}.lightbox-content{flex-direction:column;overflow-y:auto}.lightbox-image-area{flex-shrink:0}.lightbox-info{flex:1 1;overflow-y:auto}}@media (max-width:480px){.lightbox-container{height:98vh;max-height:98vh;width:98%}}.back-to-top{align-items:center;background:#2c7da0;border:none;border-radius:50%;bottom:20px;box-shadow:0 2px 10px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:fixed;right:20px;transition:all .3s ease;width:50px;z-index:1000}.back-to-top:hover{background:#1a5d7a;box-shadow:0 4px 15px #0006;transform:translateY(-3px)}.back-to-top:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.back-to-top{animation:fadeInUp .3s ease}@media (max-width:768px){.back-to-top{bottom:15px;font-size:20px;height:45px;right:15px;width:45px}}@media (max-width:480px){.back-to-top{bottom:10px;font-size:18px;height:40px;right:10px;width:40px}}*{box-sizing:border-box;margin:0;padding:0}.app{background:#f8f9fa;min-height:100vh}.app-header:before{background-image:url(/static/media/header-bg.789606894a5b53def95d.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0;z-index:0}.app-header{background:linear-gradient(135deg,#2c7da0d9,#1a4d6be6);box-shadow:0 2px 8px #0000001a;color:#fff;overflow:hidden;padding:40px 20px;position:relative;text-align:center}.app-header h1{font-size:26px;margin-bottom:5px}.app-header h2{font-size:16px;margin-bottom:5px}.app-header p{font-size:14px;opacity:.9}.app-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:280px 1fr;margin:0 auto;max-width:1400px;padding:15px;position:relative}.sidebar{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:fit-content;padding:20px;position:sticky;top:20px}.mobile-close-filter{display:none}.main-content{min-width:0}.mobile-filter-toggle{background:#2c7da0;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:16px;font-weight:600;margin-bottom:15px;padding:12px;transition:background .3s;width:100%}.mobile-filter-toggle:hover{background:#1a5d7a}.active-filter{align-items:center;background:#e3f2fd;border-left:4px solid #2c7da0;border-radius:6px;display:flex;flex-wrap:wrap;font-size:14px;gap:10px;justify-content:space-between;margin-bottom:15px;padding:10px 15px}.active-filter button{background:none;border:none;border-radius:4px;color:#2c7da0;cursor:pointer;font-size:14px;padding:4px 8px}.active-filter button:hover{background:#2c7da01a}.error-message{background:#f8d7da;border-radius:8px;color:#721c24;margin-bottom:20px;padding:12px;text-align:center}.product-count{border-top:1px solid #e0e0e0;color:#666;font-size:14px;margin-top:20px;padding:20px;text-align:center}@media (max-width:768px){.app-header h1{font-size:20px}.app-content{gap:0;grid-template-columns:1fr;padding:10px}.sidebar{border-radius:0;box-shadow:2px 0 8px #00000026;height:100vh;left:-100%;margin:0;max-width:320px;overflow-y:auto;padding:20px;position:fixed;top:0;transition:left .3s ease;width:85%;z-index:1000}.sidebar.mobile-open{left:0}.mobile-close-filter{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:14px;margin-bottom:20px;padding:10px;width:100%}.mobile-filter-toggle{display:block}.sidebar.mobile-open:before{background:#00000080;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}.main-content{order:1}.active-filter{font-size:12px;padding:8px 12px}}@media (max-width:480px){.app-header{padding:15px 10px}.app-header h1{font-size:18px}.app-content{padding:8px}.mobile-filter-toggle{font-size:14px;padding:10px}}
/*# sourceMappingURL=main.f88fd5df.css.map*/