:root{--nav:#243a5e;--nav-act:#2f4b78;--blue:#1d6fa5;--teal:#2bb7a0;--bg:#f4f5f7;--line:#e4e7ec;--txt:#2b2f36;--mut:#7b8494;--red:#e5484d;--yel:#f5b73b;--grn:#2ba56b}*{box-sizing:border-box}body{margin:0;font-family:Manrope,system-ui,sans-serif;color:var(--txt);background:var(--bg);font-size:14px}a{color:var(--blue);text-decoration:none}.app{display:flex;min-height:100vh}.side{width:240px;background:var(--nav);color:#c9d4e6;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20;transition:transform .2s;overflow-y:auto;overflow-x:hidden}.side .brand{padding:14px 16px;background:#fff;display:flex;align-items:center;justify-content:center}.side .brand img{width:100%;max-width:190px;height:auto;display:block}.login .logo{display:block;width:min(260px,80%);height:auto;margin:0 auto 18px}.side nav{flex:1 0 auto;padding-top:6px}.side .foot{flex:0 0 auto}.side a.item{display:flex;gap:12px;align-items:center;padding:11px 20px;color:#c9d4e6;font-size:15px}.side a.item.on{background:var(--nav-act);color:#fff;font-weight:700}.side .foot{padding:8px 0;border-top:1px solid #34507d}.side .emp{display:flex;gap:10px;align-items:center;padding:12px 16px;color:#fff}.side .emp .av{width:40px;height:40px;border-radius:6px;background:var(--blue);display:grid;place-items:center;font-weight:700}.main{margin-left:240px;flex:1;min-width:0}.alert{background:#fbe4e4;color:var(--red);padding:10px 20px;text-align:center}.top{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:12px}.top .r{display:flex;align-items:center;gap:16px}.btn{border:1px solid var(--line);background:#fff;padding:9px 16px;border-radius:6px;cursor:pointer;font:inherit;color:var(--txt)}.btn.p{background:var(--blue);border-color:var(--blue);color:#fff}.btn.t{background:var(--teal);border-color:var(--teal);color:#fff}.btn.d{background:var(--red);border-color:var(--red);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.page{padding:22px 24px}h1{font-size:30px;font-weight:600;margin:0 0 14px}.tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow-x:auto}.tabs button{background:none;border:0;padding:10px 2px;font:inherit;font-size:16px;color:var(--mut);cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}.tabs button.on{color:var(--blue);border-color:var(--blue);font-weight:600}.bar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.bar .grow{flex:1;min-width:180px}input,select,textarea{font:inherit;padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;width:100%;color:var(--txt)}input[type=checkbox]{width:auto}.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px}.tablewrap{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);font-weight:700;white-space:nowrap}td{padding:13px 12px;border-bottom:1px solid #f0f1f4}tbody tr:nth-child(2n){background:#fafbfc}td.n,th.n{text-align:right}.pagerbar{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;margin-top:14px}.pinfo{color:var(--mut);font-size:14px}.pctl{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pctl input,.pctl select{padding:7px 8px;width:auto}.pager{display:flex;flex-wrap:wrap}.pager button:disabled{opacity:.45;cursor:default}.pager button{border:1px solid var(--line);background:#fff;padding:8px 14px;cursor:pointer}.pager button.on{background:var(--blue);color:#fff;border-color:var(--blue)}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:700;color:#fff;background:var(--blue)}.badge.g{background:var(--grn)}.badge.r{background:var(--red)}.badge.y{background:var(--yel);color:#333}.grid{display:grid;gap:16px}.g4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.kpi .l{color:var(--mut);margin-bottom:6px}.kpi .v{font-size:26px;font-weight:700}.empty{padding:40px;text-align:center;color:var(--mut)}.modalbg{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e3280;display:grid;place-items:center;z-index:50;padding:16px}.modal{background:#fff;border-radius:10px;width:min(620px,100%);max-height:90vh;overflow:auto;padding:22px}.modal h3{margin:0 0 14px;font-size:20px}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form .full{grid-column:1/-1}.form label{display:block;font-size:12px;color:var(--mut);margin-bottom:4px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.pos{display:grid;grid-template-columns:140px minmax(0,1fr) clamp(430px,36vw,580px);gap:16px;align-items:start}.pos .cats{display:flex;flex-direction:column;gap:10px;max-height:72vh;overflow:auto}.pos .cats button{background:#fff;border:1px solid var(--line);border-radius:4px;padding:18px 6px;cursor:pointer;font:inherit}.pos .cats button.on{background:#e8f2fa;color:var(--blue);border-color:#bcd7ec}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-height:72vh;overflow:auto}.prod{background:#fff;border:1px solid var(--line);border-radius:6px;cursor:pointer;overflow:hidden;text-align:left;padding:0;font:inherit}.prod .img{aspect-ratio:1.6;background:#eef1f5;display:grid;place-items:center;color:var(--mut);font-size:30px;overflow:hidden}.prod .img img{width:100%;height:100%;object-fit:cover}.prod .t{padding:8px 10px;font-size:13px;min-height:52px}.prod .pr{padding:0 10px 8px;text-align:right;font-weight:700}.prod.out{opacity:.5}.cart{position:sticky;top:12px}.cart{padding:18px}.cart .lines{min-height:300px;max-height:52vh;overflow:auto;margin:12px 0}.cart .ln{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.cart .ln input{width:72px;padding:7px}.cart .ln{font-size:15px;padding:10px 0}.row{display:flex;justify-content:space-between;padding:5px 0;color:var(--mut)}.row.tot{font-weight:700;color:var(--txt);font-size:16px}.menu-btn{display:none}@media (max-width:1200px){.pos{grid-template-columns:120px minmax(0,1fr) 400px}}@media (max-width:1000px){.pos{grid-template-columns:1fr}.cart{position:static}.pos .cats{flex-direction:row;max-height:none}.pos .cats button{padding:10px 14px;white-space:nowrap}}@media (max-width:800px){.side{transform:translate(-100%)}.side.open{transform:none}.main{margin-left:0}.menu-btn{display:block}.form{grid-template-columns:1fr}.page{padding:16px 12px}}.login{min-height:100vh;display:grid;place-items:center;background:var(--nav);padding:16px}.login .box{background:#fff;border-radius:12px;padding:28px;width:min(400px,100%)}.bars{display:flex;align-items:flex-end;gap:8px;height:160px}.bars div{flex:1;background:var(--blue);border-radius:4px 4px 0 0;min-height:2px;position:relative}.bars small{position:absolute;bottom:-18px;left:0;right:0;text-align:center;color:var(--mut);font-size:11px}html,body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}button,.btn,.prod,.tabs button{touch-action:manipulation}@media (max-width:800px){input,select,textarea{font-size:16px}.top .r>span{display:none}}@media (display-mode:standalone){body{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}}.instalar{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:flex;align-items:center;gap:10px;background:var(--nav);color:#fff;padding:10px 12px;border-radius:14px;box-shadow:0 8px 24px #0000004d;max-width:520px;margin:0 auto;animation:subir .5s ease-out}.instalar .cerrar{background:none;border:0;color:#fff;opacity:.7;font-size:16px;cursor:pointer;padding:4px 6px}.instalar .pulso{animation:pulso 1.6s infinite;white-space:nowrap}@keyframes pulso{0%{box-shadow:0 0 #2bb7a0b3}70%{box-shadow:0 0 0 12px #2bb7a000}to{box-shadow:0 0 #2bb7a000}}@keyframes subir{0%{transform:translateY(120%);opacity:0}to{transform:none;opacity:1}}.mas{display:flex;gap:6px}.mas select,.mas input{flex:1;min-width:0}.mas .btn{padding:0 14px;font-size:18px;font-weight:700}.cart-top,.barra-venta{display:none}@media (max-width:800px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:none;overflow:visible}.prod .img{aspect-ratio:1;font-size:22px;background:#fff}.prod .img img{object-fit:contain;padding:4px}.prod .t{font-size:11px;padding:4px 6px;min-height:0;line-height:1.25;display:block;overflow:hidden;max-height:4.6em}.prod .pr{padding:0 6px 6px;font-size:13px}.pos .cats{max-height:none;overflow-x:auto}.page{padding-bottom:90px}.cart.oculto{display:none}.cart.full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;border-radius:0;overflow:auto;padding:12px;background:#f4f6fb;display:block}.cart.full .lines{min-height:0;max-height:none}.cart-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:18px;color:var(--blue)}.barra-venta{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:30;background:var(--blue);color:#fff;border:0;border-radius:8px;padding:16px;font:inherit;font-size:17px;letter-spacing:.5px;box-shadow:0 4px 14px #00000040}}.cart .ln.lnx{grid-template-columns:1fr auto;padding:12px 4px}.cart .ln.lnx:active{background:#f1f6fb}@keyframes subir{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes trazar{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes aparecer{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes deslizar{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes ola{0%{transform:translate(-4%)}to{transform:translate(4%)}}.dash .hero{position:relative;overflow:hidden;border-radius:16px;padding:22px 24px;color:#fff;background:linear-gradient(135deg,#1b2f50,#244a7c 55%,#1d6fa5);display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;animation:subir .5s both;box-shadow:0 10px 28px #1b2f5040}.dash .hero h1{margin:4px 0 0;font-size:26px;color:#fff}.dash .hero small{opacity:.8;text-transform:capitalize}.dash .hero-m{text-align:right;position:relative;z-index:1}.dash .hero-m span{display:block;opacity:.8;font-size:13px;letter-spacing:.6px;text-transform:uppercase}.dash .hero-m b{display:block;font-size:40px;line-height:1.1;margin:2px 0 8px;letter-spacing:-.5px}.dash .chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.dash .chip{background:#ffffff29;border-radius:999px;padding:5px 12px;font-size:13px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dash .chip.g{background:#2bb7a047;color:#c9fff3;font-weight:700}.dash .hero-w{position:absolute;left:-5%;right:-5%;bottom:0;width:110%;height:70%;animation:ola 6s ease-in-out infinite alternate;pointer-events:none}.dash .hero-t{position:relative;z-index:1}.kgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;margin-top:16px}.dk{--c:#1d6fa5;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;gap:12px;align-items:center;position:relative;overflow:hidden;animation:subir .55s both;transition:transform .2s,box-shadow .2s}.dk:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c)}.dk:hover{transform:translateY(-3px);box-shadow:0 10px 24px #1e325a1f}.dk .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:color-mix(in srgb,var(--c) 14%,#fff);flex-shrink:0}.dk .l{color:var(--mut);font-size:12.5px}.dk .v{font-size:21px;font-weight:800;margin-top:2px;white-space:nowrap}.dk.hl{background:linear-gradient(135deg,#1f9d63,#2bb7a0);color:#fff;border:0}.dk.hl:before{display:none}.dk.hl .l{color:#ffffffd9}.dk.hl .ic{background:#ffffff38}.dgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}.dc{border-radius:14px;animation:subir .6s .25s both}.dc.wide{grid-column:span 2}.dh{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.dh h3{margin:0;font-size:16px}.leyenda{display:flex;gap:12px;font-size:12.5px;color:var(--mut)}.leyenda i,.leyv i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.lineas{width:100%;height:auto;display:block}.lineas .trazo{stroke-dasharray:1;stroke-dashoffset:1;animation:trazar 1.4s .3s ease-out forwards}.lineas .trazo.d2{animation-delay:.55s}.lineas .area{opacity:0;animation:aparecer 1s 1s forwards}.lineas .area.d2{animation-delay:1.2s}.lineas .punto{opacity:0;transform-box:fill-box;transform-origin:center;animation:pop .35s both}.pg{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.anillo{position:relative;width:130px;height:130px;flex-shrink:0}.anillo svg{width:100%;height:100%}.anillo .centro{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.15}.anillo .centro b{font-size:15px}.anillo .centro small{color:var(--mut);font-size:11px}.leyv{flex:1;min-width:130px}.leyv>div{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);font-size:13.5px}.leyv>div:last-child{border-bottom:0}.bh{margin-bottom:12px}.bt{display:flex;justify-content:space-between;gap:8px;font-size:13.5px;margin-bottom:4px}.bt span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp{height:9px;border-radius:99px;background:#eef1f6;overflow:hidden}.bp i{display:block;height:100%;border-radius:99px;transition:width 1s cubic-bezier(.2,.8,.2,1)}.uv{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);animation:deslizar .45s both}.uv:last-child{border-bottom:0}.uv .pt{width:9px;height:9px;border-radius:50%;flex-shrink:0}.uv .uf{flex:1;font-size:13.5px}.uv small{color:#7a5af8}@media (max-width:1100px){.kgrid,.dgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.dash.page{padding:10px 12px 24px}.dash .hero{border-radius:20px;padding:20px 18px 22px;flex-direction:column;align-items:flex-start}.dash .hero h1{font-size:21px}.dash .hero-m{text-align:left;width:100%}.dash .chips{justify-content:flex-start}.dash .hero-m b{font-size:38px}.kgrid{gap:10px}.dk{flex-direction:column;align-items:flex-start;gap:8px;padding:14px;border-radius:16px}.dk .v{font-size:18px}.dgrid{grid-template-columns:1fr}.dc.wide{grid-column:auto}.dc{border-radius:18px;box-shadow:0 4px 16px #1e325a0f}}@media (prefers-reduced-motion:reduce){.dash *{animation:none!important;transition:none!important}.lineas .trazo{stroke-dashoffset:0}.lineas .area,.lineas .punto{opacity:1}}.dash .hero-t{display:flex;align-items:center;gap:14px}.dash .hero-logo{height:58px;max-width:120px;object-fit:contain;background:#fff;border-radius:12px;padding:6px;box-shadow:0 4px 14px #00000040;flex-shrink:0}.dash .chip.r{background:#e5484d4d;color:#ffd9da;font-weight:700}.dk.hl2{background:linear-gradient(135deg,#1b2f50,#2f6aa3);color:#fff;border:0}.dk.hl2:before{display:none}.dk.hl2 .l{color:#fffc}.dk.hl2 .ic{background:#ffffff2e}@media (max-width:800px){.kgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash .hero-logo{height:48px}.dk .l{font-size:11.5px}}.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.rc{border-radius:14px;animation:subir .5s both}.rc .rt{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.rc .rv{margin:6px 0}.rc .rv span{display:block;color:var(--mut);font-size:12.5px}.rc .rv b{font-size:26px}.rc .rv small{display:block;font-weight:700}.rc .rs{display:flex;align-items:flex-end;gap:3px;height:46px;margin:8px 0 10px}.rc .rs i{flex:1;background:linear-gradient(180deg,#1d6fa5,#2bb7a0);border-radius:3px 3px 0 0;transform-origin:bottom;animation:crecer .7s both}@keyframes crecer{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.rc .rr{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid var(--line);font-size:13.5px}.mk{display:grid;grid-template-columns:minmax(300px,440px) 1fr;gap:16px;align-items:start}.mkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin:10px 0;max-height:300px;overflow:auto}.mkp{border:2px solid var(--line);border-radius:10px;background:#fff;padding:4px;cursor:pointer;display:flex;flex-direction:column;gap:4px;font-size:11px;text-align:center}.mkp img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}.mkp span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mkp.on{border-color:var(--blue);background:#2563eb14}@media (max-width:900px){.mk{grid-template-columns:1fr}}

.sucsel{max-width:100%;min-width:0;white-space:nowrap}
.sucsel .sv{display:block}
@media (max-width:800px){
 .top{padding:0 10px;gap:8px}
 .top .r{flex:1;min-width:0;gap:8px;justify-content:flex-end}
 .sucsel{flex:1;min-width:0;gap:6px!important;padding:4px 4px 4px 10px!important;font-size:12px!important}
 .sucsel .st{display:none}
 .sucsel select,.sucsel .sv{flex:1;min-width:0;width:100%!important;font-size:13px!important;padding:8px 4px!important}
 .sucsel>span:last-child{margin-left:0!important;flex:none}
}