:root{--naranjo: #f39200;--naranjo-osc: #b86e00;--morado: #a62291;--morado-osc: #7a1868;--cafe: var(--morado-osc);--crema: #fffaf3;--borde: #ecdbe8;--texto: #2e2218;--muted: #7b6a5c;--verde: #2e7d32;--rojo: #c62828;--fondo-rojo: #fdecea;--whatsapp: #1fa855;--radio: 12px;--sombra: 0 2px 10px rgba(91, 52, 19, .08)}*{box-sizing:border-box}html,body{margin:0}body{font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;color:var(--texto);background:var(--crema);font-size:15px}h1{color:var(--cafe);margin:0 0 12px;font-size:1.6rem}h2{color:var(--cafe);font-size:1.15rem;margin:0 0 10px}h3{margin:4px 0;font-size:1rem}a{color:var(--naranjo-osc)}.muted{color:var(--muted)}.error{color:var(--rojo);display:block;margin-top:-6px;margin-bottom:8px}.rojo{color:var(--rojo);font-weight:600}.der{text-align:right}.negrita td{font-weight:700}.barra{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--morado);color:#fff;padding:10px 20px;border-bottom:4px solid var(--naranjo);position:sticky;top:0;z-index:20}.marca{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:700;font-size:1.15rem}.marca img{height:44px;background:#fff;border-radius:10px;padding:2px}.marca small{font-weight:400;opacity:.8}.barra-publica{justify-content:space-between}.contenido{max-width:1250px;margin:0 auto;padding:20px 16px 40px}.card{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:16px;margin-bottom:16px;box-shadow:var(--sombra)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 14px;margin-bottom:12px}.filtros{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:14px}.resumen{display:flex;justify-content:space-between;margin:8px 0}.totales{display:flex;gap:24px;justify-content:flex-end;flex-wrap:wrap;margin:14px 0;font-size:1.05rem}label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--muted);margin-bottom:8px}label.check{flex-direction:row;align-items:center;gap:6px}input,select,textarea{font:inherit;color:var(--texto);padding:8px 10px;border:1px solid var(--borde);border-radius:8px;background:#fff;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--naranjo);border-color:transparent}fieldset{border:1px solid var(--borde);border-radius:8px}.btn{font:inherit;border:none;border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-prim{background:var(--morado);color:#fff}.btn-prim:hover:not(:disabled){background:var(--morado-osc)}.btn-sec{background:#fde9cc;color:#5a3500}.btn-whatsapp{background:var(--whatsapp);color:#fff;margin-top:8px}.ancho{width:100%;margin-top:8px}.quitar{border:none;background:none;color:var(--rojo);cursor:pointer;font-size:1rem}.chip{display:inline-block;background:#fde9cc;color:#5a3500;border-radius:999px;padding:1px 8px;font-size:.75rem}.badge-rojo{background:var(--rojo);color:#fff;border-radius:999px;padding:1px 8px;font-size:.75rem}.alerta{padding:10px 14px;border-radius:8px;margin:8px 0 14px}.alerta-error{background:var(--fondo-rojo);color:var(--rojo)}.alerta-ok{background:#e8f5e9;color:var(--verde)}.alerta-iva{background:#fff3cd;color:#7a5200;border:1px solid #f0c36d;font-weight:600}.banner img{width:100%;max-height:300px;object-fit:cover;display:block}.grilla-productos{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.tarjeta-producto{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--sombra);height:100%}.tarjeta-producto img{width:100%;aspect-ratio:4 / 3;object-fit:contain;background:#fff4e3}.tarjeta-producto .cuerpo{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1}.tarjeta-producto .desc{color:var(--muted);font-size:.85rem;margin:0;flex:1}.tarjeta-producto.agotado img{filter:grayscale(1);opacity:.6}.pie-tarjeta{display:flex;align-items:center;justify-content:space-between;gap:8px}.precio{font-size:1.2rem;font-weight:700;color:var(--naranjo-osc)}.boton-carro{white-space:nowrap}.velo{position:fixed;inset:0;background:#00000059;z-index:30}.panel-carro{position:fixed;top:0;right:0;height:100vh;width:min(420px,100%);background:#fff;z-index:40;padding:16px;overflow-y:auto;transform:translate(105%);transition:transform .25s;box-shadow:-4px 0 20px #00000026}.panel-carro.abierto{transform:translate(0)}.panel-carro-titulo{display:flex;justify-content:space-between;align-items:center}.item-carro{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #f1e5d6}.cantidad{display:flex;align-items:center;gap:6px}.cantidad button{width:28px;height:28px;border-radius:50%;border:1px solid var(--borde);background:#fff;cursor:pointer}.total-carro{display:flex;justify-content:space-between;font-size:1.15rem;margin:12px 0}.pago{display:flex;gap:16px;margin-bottom:10px}@media(max-width:800px){.barra{padding:10px 12px}.barra-publica{gap:8px}}.consentimiento{display:flex;gap:8px;align-items:flex-start;font-size:.85rem;line-height:1.35}.consentimiento input{width:auto;margin-top:3px}.btn-naranjo{background:var(--naranjo);color:#fff}.btn-naranjo:hover:not(:disabled){background:var(--naranjo-osc)}.btn-rojo{background:var(--fondo-rojo);color:var(--rojo)}.btn-whatsapp:hover:not(:disabled){filter:brightness(.92)}.buscador{flex:1 1 240px}.chips-filtro{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.chip-filtro{font:inherit;font-size:.9rem;cursor:pointer;border-radius:999px;padding:6px 14px;border:1px solid var(--borde);background:#fff;color:var(--morado-osc);font-weight:600}.chip-filtro:hover{border-color:var(--morado)}.chip-filtro.activo{background:var(--morado);border-color:var(--morado);color:#fff}.chip-filtro:focus-visible,.btn:focus-visible{outline:2px solid var(--naranjo);outline-offset:2px}.chips-tarjeta{display:flex;gap:6px;flex-wrap:wrap}.chip-morado{background:#f6e3f2;color:var(--morado-osc)}.form-pedido{display:flex;flex-direction:column}.form-pedido input,.form-pedido textarea{width:100%}.pago legend{color:var(--muted);font-size:.9rem}.aviso{color:var(--rojo);margin:4px 0}.alerta-iva{font-weight:600}.login{max-width:400px;margin:40px auto}.acciones-barra{display:flex;gap:8px;flex-wrap:wrap}.acciones-barra a.btn{text-decoration:none}.titulo-seccion{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.tabla-scroll{overflow-x:auto}.tabla{width:100%;border-collapse:collapse;font-size:.92rem}.tabla th,.tabla td{padding:8px;border-bottom:1px solid #f1e5d6;text-align:left;vertical-align:middle}.tabla th{color:var(--muted);font-weight:600;white-space:nowrap}.tabla .der{text-align:right;white-space:nowrap}.tabla .acciones{white-space:nowrap;display:flex;gap:6px}.miniatura{width:48px;height:48px;object-fit:contain;background:#fff4e3;border-radius:6px}.miniatura.grande{width:120px;height:120px}.fila-imagen{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.fila-checks,.botonera{display:flex;gap:16px;flex-wrap:wrap;align-items:center}textarea{width:100%}.switch{appearance:none;width:40px;height:22px;border-radius:999px;background:#ddd;position:relative;cursor:pointer;padding:0;border:none;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.switch:checked{background:var(--verde)}.switch:checked:after{transform:translate(18px)}@media(max-width:600px){.item-carro{grid-template-columns:1fr auto}.marca span{display:none}}.cuenta-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.cuenta-grid form{display:flex;flex-direction:column}.nota{font-size:.85rem;margin:0 0 8px}.panel-carro-titulo{position:sticky;top:-16px;background:#fff;z-index:1;padding:4px 0;margin-top:-4px}.panel-carro-titulo h2{margin:0}label.consentimiento{flex-direction:row;color:var(--texto)}.campo-celular,.campo-monto{display:flex;align-items:stretch;gap:0}.campo-celular .prefijo,.campo-monto .prefijo{display:flex;align-items:center;padding:0 10px;background:#f6e3f2;color:var(--morado-osc);border:1px solid var(--borde);border-right:none;border-radius:8px 0 0 8px;font-weight:700;white-space:nowrap}.campo-celular input,.campo-monto input{flex:1;border-radius:0 8px 8px 0;min-width:0;letter-spacing:.5px}.campo-monto input{border-radius:0}.campo-monto .exacto{border-radius:0 8px 8px 0;padding:6px 10px;font-size:.8rem;white-space:nowrap}.vuelto{margin:-2px 0 8px;color:var(--verde)}.pago{display:flex;gap:16px;flex-wrap:wrap}.pago label{margin-bottom:0;color:var(--texto)}@media(max-width:600px){.panel-carro{padding:12px 14px 20px;width:100%}.panel-carro-titulo{top:-12px}.panel-carro h2{font-size:1.1rem}.panel-carro label{font-size:.85rem;margin-bottom:6px;gap:3px}.panel-carro input,.panel-carro textarea,.panel-carro select{font-size:16px;padding:7px 9px}.item-carro{grid-template-columns:1fr auto;grid-template-areas:"nombre quitar" "cantidad subtotal";gap:4px 8px;font-size:.9rem}.item-carro>div:first-child{grid-area:nombre}.item-carro>.cantidad{grid-area:cantidad}.item-carro>strong{grid-area:subtotal;text-align:right}.item-carro>.quitar{grid-area:quitar}.total-carro{font-size:1.05rem;margin:8px 0}.alerta{padding:8px 10px;font-size:.85rem;margin:6px 0 10px}.consentimiento{font-size:.8rem}}.sin-margen{margin-bottom:0}.lista-pedidos{display:grid;gap:10px}.pedido{border:1px solid var(--borde);border-left:4px solid var(--naranjo);border-radius:10px;padding:10px 12px}.pedido[data-estado=VENDIDO]{border-left-color:var(--verde)}.pedido[data-estado=CANCELADO]{border-left-color:#bbb;opacity:.75}.pedido header,.pedido footer{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between}.pedido header{justify-content:flex-start}.pedido ul{margin:8px 0;padding-left:18px;font-size:.9rem}.pedido .acciones{display:flex;gap:6px;flex-wrap:wrap}.estado-pedido{margin-left:auto;font-size:.75rem;font-weight:700;color:var(--muted)}.resumen-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:12px}.resumen-stats div{background:#fff4e3;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.resumen-stats strong{font-size:1.2rem;color:var(--morado-osc)}.barra-stat{height:4px;background:var(--naranjo);border-radius:2px;margin-top:4px;max-width:100%}.form-pedido input[type=checkbox],.form-pedido input[type=radio]{width:auto;flex:none}