/* Demo 7 · Reseñas y testimonios (prefijo drs-) */
.drs-zona{ flex:1; min-width:0; display:flex; flex-direction:column; overflow:hidden; }
.drs-fija{ flex:none; padding:14px 16px 12px; display:flex; flex-direction:column; gap:12px; border-bottom:1px solid var(--linea); }
.drs-scroll{ flex:1; min-height:0; overflow:hidden; padding:12px 16px 22px; display:flex; flex-direction:column; gap:12px; position:relative; }

/* Contadores */
.drs-kpis{ display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; }
.drs-kpis > div{ display:flex; flex-direction:column; gap:2px; padding:10px 12px; border-radius:8px; background:var(--nieve); }
.drs-kpis span{ font-size:11px; color:var(--tinta-60); }
.drs-kpis b{ font-size:22px; font-weight:600; letter-spacing:-.02em; line-height:1.15; border-radius:4px; }
.drs-kpis b i{ font-style:normal; font-size:17px; color:#f5b400; }
.drs-kpis em{ font-style:normal; font-size:10.5px; color:var(--tinta-45); }

/* Clientes que terminan esta semana */
.drs-bloque{ display:flex; flex-direction:column; gap:7px; }
.drs-filas{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:5px; }
.drs-filas li{ display:grid; grid-template-columns:30px 1fr auto; gap:10px; align-items:center; padding:7px 10px; border:1px solid var(--linea); border-radius:8px; }
.drs-filas li.act{ border-color:var(--verde); background:#f6fbf9; box-shadow:0 0 0 3px rgba(60,193,160,.1); }
.drs-fila-av{ width:30px; height:30px; border-radius:50%; background:var(--nieve-2); color:var(--tinta-80); font-size:10.5px; font-weight:600; display:grid; place-items:center; }
.drs-filas li.act .drs-fila-av{ background:var(--verde-agua); color:var(--verde-osc); }
.drs-fila-txt{ min-width:0; display:flex; flex-direction:column; gap:1px; }
.drs-fila-txt b{ font-size:12.4px; font-weight:600; }
.drs-fila-txt em{ font-style:normal; font-size:11px; color:var(--tinta-60); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.drs-estado > span{ display:inline-block; padding:3px 9px; border-radius:999px; background:var(--nieve); color:var(--tinta-60); font-size:10.8px; font-weight:600; white-space:nowrap; }
.drs-estado > span:has(~ span:not(.oculto)){ display:none; }
.drs-estado > span.pre{ background:var(--ambar-fondo); color:var(--ambar); }
.drs-estado > span.ok{ background:var(--verde-agua); color:var(--verde-osc); }
.drs-estado > span.web{ background:var(--tinta); color:#fff; }

/* Reseñas de Google */
.drs-lista{ display:flex; flex-direction:column; gap:6px; }
.drs-res{ display:grid; grid-template-columns:30px 1fr 18px; gap:10px; align-items:start; padding:10px 12px; border:1px solid var(--linea); border-radius:8px; background:#fff; }
.drs-res:first-child:not(.oculto){ border-color:#f5d36b; background:#fffcf2; }
.drs-res-av{ width:30px; height:30px; border-radius:50%; background:#5f6dd8; color:#fff; font-size:11px; font-weight:600; display:grid; place-items:center; }
.drs-res + .drs-res .drs-res-av{ background:#d27b52; }
.drs-res + .drs-res + .drs-res .drs-res-av{ background:#4b9a8a; }
.drs-res-cab{ display:flex; flex-wrap:wrap; align-items:baseline; gap:3px 8px; }
.drs-res-cab b{ font-size:12px; font-weight:600; }
.drs-res-cab em{ font-style:normal; font-size:10.5px; color:var(--tinta-45); }
.drs-est5{ color:#f5b400; font-size:12px; letter-spacing:1px; }
.drs-res p{ margin:3px 0 0; font-size:11.6px; line-height:1.45; color:var(--tinta-80); }
.drs-g{ width:18px; height:18px; border-radius:50%; border:1px solid var(--linea-fuerte); display:grid; place-items:center; font-size:10px; font-weight:700; color:#4285f4; }

/* Testimonio guardado y publicado */
.drs-testi{ display:flex; flex-direction:column; gap:8px; padding:12px 14px; border-radius:8px; background:var(--tinta); color:#fff; }
.drs-testi-cab{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.drs-testi .rotulo{ color:rgba(255,255,255,.6); }
.drs-chip{ display:inline-flex; align-items:center; gap:5px; padding:4px 10px; border-radius:999px; background:var(--verde); color:var(--tinta); font-size:11px; font-weight:600; }
.drs-chip .ico{ width:12px; height:12px; stroke-width:2.6; }
.drs-testi blockquote{ margin:0; font-size:13px; line-height:1.5; font-style:italic; }
.drs-testi-pie{ font-size:10.8px; color:rgba(255,255,255,.6); }

/* Enlace a la reseña dentro del WhatsApp */
.drs-enlace{ display:flex; align-items:center; gap:9px; margin:7px 0 2px; padding:8px 10px; border-radius:6px; background:rgba(0,0,0,.05); }
.drs-enlace-g{ width:26px; height:26px; border-radius:50%; background:#fff; color:#4285f4; font-size:13px; font-weight:700; display:grid; place-items:center; flex:none; box-shadow:0 1px 2px rgba(0,0,0,.12); }
.drs-enlace b{ display:block; font-size:12.2px; font-weight:600; line-height:1.3; }
.drs-enlace em{ display:block; font-style:normal; font-size:11px; color:#027eb5; }

/* El aviso final, encima de la app (no tapa el WhatsApp) */
.d-res .toast{ left:60px; right:auto; margin:0; top:110px; bottom:auto; }   /* sobre el principio del chat: deja a la vista la reseña y el testimonio */