:root{--bg:#fff;--fg:#161823;--muted:#6b6f7b;--line:#ececf0;--brand:#fe2c55;--card:#f1f1f2}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;height:100%;background:var(--bg);color:var(--fg);font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;cursor:pointer;color:inherit}.app{max-width:560px;margin:0 auto;height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.top{display:grid;grid-template-columns:36px 1fr auto;align-items:center;grid-gap:6px;gap:6px;padding:8px 12px;border-bottom:1px solid var(--line);min-height:58px}.back{background:none;border:0;font-size:34px;line-height:1;padding:0;margin-top:-4px;text-align:left}.back-sp{display:block}.titulo{display:flex;align-items:center;gap:10px;justify-content:center}.titulo,.tt{min-width:0}.nombre-tienda{font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px}.punto{width:8px;height:8px;border-radius:50%;background:#c4c6cf;display:inline-block}.punto.en_vivo{background:var(--brand);box-shadow:0 0 0 0 rgba(254,44,85,.6);animation:pulso 1.6s infinite}@keyframes pulso{70%{box-shadow:0 0 0 7px rgba(254,44,85,0)}to{box-shadow:0 0 0 0 rgba(254,44,85,0)}}.avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:none;background:var(--card)}.avatar.inicial{justify-content:center;font-weight:700;color:#fff;background:linear-gradient(135deg,#fe2c55,#ff7a45)}.avatar.inicial,.yo{display:flex;align-items:center}.yo{background:none;border:0;gap:7px;padding:0;justify-self:end}.yo .avatar{width:30px;height:30px;font-size:14px}.hola{font-weight:600;max-width:92px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entrar,.hola{font-size:13px}.entrar{font-weight:700;color:var(--brand)}.aviso{padding:9px 12px;border:0;background:#fff1f3;color:#b0123a;text-align:left}.aviso,.hint{margin:8px 12px 0;border-radius:12px;font-size:13px}.hint{padding:8px 12px;background:#fff4e5;color:#7a4b00}.grid{padding:12px 14px 24px;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:min-content;grid-gap:12px;gap:12px;overflow:auto;flex:1 1;align-content:start}.card{display:flex;flex-direction:column;text-align:left;border:1px solid var(--line);background:var(--bg);border-radius:14px;overflow:hidden;padding:0}.card img{width:100%;object-fit:cover;display:block;flex:none}.card .noimg,.card img{aspect-ratio:1;background:var(--card)}.card .info{padding:8px 10px 10px}.card .nombre{font-weight:600;font-size:14px}.card .precio{color:var(--brand);font-weight:700}.card .tallas{color:var(--muted);font-size:12px}.card .pocas{color:var(--brand);font-size:12px;font-weight:600}.empty,.vacio{padding:40px 24px;text-align:center;color:var(--muted)}.chat{flex-direction:column;min-height:0}.chat,.msgs{display:flex;flex:1 1}.msgs{overflow:auto;padding:12px 14px;flex-direction:column;gap:6px}.msg{max-width:80%;padding:9px 13px;border-radius:18px;white-space:pre-wrap;word-wrap:break-word}.msg.bot{background:var(--card);align-self:flex-start;border-bottom-left-radius:6px}.msg.me{background:var(--brand);color:#fff;align-self:flex-end;border-bottom-right-radius:6px}.msg .foto{display:block;max-width:100%;max-height:260px;border-radius:12px;margin:-3px -6px}.msg .foto+span{display:block;margin-top:10px}.typing{align-self:flex-start;background:var(--card);border-radius:18px;padding:12px 14px;display:flex;gap:4px}.typing i{width:7px;height:7px;border-radius:50%;background:#9a9da8;animation:salta 1.2s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes salta{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.compose{display:flex;align-items:center;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg)}.compose .campo{flex:1 1;min-width:0;padding:11px 16px;border:0;border-radius:999px;background:var(--card);font-size:16px;outline:none}.compose .ico{background:none;border:0;padding:6px;color:var(--muted);display:flex}.compose .enviar{border:0;background:none;color:var(--brand);font-weight:700;padding:6px 4px}.compose .enviar:disabled{color:#c4c6cf}.sheet-bg{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:center;z-index:10}.sheet{background:#fff;width:100%;max-width:560px;border-radius:18px 18px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}.sheet h2{margin:0 0 4px;font-size:18px}.sheet p{margin:0 0 14px;color:var(--muted);font-size:14px}.sheet input:not([type]),.sheet input[inputmode=tel],.sheet input[type=tel],.sheet input[type=text]{width:100%;padding:12px;margin-bottom:10px;border:1px solid var(--line);border-radius:10px;font-size:16px}.rec{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin:2px 0 12px}.btn{width:100%;padding:13px;border:0;border-radius:12px;background:var(--brand);color:#fff;font-weight:700}.btn[disabled]{opacity:.5}.link{background:none;border:0;color:var(--muted);padding:8px;width:100%}