/* estilo-39 · Reseñas y reputación (encargo 1033, app-119). Va después de todas.
   Tokens del tema (--o-*): se lee igual de día y de noche. En celular la bandeja es lista y luego detalle (como
   Mensajes); desde 900 px, las dos columnas. Botones de 40 px de alto como mínimo. */
.rs{display:flex;flex-direction:column;gap:14px;min-width:0;color:var(--o-texto)}
.rs-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rs-nota{padding:10px 14px;border-radius:12px;background:var(--o-acento-suave);color:var(--o-texto);font-size:14px;line-height:1.5}
.rs-nota-w{background:var(--o-atencion-suave,rgba(200,121,30,.12))}
.rs-chico{font-size:13px;color:var(--o-texto2);margin:0}
.rs-vacio{display:flex;flex-direction:column;gap:4px;padding:22px;border-radius:14px;background:var(--o-super);border:1px solid var(--o-linea)}
.rs-vacio span{font-size:13.5px;color:var(--o-texto2)}
.rs-canal{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;color:#fff;white-space:nowrap}
.rs-apag{opacity:.55}
.rs-nota10{font:600 12.5px/1 'IBM Plex Mono',ui-monospace,monospace;padding:4px 8px;border-radius:8px;background:var(--o-acento-suave);color:var(--o-acento-t)}
.rs-nota10.baja{background:var(--o-atencion-suave,rgba(200,121,30,.14));color:var(--o-atencion-t)}
.rs-grande{font-size:15px;padding:6px 12px}
.rs-idi{font-size:12px;padding:3px 8px;border-radius:999px;border:1px solid var(--o-linea-f);color:var(--o-texto2)}
.rs-pend{font-size:12px;font-weight:600;color:var(--o-atencion-t)}
.rs-ok{font-size:12px;font-weight:600;color:var(--o-bien,#1E7D46)}
.rs-mal{font-size:12px;font-weight:600;color:var(--o-alarma)}
.rs-badge{display:inline-flex;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:999px;background:var(--o-atencion,#C8791E);color:#fff;font-size:11px;align-items:center;justify-content:center}
.rs-card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:var(--o-super);border:1px solid var(--o-linea);min-width:0}
.rs-card small{font-size:12.5px;color:var(--o-texto2)}
.rs-pad{padding:16px 18px}
.rs-card h3{margin:0 0 6px;font-size:16px}
.rs-n{font:600 26px/1.1 'IBM Plex Mono',ui-monospace,monospace;color:var(--o-texto);font-variant-numeric:tabular-nums}
.rs-n span{font:500 13px 'IBM Plex Sans',sans-serif;color:var(--o-texto2)}
.rs-bar{height:6px;border-radius:999px;background:var(--o-linea);overflow:hidden}
.rs-bar i{display:block;height:100%;background:var(--o-acento)}
.rs-res,.rs-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:768px){.rs-res{grid-template-columns:repeat(3,minmax(0,1fr))}.rs-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1200px){.rs-res{grid-template-columns:1.4fr repeat(5,minmax(0,1fr))}}
.rs-gen{grid-column:1/-1}
@media (min-width:1200px){.rs-gen{grid-column:auto}}
.rs-fs{display:flex;flex-wrap:wrap;gap:6px;padding:12px 12px 8px}
.rs-fs button{font:500 13.5px/1.2 'IBM Plex Sans',sans-serif;min-height:36px;padding:6px 12px;border-radius:999px;cursor:pointer;border:1px solid var(--o-linea-f);background:var(--o-super);color:var(--o-texto)}
.rs-fs button i{font-style:normal;color:var(--o-texto2)}
.rs-fs button.on{background:var(--o-acento);border-color:var(--o-acento);color:#fff}
.rs-fs button.on i{color:inherit}
.rs-g{display:grid;grid-template-columns:1fr;gap:14px;min-width:0}
@media (min-width:900px){.rs-g{grid-template-columns:minmax(300px,380px) minmax(0,1fr);align-items:start}}
.rs-lista,.rs-det{border-radius:14px;background:var(--o-super);border:1px solid var(--o-linea);min-width:0}
.rs-lista{display:flex;flex-direction:column;overflow:hidden}
.rs-lista .rs-chico{padding:12px 16px}
.rs-it{display:flex;flex-direction:column;gap:6px;text-align:left;padding:12px 16px;border:0;border-top:1px solid var(--o-linea);background:none;color:inherit;cursor:pointer;font:inherit;min-height:44px}
.rs-it:hover{background:var(--o-fondo)}
.rs-it.on{background:var(--o-acento-suave)}
.rs-it-a{display:flex;justify-content:space-between;gap:8px}
.rs-it-a time{font-size:12.5px;color:var(--o-texto2);white-space:nowrap}
.rs-it-b{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.rs-it-c{font-size:13.5px;color:var(--o-texto2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rs-atras{display:none;align-items:center;gap:4px;margin:12px 16px 0;padding:0;border:0;background:none;cursor:pointer;font:600 15px 'IBM Plex Sans',sans-serif;color:var(--o-acento-t);min-height:40px}
.rs-atras.rs-atras-s{display:inline-flex}
@media (max-width:899px){.rs-ocu-cel{display:none}}
.rs-atras:before{content:'‹';font-size:20px;line-height:1}
@media (max-width:899px){.rs-g.rs-con .rs-lista{display:none}.rs-g:not(.rs-con) .rs-det{display:none}.rs-atras{display:inline-flex}.rs-con .rs-res{display:none}}
.rs-det-c{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:16px 18px;border-bottom:1px solid var(--o-linea)}
.rs-mini{font-size:13px;color:var(--o-texto2);margin-top:2px}
.rs-det-b{display:grid;grid-template-columns:1fr;gap:16px;padding:16px 18px}
@media (min-width:1200px){.rs-det-b{grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr)}}
.rs-rev p{margin:0 0 8px;line-height:1.55}
.rs-tit{font-weight:600;font-size:16px}
.rs-lbl{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--o-texto2);margin:12px 0 4px!important}
.rs-trad{color:var(--o-texto2)}
.rs-side h4,.rs-rep h4{margin:0 0 8px;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--o-texto2)}
.rs-cats{display:flex;flex-direction:column;gap:10px}
.rs-cat{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:13.5px}
.rs-cat b{font:600 13px 'IBM Plex Mono',ui-monospace,monospace}
.rs-cat .rs-bar{grid-column:1/-1}
.rs-resv{display:flex;flex-direction:column;gap:2px;margin-top:14px;padding:10px 12px;border-radius:12px;background:var(--o-fondo);font-size:13px}
.rs-resv span{color:var(--o-texto2)}
.rs-comp{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-top:1px solid var(--o-linea)}
.rs-rg{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--o-texto2)}
.rs-chipb{font:500 13px/1.2 'IBM Plex Sans',sans-serif;min-height:34px;padding:6px 11px;border-radius:999px;cursor:pointer;border:1px solid var(--o-linea-f);background:var(--o-super);color:var(--o-texto)}
.rs-chipb:hover{border-color:var(--o-acento);background:var(--o-acento-suave)}
.rs-sug{font-size:13px;color:var(--o-texto2)}
.rs-sug b{color:var(--o-acento-t)}
.rs-caja{width:100%;box-sizing:border-box;font:16px/1.55 'IBM Plex Sans',sans-serif;padding:12px 14px;border-radius:12px;border:1px solid var(--o-linea-f);background:var(--o-super);color:var(--o-texto);resize:vertical}
.rs-pub{background:var(--o-fondo)}
.rs-acc{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.rs-der{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.rs-cuenta{font-size:12.5px;color:var(--o-texto2)}
@media (max-width:600px){.rs-acc{flex-direction:column;align-items:stretch}.rs-der{justify-content:stretch}.rs-der .ohb{flex:1}}
.rs-gnom{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rs-gnom label{flex-basis:100%;font-size:13px;font-weight:600;color:var(--o-texto2)}
.rs-gnom input{flex:1 1 220px;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:var(--o-super);color:var(--o-texto)}
.rs-cab input[type=month]{min-height:40px;font:15px 'IBM Plex Sans',sans-serif;padding:6px 10px;border-radius:10px;border:1px solid var(--o-linea-f);background:var(--o-super);color:var(--o-texto)}
.rs-hu{display:flex;flex-direction:column;gap:12px;padding:16px 18px}
.rs-hu h3{margin:0;font-size:17px}
.rs-hu-f{display:flex;flex-direction:column;gap:6px;font-size:14px}
.rs-estr{display:flex;gap:6px}
.rs-estr button{width:44px;height:44px;border-radius:12px;border:1px solid var(--o-linea-f);background:var(--o-super);color:var(--o-texto);font:600 15px 'IBM Plex Mono',monospace;cursor:pointer}
.rs-estr button.sel{background:var(--o-acento);border-color:var(--o-acento);color:#fff}
.rs-chk{display:flex;gap:10px;align-items:center;font-size:14px;min-height:40px}
.rs-chk input{width:20px;height:20px}
/* Satisfacción */
.rs-dos{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:1024px){.rs-dos{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}
.rs-caso{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-top:1px solid var(--o-linea)}
.rs-caso:first-of-type{border-top:0}
.rs-caso p{margin:0;font-size:14px;line-height:1.5}
.rs-caso-a{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rs-cita{margin:0 0 12px;padding-left:12px;border-left:3px solid var(--o-acento);font-size:14.5px;line-height:1.5}
.rs-cita small{display:block;margin-top:3px;font-size:12px;color:var(--o-texto2)}
.rs-flujo{gap:10px}
.rs-pasos{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.5}
/* Reputación */
.rs-plat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}
@media (min-width:768px){.rs-plat{grid-template-columns:repeat(4,minmax(0,1fr))}}
.rs-plat>div{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:12px;border-radius:12px;background:var(--o-fondo)}
.rs-plat small{font-size:12px;color:var(--o-texto2)}
.rs-sube{font-size:12.5px;color:var(--o-acento-t);font-weight:600}
.rs-rep2{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:18px}
@media (min-width:900px){.rs-rep2{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}
.rs-graf{display:flex;align-items:flex-end;gap:14px;height:150px;padding:8px 4px;border-bottom:1px solid var(--o-linea-f)}
.rs-gb{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:4px;height:100%}
.rs-gb i{width:40%;max-width:26px;border-radius:6px 6px 0 0;background:var(--o-acento)}
.rs-gb i.prev{background:var(--o-acento-suave);border:1px solid var(--o-acento)}
.rs-graf-l{display:flex;gap:14px;padding:6px 4px 4px;font-size:12px;color:var(--o-texto2)}
.rs-graf-l span{flex:1;text-align:center}
.rs-lst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.rs-lst li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--o-linea);font-size:14px;color:var(--o-texto2)}
.rs-lst li span{color:var(--o-texto);font-weight:600}
.rs-doc .rs-plat>div{background:transparent;border:1px solid var(--o-linea)}
.rs-pc{gap:10px}
/* El aviso en el inicio de recepción */
.rs-avs{display:flex;flex-direction:column;gap:10px;margin:0 0 14px}
.rs-aviso{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border-radius:14px;cursor:pointer;font:inherit;
  border:1px solid var(--o-atencion,#C8791E);background:var(--o-atencion-suave,rgba(200,121,30,.10));color:var(--o-texto);min-height:56px}
.rs-aviso-n{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:0 8px;white-space:nowrap;height:44px;border-radius:12px;background:var(--o-atencion,#C8791E);color:#fff;font:600 15px 'IBM Plex Mono',monospace}
.rs-aviso-t{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.rs-aviso-t small{font-size:13px;color:var(--o-texto2)}
.rs-aviso em{font-style:normal;font-weight:600;color:var(--o-acento-t);white-space:nowrap}
.rs-aviso-c{border-color:var(--o-linea-f);background:var(--o-super)}
.rs-aviso-c .rs-aviso-n{background:var(--o-acento)}
/* La app de propietarios con Reputación: cuatro lugares en la barra de abajo (el + sigue en su sitio). */
.pc-nav.pc-nav4{grid-template-columns:1fr auto 1fr 1fr}
.pc-nav.pc-nav4 .pc-mas{margin:0 6px}
.rs-pc .rs-plat{grid-template-columns:repeat(2,minmax(0,1fr))}
.rs-pc .rs-rep2{grid-template-columns:1fr}
/* La app de propietarios y el estado de cuenta son claros siempre (tienen su propia paleta): ahí el reporte usa la
   versión clara de los tokens, aunque el aparato esté de noche. */
.rs-pc,.rs-doc{--o-super:#FFFFFF;--o-fondo:#F6F5EF;--o-texto:#15232D;--o-texto2:#55656E;--o-linea:#E6E3DA;--o-linea-f:#D3D0C6;
  --o-acento:#13707F;--o-acento-suave:#E3F0F1;--o-acento-t:#0F5F6B;--o-atencion-t:#8A5A12;--o-bien:#1E7D46;color:var(--o-texto)}