/* estilo-38 · Piso del mes (encargo 1031, app-118). Va despues de todas.
   Tokens del tema (--o-*). En celular la lista son tarjetas apiladas, jamas tabla (la leccion de las encuestas);
   desde 900 px, tabla. */
.pm{display:flex;flex-direction:column;gap:14px;min-width:0}
.pm-sel{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.pm-sel label,.pm-prop{display:flex;flex-direction:column;gap:4px;flex:1 1 200px;max-width:320px}
.pm-sel span{font-size:12.5px;font-weight:600;color:var(--o-texto2)}
.pm-prop b{font:600 16px/44px 'IBM Plex Sans',sans-serif;color:var(--o-texto)}
.pm-sel select,.pm-sel input{min-height:44px;box-sizing:border-box;font:16px 'IBM Plex Sans',sans-serif;padding:8px 12px;
  border-radius:12px;border:1px solid var(--o-linea-f);background-color:var(--o-super);color:var(--o-texto);width:100%}
.pm-num{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:768px){.pm-num{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pm-n{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:14px;background:var(--o-super);border:1px solid var(--o-linea)}
.pm-n b{font:600 28px/1.1 'IBM Plex Sans',sans-serif;color:var(--o-texto);font-variant-numeric:tabular-nums}
.pm-n span{font-size:13px;color:var(--o-texto2)}
.pm-n-pen b{color:var(--o-atencion-t)}
.pm-tot{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:14px 16px;border-radius:14px;
  background:var(--o-acento-suave);border:1px solid var(--o-linea)}
.pm-tot span{font-size:13.5px;font-weight:600;color:var(--o-texto2)}
.pm-tot b{font:600 24px/1.2 'IBM Plex Sans',sans-serif;color:var(--o-texto);font-variant-numeric:tabular-nums}
.pm-tot i{flex-basis:100%;font-style:normal;font-size:12.5px;color:var(--o-texto2)}
.pm-fil{display:flex;flex-wrap:wrap;gap:6px}
.pm-fil button{font:500 14px/1.2 'IBM Plex Sans',sans-serif;min-height:40px;padding:6px 14px;border-radius:999px;cursor:pointer;
  border:1px solid var(--o-linea-f);background:var(--o-super);color:var(--o-texto)}
.pm-fil button em{font-style:normal;color:var(--o-texto2);font-variant-numeric:tabular-nums}
.pm-fil button.on{background:var(--o-acento);border-color:var(--o-acento);color:#fff}
.pm-fil button.on em{color:inherit;opacity:.85}
.pm-et{display:inline-block;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap}
.pm-pen{background:var(--o-atencion-suave,rgba(200,121,30,.12));color:var(--o-atencion-t)}
.pm-aj{background:var(--o-acento-suave);color:var(--o-acento-t)}
.pm-ok{background:var(--o-bien-suave,rgba(30,125,70,.12));color:var(--o-bien)}
.pm-mot,.pm-fu{font-size:12.5px;color:var(--o-texto2);margin-top:4px}
.pm-fo{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:13px;overflow-wrap:anywhere}
/* tarjetas (celular) */
.pm-tarjetas{display:flex;flex-direction:column;gap:8px}
.pm-t{padding:12px 14px;border-radius:14px;background:var(--o-super);border:1px solid var(--o-linea);min-width:0}
.pm-t1{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pm-t2{font-weight:600;margin-top:6px;color:var(--o-texto)}
.pm-t3{font-size:13px;color:var(--o-texto2);margin-top:2px}
.pm-t4{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--o-texto2);margin-top:6px}
.pm-t4 b{color:var(--o-texto);font-variant-numeric:tabular-nums}
/* tabla (escritorio) */
.pm-tabla{display:none;overflow-x:auto;border-radius:14px;border:1px solid var(--o-linea);background:var(--o-super)}
.pm-tabla table{width:100%;border-collapse:collapse;font-size:13.5px}
.pm-tabla th{text-align:left;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--o-texto2);
  padding:10px 12px;border-bottom:1px solid var(--o-linea-f);white-space:nowrap}
.pm-tabla td{padding:9px 12px;border-bottom:1px solid var(--o-linea);vertical-align:top;color:var(--o-texto)}
.pm-tabla tr:last-child td{border-bottom:0}
.pm-tabla td{white-space:nowrap}.pm-tabla td.pm-w{white-space:normal;min-width:140px}
.pm-tabla .pm-fo{overflow-wrap:normal}
.pm-tabla .pm-d{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (min-width:900px){.pm-tabla{display:block}.pm-tarjetas{display:none}}