/* Contabilidad → Productos por mes (15/10/2026, aviso 279 de Bárbara). Calca el informe «Qué productos se venden cada mes» */
#v-conta-prod{--pm-cian:#0AB7C6;--pm-plus:#0A9BA8;--pm-esen:#C99A2E;--pm-prem:#34609A;--pm-a1:#C99A2E;--pm-a2:#0A9BA8;--pm-ok:#1E8A5A;--pm-bad:#C0453A;--pm-arena:#F7F0DC;}
.pm-barra{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px;}
.pm-barra .pm-hueco{flex:1;}
.pm-barra small{color:var(--mut);font-size:12px;}
.pm-chips{display:flex;gap:8px;flex-wrap:wrap;}
.pm-chips button{font:700 13px var(--font);border:1.5px solid var(--pm-plus);background:#fff;color:var(--pm-plus);border-radius:99px;padding:7px 15px;cursor:pointer;}
.pm-chips button.on{background:linear-gradient(180deg,#19C6D4 0%,#0AB7C6 55%,#079AA8 100%);background-color:#0AB7C6;color:#fff;border-color:rgba(255,255,255,.62);box-shadow:0 3px 9px rgba(5,40,60,.22);}
/* Cabecera */
.pm-hero{background:linear-gradient(135deg,#0a2540 0%,#13314f 58%,#0A7F8C 100%);color:#fff;border-radius:18px;padding:24px 26px;box-shadow:0 10px 28px rgba(10,37,64,.20);}
.pm-hero h2{font-family:var(--font-title);font-size:26px;line-height:1.2;margin:0 0 6px;color:#fff;}
.pm-hero p{margin:0;color:#D5E6EE;font-size:14px;}
.pm-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;}
.pm-kpi{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:13px;padding:13px 15px;border-top:4px solid var(--pm-cian);}
.pm-kpi:nth-child(2){border-top-color:#7fa6d9;} .pm-kpi:nth-child(3){border-top-color:#E8D49A;} .pm-kpi:nth-child(4){border-top-color:#9FE8EF;}
.pm-kpi span{display:block;font-size:12px;color:#cfe3ef;}
.pm-kpi b{display:block;font-family:var(--font-title);font-size:25px;margin-top:3px;color:#fff;}
.pm-kpi em{font-style:normal;font-size:12px;font-weight:700;display:block;margin-top:3px;color:#cfe3ef;}
.pm-kpi em.up{color:#5fe0a6;} .pm-kpi em.down{color:#ff9b8a;}
/* Secciones */
.pm-sec{display:flex;align-items:baseline;gap:10px;margin:28px 0 12px;flex-wrap:wrap;}
.pm-sec h3{font-family:var(--font-title);font-size:20px;color:var(--navy);margin:0;}
.pm-sec p{margin:0;font-size:13px;color:var(--mut);}
.pm-caja{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;}
.pm-caja.arena{background:var(--pm-arena);border-color:#EADFC2;}
/* Destacados */
.pm-ideas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.pm-ideas li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 14px 13px 48px;position:relative;border-left:4px solid var(--pm-cian);font-size:14px;line-height:1.5;color:#22323f;}
.pm-ideas li svg{position:absolute;left:14px;top:14px;width:22px;height:22px;stroke:var(--pm-plus);}
.pm-ideas li.baja{border-left-color:var(--pm-bad);} .pm-ideas li.baja svg{stroke:var(--pm-bad);}
.pm-ideas b{color:var(--navy);}
.pm-sub{margin:6px 0 0;padding-left:18px;display:grid;gap:3px;list-style:disc;}
.pm-ideas .pm-sub li{background:none;border:0;border-radius:0;padding:0;font-size:13.5px;position:static;}
/* Gráficos */
.pm-botones{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap;align-items:center;}
.pm-ley{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:#4A5B6B;margin-left:auto;}
.pm-ley span{display:inline-flex;align-items:center;gap:6px;}
.pm-ley i{width:12px;height:12px;border-radius:3px;display:inline-block;}
.pm-graf{position:relative;}
.pm-graf svg{width:100%;height:auto;display:block;overflow:visible;}
.pm-graf text{font-family:var(--font);font-size:12px;fill:#7A8794;}
.pm-graf .rot{fill:var(--navy);font-weight:700;}
.pm-tip{position:absolute;pointer-events:none;background:var(--navy);color:#fff;font-size:13px;border-radius:8px;padding:8px 10px;opacity:0;transition:opacity .12s;white-space:nowrap;z-index:3;}
.pm-tip b{color:#9FE8EF;}
/* Rankings */
.pm-dos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.pm-dos h4{font-family:var(--font-title);font-size:17px;color:var(--navy);margin:0 0 2px;}
.pm-dos .s{font-size:13px;color:var(--mut);margin:0 0 12px;}
.pm-rk{list-style:none;margin:0;padding:0;display:grid;gap:9px;}
.pm-rk li{display:grid;grid-template-columns:minmax(120px,1.3fr) 1fr auto;gap:10px;align-items:center;font-size:13.5px;}
.pm-rk-bar{height:12px;background:#EEF2F4;border-radius:6px;overflow:hidden;}
.pm-rk-bar i{display:block;height:100%;border-radius:0 4px 4px 0;width:0;transition:width .7s ease;}
.pm-rk-v{font-variant-numeric:tabular-nums;min-width:62px;text-align:right;color:var(--navy);}
/* Mapa de calor */
.pm-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.pm-calor{border-collapse:separate;border-spacing:2px;font-size:11px;width:100%;table-layout:fixed;}
.pm-calor th{font-weight:700;color:#4A5B6B;padding:4px 0;text-align:center;white-space:nowrap;font-size:11px;text-transform:none;letter-spacing:0;background:transparent;border:0;}
.pm-calor th small{display:block;font-weight:500;font-size:10px;color:var(--mut);}
.pm-calor td{border:0;}
.pm-calor th.fam{text-align:left;position:sticky;left:0;background:#fff;padding-right:8px;width:140px;color:var(--navy);white-space:normal;font-size:11px;z-index:1;}
.pm-calor td{text-align:center;padding:7px 0;border-radius:4px;font-variant-numeric:tabular-nums;font-weight:700;}
.pm-calor td.tot{background:var(--pm-arena);font-size:11px;padding:4px 2px;white-space:nowrap;}
.pm-calor th.tot{width:84px;}
.pm-calor td.tot small{display:block;font-weight:500;color:#4A5B6B;}
/* Podio */
.pm-meses{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;}
.pm-mes{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;border-top:3px solid var(--pm-cian);}
.pm-mes.curso{border-top-color:#E8D49A;}
.pm-mes h4{font-family:var(--font-title);font-size:17px;color:var(--navy);margin:0;}
.pm-mes h4 small{font:700 11px var(--font);color:#9a7a1e;background:#fbf3dc;border-radius:99px;padding:2px 8px;margin-left:6px;vertical-align:2px;}
.pm-mes p{margin:2px 0 8px;font-size:13px;color:#4A5B6B;}
.pm-mes ol{margin:0;padding-left:18px;font-size:13px;}
.pm-mes li{margin-bottom:3px;}
.pm-notas{margin:0;padding-left:18px;font-size:13px;color:#4A5B6B;display:grid;gap:5px;}
.pm-tabla{margin-top:10px;font-size:13px;}
.pm-tabla summary{cursor:pointer;color:var(--pm-plus);font-weight:700;}
.pm-tabla table{border-collapse:collapse;margin-top:8px;font-size:12.5px;width:100%;}
.pm-tabla th,.pm-tabla td{padding:4px 6px;border-bottom:1px solid var(--line);text-align:right;}
.pm-tabla th:first-child,.pm-tabla td:first-child{text-align:left;}
.pm-carga{padding:40px;text-align:center;color:var(--mut);}
@media (max-width:900px){ .pm-hero h2{font-size:22px;} .pm-kpis{grid-template-columns:repeat(2,minmax(0,1fr));} .pm-ideas,.pm-dos{grid-template-columns:1fr;} }
@media (max-width:600px){
  .pm-hero{padding:20px 18px;} .pm-hero h2{font-size:22px;}
  .pm-kpi b{font-size:21px;}
  .pm-rk li{grid-template-columns:1fr auto;} .pm-rk-bar{grid-column:1/-1;grid-row:2;}
  .pm-ley{margin-left:0;}
  .pm-calor{min-width:760px;}
}