.pn{--surface:#fcfcfb;--bg:#f3f1ed;--ink:#0b0b0b;--ink-2:#52514e;--ink-3:#8a8883;--line:#0b0b0b14;--serie:#2a78d6;--bien:#0ca30c;--atencion:#fab219;--critico:#d03b3b;--acc:#ff5a1f;background:var(--bg);min-height:100svh;color:var(--ink);padding:1.25rem clamp(1rem,3vw,2rem) 5rem;font-family:Inter Tight,system-ui,sans-serif}:where(.pn) button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:where(.pn) *{margin:0}.pn-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.pn-marca{align-items:center;gap:.75rem;display:flex}.pn-marca>span{background:var(--acc);color:#fff;border-radius:12px;place-items:center;width:2.6rem;height:2.6rem;font-size:1.4rem;font-weight:900;display:grid}.pn-marca .pn-h1{letter-spacing:-.02em;font-size:1.35rem}.pn-marca small{color:var(--ink-2);font-size:.85rem}.pn-filtros{flex-wrap:wrap;gap:.5rem;display:flex}.pn-seg{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;padding:3px;display:flex;overflow-x:auto}.pn-seg button{color:var(--ink-2);white-space:nowrap;border-radius:8px;padding:.45em .85em;font-size:.88rem;font-weight:600}.pn-seg button.on{background:var(--ink);color:#fff}.pn-kpis{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem;display:grid}.pn-hero,.pn-tile:last-child{grid-column:span 2}@media (width>=760px){.pn-kpis{grid-template-columns:1.6fr 1fr 1fr 1fr}.pn-hero,.pn-tile:last-child{grid-column:auto}}.pn-hero,.pn-tile{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;flex-direction:column;gap:.35rem;padding:1.1rem 1.25rem;display:flex}.pn-hero small,.pn-tile small{color:var(--ink-2);font-size:.85rem}.pn-hero b{letter-spacing:-.03em;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:600;line-height:1}.pn-tile b{letter-spacing:-.02em;font-size:1.6rem;font-weight:600}.pn-delta{font-size:.8rem;font-weight:700}.pn-delta em{color:var(--ink-3);font-style:normal;font-weight:500}.pn-delta--bien{color:#0a7f0a}.pn-delta--mal{color:var(--critico)}.pn-grid{gap:.75rem;display:grid}@media (width>=900px){.pn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pn-card--ancha{grid-column:span 2}}@media (width>=1300px){.pn-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pn-card--ancha{grid-column:span 2}}.pn-card{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;min-width:0;padding:1.1rem 1.25rem 1.25rem}.pn-card>header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.pn-card h2{letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1rem;display:flex}.pn-card header p{color:var(--ink-2);margin-top:.15rem;font-size:.83rem}.pn-link{color:var(--serie);white-space:nowrap;font-size:.83rem;font-weight:600}.pn-barras{grid-template-columns:auto 1fr;gap:.6rem;height:15rem;display:grid}.pn-barras__eje{width:3.6rem;color:var(--ink-3);font-variant-numeric:tabular-nums;margin-bottom:1.4rem;font-size:.72rem;position:relative}.pn-barras__eje span{white-space:nowrap;position:absolute;right:0;transform:translateY(50%)}.pn-barras__area{grid-template-rows:1fr auto;min-width:0;display:grid;position:relative}.pn-barras__cols{align-items:flex-end;gap:2px;height:100%;display:flex;position:relative}.pn-col{outline:none;flex:1;justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.pn-col>i{background:var(--serie);border-radius:4px 4px 0 0;width:min(70%,28px);transition:opacity .15s}.pn-barras__cols:hover .pn-col>i{opacity:.55}.pn-barras__cols .pn-col.on>i{opacity:1}.pn-col:focus-visible>i{outline:2px solid var(--ink);outline-offset:2px}.pn-barras__cols--denso .pn-col>i{width:80%}.pn-barras__guia{background:var(--line);pointer-events:none;height:1px;position:absolute;left:0;right:0}.pn-tip{z-index:2;background:var(--ink);color:#fff;white-space:nowrap;pointer-events:none;border-radius:8px;padding:.45rem .65rem;display:grid;position:absolute;left:50%;transform:translate(-50%,-8px);box-shadow:0 6px 18px -6px #0006}.pn-tip--izq{left:auto;right:50%;transform:translateY(-8px)}.pn-tip b{font-size:.9rem}.pn-tip small{color:#ffffffb3;font-size:.75rem}.pn-barras__x{height:1.4rem;color:var(--ink-3);gap:2px;padding-top:.35rem;font-size:.72rem;display:flex}.pn-barras__x span{text-align:center;white-space:nowrap;flex:1;overflow:visible}.pn-barras__x--denso span{text-align:left}.pn-barrash{gap:.7rem;padding:0;list-style:none;display:grid}.pn-barrash li{grid-template-columns:minmax(0,9.5rem) 1fr auto;align-items:center;gap:.75rem;font-size:.86rem;display:grid}.pn-barrash span{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pn-barrash>li>i{height:12px}.pn-barrash>li>i>i{background:var(--serie);border-radius:0 4px 4px 0;height:100%;display:block}.pn-barrash b{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.pn-ia__tag{color:#fff;background:linear-gradient(90deg,#8b5cf6,#ff5a1f);border-radius:99px;padding:.15em .5em;font-size:.72rem;font-weight:800}.pn-ia ul{gap:.7rem;padding:0;list-style:none;display:grid}.pn-ia li{background:var(--bg);color:var(--ink-2);border-radius:10px;padding:.8rem .9rem;font-size:.88rem;line-height:1.45}.pn-ia li b{color:var(--ink)}.pn-stock{gap:.85rem;padding:0;list-style:none;display:grid}.pn-stock li{grid-template-columns:1fr auto;align-items:center;gap:.35rem .75rem;display:grid}.pn-stock b{font-size:.9rem}.pn-stock small{color:var(--ink-2);font-size:.8rem;display:block}.pn-estado{color:var(--ink);font-size:.8rem;font-weight:700}.pn-medidor{background:var(--bg);border-radius:99px;grid-column:span 2;height:6px;display:block;overflow:hidden}.pn-medidor__lleno{border-radius:99px;height:100%;display:block}.pn-medidor__lleno--critico{background:var(--critico)}.pn-medidor__lleno--atencion{background:var(--atencion)}.pn-medidor__lleno--ok{background:var(--bien)}.pn-personal{grid-template-columns:1fr 1fr;gap:.5rem;padding:0;list-style:none;display:grid}.pn-personal li{background:var(--bg);border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:0 .6rem;padding:.55rem;display:grid}.pn-personal span{background:var(--ink);color:#fff;border-radius:50%;grid-row:span 2;place-items:center;width:2rem;height:2rem;font-size:.85rem;font-weight:700;display:grid}.pn-personal b{font-size:.88rem}.pn-personal small{color:var(--ink-2);font-size:.78rem}.pn-tabla{max-height:15rem;overflow-y:auto}.pn-tabla table{border-collapse:collapse;width:100%;font-size:.88rem}.pn-tabla th{background:var(--surface);text-align:left;color:var(--ink-2);border-bottom:1px solid var(--line);padding:.4rem 0;font-weight:600;position:sticky;top:0}.pn-tabla td{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;padding:.4rem 0}.pn-tabla td:last-child,.pn-tabla th:last-child{text-align:right}
