/* Proyecciones (P13 4d, 09/11/2026). */
#seccion-proyecciones .py { max-width:1280px; }
#seccion-proyecciones h1 { font-size:24px; font-weight:600; margin:0 0 4px; }
#seccion-proyecciones .sub { color:#667085; font-size:13px; margin:0 0 14px; }
#seccion-proyecciones .py-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:12px; }
#seccion-proyecciones .py-kpi { background:#fff; border:1px solid #E7E9EE; border-radius:14px; padding:14px 16px; min-width:0; }
#seccion-proyecciones .py-kpi span { display:block; font-size:13px; color:#475467; }
#seccion-proyecciones .py-kpi b { display:block; font-size:20px; font-weight:600; font-variant-numeric:tabular-nums; margin:4px 0; }
#seccion-proyecciones .py-kpi b em { font-style:normal; font-size:12px; color:#667085; font-weight:400; margin-right:3px; }
#seccion-proyecciones .py-kpi small { font-size:12px; color:#667085; }
#seccion-proyecciones .py-tarjeta { background:#fff; border:1px solid #E7E9EE; border-radius:14px; padding:16px; min-width:0; }
#seccion-proyecciones .py-t { width:100%; border-collapse:collapse; font-size:13px; font-variant-numeric:tabular-nums; }
#seccion-proyecciones .py-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-proyecciones .py-t td { padding:10px 8px; border-bottom:1px solid #E7E9EE; white-space:nowrap; }
#seccion-proyecciones .py-t .num { text-align:right; }
#seccion-proyecciones .py-t tr.tot td { font-weight:700; border-top:1px solid #667085; border-bottom:0; }
#seccion-proyecciones .py-d { font-weight:600; font-size:12.5px; } #seccion-proyecciones .py-d.sube { color:#15803D; } #seccion-proyecciones .py-d.baja { color:#B91C1C; }
#seccion-proyecciones .py-nd { color:#A0A7B4; font-size:12px; font-weight:400; }
#seccion-proyecciones .fuente { font-size:12px; color:#667085; margin:10px 0 0; }
#seccion-proyecciones .cel { display:none; font-size:12px; color:#667085; }
#seccion-proyecciones .aviso { padding:12px 14px; border-radius:12px; background:#FEF3C7; color:#B45309; font-size:13px; margin-bottom:10px; }
#seccion-proyecciones .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; }
@media (max-width:900px) {
  #seccion-proyecciones .py-kpis { grid-template-columns:minmax(0,1fr); }
  #seccion-proyecciones .sec { display:none; } #seccion-proyecciones .cel { display:block; }
}
/* «Ver por: Agencia | Negocio» (P13 E, 09/11/2026). La vista por agencia no cambia. */
#seccion-proyecciones .py-cab { display:flex; align-items:flex-start; gap:12px; flex-wrap:wrap; }
#seccion-proyecciones .py-tit { flex:1 1 420px; min-width:0; }
#seccion-proyecciones .py-filtros { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; margin-bottom:14px; }
#seccion-proyecciones .py-pild { display:inline-flex; gap:2px; padding:3px; background:#fff; border:1px solid #E7E9EE; border-radius:999px; }
#seccion-proyecciones .py-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-proyecciones .py-pild button[aria-pressed=true] { background:#1a2742; color:#fff; }
#seccion-proyecciones .py-ver span { align-self:center; font-size:12px; color:#667085; padding:0 6px 0 8px; white-space:nowrap; }
/* Tabla por negocio: UNA rejilla (colgroup + table-layout fixed); la primera columna se lleva el espacio. */
#seccion-proyecciones .py-g { table-layout:fixed; }
#seccion-proyecciones .py-g td { overflow:hidden; text-overflow:ellipsis; }
#seccion-proyecciones .py-g .c-rd { width:132px; } #seccion-proyecciones .py-g .c-vs { width:100px; }
#seccion-proyecciones .py-g tr.neg td { background:#F8F9FB; font-weight:700; }
#seccion-proyecciones .py-g tr.ag td { padding-top:8px; padding-bottom:8px; }
#seccion-proyecciones .py-g tr.ag td:first-child { padding-left:28px; color:#475467; }
#seccion-proyecciones .py-g tr.ag td b { font-weight:400; }
#seccion-proyecciones .py-g tr.ag td.num b { font-weight:600; color:#0F172A; }
#seccion-proyecciones .py-g .cel { font-weight:400; }
@media (max-width:900px) {
  #seccion-proyecciones .py-filtros { width:100%; justify-content:flex-start; }
  #seccion-proyecciones .py-g th, #seccion-proyecciones .py-g td { padding-left:6px; padding-right:6px; white-space:normal; }
  #seccion-proyecciones .py-g .c-rd { width:104px; } #seccion-proyecciones .py-g .c-vs { width:80px; }
  #seccion-proyecciones .py-g tr.ag td:first-child { padding-left:16px; }
}