body{font-family:Arial,sans-serif;margin:0;padding-bottom:80px}h1,h2,h3{margin:0}button{border:none;cursor:pointer}input,textarea{width:100%;padding:.6rem;margin-bottom:.5rem;border-radius:6px;border:1px solid #ccc;font-size:16px}.container{max-width:1000px;margin:auto;padding:1rem}.header{background:#1a1a2e;color:#fff;position:sticky;top:0;z-index:1000;overflow:hidden}.header-bg{position:absolute;inset:0;display:flex;flex-wrap:wrap;opacity:.15;z-index:0}.header-bg img{width:80px;height:80px;object-fit:cover;flex-shrink:0}.header-inner{max-width:1000px;margin:auto;padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.header-left{display:flex;align-items:center;gap:1rem;cursor:pointer}.header-logo{width:48px;height:48px;border-radius:12px;object-fit:cover;background:#fff;padding:4px;box-shadow:0 2px 8px #0000004d}.header-info{display:flex;flex-direction:column}.header-name{font-size:1.3rem;font-weight:700;margin:0;color:#fff}.header-tagline{font-size:.7rem;color:#a0a0a0;margin:0}.header-right{display:flex;align-items:center;gap:.8rem}.btn-quienes-somos{background:#ffffff26;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;transition:all .2s ease;border:1px solid rgba(255,255,255,.2)}.btn-quienes-somos:hover{background:#ffffff40}.btn-cart-header{position:relative;background:#ffffff26;color:#fff;width:42px;height:42px;border-radius:50%;font-size:1.3rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border:1px solid rgba(255,255,255,.2)}.btn-cart-header:hover{background:#ffffff40}.cart-badge-header{position:absolute;top:-6px;right:-6px;background:#e74c3c;color:#fff;width:20px;height:20px;border-radius:50%;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.modal-content{background:#fff;border-radius:16px;padding:2rem;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;position:relative;animation:modalIn .3s ease}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:12px;right:16px;background:none;font-size:1.5rem;color:#666}.modal-close:hover{color:#000}.modal-title{font-size:1.4rem;margin-bottom:1rem;color:#1a1a2e}.modal-body{color:#444;line-height:1.6;font-size:.95rem}.modal-body p{margin-bottom:.8rem}.modal-contacto{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #eee;font-size:.9rem;color:#666}.modal-contacto strong{color:#333}.productos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.card{border:1px solid #ddd;border-radius:10px;overflow:hidden;background:#fff;transition:transform .2s ease;display:flex;flex-direction:column}.card:hover{transform:translateY(-5px)}.card img{width:100%;height:200px;object-fit:contain;background:#f5f5f5}.card-body{padding:.8rem;flex:1;display:flex;flex-direction:column}.card-body .btn{margin-top:auto}.product-img{width:100%;height:200px;object-fit:contain;border-radius:8px;background:#f5f5f5}.precio{font-weight:700;color:#27ae60}.descripcion{font-size:.9rem;color:#555;margin:6px 0}.stock{font-size:.85rem;font-weight:700;margin-bottom:8px}.stock.ok{color:#27ae60}.stock.no{color:#e74c3c}.btn{background:#2ecc71;color:#fff;border:none;padding:10px;border-radius:6px;cursor:pointer;width:100%;font-weight:700;transition:all .2s ease}.btn:hover{background:#27ae60}.btn.added{background:#3498db}.btn:disabled{background:#ccc;cursor:not-allowed}.btn-primary{width:100%;padding:.8rem;background:#2ecc71;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;margin-top:15px}.btn-primary:hover{background:#27ae60}.btn-back{background:#5c04d5;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;margin-bottom:15px;color:#fff}.btn-back:hover{text-decoration:underline}.remove-btn{margin-left:10px;background:#e74c3c;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer}.cart-fab{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:#2c3e50;color:#fff;font-size:1.5rem;border:none;cursor:pointer;box-shadow:0 4px 12px #0000004d;z-index:1500;transition:transform .3s ease,background .3s ease;display:flex;align-items:center;justify-content:center}.cart-fab:hover{transform:scale(1.1);background:#34495e}.cart-fab-badge{position:absolute;top:-5px;right:-5px;background:#e74c3c;color:#fff;width:24px;height:24px;border-radius:50%;font-size:.75rem;display:flex;align-items:center;justify-content:center;font-weight:700}.cart-panel{position:fixed;top:0;right:-400px;width:400px;max-width:90vw;height:100vh;background:#fff;z-index:2000;box-shadow:-4px 0 20px #0003;transition:right .3s ease;display:flex;flex-direction:column}.cart-panel.open{right:0}.cart-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee;background:#2c3e50;color:#fff}.cart-panel-header h2{margin:0;font-size:1.3rem}.cart-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.cart-panel-body{flex:1;overflow-y:auto;padding:1.5rem}.cart-empty{text-align:center;color:#888;padding:3rem 1rem}.cart-footer{border-top:2px solid #eee;padding-top:1rem;margin-top:1rem}.cart-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1999}.cart-item{border-bottom:1px solid #eee;margin-bottom:1rem;padding-bottom:.5rem}.qty-controls{display:flex;align-items:center;gap:10px;margin:10px 0}.qty-controls button{width:30px;height:30px;border:none;background:#ddd;border-radius:4px;cursor:pointer}.qty-controls button:hover{background:#ccc}.qty-controls button:disabled{opacity:.5;cursor:not-allowed}.qty-controls span{font-weight:700}.checkout-container{max-width:600px;margin:auto;background:#fff;padding:2rem;border-radius:10px}.checkout-section{margin-bottom:1.5rem}.checkout-section h3{margin-bottom:.5rem}.resumen-item{display:flex;justify-content:space-between;margin-bottom:5px}.input-error{border:2px solid #ff4444!important;background-color:#fff5f5}.error-message{color:#f44;font-size:.8rem;margin-top:-8px;display:block}.pedidos-container{max-width:800px;margin:auto}.pedido-card{border:1px solid #ddd;border-radius:8px;padding:1rem;margin-bottom:1.5rem;background:#fff}.pedido-card h3{margin-bottom:.5rem}.success-page{text-align:center;margin-top:3rem}.success-text{font-size:1.1rem;margin-top:1rem}.success-subtext{color:#666;margin-bottom:2rem}.btn-success{display:inline-block;background:#2ecc71;color:#fff;padding:12px 18px;border-radius:8px;text-decoration:none;font-weight:700}.btn-success:hover{background:#27ae60}.categorias-scroll{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;align-items:center;height:100%;flex-wrap:nowrap}.categorias-scroll::-webkit-scrollbar{display:none}.cat-chip{display:flex;align-items:center;gap:.4rem;padding:0 1.1rem;border:1.5px solid #e0e0e0;border-radius:25px;background:#fff;cursor:pointer;white-space:nowrap;font-size:.9rem;font-weight:500;color:#555;transition:all .2s ease;flex-shrink:0;height:38px;box-sizing:border-box;margin:0;line-height:1}.cat-chip:hover{background:#f0f0f0}.cat-chip.active{background:#2c3e50;color:#fff;border-color:#2c3e50}.cat-chip-img{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0}.cat-chip-icon{font-size:1rem}.store-content{padding:1rem 0}.no-products{grid-column:1 / -1;text-align:center;padding:3rem;color:#888;font-size:1.2rem}.loading{text-align:center;padding:3rem;font-size:1.2rem;color:#888}@media(max-width:600px){body{font-size:16px}.productos-grid{grid-template-columns:repeat(2,1fr)}.product-img,.card img{height:160px}.card-body{padding:1rem}.btn,.btn-primary,.btn-back{font-size:16px;padding:12px;min-height:44px}.qty-controls button,.remove-btn{width:40px;height:40px;font-size:16px}.remove-btn{font-size:0}.remove-btn:after{content:"🗑";font-size:16px}input,textarea{font-size:16px;padding:10px}.cart-panel{width:100%;right:-100%}.cart-fab{bottom:20px;right:20px;width:55px;height:55px}.cat-chip{height:34px;padding:0 .8rem;font-size:.8rem}.cat-chip-img{width:18px;height:18px}.header-left{gap:.6rem}.header-logo{width:38px;height:38px}.header-name{font-size:1rem}.btn-quienes-somos{font-size:.75rem;padding:.4rem .7rem}.btn-cart-header{width:36px;height:36px;font-size:1.1rem}}