/* Rendimiento por paquete (09/11/2026). Sigue el mockup del estudio P12-B. */
#seccion-rendimiento .rn { max-width:1280px; }
#seccion-rendimiento h1 { font-size:24px; font-weight:600; margin:0; }
#seccion-rendimiento h2 { font-size:15px; font-weight:600; margin:0; }
#seccion-rendimiento .sub { color:#667085; font-size:13px; margin:2px 0 0; }
#seccion-rendimiento .rn-cab { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
#seccion-rendimiento .rn-tit { margin-right:auto; }
#seccion-rendimiento .rn-pild { display:inline-flex; gap:2px; padding:3px; background:#fff; border:1px solid #E7E9EE; border-radius:999px; }
#seccion-rendimiento .rn-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 .rn-pild button[aria-pressed=true] { background:#1a2742; color:#fff; }
#seccion-rendimiento .rn-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:12px; }
#seccion-rendimiento .rn-kpi { background:#fff; border:1px solid #E7E9EE; border-radius:14px; padding:14px 16px; min-width:0; }
#seccion-rendimiento .rn-kpi span { display:block; font-size:13px; color:#475467; }
#seccion-rendimiento .rn-kpi b { display:block; font-size:20px; font-weight:600; font-variant-numeric:tabular-nums; margin:4px 0; }
#seccion-rendimiento .rn-kpi b em { font-style:normal; font-size:12px; color:#667085; font-weight:400; margin-right:3px; }
#seccion-rendimiento .rn-kpi small { font-size:12px; color:#667085; }
#seccion-rendimiento .rn-kpi.mal b { color:#B91C1C; }
#seccion-rendimiento .rn-fila { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:12px; }
#seccion-rendimiento .rn-tarjeta { background:#fff; border:1px solid #E7E9EE; border-radius:14px; padding:16px; margin-bottom:12px; min-width:0; }
#seccion-rendimiento .rn-tcab { display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; margin-bottom:10px; }
#seccion-rendimiento .rn-tcab h2 { margin-right:auto; }
#seccion-rendimiento .nota, #seccion-rendimiento .fuente { font-size:12px; color:#667085; }
#seccion-rendimiento .fuente { margin:10px 0 0; }
#seccion-rendimiento .rn-t { width:100%; border-collapse:collapse; font-size:13px; font-variant-numeric:tabular-nums; }
#seccion-rendimiento .rn-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 .rn-t td { padding:8px; border-bottom:1px solid #E7E9EE; white-space:nowrap; }
#seccion-rendimiento .rn-t .num { text-align:right; }
#seccion-rendimiento .rn-t tr.tot td { font-weight:600; border-top:1px solid #667085; border-bottom:0; }
#seccion-rendimiento .rn-t .neg { color:#B91C1C; }
#seccion-rendimiento .rn-barcol { padding-left:20px; width:34%; }
#seccion-rendimiento .rn-bar { display:flex; gap:8px; align-items:center; }
#seccion-rendimiento .rn-bar span { width:48px; text-align:right; }
#seccion-rendimiento .barra { flex:1; height:8px; border-radius:999px; background:#EEF0F3; overflow:hidden; }
#seccion-rendimiento .barra i { display:block; height:100%; background:#3B5BFD; border-radius:999px; }
#seccion-rendimiento .rn-lista { list-style:none; margin:0; padding:0; }
#seccion-rendimiento .rn-lista li { display:grid; grid-template-columns:10px minmax(0,1fr) auto; gap:12px; align-items:center; padding:10px 0; border-top:1px solid #E7E9EE; }
#seccion-rendimiento .rn-lista li:first-child { border-top:0; padding-top:0; }
#seccion-rendimiento .rn-lista .que { font-size:13px; } #seccion-rendimiento .rn-lista .que small { display:block; font-size:12px; color:#667085; }
#seccion-rendimiento .rn-lista a { color:#2A3FC4; text-decoration:none; } #seccion-rendimiento .rn-lista a:hover { text-decoration:underline; }
#seccion-rendimiento .punto { width:8px; height:8px; border-radius:50%; }
#seccion-rendimiento .punto.mal { background:#EF4444; } #seccion-rendimiento .punto.atn { background:#F59E0B; }
#seccion-rendimiento .rn-etq { display:inline-block; font-size:12px; font-weight:600; padding:2px 10px; border-radius:999px; white-space:nowrap; }
#seccion-rendimiento .rn-etq.mal { background:#FEE2E2; color:#B91C1C; } #seccion-rendimiento .rn-etq.atn { background:#FEF3C7; color:#B45309; } #seccion-rendimiento .rn-etq.neutro { background:#EEF0F3; color:#475467; }
#seccion-rendimiento .cel { display:none; font-size:12px; color:#667085; }
#seccion-rendimiento .aviso { padding:12px 14px; border-radius:12px; background:#FEF3C7; color:#B45309; font-size:13px; margin-bottom:10px; }
#seccion-rendimiento .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-rendimiento .rn-kpis { grid-template-columns:1fr 1fr; }
  #seccion-rendimiento .rn-fila { grid-template-columns:minmax(0,1fr); }
  #seccion-rendimiento .rn-pild { width:100%; overflow-x:auto; }
  #seccion-rendimiento .rn-pild button { flex:1 0 auto; padding:6px 10px; }
  #seccion-rendimiento .rn-kpi b { font-size:17px; }
  #seccion-rendimiento .sec { display:none; }
  #seccion-rendimiento .cel { display:block; white-space:normal; }
  #seccion-rendimiento .rn-t td:first-child { white-space:normal; }
  #seccion-rendimiento .rn-t td, #seccion-rendimiento .rn-t th { padding:7px 6px; }
}