body{font-family:Arial,sans-serif;margin:0;padding-bottom:80px}h1,h2,h3{margin:0}.container{max-width:1000px;margin:auto;padding:1rem}.product-img{width:100%;height:200px;object-fit:contain;border-radius:8px;background:#f5f5f5}.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}.precio{font-weight:700;color:#27ae60}.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}.header{background:#2c3e50;color:#fff;padding:1rem 0;position:sticky;top:0;z-index:1000}.logo{margin:0}.header a{background:#007bff;color:#fff;padding:.5rem 1rem;border-radius:6px;text-decoration:none}button{border:none;cursor:pointer}.remove-btn{margin-left:10px;background:#e74c3c;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer}.qty-controls{display:flex;align-items:center;gap:10px;margin:8px 0}.qty-controls button{background:#007bff;color:#fff;border:none;padding:4px 10px;border-radius:4px;cursor:pointer}.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}.checkout-page{max-width:700px;margin:auto}.checkout-info{margin-bottom:1rem;color:#555}.checkout-box{background:#fff;border:1px solid #ddd;border-radius:10px;padding:1.5rem}.checkout-action{margin-top:30px;text-align:center}.resumen-item{display:flex;justify-content:space-between;margin-bottom:5px}input,textarea{width:100%;padding:.6rem;margin-bottom:.5rem;border-radius:6px;border:1px solid #ccc}.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}.sticky-checkout{position:fixed;bottom:20px;right:20px}.btn-sticky{background:#e67e22;color:#fff;padding:12px 16px;border-radius:8px;text-decoration:none;font-weight:700}.btn-sticky:hover{background:#d35400}.btn-back{background:#5c04d5;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;margin-bottom:15px}.btn-back:hover{text-decoration:underline}.cart-container{border:1px solid #ccc;padding:1rem;margin-bottom:2rem;border-radius:8px;background:#fff}.cart-item{border-bottom:1px solid #eee;margin-bottom:1rem;padding-bottom:.5rem}.cart-link{position:relative;text-decoration:none;font-size:1.5rem}.cart-badge{position:absolute;top:-8px;right:-10px;background:red;color:#fff;font-size:.75rem;padding:3px 6px;border-radius:50%;opacity:0;transform:scale(.8);transition:all .2s ease}.cart-badge.active{animation:bounce .3s}@keyframes bounce{0%{transform:scale(.8)}50%{transform:scale(1.3)}to{transform:scale(1)}}.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}.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-section,.pedido-card h3{margin-bottom:.5rem}.admin-page{max-width:900px;margin:auto}.admin-info{margin-bottom:1rem;color:#555}.admin-box{background:#fff;border:1px solid #ddd;border-radius:10px;padding:1.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}.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}.input-error{border:2px solid #ff4444!important;background-color:#fff5f5}.error-message{color:#f44;font-size:.8rem;margin-top:-8px;display:block}@media(max-width:600px){body{font-size:16px}h1{font-size:1.6rem}h2{font-size:1.3rem}.productos-grid{grid-template-columns:repeat(2,1fr)}.product-img,.card img{height:160px}.card-body{padding:1rem}.btn,.btn-primary,.btn-sticky,.btn-back{font-size:16px;padding:12px;min-height:44px}.qty-controls button,.remove-btn{width:40px;height:40px;font-size:16px}input,textarea{font-size:16px;padding:10px}.header-inner{flex-direction:column;align-items:flex-start;gap:10px}.sticky-checkout{bottom:15px;right:15px}.remove-btn{font-size:0}.remove-btn:after{content:"🗑";font-size:16px}}.header-inner{display:flex;justify-content:space-between;align-items:center}.cart-section{margin-bottom:1.5rem}.products-section{margin-top:1rem}.categorias-tabs{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:2rem;padding:1rem 0;border-bottom:2px solid #eee}.tab-btn{padding:.7rem 1.5rem;border:2px solid #ddd;background:#fff;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;color:#555}.tab-btn:hover{background:#f0f0f0;border-color:#4caf50}.tab-btn.active{background:#4caf50;color:#fff;border-color:#4caf50}.productos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap: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}.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:999;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.has-items{animation:pulse 2s infinite}.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}@keyframes pulse{0%,to{box-shadow:0 4px 12px #0000004d}50%{box-shadow:0 4px 20px #00000080}}.cart-panel{position:fixed;top:0;right:-400px;width:400px;max-width:90vw;height:100vh;background:#fff;z-index:1000;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:999}@media(max-width:600px){.categorias-tabs{gap:.3rem}.tab-btn{padding:.5rem 1rem;font-size:.85rem}.cart-panel{width:100%;right:-100%}.cart-fab{bottom:20px;right:20px;width:55px;height:55px}}.categorias-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.categoria-card{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;aspect-ratio:1 / 1;border:3px solid transparent;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.categoria-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0003}.categoria-card.active{border-color:#4caf50;box-shadow:0 0 0 3px #4caf504d}.categoria-img{width:100%;height:100%;object-fit:cover;display:block}.back-to-all{text-align:center;margin-bottom:1.5rem}@media(max-width:600px){.categorias-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}}@media(max-width:400px){.categorias-grid{grid-template-columns:1fr 1fr;gap:.5rem}}.top-bar{position:sticky;top:0;z-index:999;background:#fff}.header{background:#2c3e50;color:#fff;padding:1rem 0}.header-inner{max-width:1000px;margin:auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.logo-link{text-decoration:none;color:#fff}.logo-link h2{margin:0}.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}@media(max-width:600px){.cat-chip{height:34px;padding:0 .8rem;font-size:.8rem}.cat-chip-img{width:18px;height:18px}}