.gz{--g-bg:#121316;--g-card:#1c1e23;--g-card-2:#262931;--g-ink:#f2f2f4;--g-mut:#8e9199;--g-acc:#ff5a1f;width:100%;height:100%;color:var(--g-ink);font-family:Inter Tight,system-ui,sans-serif;container-type:inline-size}:where(.gz) *{box-sizing:border-box;margin:0}:where(.gz) button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0}.gz__pantalla{background:var(--g-bg);flex-direction:column;height:100%;font-size:3.8cqw;display:flex;position:relative;overflow:hidden}.gz__status{color:var(--g-mut);justify-content:space-between;padding:3.4cqw 7cqw 1cqw;font-size:3.4cqw;font-weight:700;display:flex}.gz__status span:first-child{color:var(--g-ink)}.gz__cuerpo{scrollbar-width:none;flex:1;padding:3cqw 5cqw 24cqw;overflow-y:auto}.gz__cuerpo::-webkit-scrollbar{display:none}.gz-top{justify-content:space-between;align-items:flex-end;gap:3cqw;margin-bottom:4cqw;display:flex}.gz-top .gz-h1{letter-spacing:-.03em;font-size:8cqw;font-weight:800;line-height:1}.gz-top small{color:var(--g-mut);font-size:3.4cqw}.gz-total{letter-spacing:-.02em;color:var(--g-acc);font-size:6cqw}.gz-seg{background:var(--g-card);border-radius:99em;padding:.8cqw;display:flex}.gz-seg button{color:var(--g-mut);border-radius:99em;padding:.5em .9em;font-size:3.3cqw;font-weight:700}.gz-seg button.on{background:var(--g-card-2);color:var(--g-ink)}.gz-leyenda{color:var(--g-mut);flex-wrap:wrap;gap:1.5cqw 3.5cqw;margin-bottom:4cqw;font-size:3cqw;display:flex}.gz-leyenda span{align-items:center;gap:1.2cqw;display:inline-flex}.gz-punto{border-radius:50%;width:2.4cqw;height:2.4cqw}.gz-punto--libre{background:#3a3d45}.gz-punto--ocupada{background:var(--g-acc)}.gz-punto--cuenta{background:#ffc53d}.gz-punto--limpiar{background:#5b8def}.gz-plano{grid-template-columns:1fr 1fr;gap:3cqw;display:grid}.gz-mesa{background:var(--g-card);border:.6cqw solid #3a3d45;border-radius:4cqw;flex-direction:column;gap:.6cqw;min-height:24cqw;padding:3.4cqw;display:flex}.gz-mesa b{font-size:7cqw;line-height:1}.gz-mesa small{color:var(--g-mut);font-size:3cqw}.gz-mesa em{margin-top:auto;font-style:normal;font-weight:800}.gz-mesa--larga{grid-column:span 2}.gz-mesa--ocupada{border-color:var(--g-acc);background:#ff5a1f1a}.gz-mesa--cuenta{background:#ffc53d1a;border-color:#ffc53d}.gz-mesa--cuenta em{color:#ffc53d}.gz-mesa--limpiar{border-style:dashed;border-color:#5b8def}.gz-volver{color:var(--g-acc);margin-bottom:2cqw;font-size:3.4cqw;font-weight:700}.gz-vacio{color:var(--g-mut);margin-bottom:4cqw;line-height:1.45}.gz-vacio a{color:var(--g-acc);text-decoration:underline}.gz-personas{grid-template-columns:repeat(4,1fr);gap:2.4cqw;display:grid}.gz-personas button{aspect-ratio:1;background:var(--g-card);text-align:center;border-radius:4cqw;font-size:6cqw;font-weight:800}.gz-personas button:active{background:var(--g-acc)}.gz-enviado{background:var(--g-card);border-radius:3.4cqw;margin-bottom:4cqw;padding:3cqw 4cqw;font-size:3.4cqw}.gz-enviado summary{cursor:pointer;color:var(--g-mut);font-weight:700}.gz-enviado ul{gap:1cqw;padding:2cqw 0 0;list-style:none;display:grid}.gz-enviado em,.gz-linea em{color:#ffc53d;font-style:normal}.gz-chips{scrollbar-width:none;gap:2cqw;margin:0 -5cqw 3cqw;padding-inline:5cqw;display:flex;overflow-x:auto}.gz-chips button{background:var(--g-card);border-radius:99em;flex:none;padding:.5em 1em;font-size:3.3cqw;font-weight:700}.gz-chips button.on{background:var(--g-ink);color:var(--g-bg)}.gz-productos{grid-template-columns:1fr 1fr;gap:2cqw;display:grid}.gz-productos button{background:var(--g-card);border-radius:3cqw;flex-direction:column;gap:.6cqw;padding:3cqw;font-size:3.4cqw;font-weight:700;line-height:1.15;display:flex}.gz-productos button:active{background:var(--g-card-2)}.gz-productos small{color:var(--g-mut);font-weight:600}.gz-nueva{background:#ff5a1f14;border-radius:3.4cqw;margin-top:4cqw;padding:3.4cqw;box-shadow:inset 0 0 0 .4cqw #ff5a1f66}.gz-nueva>p{color:var(--g-acc);margin-bottom:2cqw;font-weight:800}.gz-linea{flex-wrap:wrap;align-items:center;gap:2cqw;padding:1.4cqw 0;font-size:3.5cqw;display:flex}.gz-linea>span{flex:1}.gz-linea>button{background:var(--g-card-2);border-radius:99em;padding:.3em .7em;font-size:3cqw;font-weight:700}.gz-notas{flex-wrap:wrap;gap:1.6cqw;width:100%;display:flex}.gz-notas button{color:#111;background:#ffc53d;border-radius:99em;padding:.4em .8em;font-size:3cqw;font-weight:700}.gz-acciones{z-index:2;position:absolute;bottom:20cqw;left:5cqw;right:5cqw}.gz-btn{background:var(--g-acc);color:#fff;text-align:center;border-radius:99em;width:100%;padding:1em;font-weight:800;box-shadow:0 2cqw 6cqw -2cqw #ff5a1fcc}.gz__cuerpo>.gz-btn{position:static}.gz-btn--sec{background:var(--g-card-2);box-shadow:none}.gz-listos{gap:2.4cqw;padding:0;list-style:none;display:grid}.gz-listos li{background:var(--g-card);border-left:1.2cqw solid #4ade80;border-radius:3.4cqw;align-items:center;gap:3cqw;padding:3.4cqw;display:flex}.gz-listos li>div{flex:1;gap:.6cqw;display:grid}.gz-listos small{color:var(--g-mut);font-size:3cqw}.gz-listos button{color:#0b2413;background:#4ade80;border-radius:99em;padding:.5em .9em;font-size:3.2cqw;font-weight:800}.gz-kpis{grid-template-columns:1fr 1fr;gap:2.4cqw;margin-bottom:4cqw;display:grid}.gz-kpis div{background:var(--g-card);border-radius:4cqw;gap:1cqw;padding:4cqw;display:grid}.gz-kpis small{color:var(--g-mut);font-size:3cqw}.gz-kpis b{letter-spacing:-.02em;font-size:6cqw}.gz-tabs{z-index:3;background:#121316f2;border-top:.25cqw solid #ffffff0f;grid-template-columns:repeat(3,1fr);padding:2.4cqw 3cqw 6cqw;display:grid;position:absolute;bottom:0;left:0;right:0}.gz-tabs button{color:var(--g-mut);text-align:center;flex-direction:column;align-items:center;gap:.6cqw;font-size:5.6cqw;display:flex;position:relative}.gz-tabs span{font-size:2.8cqw;font-weight:700}.gz-tabs button.on{color:var(--g-acc)}.gz-tabs i{color:#0b2413;background:#4ade80;border-radius:99em;place-items:center;min-width:4.4cqw;height:4.4cqw;padding-inline:1cqw;font-size:2.8cqw;font-style:normal;font-weight:800;display:grid;position:absolute;top:-1cqw;left:55%}
