:root{--bg:#f3f3f3;--panel:#eeeeee;--surface:#ffffff;--accent:#ff4d00;--accent-dark:#d03b00;--text:#1f1f1f;--muted:#5f5f5f;--border:#dadada}*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);margin:0;color:var(--text)}button{font:inherit}.app{max-width:1280px;margin:0 auto;padding:12px 10px 0}.header{background:var(--accent);color:#fff;border-radius:0 0 20px 20px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;position:static;box-shadow:0 10px 30px #0000001f}.brandGroup{display:flex;flex-direction:column;gap:6px}.brand{font-size:1.6rem;font-weight:800;letter-spacing:1px}.subtitle{margin:0;color:#ffffffeb;font-size:.98rem}.headerActions{display:flex;gap:10px}.pageButton{background:var(--accent);border:none;color:#fff;padding:10px 16px;border-radius:999px;cursor:pointer;transition:background .2s}.pageButton:hover{background:var(--accent-dark)}.floatingCartButton{display:none;position:fixed;bottom:16px;right:16px;z-index:60;padding:14px 18px;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;border:none;box-shadow:0 16px 32px #0000002e;cursor:pointer;transition:transform .2s,background .2s}.floatingCartButton:hover{transform:translateY(-2px);background:var(--accent-dark)}.searchPanel{margin:18px 0 8px}.searchPanel .search{width:100%;padding:14px 16px;border-radius:999px;border:1px solid var(--border);font-size:1rem;outline:none;transition:border-color .2s}.searchPanel .search:focus{border-color:var(--accent)}.filters{margin:8px 0 18px;padding:16px;background:var(--surface);border-radius:18px;box-shadow:0 10px 30px #0000000a}.filterRow{display:flex;gap:12px;flex-wrap:wrap}.filterRow select{padding:12px;border-radius:12px;border:1px solid var(--border);background:#fff;min-width:140px}.summary{margin-bottom:12px;color:var(--muted);font-weight:600}.categoryHeader{margin-top:24px;margin-bottom:16px;font-size:1.3rem;font-weight:800;color:var(--accent);letter-spacing:.5px;padding-bottom:12px;border-bottom:3px solid var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.card{position:relative;background:var(--surface);border-radius:22px;box-shadow:0 18px 50px #00000014;overflow:hidden;display:flex;flex-direction:column}.imgWrap{height:165px;background:#f7f7f7;display:flex;align-items:center;justify-content:center}.imgWrap img{max-width:100%;max-height:100%;object-fit:contain}.placeholder{color:var(--muted);font-size:.95rem}.info{padding:14px;display:flex;flex-direction:column;gap:8px}.productHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.name{margin:0;font-size:.97rem;line-height:1.2}.badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.outOfStock{background:#ffe5e2;color:#b4281b}.meta{font-size:.85rem;color:var(--muted);line-height:1.35}.code{font-weight:700;color:var(--text)}.priceGroup{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;background:#ff4d000f;border-radius:14px}.priceLabel{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.price{font-weight:800;color:var(--accent);font-size:.96rem}.offerGroup{background:#ff4d0024}.offerPrice{color:var(--accent-dark)}.priceChoice{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 0}.priceChoiceLabel{font-size:.85rem;color:var(--muted);font-weight:700}.priceChoice label{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;border:1px solid rgba(0,0,0,.08);cursor:pointer;transition:background .2s}.priceChoice input{accent-color:var(--accent)}.quantityRow{display:flex;align-items:center;gap:10px;padding:8px 0}.quantityRow label{font-size:.86rem;color:var(--muted);min-width:64px}.quantityRow input{width:70px;padding:8px 10px;border-radius:12px;border:1px solid var(--border);text-align:center;font-weight:700}.addButton{width:100%;padding:12px;border:none;border-radius:14px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.addButton:hover:not(:disabled){transform:translateY(-1px);background:var(--accent-dark)}.addButton:disabled{background:#ddd;color:#777;cursor:not-allowed}.cartPanel{background:var(--surface);border-radius:22px;box-shadow:0 18px 50px #00000014;padding:18px;margin-bottom:18px}.pageCart{margin-top:24px}.cartHeader{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;font-size:1rem;font-weight:700}.cartActionsTop{display:flex;justify-content:flex-end;padding-bottom:12px}.clearCartButton{background:#fff4f4;color:#c0392b;border:1px solid #f5c6cb;padding:10px 16px;border-radius:14px;cursor:pointer;transition:background .2s}.clearCartButton:hover{background:#ffe5e5}.cartEmpty{padding:20px 0;color:var(--muted)}.cartItems{display:flex;flex-direction:column;gap:14px}.cartItem{display:grid;grid-template-columns:1fr auto;gap:12px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.cartItemInfo{display:flex;flex-direction:column;gap:5px}.cartItemName{font-weight:700;font-size:.95rem}.cartItemMeta{font-size:.85rem;color:var(--muted)}.cartItemActions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.cartItemQty{display:flex;align-items:center;gap:8px}.cartItemQty button{width:32px;height:32px;border-radius:12px;border:1px solid var(--border);background:#fff;cursor:pointer}.cartItemQty input{width:52px;text-align:center;border:1px solid var(--border);border-radius:12px;padding:8px}.cartRemove{background:#f5f5f5;border:1px solid #e1e1e1;border-radius:12px;padding:8px 12px;color:var(--muted);cursor:pointer}.cartFooter{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.cartTotal{font-weight:700;font-size:1rem}.whatsappButton{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:14px;background:#25d366;color:#fff;font-weight:700;border:none;cursor:pointer}.cartExtraActions{margin-top:8px;display:flex;justify-content:flex-end}.authWrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.authCard{background:var(--surface);border-radius:24px;box-shadow:0 24px 64px #0000001a;padding:36px 32px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px}.authLogo{font-size:1.8rem;font-weight:800;color:var(--accent);letter-spacing:1px;text-align:center}.authTitle{font-size:1.1rem;font-weight:700;color:var(--text);text-align:center;margin-bottom:4px}.authInput{padding:14px 16px;border-radius:14px;border:1px solid var(--border);font-size:1rem;outline:none;transition:border-color .2s}.authInput:focus{border-color:var(--accent)}.authButton{padding:14px;border:none;border-radius:14px;background:var(--accent);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:background .2s}.authButton:hover:not(:disabled){background:var(--accent-dark)}.authButton:disabled{background:#ddd;color:#888;cursor:not-allowed}.authError{background:#fff0ee;border:1px solid #ffc8bc;color:#b4281b;padding:12px;border-radius:12px;font-size:.9rem}.dashPanel{background:var(--surface);border-radius:22px;box-shadow:0 18px 50px #00000014;padding:32px;margin-top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.dashTitle{margin:0;font-size:1.2rem;font-weight:700}.dashAction{padding:16px 24px;border:none;border-radius:16px;background:var(--accent);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:background .2s}.dashAction:hover{background:var(--accent-dark)}.clientCard{background:var(--surface);border-radius:22px;box-shadow:0 18px 50px #00000014;padding:28px;margin-top:24px;display:flex;flex-direction:column;gap:18px;max-width:520px}.clientSection{display:flex;flex-direction:column;gap:8px}.clientLabel{font-size:.88rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.clientInput{padding:12px 16px;border-radius:14px;border:1px solid var(--border);font-size:1rem;outline:none;transition:border-color .2s}.clientInput:focus{border-color:var(--accent)}.clientSearchRow{display:flex;gap:10px}.clientSearchRow .clientInput{flex:1}.clientSearchBtn{padding:12px 18px;border:none;border-radius:14px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer;transition:background .2s;white-space:nowrap}.clientSearchBtn:hover{background:var(--accent-dark)}.clientFound{background:#f0fff4;border:1px solid #a8e6bc;color:#1a6b3a;padding:12px;border-radius:12px;font-size:.9rem}.clientNew{background:#fff8f0;border:1px solid #ffd8a8;color:#7c4a00;padding:12px;border-radius:12px;font-size:.9rem}.clientMultiple{background:#fbfcfe;border:1px solid #e1e8ef;color:#1e293b;padding:16px;border-radius:18px;font-size:.95rem;box-shadow:0 12px 30px #0f172a0f}.clientMultiple .clientList{display:flex;flex-direction:column;gap:10px;margin-top:12px}.clientResult{width:100%;text-align:left;border-radius:16px;border:1px solid #d8dee6;background:#fff;padding:16px 18px;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s,color .2s}.clientResult:hover{border-color:var(--accent);box-shadow:0 16px 32px #00000014;transform:translateY(-2px);color:#111}.clientResult strong{display:block;font-weight:800;margin-bottom:6px}.clientResult small{display:block;color:var(--muted);font-size:.93rem;margin-top:4px}.clientAction{margin-top:14px;padding:12px 18px;border:none;border-radius:14px;background:linear-gradient(135deg,#ff6a00,#ff3d00);color:#fff;font-weight:700;cursor:pointer;transition:transform .2s,filter .2s}.clientAction:hover{transform:translateY(-1px);filter:brightness(1.05)}.visitBtn{background:#f5f5f5;border:1px solid var(--border);color:var(--muted);padding:12px 20px;border-radius:14px;cursor:pointer;font-weight:600;transition:background .2s}.visitBtn:hover{background:#ebebeb}.linkBtn{background:none;border:none;color:#fffc;cursor:pointer;text-decoration:underline;font-size:.9rem;padding:0}.linkBtn:hover{color:#fff}.footer{margin-top:32px;padding:60px 20px 30px;background:#2d3748;color:#fff}.footer .container{max-width:1280px;margin:0 auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;align-items:start}.footer-section h4{margin:0 0 8px;font-size:1.05rem}.footer-section p{margin:0;color:var(--light-text, #cbd5e1)}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:8px}.footer-section a{color:var(--secondary-color,#eff0f1);text-decoration:none}.footer-section a:hover{text-decoration:underline}.social-links a{display:inline-block;padding:8px 10px;border-radius:8px;background:#ffffff0a;color:#fff;text-decoration:none}.footer-bottom{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);text-align:center}.footer-bottom p{margin:0;color:#ffffffb3}.no-visited,.no-visited:link,.no-visited:visited,.no-visited:hover,.no-visited:active{color:#fafafa;text-decoration:none}.bultoBadge{position:absolute;top:12px;right:12px;background:var(--accent);color:#fff;padding:6px 10px;border-radius:10px;font-size:.78rem;font-weight:700;z-index:10;box-shadow:0 8px 18px #00000026;text-align:center;line-height:1.1;max-width:110px;word-wrap:break-word}.info{padding:16px;background:var(--surface);border-radius:16px}.error{padding:16px;color:#8b1d1d;background:#ffe8e8;border-radius:16px}.pagePedidos{margin-top:20px}.pedidosIntro{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pedidosFilters{margin-bottom:24px;background:var(--surface);border-radius:22px;box-shadow:0 18px 50px #0000000f;padding:20px}.filterGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;align-items:end}.filterItem{display:flex;flex-direction:column;gap:8px}.filterItem label{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.filterItem input,.filterItem select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:#fff;outline:none;transition:border-color .2s}.filterItem input:focus,.filterItem select:focus{border-color:var(--accent)}.filterActions{justify-self:start;display:flex;align-items:flex-end}.filterActions .pageButton{background:var(--accent);color:#fff;border:none}.filterActions .pageButton:hover{background:var(--accent-dark)}.pedidoCard{background:var(--surface);border-radius:24px;box-shadow:0 18px 50px #0000000f;margin-bottom:18px;overflow:hidden}.pedidoSummary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid #f0f0f0;flex-wrap:wrap}.pedidoSummaryLeft{display:flex;flex-direction:column;gap:6px;min-width:240px}.pedidoId{font-size:1rem;font-weight:800}.pedidoMeta{color:var(--muted);font-size:.95rem}.pedidoSummaryRight{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.pedidoSummaryRight .pageButton{background:var(--accent);color:#fff;border:none}.pedidoSummaryRight .pageButton:hover{background:var(--accent-dark)}.pedidoTotal{font-weight:800;color:var(--accent)}.pedidoDate{color:var(--muted);font-size:.92rem}.pedidoDetails{padding:20px 24px 24px}.pedidoInfoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:22px}.pedidoInfoGrid .label,.pedidoItemRow .label{color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.pedidoItems{display:flex;flex-direction:column;gap:16px}.pedidoItemRow{display:grid;grid-template-columns:1.5fr repeat(4,minmax(110px,1fr));gap:16px;padding:14px 0;border-top:1px solid #f0f0f0}.pedidoItemRow:first-child{border-top:none}@media (max-width:900px){.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}}@media (max-width:760px){.grid{grid-template-columns:repeat(2,minmax(140px,1fr));gap:10px}.card{border-radius:18px}.imgWrap{height:150px}.info{padding:12px}.name{font-size:.95rem}.app{padding:10px}.priceGroup{flex-direction:column;align-items:flex-start}.searchPanel .search{padding:12px}.filters{padding:14px}.filterRow{gap:8px}.floatingCartButton{display:flex}.headerActions{display:none}.authCard{padding:28px 20px}}@media (min-width:821px){.header{position:sticky;top:0;z-index:50}.floatingCartButton{display:none}}