/* /resenas (4 nov), Reviot Reseñas, como la de oro (el kit en paginas.css). Aquí, lo que solo tiene esta página: sus tres escenas de producto
   (el panel de todos los locales en la cabecera, la página de la petición con las caras y el asistente que propone la respuesta), la hoja de
   la inteligencia, la tabla de lo permitido (que en el móvil pasa a filas con su veredicto delante), la línea de lo que cambió, los esquemas
   del expositor y de la tarjeta, el hueco del vídeo y cómo se reparten texto y pieza. Solo transform y opacity en lo que se mueve. */

/* ── Lo común de la página ──────────────────────────────────────────────────────────────────────────────────────────────────────── */
sup.y::before{content:",";color:var(--texto-3)}
.tinta sup.y::before{color:rgba(255,255,255,.5)}
.nota-legal sup a{text-decoration:none}
@media (min-width:761px){:is(.rs-intel,.rs-como,.rs-contestar) figcaption{margin-top:56px}}
.rs-h3,.rs-como h3,.rs-plan h3,.rs-cambio h3,.rs-tit-tabla{font-size:clamp(22px,2vw,28px);font-weight:450;font-stretch:110%;letter-spacing:-.022em;line-height:1.18}
.rs-plan,.rs-tit-tabla,.rs-cambio{margin-top:clamp(80px,10vw,136px)}
.rs-pares{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:clamp(32px,4vw,56px) clamp(32px,5vw,80px);align-items:center;margin-top:clamp(40px,5vw,64px)}
.rs-pares .cifras{margin:0;grid-template-columns:minmax(0,1fr)}
.rs-pares>.prosa{max-width:34em}
@media (max-width:999px){.rs-pares{grid-template-columns:minmax(0,1fr)}}
.rs-est{position:relative;display:inline-block;flex:none;width:60px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 .7l1.6 3.3 3.6.5-2.6 2.5.6 3.6L6 8.9l-3.2 1.7.6-3.6L.8 4.5l3.6-.5z' fill='%23E2DED5'/%3E%3C/svg%3E") 0 0/12px 12px repeat-x}
.rs-est::before{content:"";position:absolute;inset:0;width:calc(var(--n) * 12px);background:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 .7l1.6 3.3 3.6.5-2.6 2.5.6 3.6L6 8.9l-3.2 1.7.6-3.6L.8 4.5l3.6-.5z' fill='%23121416'/%3E%3C/svg%3E")}
:is(.rs-mini,.quien-foto) .mini-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:9px;background:var(--tarjeta);box-shadow:var(--sombra-alza);font-size:12.5px;font-weight:600;color:var(--texto);white-space:nowrap}
:is(.rs-mini,.quien-foto) .mini-burbuja{padding:6px 12px;border-radius:14px 14px 4px 14px;background:var(--tinta);font-size:12.5px;font-weight:500;color:#fff;white-space:nowrap}
:is(.rs-mini,.quien-foto) :is(img,.ic){width:15px;height:15px}
.rs-fl{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:560;color:var(--texto)}
.rs-fl .ic{width:20px;height:20px;padding:3px;border-radius:50%;background:var(--naranja);color:#fff;stroke-width:2.6}

/* ── S2: el panel de todos los locales, en la escena de la cabecera ─────────────────────────────────────────────────────────────── */
@media (min-width:1000px){.rs-cabecera .cabecera-rejilla{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}.rs-cabecera .cabecera-texto{max-width:600px}.rs-cabecera .titular{font-size:clamp(40px,3.7vw,54px)}}
.rs-cab{padding:clamp(26px,3vw,40px) clamp(16px,2vw,30px) clamp(64px,5vw,76px)}
.rs-ventana{border-radius:16px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea),var(--sombra-tarjeta);overflow:hidden}
.rs-barra{display:flex;align-items:center;gap:10px;height:42px;padding:0 16px;border-bottom:1px solid var(--linea);font-size:12.5px;font-weight:600;color:var(--texto-3);white-space:nowrap}
.rs-barra svg{width:auto;height:12px;color:var(--texto)}
.rs-barra b{margin-left:auto;font-weight:560;color:var(--texto-2);overflow:hidden;text-overflow:ellipsis}
.rs-locales{display:flex;gap:6px;padding:12px 14px 2px}
.rs-locales span{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--hundido);font-size:12px;font-weight:600;color:var(--texto-2)}
.rs-locales .si{background:var(--tinta);color:#fff}
.rs-lista{display:grid;padding:4px 14px 8px}
.rs-lista li{display:grid;grid-template-columns:20px auto minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:11px 0;border-top:1px solid var(--linea)}
.rs-lista li:first-child{border-top:0}
.rs-lista img{width:20px;height:20px}
.rs-lista small{font-size:12px;color:var(--texto-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-lista p{grid-column:2 / 4;font-size:14px;line-height:1.4;color:var(--texto)}
.rs-lista .cp-chip{grid-column:4;grid-row:1 / 3}
.rs-locs{display:grid;padding:6px 16px 10px}
.rs-locs li{display:grid;grid-template-columns:5.2em minmax(0,1fr) 2.2em 4.8em;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--linea);font-size:14px;color:var(--texto)}
.rs-locs li:first-child{border-top:0}
.rs-locs i{height:8px;border-radius:4px;background:var(--pista);overflow:hidden}
.rs-locs i::before{content:"";display:block;height:100%;background:var(--texto);transform-origin:0 50%;transform:scaleX(var(--w))}
.rs-locs .malo i::before{background:var(--malo)}
.rs-locs span:not(.cp-chip){font-weight:600;font-variant-numeric:tabular-nums}
.rs-locs .cp-chip{justify-self:start}
@media (prefers-reduced-motion:no-preference){
  .ec.activa .rs-ventana{animation:ec-entra .5s var(--e) .2s both}
  .ec.activa :is(.rs-lista,.rs-locs) li{animation:ec-entra .5s var(--e) calc(.4s + var(--i,0) * .1s) both}
  .ec.activa .rs-lista .tuyo,.ec.activa .rs-locs .malo .cp-chip{animation:ec-pop .35s var(--e-back2,ease) .95s both}
  .ec.activa .rs-locs i::before{animation:barra .8s var(--e) .5s both}
  .escena-cab.cambia .ec.activa .rs-ventana{animation-delay:0s}
  .escena-cab.cambia .ec.activa :is(.rs-lista,.rs-locs) li{animation-delay:calc(.1s + var(--i,0) * .08s)}
  .escena-cab.cambia .ec.activa :is(.rs-lista .tuyo,.rs-locs .malo .cp-chip){animation-delay:.45s}
}
@media (max-width:999px){.rs-cab{height:auto;min-height:0;padding:18px 14px 64px;overflow:visible}.rs-cab .ec-flota{left:auto;right:12px;bottom:-24px;width:auto}}
@media (max-width:760px){.rs-lista li:nth-child(3),.rs-cab .ec-fuente+.ec-fuente{display:none}.rs-cab .ec-flota{width:196px;max-width:none}.rs-locs li{grid-template-columns:4.9em minmax(0,1fr) 2em auto;gap:10px}.rs-lista small{grid-column:3 / 5}.rs-lista .cp-chip{grid-row:2}}
@media (max-width:379px){.rs-locales span:nth-child(4){display:none}.rs-cab .ec-flota{width:auto;max-width:calc(100% - 150px)}}

/* ── S3: lo que ganas, la primera grande y dos al lado; debajo, la garantía en una banda fina ─────────────────────────────────── */
.rs-tres{font-size:clamp(17px,1.3vw,19px);font-weight:560;color:var(--texto)}
.rs-ganas{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;margin-top:clamp(48px,6vw,80px)}
.rs-ganas>li{display:flex;flex-direction:column;gap:10px;padding-bottom:clamp(22px,2.4vw,28px);border-radius:22px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea);overflow:hidden}
.rs-ganas>li:first-child{grid-row:span 2}
.rs-ganas h3{padding:0 clamp(22px,2.4vw,28px);font-size:clamp(19px,1.6vw,22px);font-weight:520;letter-spacing:-.018em}
.rs-ganas p{padding:0 clamp(22px,2.4vw,28px);font-size:15.5px;line-height:1.58;color:var(--texto-2);max-width:34em}
.rs-mini{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:150px;margin-bottom:12px;background:var(--hundido)}
.rs-mini::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--trama) 0 0/14px 14px;mask-image:radial-gradient(70% 90% at 50% 100%,#000 10%,transparent 75%)}
.rs-ganas>li:first-child .rs-mini{flex:1;min-height:250px;gap:22px}
.rs-ganas>li:first-child .rs-caras{gap:16px}
.rs-ganas>li:first-child .rs-caras svg{width:72px;height:72px;padding:9px}
.rs-ganas>li:first-child :is(.mini-chip,.mini-burbuja){height:36px;padding:0 14px;font-size:14px;display:inline-flex;align-items:center}
.rs-caras{display:flex;gap:12px}
.rs-caras svg,.mv-caras svg{flex:none;width:52px;height:52px;padding:7px;border-radius:50%;background:var(--tarjeta);fill:none;stroke:var(--texto-3);stroke-width:1.4;stroke-linecap:round;box-shadow:0 0 0 1px var(--linea)}
.rs-caras .si,.mv-caras .si{stroke:var(--tinta);box-shadow:0 0 0 2px var(--naranja),var(--sombra-alza)}
.rs-dos{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.rs-mini .figuras i{width:17px;height:42px}
.rs-sube{display:flex;align-items:center;gap:16px}
.rs-sube b{font-size:40px;font-weight:300;font-stretch:118%;letter-spacing:-.05em;line-height:1;color:var(--texto-3)}
.rs-sube b.si{color:var(--texto)}
.rs-sube i{position:relative;width:44px;height:1.5px;background:var(--naranja)}
.rs-sube i::after{content:"";position:absolute;right:0;top:-3.5px;width:8px;height:8px;border-top:1.5px solid var(--naranja);border-right:1.5px solid var(--naranja);transform:rotate(45deg)}
.rs-ganas.anima>li{opacity:0;transform:translateY(12px)}
.rs-ganas.en>li{opacity:1;transform:none;transition:opacity .45s ease calc(var(--i,0) * 70ms),transform .6s var(--e) calc(var(--i,0) * 70ms)}
.rs-ganas.anima :is(.figuras i,.rs-caras svg){opacity:0;transform:translateY(6px)}
.rs-ganas.en :is(.figuras i,.rs-caras svg){opacity:1;transform:none;transition:opacity .35s ease calc(var(--d,0) * 40ms + .45s),transform .5s var(--e) calc(var(--d,0) * 40ms + .45s)}
.rs-caras svg:nth-child(2){--d:2}.rs-caras svg:nth-child(3){--d:4}
.rs-garantia{position:relative;margin-top:16px;padding:20px 0 20px 40px;border-block:1px solid var(--linea-2);font-size:16.5px;line-height:1.55;color:var(--texto-2)}
.rs-garantia::before{content:"";position:absolute;left:0;top:21px;width:24px;height:24px;border-radius:50%;background:var(--naranja) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/14px no-repeat}
.rs-garantia b{color:var(--texto);font-weight:600}
@media (max-width:760px){.rs-ganas{grid-template-columns:minmax(0,1fr)}.rs-ganas>li:first-child{grid-row:auto}.rs-ganas>li:first-child .rs-mini{min-height:170px}}

/* ── S4 y S8: las cifras, cada una junto a su párrafo; lo que retira Google ────────────────────────────────────────────────────── */
.rs-retiradas{display:grid;align-content:center;gap:9px}
.rs-retiradas i{position:relative;display:flex;align-items:center;gap:12px;height:16px}
.rs-retiradas i::before{content:"";order:2;flex:1;height:8px;border-radius:4px;background:var(--pista)}
.rs-retiradas i:nth-child(2){width:84%}.rs-retiradas i:nth-child(3){width:68%}
.rs-retiradas .rs-est{opacity:.55}
.rs-retiradas i::after{content:"";position:absolute;left:-4px;right:-4px;top:7px;height:2px;border-radius:1px;background:var(--naranja);transform-origin:0 50%}
.cifras.anima .rs-retiradas i::after{transform:scaleX(0)}
.cifras.en .rs-retiradas i::after{transform:none;transition:transform .45s var(--e) calc(var(--d,0) * 120ms + .7s)}
.rs-retiradas i:nth-child(2){--d:1}.rs-retiradas i:nth-child(3){--d:2}

/* ── S5: los siete módulos; desde 1000 px, en dos columnas de lectura (el vídeo, cuando exista, irá a su lado) ─────────────── */
.rs-hace{margin-top:clamp(48px,6vw,80px)}
@media (min-width:1000px){.rs-modulos{column-count:2;column-gap:clamp(48px,6vw,96px)}.rs-modulos>li{break-inside:avoid}.rs-hace .rs-modulos>li:first-child{padding-top:22px;border-top:1px solid var(--linea)}}
.rs-modulos>li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 20px;padding:22px 0;border-top:1px solid var(--linea)}
.rs-modulos>li:first-child{padding-top:0;border-top:0}
.rs-modulos>li>.ic{width:44px;height:44px;padding:11px;border-radius:12px;background:var(--hundido);color:var(--texto);stroke-width:1.5}
.rs-modulos p{font-size:16.5px;line-height:1.6;color:var(--texto-2)}
.rs-modulos p>b{display:block;margin-bottom:3px;font-size:18px;font-weight:560;font-stretch:104%;letter-spacing:-.012em;color:var(--texto)}
.rs-modulos a{color:var(--texto);text-underline-offset:3px;text-decoration-color:var(--linea-3)}
.rs-modulos .rs-ir{display:flex;width:fit-content;align-items:center;gap:6px;margin-top:8px;font-size:15px;font-weight:600;text-decoration:none}
.rs-ir::after{content:"→";transition:transform .2s var(--e)}
.rs-ir:hover::after{transform:translateX(3px)}
.rs-modulos .rs-mod-intel{margin-top:10px;padding:22px 22px 24px;border:0;border-radius:18px;background:var(--hundido)}
.rs-mod-intel>.ic{background:var(--tinta)!important;color:#fff!important}
.rs-logos{grid-column:2;display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.rs-logos>*{display:grid;place-items:center;width:36px;height:36px;padding:8px;border-radius:10px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea)}
.rs-logos i{font-style:normal;font-size:16px;font-weight:500;color:var(--texto-3)}
.rs-modulos.anima>li{opacity:0;transform:translateY(10px)}
.rs-modulos.en>li{opacity:1;transform:none;transition:opacity .45s ease calc(var(--i,0) * 60ms),transform .6s var(--e) calc(var(--i,0) * 60ms)}
@media (max-width:760px){.rs-modulos>li{grid-template-columns:40px minmax(0,1fr);gap:4px 14px}.rs-modulos>li>.ic{width:40px;height:40px;padding:10px}.rs-logos{grid-column:1 / -1}}

/* ── S6: la inteligencia, en tinta: la tabla a la izquierda y la hoja del panel, fija, a su lado ────────────────────────────────── */
.rs-reciente{display:flex;align-items:center;gap:clamp(18px,2.4vw,28px);max-width:44em;margin-top:clamp(32px,4vw,48px);padding:18px 0;border-block:1px solid rgba(255,255,255,.14);font-size:16.5px;line-height:1.55}
.rs-reciente b{flex:none;font-size:clamp(44px,4vw,58px);font-weight:300;font-stretch:118%;letter-spacing:-.05em;line-height:1;color:#fff}
.rs-reciente small{font-size:.42em;letter-spacing:0;color:rgba(255,255,255,.5)}
.rs-intel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,4vw,64px);align-items:start;margin-top:clamp(40px,5vw,56px)}
.rs-intel .captura{position:sticky;top:calc(var(--cab) + 96px);margin-top:0}
.rs-intel .escena-fondo{padding:clamp(20px,2.4vw,32px) clamp(16px,2vw,28px) clamp(44px,4vw,56px)}
.rs-tabla-intel tbody th{width:46%;font-weight:560}
.rs-tabla-intel td{color:var(--texto)}
.rs-notas{display:flex;align-items:flex-end;gap:24px;padding:2px}
.rs-notas p{display:grid;gap:4px}
.rs-notas small{font-size:12px;color:var(--texto-3)}
.rs-notas b{font-size:clamp(34px,3vw,44px);font-weight:300;font-stretch:118%;letter-spacing:-.05em;line-height:1;color:var(--texto)}
.rs-notas b.malo{color:var(--malo-texto)}
.rs-notas .cp-chip{margin:0 0 4px auto}
.rs-tend{display:flex;align-items:flex-end;gap:10px}
.rs-tend li{flex:1;display:grid;justify-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--texto);font-variant-numeric:tabular-nums}
.rs-tend i{width:100%;height:calc(var(--h) * 64px);border-radius:6px 6px 2px 2px;background:var(--pista);transform-origin:50% 100%}
.rs-tend .malo i{background:var(--malo)}
.rs-tend small{font-size:11px;font-weight:500;color:var(--texto-3)}
.rs-temas{display:flex;flex-wrap:wrap;gap:6px}
.rs-temas span{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:8px;background:var(--hundido);font-size:13px;font-weight:560;color:var(--texto)}
.rs-temas span:first-child{background:var(--tinta);color:#fff}
.captura.anima .rs-tend i{transform:scaleY(0)}
.captura.en .rs-tend i{transform:none;transition:transform .6s var(--e) calc(var(--d,0) * 90ms + .6s)}
.rs-tend li:nth-child(2){--d:1}.rs-tend li:nth-child(3){--d:2}.rs-tend li:nth-child(4){--d:3}
.tinta .nota-clave{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.tinta .nota-clave>p{color:#fff}
.rs-tachada{background:none!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);color:rgba(255,255,255,.6);text-decoration:line-through}
.rs-tachada::before{background:none!important;box-shadow:inset 0 0 0 1.4px rgba(255,255,255,.5)}
@media (max-width:999px){.rs-intel{grid-template-columns:minmax(0,1fr)}.rs-intel .captura{position:relative;top:auto}}
@media (max-width:760px){.rs-reciente{align-items:flex-start;font-size:15.5px}.rs-tabla-intel tbody th{width:42%;font-size:14.5px}.rs-tabla-intel td{font-size:14.5px}}

/* ── S7: cómo se pide (la lista y la página de la petición), el plan del equipo, lo permitido y lo que cambió ─────────────────── */
.rs-como{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(32px,5vw,80px);align-items:center;margin-top:clamp(56px,7vw,96px)}
.rs-como h3{margin-bottom:24px}
.rs-peticion{margin-top:0}
.rs-peticion .escena-fondo{padding:clamp(24px,3vw,44px) 16px clamp(48px,5vw,64px)}
.rs-peticion .rs-movil{max-width:296px;padding:8px;border-radius:40px;background:var(--tinta)}
.rs-movil .captura-lienzo{padding:24px 18px 26px;border-radius:32px;background:var(--tarjeta);text-align:center}
.rs-movil .escena-estado{justify-items:center;gap:14px}
.mv-marca{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--texto)}
.mv-marca i{width:22px;height:22px;border-radius:7px;background:var(--naranja)}
.mv-p{margin-top:4px;font-size:21px;font-weight:450;font-stretch:108%;letter-spacing:-.02em;color:var(--texto)}
.mv-caras{display:flex;gap:12px}
.mv-caras svg{width:54px;height:54px;background:var(--hundido);box-shadow:none}
.mv-caras .si{background:var(--tarjeta)}
.mv-t{min-height:2.9em;max-width:15em;font-size:14px;line-height:1.45;color:var(--texto-2)}
.mv-boton,.mv-privado{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;border-radius:12px;font-size:14.5px;font-weight:600}
.mv-boton{background:var(--tinta);color:#fff}
.mv-boton img{width:24px;height:24px;padding:3px;border-radius:50%;background:#fff}
.escena.en .mv-privado.salta{transition-delay:1.05s}
.mv-privado{height:44px;margin-top:-4px;box-shadow:inset 0 0 0 1px var(--linea-2);font-size:14px;font-weight:560;color:var(--texto)}
.rs-plan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px clamp(32px,5vw,72px);align-items:start}
.rs-plan h3{grid-column:1 / -1}
.rs-plan .prosa p:last-child{margin-top:20px}
.rs-sino{display:grid;gap:8px}
.rs-sino li{position:relative;padding:16px 18px 16px 54px;border-radius:14px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea);font-size:16px;line-height:1.5;color:var(--texto-2)}
.rs-sino b{color:var(--texto);font-weight:600}
.rs-sino li::before{content:"";position:absolute;left:18px;top:16px;width:22px;height:22px;border-radius:50%;background:var(--naranja) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/13px no-repeat}
.rs-sino .no::before{background:var(--hundido) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2367635B' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M8 8l8 8M16 8l-8 8'/%3E%3C/svg%3E") center/12px no-repeat}
.rs-sino .si+.no{margin-top:10px}
.rs-tit-tabla{margin-bottom:22px}
.rs-permitido .tabla{table-layout:fixed}
.rs-permitido thead th:nth-child(1){width:38%}
.rs-permitido thead th:nth-child(2){width:19%}
.rs-permitido tbody th{font-size:15.5px;font-weight:560;line-height:1.45}
.rs-permitido tbody :is(th,td){vertical-align:middle}
.rs-permitido tr.fuera-filtro{display:none}
.rs-permitido tr.entra{animation:aparece .25s ease both}
.rs-mas{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;margin-top:10px;border:0;border-radius:14px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea-2);font:inherit;font-size:15px;font-weight:600;color:var(--texto);cursor:pointer;transition:transform .15s var(--e)}
.rs-mas:active{transform:scale(.98)}
.rs-mas .ic{width:16px;height:16px}
.rs-mas[hidden]{display:none}
@media (min-width:761px){.rs-mas{display:none}}
.rs-v{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:4px 12px 4px 10px;border-radius:15px;font-size:14px;font-weight:600;line-height:1.25;color:var(--texto)}
.rs-v::before{content:"";flex:none;width:9px;height:9px;border-radius:50%}
.rs-v.si{background:var(--bueno-suave);color:var(--bueno-texto)}
.rs-v.si::before{background:var(--bueno)}
.rs-v.no{background:var(--malo-suave);color:var(--malo-texto)}
.rs-v.no::before{background:var(--malo)}
.rs-v.mejor-no{background:rgba(229,165,10,.14);color:#7A5600}
.rs-v.mejor-no::before{background:linear-gradient(90deg,var(--aviso) 50%,transparent 50%);box-shadow:inset 0 0 0 1.5px var(--aviso)}
.rs-cambio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px clamp(32px,5vw,72px)}
.rs-crono li{position:relative;padding:0 0 30px 40px;font-size:16.5px;line-height:1.6;color:var(--texto-2);max-width:40em}
.rs-crono li:last-child{padding-bottom:0}
.rs-crono li::before{content:"";position:absolute;left:0;top:7px;width:16px;height:16px;border-radius:50%;background:var(--naranja);box-shadow:0 0 0 5px var(--hundido)}
.rs-crono li+li::before{background:var(--tarjeta);box-shadow:inset 0 0 0 2px var(--tinta),0 0 0 5px var(--hundido)}
.rs-crono li::after{content:"";position:absolute;left:7.5px;top:30px;bottom:6px;width:1px;background:repeating-linear-gradient(var(--linea-3) 0 3px,transparent 3px 7px);transform-origin:50% 0}
.rs-crono li:last-child::after{content:none}
.rs-crono b{display:block;margin-bottom:6px;font-size:clamp(22px,2vw,28px);font-weight:340;font-stretch:116%;letter-spacing:-.035em;line-height:1.1;color:var(--texto)}
.rs-crono.anima li{opacity:0;transform:translateY(10px)}
.rs-crono.en li{opacity:1;transform:none;transition:opacity .45s ease calc(var(--i,0) * 120ms),transform .6s var(--e) calc(var(--i,0) * 120ms)}
@media (max-width:999px){.rs-como,.rs-plan,.rs-cambio{grid-template-columns:minmax(0,1fr)}.rs-como{gap:40px}}
/* En el móvil, cada fila de la tabla es una franja: el veredicto delante, lo que haces y, debajo, por qué. Se lee de arriba abajo, sin
   desplazarse de lado; los filtros dejan solo lo que se puede o lo que no. */
@media (max-width:760px){
  .rs-peticion .escena-fondo{padding:24px var(--margen) 20px}
  .rs-peticion .captura-marco{width:auto;max-width:296px;margin:0 auto}
  .rs-permitido{overflow:visible}
  .rs-permitido .tabla,.rs-permitido tbody{display:block}
  .rs-permitido>.tabla{clip-path:none}
  .rs-permitido thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .rs-permitido tbody tr{display:grid;gap:6px;padding:16px}
  .rs-permitido.plegada tbody tr:nth-child(n+6){display:none}
  .rs-permitido tbody tr+tr{border-top:1px solid var(--linea)}
  .rs-permitido tbody :is(th,td){padding:0;border:0!important}
  .rs-permitido tbody>tr>:first-child::after{content:none}
  .rs-permitido tbody td:nth-child(2){order:-1}
  .rs-permitido tbody th{font-size:16px;line-height:1.4}
  .rs-permitido tbody td:last-child{font-size:14px;line-height:1.5;color:var(--texto-3)}
  .rs-v{min-height:26px;font-size:13px}
  .rs-crono li{padding-left:32px}
}

/* ── La banda: una prueba pequeña de lo que verías ─────────────────────────────────────────────────────────────────────────────── */
.rs-prueba .ec-pregunta{justify-self:start;border-radius:20px 20px 20px 6px}

/* ── S9: el asistente propone la respuesta ─────────────────────────────────────────────────────────────────────────────────────── */
.rs-contestar{align-items:start}
.rs-asistente{margin-top:0}
.rs-asistente .escena-fondo{padding:clamp(22px,3vw,40px) clamp(14px,2.4vw,36px) clamp(48px,5vw,64px)}
.as-resena{display:grid;gap:6px;padding:12px 14px;border-radius:12px;background:var(--hundido)}
.as-resena p:first-child{display:flex;align-items:center;gap:8px}
.as-resena small{font-size:12px;color:var(--texto-3)}
.as-resena p+p,.as-borrador p+p{font-size:14px;line-height:1.55;color:var(--texto)}
.as-borrador{position:relative;display:grid;gap:8px;padding:14px 16px 14px 18px;border-radius:12px;background:var(--tarjeta);box-shadow:inset 0 0 0 1px var(--linea)}
.as-borrador::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--naranja)}
.as-borrador .cp-tit{flex-wrap:wrap;gap:6px}
.as-borrador .cp-tit .cp-chip:first-of-type{margin-left:auto}
.as-borrador .as-firma{font-size:13px;color:var(--texto-3)}
.as-firma::before{content:"— "}
.as-acciones{display:flex;gap:8px}
.as-acciones span{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--linea-2);font-size:13.5px;font-weight:600;color:var(--texto)}
.as-acciones .as-ok{background:var(--tinta);box-shadow:none;color:#fff}
.rs-nunca-escribe{margin-top:clamp(56px,7vw,88px)}

/* ── S10: en tinta, el texto a la izquierda y los esquemas del expositor y de la tarjeta a la derecha ─────────────────────────── */
.rs-qr .bloque-cab{margin-bottom:clamp(32px,4vw,52px)}
.rs-qr-cuerpo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.rs-qr-dibujos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rs-qr-dibujos figure{display:grid;gap:8px;padding:18px 12px 14px;border-radius:20px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.rs-qr-dibujos svg{display:block;width:100%;height:auto;fill:none;stroke:rgba(255,255,255,.86);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.rs-qr-dibujos figcaption{font-size:13.5px;font-weight:600;color:rgba(255,255,255,.7);text-align:center}
.rs-ondas{stroke:var(--naranja);stroke-width:2.2}
.rs-ondas path:nth-child(2){--d:1}.rs-ondas path:nth-child(3){--d:2}
.rs-qr-dibujos.anima .rs-ondas path{opacity:0}
.rs-qr-dibujos.en .rs-ondas path{opacity:1;transition:opacity .3s ease calc(var(--d,0) * 160ms + 1s)}
.rs-qr-dibujos.anima .rs-movil-ic{opacity:0;transform:translateX(22px)}
.rs-qr-dibujos.en .rs-movil-ic{opacity:1;transform:none;transition:opacity .3s ease .3s,transform .8s var(--e) .3s}
@media (max-width:999px){.rs-qr-cuerpo{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.rs-qr-dibujos figure{padding:12px 6px 10px}}

/* ── S11: quién y cuánto, en la pieza de cada paso ─────────────────────────────────────────────────────────────────────────────── */
.rs-pasos .paso-pieza{min-height:0}
.rs-quien{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:12px 14px}
.rs-quien::before{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:var(--tarjeta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121416' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8.5' r='3.6'/%3E%3Cpath d='M5 19.5c.8-3.7 3.6-5.7 7-5.7s6.2 2 7 5.7'/%3E%3C/svg%3E") center/17px no-repeat;box-shadow:0 0 0 1px var(--linea)}
.rs-quien[data-q="nos"]::before{background:var(--tinta);box-shadow:inset 0 0 0 10px var(--tinta),inset 0 0 0 30px var(--naranja)}
.rs-quien[data-q="dos"]::before{width:50px;border-radius:15px;background:radial-gradient(circle at 15px 50%,var(--naranja) 4px,transparent 4.5px),radial-gradient(circle at 15px 50%,var(--tinta) 13px,transparent 13.5px),var(--tarjeta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121416' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8.5' r='3.6'/%3E%3Cpath d='M5 19.5c.8-3.7 3.6-5.7 7-5.7s6.2 2 7 5.7'/%3E%3C/svg%3E") 29px 50%/17px no-repeat}
.rs-quien b{font-size:15.5px;font-weight:600;color:var(--texto)}
.rs-quien i{font-size:0}
.rs-quien span{flex-basis:100%;padding-left:40px;font-size:13.5px;color:var(--texto-3)}
.rs-quien[data-q="dos"] span{padding-left:60px}


/* ── S13: seis sectores, a tres por fila; el hueco de la foto con lo que pesa en cada uno ──────────────────────────────────────── */
@media (min-width:1200px){.rs-sectores{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rs-sectores .quien-foto>*{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%)}
.rs-sectores .quien-foto .rs-est{position:relative;left:auto;top:auto;transform:none}
.rs-barras-mini{display:grid;gap:9px;width:52%;padding:14px 16px;border-radius:12px;background:var(--tarjeta);box-shadow:var(--sombra-alza)}
.rs-barras-mini>span{height:8px;border-radius:4px;background:var(--pista);overflow:hidden}
.rs-barras-mini>span::before{content:"";display:block;height:100%;background:var(--texto);transform-origin:0 50%;transform:scaleX(var(--w))}
.rs-barras-mini>.malo::before{background:var(--malo)}
.rs-sectores .quien-pesa{margin-top:auto;padding-top:10px;border-top:1px solid var(--linea);width:100%}

/* ── S14 y S15 ─────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */
.lista-datos.rs-ficha{grid-template-columns:repeat(2,minmax(0,1fr))}
.lista-datos.rs-ficha>li:first-child{grid-row:auto}
.lista-datos.rs-ficha>li>b,.lista-datos.rs-ficha>li:first-child>b{margin-top:0;font-size:clamp(20px,1.8vw,24px);font-weight:480;letter-spacing:-.018em;line-height:1.25}
.rs-ficha>li>span{font-size:16px}
.franja .rs-tampoco{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}
@media (max-width:640px){.lista-datos.rs-ficha{grid-template-columns:minmax(0,1fr)}}
