:root{--paper:#FFFFFF;--surface:#F8F6F0;--ink:#1D1B16;--muted:#6B665A;--line:#E9E4D6;--yellow:#F7C31B;--yellow-deep:#E0AA00;--yellow-soft:#FFF5CF;--ok:#1E7F48;--ok-soft:#E3F3E9;--warn:#B26A00;--warn-soft:#FFEFD6;--bad:#B8322A;--bad-soft:#FBE4E1;--display:"Archivo","Arial Narrow",Arial,sans-serif;--body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);margin:0}a{color:inherit}body{font-family:var(--body);font-size:15px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-radius:6px}h1,h2,h3{font-family:var(--display);font-stretch:78%;text-transform:uppercase;letter-spacing:.01em;line-height:1.02;margin:0;text-wrap:balance}.num{font-variant-numeric:tabular-nums}.topbar{position:sticky;top:0;z-index:20;background:var(--ink);color:#fff;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-top:calc(10px + env(safe-area-inset-top,0px));padding-bottom:10px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.brand{display:flex;flex-direction:column;border:2px solid var(--yellow);border-radius:8px;padding:4px 10px;line-height:1}.brand b{font-family:var(--display);font-stretch:85%;font-weight:900;font-size:18px;letter-spacing:.02em}.brand small{font-size:9px;letter-spacing:.18em;color:var(--yellow);margin-top:3px;font-weight:600}.views{display:flex;gap:4px;background:#2e2b24;border-radius:999px;padding:4px;flex-wrap:wrap}.views button{border:0;background:transparent;color:#d9d4c6;padding:7px 14px;border-radius:999px;font-weight:600;font-size:14px}.views button[aria-current=true]{background:var(--yellow);color:var(--ink)}.demo-tag{margin-left:auto;font-size:12px;color:#bdb6a4;letter-spacing:.04em}.demo-tag b{color:var(--yellow);font-weight:600}.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:24px 96px}.btn{border:0;border-radius:999px;padding:11px 18px;font-weight:700;background:var(--yellow);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{background:var(--yellow-deep)}.btn.ghost{background:transparent;border:1.5px solid var(--line)}.btn.ghost:hover{border-color:var(--ink);background:transparent}.btn.dark{background:var(--ink);color:#fff}.btn.dark:hover{background:#000}.btn.sm{padding:7px 12px;font-size:13px}.btn.ok{background:var(--ok);color:#fff}.btn.bad{background:transparent;color:var(--bad);border:1.5px solid var(--bad-soft)}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.block{width:100%}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--surface);color:var(--muted);white-space:nowrap}.chip:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.chip.ok{background:var(--ok-soft);color:var(--ok)}.chip.warn{background:var(--warn-soft);color:var(--warn)}.chip.bad{background:var(--bad-soft);color:var(--bad)}.chip.y{background:var(--yellow-soft);color:#7a5b00}.chip.plain:before{display:none}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600}.note{font-size:13px;color:var(--muted)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:600}.field input,.field select,.field textarea{border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--paper);width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink);outline:none}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.err{color:var(--bad);font-size:13px;font-weight:600}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding-block:8px 24px}.hero h1{font-size:clamp(38px,6vw,68px);font-weight:900}.hero h1 em{font-style:normal;background:var(--yellow);padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.hero p{max-width:46ch;color:var(--muted);font-size:16px;margin:14px 0 0}.modes{display:grid;gap:12px}.mode{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;text-align:left;border:1.5px solid var(--line);background:var(--paper);border-radius:16px;padding:14px 16px}.mode:hover{border-color:var(--ink)}.mode .ic{width:52px;height:52px;border-radius:12px;background:var(--yellow-soft);display:grid;place-items:center}.mode b{display:block;font-size:16px}.mode span{font-size:13px;color:var(--muted)}.mode .arrow{font-weight:800;font-size:20px}.qr-sim{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface);border-radius:12px;padding:10px 14px;font-size:13px}.qr-sim select{border:1.5px solid var(--line);border-radius:8px;padding:5px 8px;background:var(--paper)}.carta-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px}.carta-head h2{font-size:clamp(30px,4vw,44px);font-weight:900}.ctx{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cats{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:16px;scrollbar-width:thin}.cats button{border:1.5px solid var(--line);background:var(--paper);border-radius:999px;padding:8px 14px;font-weight:600;white-space:nowrap;font-size:14px}.cats button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.prod{display:grid;grid-template-rows:auto 1fr;border:1.5px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);text-align:left;padding:0}.prod:hover{border-color:var(--ink)}.prod .art{aspect-ratio:16/9;max-width:100%;background:var(--yellow-soft);display:grid;place-items:center;position:relative}.prod .art svg{width:46%;height:auto}.prod .badge{position:absolute;top:10px;left:10px;background:var(--ink);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;letter-spacing:.04em}.prod .info{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px}.prod .info b{font-size:16px}.prod .info span{font-size:13px;color:var(--muted)}.prod .row{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px}.prod .price{font-family:var(--display);font-stretch:85%;font-weight:800;font-size:20px}.prod .plus{width:34px;height:34px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-weight:800;font-size:20px}.cartbar{position:fixed;left:0;right:0;bottom:0;z-index:30;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));padding-top:14px;pointer-events:none;display:flex;justify-content:center}.cartbar button{pointer-events:auto;box-shadow:0 10px 30px #1d1b1640;min-width:min(420px,100%);justify-content:space-between;padding:14px 20px;font-size:16px}.cartbar .count{background:var(--ink);color:#fff;border-radius:999px;min-width:26px;height:26px;display:inline-grid;place-items:center;font-size:13px;padding:0 6px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d1b1673;z-index:50;display:flex;justify-content:flex-end}.scrim.center{justify-content:center;align-items:center;padding:16px}.drawer{background:var(--paper);width:min(440px,100%);height:100%;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-right:env(safe-area-inset-right,0px)}.drawer header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1.5px solid var(--line)}.drawer header h3{font-size:26px;font-weight:900}.drawer .body{flex:1;overflow:auto;padding:12px 20px}.drawer footer{padding:16px 20px;border-top:1.5px solid var(--line);display:flex;flex-direction:column;gap:10px}.x{border:0;background:var(--surface);width:36px;height:36px;border-radius:50%;font-size:18px;font-weight:700}.line{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--line)}.line:last-child{border-bottom:0}.line b{font-size:15px}.line .det{font-size:13px;color:var(--muted);grid-column:1/-1}.line .nota{font-size:13px;color:var(--warn);grid-column:1/-1}.step{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:999px}.step button{border:0;background:transparent;width:30px;height:30px;font-weight:800;font-size:16px}.step span{min-width:22px;text-align:center;font-weight:700}.tot{display:flex;justify-content:space-between;font-size:14px;color:var(--muted)}.tot.big{font-size:18px;color:var(--ink);font-weight:800}.modal{background:var(--paper);border-radius:20px;width:min(520px,100%);max-height:calc(100% - 32px);display:flex;flex-direction:column;overflow:hidden}.modal .art{background:var(--yellow-soft);display:grid;place-items:center;padding:18px;position:relative}.modal .art svg{width:130px;height:auto}.modal .art .x{position:absolute;top:12px;right:12px;background:var(--paper)}.modal .body{overflow:auto;padding:18px 20px;display:flex;flex-direction:column;gap:18px}.modal h3{font-size:30px;font-weight:900}.grp{display:flex;flex-direction:column;gap:8px}.grp-h{display:flex;justify-content:space-between;align-items:baseline}.grp-h b{font-size:15px}.opt{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer}.opt:has(input:checked){border-color:var(--ink);background:var(--yellow-soft)}.opt input{accent-color:var(--ink);width:18px;height:18px;margin:0}.opt span{flex:1}.opt em{font-style:normal;font-size:13px;color:var(--muted)}.modal footer{display:flex;gap:12px;align-items:center;padding:14px 20px;border-top:1.5px solid var(--line)}.modal footer .btn{flex:1}.co{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.co>*{min-width:0}.panel{border:1.5px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:16px;background:var(--paper)}.panel h3{font-size:24px;font-weight:900}.pays{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.pay{border:1.5px solid var(--line);border-radius:14px;padding:12px;text-align:left;background:var(--paper);display:flex;flex-direction:column;gap:2px}.pay b{font-size:15px}.pay span{font-size:12px;color:var(--muted)}.pay[aria-pressed=true]{border-color:var(--ink);background:var(--yellow-soft)}.paybox{background:var(--surface);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}.yape{display:grid;grid-template-columns:132px 1fr;gap:16px;align-items:center}.qr{width:132px;height:132px;background:#fff;border-radius:10px;padding:8px;display:grid;grid-template-columns:repeat(21,1fr);gap:0}.qr i{display:block;aspect-ratio:1}.qr i.on{background:var(--ink)}.kv{display:flex;flex-direction:column;gap:6px;font-size:14px}.kv div{display:flex;justify-content:space-between;gap:10px}.kv b{font-variant-numeric:tabular-nums}.code{font-family:var(--display);font-stretch:85%;font-weight:800;background:var(--yellow);padding:1px 8px;border-radius:6px;letter-spacing:.03em}.track{max-width:620px;margin:0 auto;display:flex;flex-direction:column;gap:20px;text-align:center;align-items:center}.track .big{font-family:var(--display);font-stretch:80%;font-weight:900;font-size:64px;line-height:1;background:var(--yellow);padding:6px 18px;border-radius:14px}.steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0;width:100%;text-align:left}.steps li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding-bottom:18px;position:relative}.steps li:after{content:"";position:absolute;left:13px;top:28px;bottom:0;width:2px;background:var(--line)}.steps li:last-child:after{display:none}.dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--line);background:var(--paper);display:grid;place-items:center;font-size:13px;font-weight:800}.steps li.done .dot{background:var(--ink);border-color:var(--ink);color:#fff}.steps li.now .dot{background:var(--yellow);border-color:var(--ink)}.steps li.done:after{background:var(--ink)}.steps b{display:block}.steps span{font-size:13px;color:var(--muted)}.rhead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}.rhead h2{font-size:clamp(28px,4vw,40px);font-weight:900}.tabs{display:flex;gap:6px;border-bottom:1.5px solid var(--line);margin-bottom:18px;overflow-x:auto}.tabs button{border:0;background:transparent;padding:10px 14px;font-weight:700;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1.5px;white-space:nowrap;display:inline-flex;gap:8px;align-items:center}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--yellow)}.pill{background:var(--bad);color:#fff;border-radius:999px;font-size:11px;padding:1px 7px}.rgrid{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start}.rgrid>*{min-width:0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filters button{border:1.5px solid var(--line);background:var(--paper);border-radius:999px;padding:6px 12px;font-weight:600;font-size:13px}.filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.olist{display:flex;flex-direction:column;gap:10px}.ocard{border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr auto;gap:6px 14px;align-items:start;background:var(--paper);position:relative;overflow:hidden}.ocard.attn{border-color:var(--warn)}.ocard.attn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--warn)}.ocard .c{font-family:var(--display);font-stretch:85%;font-weight:800;font-size:18px}.ocard .who{font-weight:600}.ocard .items{grid-column:1/-1;font-size:13px;color:var(--muted)}.ocard .meta{display:flex;gap:6px;flex-wrap:wrap;grid-column:1/-1}.ocard .acts{display:flex;gap:8px;flex-wrap:wrap;grid-column:1/-1;margin-top:4px}.ocard .t{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}.ocard .t small{display:block;font-weight:500;color:var(--muted);font-size:12px}.opref{font-size:13px;background:var(--surface);border-radius:8px;padding:6px 10px;grid-column:1/-1}.side{display:flex;flex-direction:column;gap:16px}.mesas{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.mesa{aspect-ratio:1;max-width:100%;border-radius:12px;border:1.5px solid var(--line);background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:2px}.mesa b{font-family:var(--display);font-stretch:85%;font-weight:900;font-size:20px;line-height:1}.mesa small{font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}.mesa.ocup{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.mesa.cobrar{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}.mesa[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:1px}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px;border:1.5px solid var(--line)}.mesa.abierta{background:var(--yellow-soft);border-color:var(--yellow-deep);color:#7a5b00}.legend .l1{background:var(--yellow-soft);border-color:var(--yellow-deep)}.legend .l2{background:var(--ok-soft);border-color:var(--ok)}.legend .l3{background:var(--warn-soft);border-color:var(--warn)}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px}.toggle input{width:44px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--line);border-radius:999px;position:relative;cursor:pointer;flex:none}.toggle input:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s}.toggle input:checked{background:var(--ink)}.toggle input:checked:after{left:23px}.pos{display:grid;grid-template-columns:1fr 360px;gap:22px;align-items:start}.pos>*{min-width:0}.poslist{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.posbtn{border:1.5px solid var(--line);background:var(--paper);border-radius:12px;padding:10px 12px;text-align:left;display:flex;flex-direction:column;gap:2px}.posbtn:hover{border-color:var(--ink)}.posbtn b{font-size:14px}.posbtn span{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.poscat{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:14px 0 8px}.poscat:first-child{margin-top:0}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{border:1.5px solid var(--line);background:var(--paper);border-radius:10px;padding:8px 12px;font-weight:600;font-size:13px}.seg button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.khead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.khead h2{font-size:clamp(28px,4vw,40px);font-weight:900}.kcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.kcol{background:var(--surface);border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:10px;min-height:200px}.kcol>h3{font-size:20px;font-weight:900;display:flex;justify-content:space-between;align-items:center;padding:4px 4px 2px}.kcol>h3 span{background:var(--ink);color:#fff;border-radius:999px;font-size:13px;padding:2px 10px;font-family:var(--body);font-stretch:100%}.kcol.nuevo>h3 span{background:var(--yellow);color:var(--ink)}.kcard{background:var(--paper);border-radius:14px;border:1.5px solid var(--line);padding:12px 14px;display:flex;flex-direction:column;gap:10px}.kcard.fresh{border-color:var(--ink);box-shadow:0 0 0 3px var(--yellow)}.kcard .top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.kcard .c{font-family:var(--display);font-stretch:80%;font-weight:900;font-size:26px;line-height:1}.kcard .where{font-weight:700;font-size:14px}.kcard .time{font-weight:700;font-variant-numeric:tabular-nums;font-size:14px}.kcard .time.late{color:var(--bad)}.kcard ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.kcard li{display:grid;grid-template-columns:34px 1fr;gap:8px;font-size:15px}.kcard li .q{font-family:var(--display);font-stretch:85%;font-weight:900;font-size:20px;line-height:1.1}.kcard li .d{font-size:13px;color:var(--muted)}.kcard li .n{font-size:13px;color:var(--bad);font-weight:700}.empty{color:var(--muted);font-size:14px;text-align:center;padding:24px 8px;border:1.5px dashed var(--line);border-radius:14px;background:var(--paper)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:60;background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;font-weight:600;font-size:14px;box-shadow:0 10px 30px #00000040;max-width:calc(100% - 32px)}.toast b{color:var(--yellow)}@media (max-width:900px){.hero,.co,.rgrid,.pos,.kcols{grid-template-columns:1fr}}@media (max-width:520px){.demo-tag{margin-left:0;width:100%}.yape{grid-template-columns:1fr;justify-items:center}.track .big{font-size:48px}}@media (prefers-reduced-motion:no-preference){.kcard.fresh{animation:pop .5s ease}@keyframes pop{0%{transform:scale(.96)}to{transform:none}}}.views a{color:#d9d4c6;padding:7px 14px;border-radius:999px;font-weight:600;font-size:14px;text-decoration:none}.views a.active{background:var(--yellow);color:var(--ink)}.topbar .user{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:13px;color:#bdb6a4}.topbar .user button{border:1px solid #4A463C;background:transparent;color:#fff;border-radius:999px;padding:5px 12px;font-size:13px}.brand{text-decoration:none;color:#fff}.login{max-width:380px;margin:48px auto}.center-msg{max-width:520px;margin:60px auto;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}.prod[disabled]{opacity:.5;cursor:not-allowed}.prod .agotado{position:absolute;top:10px;right:10px;background:var(--bad);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px}.prod .art img,.modal .art img{width:100%;height:100%;object-fit:cover}.prod .art:has(img){padding:0}table.adm{width:100%;border-collapse:collapse;font-size:14px}table.adm th,table.adm td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}table.adm th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}table.adm input[type=number]{width:96px;border:1.5px solid var(--line);border-radius:8px;padding:6px 8px}.scroll-x{overflow-x:auto}.qrs{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.qrcard{border:1.5px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.qrcard img{width:150px;height:150px}.qrcard b{font-family:var(--display);font-stretch:85%;font-weight:900;font-size:22px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.kpi{border:1.5px solid var(--line);border-radius:14px;padding:14px}.kpi span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.kpi b{display:block;font-family:var(--display);font-stretch:85%;font-weight:900;font-size:28px;margin-top:4px;font-variant-numeric:tabular-nums}.offline{background:var(--bad);color:#fff;text-align:center;font-size:13px;font-weight:600;padding:6px 16px}.cobro-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.foto-adm{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:120px}.foto-adm .thumb{width:112px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--yellow-soft);display:grid;place-items:center;font-size:11px;color:var(--muted)}.foto-adm .thumb img{width:100%;height:100%;object-fit:cover}.foto-acts{display:flex;gap:6px;flex-wrap:wrap}.foto-acts label{cursor:pointer}.modal .art:has(img){padding:0;aspect-ratio:16/9}.chat-burbuja{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;align-items:center;gap:8px;border:0;border-radius:999px;background:var(--yellow);color:var(--ink);font-weight:700;padding:12px 18px;box-shadow:0 10px 30px #1d1b1640}.chat-burbuja:hover{background:var(--yellow-deep)}.chat-burbuja.alta{bottom:calc(84px + env(safe-area-inset-bottom,0px))}@media (max-width:520px){.chat-burbuja span{display:none}.chat-burbuja{padding:14px}}.chat-panel{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:45;width:min(380px,calc(100vw - 32px));height:min(600px,calc(100dvh - 32px));background:var(--paper);border:1.5px solid var(--line);border-radius:20px;box-shadow:0 18px 50px #1d1b1640;display:flex;flex-direction:column;overflow:hidden}@media (max-width:520px){.chat-panel{right:0;left:0;bottom:0;width:100%;height:calc(100dvh - env(safe-area-inset-top,0px));border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}}.chat-panel header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--ink);color:#fff}.chat-panel header b{display:block;font-size:15px}.chat-panel header span{font-size:12px;color:var(--yellow)}.chat-panel header .x{background:#2e2b24;color:#fff}.chat-lista{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--surface)}.chat-msg{display:flex;flex-direction:column;gap:8px;max-width:88%}.chat-msg p{margin:0;padding:10px 13px;border-radius:16px;white-space:pre-line;font-size:14px;line-height:1.45}.chat-msg.bot{align-self:flex-start}.chat-msg.bot p{background:var(--paper);border:1px solid var(--line);border-bottom-left-radius:4px}.chat-msg.cliente{align-self:flex-end}.chat-msg.cliente p{background:var(--yellow);border-bottom-right-radius:4px}.chat-botones{display:flex;flex-wrap:wrap;gap:6px}.chat-botones button{border:1.5px solid var(--ink);background:var(--paper);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.chat-botones button:hover{background:var(--yellow-soft)}.chat-prods{display:flex;flex-direction:column;gap:6px}.chat-prod{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center;text-align:left;border:1.5px solid var(--line);background:var(--paper);border-radius:12px;padding:6px;min-width:0}.chat-prod:hover:not([disabled]){border-color:var(--ink)}.chat-prod[disabled]{opacity:.55}.chat-prod .art{width:64px;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:var(--yellow-soft);display:grid;place-items:center}.chat-prod .art svg{width:70%}.chat-prod .art img{width:100%;height:100%;object-fit:cover}.chat-prod b{display:block;font-size:14px}.chat-prod span{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.chat-prod em{display:block;font-style:normal;font-size:12px;font-weight:700;margin-top:2px}.chat-entrada{display:flex;gap:8px;padding:10px;border-top:1.5px solid var(--line);background:var(--paper)}.chat-entrada input{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:999px;padding:10px 14px;font-size:16px}.chat-entrada input:focus{outline:none;border-color:var(--ink)}.escribiendo{display:flex;gap:4px;align-items:center;min-height:20px}.escribiendo i{width:7px;height:7px;border-radius:50%;background:var(--muted);display:block}@media (prefers-reduced-motion:no-preference){.escribiendo i{animation:punto 1s infinite}.escribiendo i:nth-child(2){animation-delay:.15s}.escribiendo i:nth-child(3){animation-delay:.3s}@keyframes punto{0%,60%,to{opacity:.3}30%{opacity:1}}}