/* Radar de productos: lista y filtros. Se apoya en base.css y panel.css (mismos tokens de la marca). */
.rtop{background:var(--ink);color:#fff;display:flex;align-items:center;gap:14px;padding:10px 24px;position:sticky;top:0;z-index:30}
.rtop img{height:38px}
.rtitle{display:flex;flex-direction:column;line-height:1.2;flex:1;min-width:0}
.rtitle b{font-family:var(--font-h);font-size:17px;font-weight:600}
.rtitle span{font-size:12px;color:var(--gold);font-weight:600}
.rout{font-size:12.5px;color:#9A9286;text-decoration:underline;padding:6px}
.rmain{max-width:1240px;margin:0 auto;padding:22px 24px 80px}
.rhead h1{font-size:28px}
.rhead p{color:var(--muted);font-size:14px;margin-top:4px;max-width:680px}
.rkpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.rbar{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:14px}
.rbar .line{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.rbar .lab{font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;min-width:78px}
.rbar .search{flex:1;min-width:160px;height:40px}
.rbar select{height:40px;border:1.5px solid var(--line);border-radius:12px;padding:0 10px;background:#fff}
.chip{font-size:13px;font-weight:600;padding:6px 12px;border-radius:99px;background:var(--soft);color:var(--ink-2);min-height:34px}
.chip.on{background:var(--ink);color:#fff}
.rlist{display:grid;gap:10px}
.rrow,.rthead{display:grid;grid-template-columns:60px minmax(150px,1.4fr) 148px 86px repeat(4,minmax(84px,.75fr)) 140px;}
.rrow{gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 14px;text-align:left;width:100%;transition:.15s border,.15s box-shadow}
.rrow:hover{border-color:var(--gold);box-shadow:var(--shadow)}
.rph{width:60px;height:60px;border-radius:12px;background:#FBF8F2;display:grid;place-items:center;overflow:hidden;font-size:22px;color:var(--muted)}
.rph img{width:100%;height:100%;object-fit:contain}
.rnm b{display:block;font-size:14.5px;line-height:1.25}
.rnm small{color:var(--muted);font-size:12px}
.rcol small{display:none;font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.rcol em{display:block;font-style:normal;font-size:11px;color:var(--muted);line-height:1.25;margin-top:1px}
.rcol b{font-family:var(--font-h);font-size:15.5px;font-weight:600;font-variant-numeric:tabular-nums}
.rcol .dim{color:var(--muted);font-weight:500;font-size:13.5px}
.rcol .pos{color:var(--green-600)}
.rcol .neg{color:var(--red)}
.rst{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
/* Encabezado de columnas: nombre + qué es. En pantallas angostas cada celda lleva su propio rótulo. */
.rthead{gap:12px;align-items:end;padding:0 14px 6px;position:sticky;top:58px;z-index:5;background:#F7F3EA;padding-top:8px}
.rthead b{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2);line-height:1.2}
.rthead small{display:block;font-size:11px;color:var(--muted);line-height:1.25;margin-top:2px}
/* Cómo leer esta tabla */
.rleer{background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:14px}
.rleer summary{cursor:pointer;padding:12px 16px;font-weight:700;font-size:14px;color:var(--ink)}
.rleer summary::marker{color:var(--gold)}
.rleer-b{padding:0 16px 14px;font-size:13.5px;color:var(--ink-2);line-height:1.5}
.rleer-b dl{display:grid;grid-template-columns:200px 1fr;gap:8px 14px;margin-top:10px}
.rleer-b dt{font-weight:700;color:var(--ink)}
.rleer-b dd{margin:0}
.rleer-b .pill{margin:2px 4px 2px 0}
.score{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:99px;font-family:var(--font-h);font-weight:700;font-size:15px;background:conic-gradient(var(--c,var(--gold)) calc(var(--p,0)*1%),var(--soft) 0);position:relative}
.score::before{content:'';position:absolute;inset:4px;background:#fff;border-radius:99px}
.score span{position:relative}
.sat-quemado{background:#FCEAEA;color:#A92B2B}
.sat-competido{background:var(--orange-50);color:#B44A0C}
.sat-oportunidad{background:var(--green-50);color:var(--green-600)}
.empty{text-align:center;color:var(--muted);padding:40px 10px;background:#fff;border:1px dashed var(--line);border-radius:16px}
@media (min-width:1101px){.rprices{display:contents}}
@media (max-width:1100px){.rthead{display:none}.rcol small{display:block}}
@media (max-width:1100px){
  .rrow{grid-template-columns:60px minmax(0,1fr) auto;grid-template-areas:"ph nm st" "ph sat sc" "pr pr pr";row-gap:8px}
  .rrow>.rph{grid-area:ph}.rrow>.rnm{grid-area:nm}.rrow>.rst{grid-area:st}.rrow>.rsat{grid-area:sat}.rrow>.rsc{grid-area:sc;justify-self:end}
  .rrow>.rprices{grid-area:pr;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-top:1px dashed var(--line);padding-top:8px}
  .rkpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .rmain{padding:16px 14px 70px}.rtop{padding:8px 14px}.rhead h1{font-size:23px}
  .rbar .lab{min-width:100%}
  .rrow>.rprices{grid-template-columns:repeat(2,1fr);row-gap:10px}
  .rleer-b dl{grid-template-columns:1fr;gap:2px}
  .rleer-b dd{margin-bottom:8px}
}