/* NexoPOS: ajustes de la página de inicio sobre landing-pro.css (paleta índigo y maquetas del POS) */
:root{--primary:#6366f1;--secondary:#8b5cf6;--glow:rgba(99,102,241,.32)}
.logo-mark{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px rgba(99,102,241,.4)}
.logo-mark span{font-family:'Outfit',sans-serif}

/* celular: pedido de una mesa */
.pos-phone{gap:10px}
.pp-head{display:flex;justify-content:space-between;align-items:baseline}
.pp-head b{font-size:1rem}
.pp-head span{font-size:.66rem;color:var(--muted)}
.pp-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pp-items li{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid var(--border);font-size:.7rem}
.pp-items li span{color:#a5b4fc;font-weight:800;width:20px}
.pp-items li b{flex:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-items li em{font-style:normal;color:var(--muted)}
.pp-items li.new{border-color:rgba(52,211,153,.5);background:rgba(52,211,153,.08);animation:ppIn 2.6s ease-in-out infinite}
@keyframes ppIn{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 3px rgba(52,211,153,.18)}}
.pp-total{display:flex;justify-content:space-between;align-items:baseline;padding:8px 2px;border-top:1px dashed rgba(255,255,255,.15);margin-top:auto}
.pp-total small{font-size:.68rem;color:var(--muted)}
.pp-total b{font:800 1.15rem 'Outfit',sans-serif}
.pp-pay{display:flex;gap:6px}
.pp-pay span{flex:1;text-align:center;font-size:.62rem;font-weight:700;padding:7px 4px;border-radius:8px;background:rgba(99,102,241,.14);color:#c7d2fe;border:1px solid rgba(99,102,241,.3)}
.pos-phone .ph-cta{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 6px 18px rgba(99,102,241,.4)}

/* pantalla: mapa de mesas + cuenta */
.pos-screen .ps-tables{padding:14px;background:radial-gradient(circle at 20% 10%,rgba(99,102,241,.35),transparent 60%),#100e1f;display:flex;flex-direction:column;gap:10px;min-width:0}
.ps-tables h5,.pos-screen .tv-side h5{margin:0;font-size:.68rem;text-transform:uppercase;letter-spacing:.8px;color:#a5b4fc}
.ps-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.ps-grid span{display:grid;place-items:center;border-radius:9px;font-size:.7rem;font-weight:800;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#cbd5e1}
.ps-grid span.busy{background:rgba(99,102,241,.25);border-color:rgba(129,140,248,.6);color:#fff}
.ps-grid span.bill{background:rgba(251,191,36,.2);border-color:rgba(251,191,36,.6);color:#fde68a}
.ps-sum{margin-top:auto;padding-top:6px;border-top:1px dashed rgba(255,255,255,.15);display:flex;flex-direction:column;gap:2px}
.ps-sum small{font-size:.55rem;color:var(--muted)}
.ps-sum b{font:800 .95rem 'Outfit',sans-serif;color:#fff}