/* Rendimiento mensual (P13 4a, 09/11/2026). Mismo lenguaje que Rendimiento por paquete. */
#seccion-rendimiento-mensual .rm { max-width:1280px; }
#seccion-rendimiento-mensual h1 { font-size:24px; font-weight:600; margin:0; }
#seccion-rendimiento-mensual h2 { font-size:15px; font-weight:600; margin:0; }
#seccion-rendimiento-mensual .sub { color:#667085; font-size:13px; margin:2px 0 0; }
#seccion-rendimiento-mensual .rm-cab { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
#seccion-rendimiento-mensual .rm-tit { margin-right:auto; }
#seccion-rendimiento-mensual .rm-pild { display:inline-flex; gap:2px; padding:3px; background:#fff; border:1px solid #E7E9EE; border-radius:999px; }
#seccion-rendimiento-mensual .rm-pild button { font:inherit; font-size:13px; border:0; background:transparent; color:#475467; padding:6px 12px; border-radius:999px; cursor:pointer; white-space:nowrap; }
#seccion-rendimiento-mensual .rm-pild button[aria-pressed=true] { background:#1a2742; color:#fff; }
#seccion-rendimiento-mensual .rm-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:12px; }
#seccion-rendimiento-mensual .rm-kpi { background:#fff; border:1px solid #E7E9EE; border-radius:14px; padding:14px 16px; min-width:0; }
#seccion-rendimiento-mensual .rm-kpi span { display:block; font-size:13px; color:#475467; }
#seccion-rendimiento-mensual .rm-kpi b { display:block; font-size:20px; font-weight:600; font-variant-numeric:tabular-nums; margin:4px 0; }
#seccion-rendimiento-mensual .rm-kpi b em { font-style:normal; font-size:12px; color:#667085; font-weight:400; margin-right:3px; }
#seccion-rendimiento-mensual .rm-kpi small { font-size:12px; color:#667085; }
#seccion-rendimiento-mensual .rm-kpi small span { display:inline; font-size:12px; }
#seccion-rendimiento-mensual .rm-tarjeta { background:#fff; border:1px solid #E7E9EE; border-radius:14px; padding:16px; margin-bottom:12px; min-width:0; }
#seccion-rendimiento-mensual .rm-tcab { display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; margin-bottom:10px; }
#seccion-rendimiento-mensual .rm-tcab h2 { margin-right:auto; }
#seccion-rendimiento-mensual .nota, #seccion-rendimiento-mensual .fuente { font-size:12px; color:#667085; }
#seccion-rendimiento-mensual .fuente { margin:10px 0 0; }
#seccion-rendimiento-mensual .rm-t { width:100%; border-collapse:collapse; font-size:13px; font-variant-numeric:tabular-nums; }
#seccion-rendimiento-mensual .rm-t th { text-align:left; font-weight:500; font-size:12px; color:#667085; padding:6px 8px; border-bottom:1px solid #E7E9EE; white-space:nowrap; }
#seccion-rendimiento-mensual .rm-t td { padding:8px; border-bottom:1px solid #E7E9EE; white-space:nowrap; }
#seccion-rendimiento-mensual .rm-t .num { text-align:right; }
#seccion-rendimiento-mensual .rm-barcol { width:22%; padding-left:16px; }
#seccion-rendimiento-mensual .barra { height:8px; border-radius:999px; background:#EEF0F3; overflow:hidden; }
#seccion-rendimiento-mensual .barra i { display:block; height:100%; background:#3B5BFD; border-radius:999px; }
#seccion-rendimiento-mensual .rm-d { font-weight:600; font-size:12.5px; }
#seccion-rendimiento-mensual .rm-d.sube { color:#15803D; } #seccion-rendimiento-mensual .rm-d.baja { color:#B91C1C; } #seccion-rendimiento-mensual .rm-d.neu { color:#667085; }
#seccion-rendimiento-mensual .rm-nd { color:#A0A7B4; font-size:12px; }
#seccion-rendimiento-mensual .rm-etq { display:inline-block; font-size:11px; font-weight:600; padding:1px 8px; border-radius:999px; background:#EEF0F3; color:#475467; margin-left:4px; }
#seccion-rendimiento-mensual .cel { display:none; font-size:12px; color:#667085; }
#seccion-rendimiento-mensual .aviso { padding:12px 14px; border-radius:12px; background:#FEF3C7; color:#B45309; font-size:13px; margin-bottom:10px; }
#seccion-rendimiento-mensual .btn { font:inherit; font-weight:600; font-size:13px; border-radius:10px; padding:8px 12px; border:1px solid #E7E9EE; background:#fff; color:#0F172A; cursor:pointer; }
/* «Ver por: Agencia | Negocio» (P13 E, 09/11/2026). La vista por agencia no cambia. */
#seccion-rendimiento-mensual .rm-filtros { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
#seccion-rendimiento-mensual .rm-ver span { align-self:center; font-size:12px; color:#667085; padding:0 6px 0 8px; white-space:nowrap; }
/* Tablas por negocio: UNA rejilla (colgroup + table-layout fixed); la primera columna se lleva el espacio. */
#seccion-rendimiento-mensual .rm-g { table-layout:fixed; }
#seccion-rendimiento-mensual .rm-g td { overflow:hidden; text-overflow:ellipsis; }
#seccion-rendimiento-mensual .rm-g .c-paq { width:90px; } #seccion-rendimiento-mensual .rm-g .c-rd { width:124px; }
#seccion-rendimiento-mensual .rm-g .c-pct { width:64px; } #seccion-rendimiento-mensual .rm-g .c-vs { width:112px; }
#seccion-rendimiento-mensual .rm-g tr.neg td { background:#F8F9FB; font-weight:700; }
#seccion-rendimiento-mensual .rm-g tr.neg td small { display:block; font-weight:400; font-size:11.5px; color:#667085; }
#seccion-rendimiento-mensual .rm-g tr.ag td:first-child { padding-left:28px; color:#475467; }
#seccion-rendimiento-mensual .rm-g tr.tot td { font-weight:700; border-top:2px solid #0F172A; border-bottom:0; }
#seccion-rendimiento-mensual .rm-g .cel { font-weight:400; }
@media (max-width:900px) {
  #seccion-rendimiento-mensual .rm-kpis { grid-template-columns:minmax(0,1fr); }
  #seccion-rendimiento-mensual .rm-pild { width:100%; overflow-x:auto; }
  #seccion-rendimiento-mensual .rm-pild button { flex:1 0 auto; padding:6px 10px; }
  #seccion-rendimiento-mensual .sec { display:none; }
  #seccion-rendimiento-mensual .cel { display:block; white-space:normal; }
  #seccion-rendimiento-mensual .rm-t td:first-child { white-space:normal; }
  #seccion-rendimiento-mensual .rm-filtros { width:100%; justify-content:flex-start; }
  #seccion-rendimiento-mensual .rm-ver { width:auto; }
  #seccion-rendimiento-mensual .rm-g th, #seccion-rendimiento-mensual .rm-g td { padding-left:6px; padding-right:6px; }
  #seccion-rendimiento-mensual .rm-g td { white-space:normal; }
  #seccion-rendimiento-mensual .rm-g .c-rd { width:96px; } #seccion-rendimiento-mensual .rm-g .c-pct { width:48px; } #seccion-rendimiento-mensual .rm-g .c-vs { width:76px; }
  #seccion-rendimiento-mensual .rm-g tr.ag td:first-child { padding-left:16px; }
  #seccion-rendimiento-mensual .rm-mm .rm-etq { display:none; }
  #seccion-rendimiento-mensual .rm-g th { white-space:normal; }
  #seccion-rendimiento-mensual .rm-mm .c-rd { width:78px; } #seccion-rendimiento-mensual .rm-mm .c-tot { width:84px; }
  #seccion-rendimiento-mensual .rm-g .cel i { font-style:normal; white-space:nowrap; }
  #seccion-rendimiento-mensual .rm-mm .cel.rm-mes { white-space:nowrap; }
  #seccion-rendimiento-mensual .rm-mm .cel.rm-mes { display:inline; color:inherit; font-size:13px; }
}