/* ============ REDES SOCIALES · «El feed»: cada sección habla con el formato de las redes ============ */
/* por qué importa (el feed que se para), la demo, destacadas, el calendario del mes, comentarios y el cierre */
/* ---------- la demo «Mira cómo engancha»: el móvil en el centro y los cinco pasos como las barritas de una story ---------- */
/* --th: alto del escenario (el móvil); --tw: su ancho; --tit: lo que ocupa el título, para que lo de alrededor caiga debajo */
.rs-demo{--th:calc(var(--alto) - 70px - var(--u)*7.2);--tw:calc(var(--th)*9/17.6);--tit:calc(min(calc(var(--u)*5.4),3.5vw)*1.72 + var(--u)*3.6 + 14px);--lado:calc((100vw - var(--pad)*2 - var(--tw))/2 - var(--u)*7.6)}
.sv-demo.rs-demo .sv-pin{display:grid;grid-template-columns:minmax(0,1fr) var(--tw) minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto;column-gap:calc(var(--u)*4);row-gap:0;align-items:start;padding:calc(70px + var(--u)*.8) var(--pad) calc(var(--u)*1.8)}
/* las barritas: la de ahora se llena al bajar; debajo, el nombre de cada paso (el de ahora, encendido) */
.rs-demo .dm-pasos{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(var(--u)*.8);height:calc(var(--u)*3.2);margin:0 0 calc(var(--u)*1.4)}
.rs-demo .dm-pasos li{min-width:0}
.rs-demo .dm-pasos button{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;align-content:start;gap:calc(var(--u)*.85) calc(var(--u)*.7);width:100%;height:100%;padding:calc(var(--u)*.45) 0 0;border-radius:0;background:none;color:var(--ink);font-weight:700;font-size:max(12px,calc(var(--u)*1.2));line-height:1.1}
.rs-dp-b{grid-column:1/-1;position:relative;height:max(3px,calc(var(--u)*.34));border-radius:99px;background:rgba(17,17,17,.13);overflow:hidden}
.rs-dp-b::after{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--ink);transform-origin:0 50%;scale:var(--f,0) 1}
.rs-demo .dm-pasos .n{all:unset;padding:.18em .5em;border-radius:99px;box-shadow:inset 0 0 0 1px rgba(17,17,17,.28);font:500 max(9.5px,calc(var(--u)*.84)) 'DM Mono',monospace;letter-spacing:.04em;opacity:.6;transition:background .35s,color .35s,opacity .35s,box-shadow .35s}
.rs-demo .dm-pasos .t{min-width:0;white-space:nowrap;opacity:.46;transition:opacity .35s}
.rs-demo .dm-pasos .hecho .t,.rs-demo .dm-pasos .hecho .n{opacity:.78}
.rs-demo .dm-pasos .ahora .t{opacity:1}
.rs-demo .dm-pasos .ahora .n{background:var(--k);color:var(--ink);box-shadow:none;opacity:1}
.rs-demo .dm-pasos .ahora button,.rs-demo .dm-pasos .hecho button{background:none;color:var(--ink);padding-left:0}
.rs-demo .dm-pasos button:hover .t{opacity:1}
.rs-demo .dm-pasos button:focus-visible{outline:2.5px solid var(--ink);outline-offset:4px;border-radius:4px}
.rs-dm-ojo{grid-column:1;grid-row:2;justify-self:start;opacity:.65}
.rs-dm-t{grid-column:1;grid-row:3;justify-self:start;margin-top:calc(var(--u)*1.2);font-weight:900;font-stretch:125%;font-size:min(calc(var(--u)*5.4),3.5vw);line-height:.86;letter-spacing:-.03em;text-transform:uppercase}
/* los mandos, simétricos: el negocio abajo a la izquierda y lo que publicamos abajo a la derecha */
.rs-dm-neg{grid-column:1;grid-row:5;align-self:end;justify-self:start}
.rs-dm-for{grid-column:3;grid-row:5;align-self:end;justify-self:end;justify-content:flex-end}
.rs-dm-for > .mono{text-align:right}
.rs-demo .dm-chip{display:inline-flex;align-items:center;gap:.5em}
.rs-demo .dm-chip img{width:1.75em;height:1.75em;margin:-.35em -.05em -.35em -.5em;object-fit:contain;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.18))}
.rs-demo .dm-chip .rs-ic{font-size:1.15em;stroke-width:2}
/* el escenario: el móvil ocupa su columna y lo de alrededor sale hacia los lados */
.rs-demo .dm-esc{--marca:#c8102e;--tono:#ffd6de;grid-column:2;grid-row:2/-1;align-self:end;display:block;width:var(--tw);height:var(--th);pointer-events:none}
.rs-demo .dm-marco{width:100%;height:100%;transition:none}
.rs-demo .dm-marco > .ej-tag{right:auto;left:calc(var(--u)*-1.8);top:calc(var(--u)*-1.1);rotate:-7deg}

/* --- el móvil --- */
.rd-tel{position:absolute;inset:0;z-index:2;padding:calc(var(--u)*.55);border-radius:calc(var(--u)*3.6);background:#0e0e0e;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 calc(var(--u)*2.6) calc(var(--u)*5) rgba(17,17,17,.26),0 calc(var(--u)*.5) calc(var(--u)*1.1) rgba(17,17,17,.2)}
.rd-tel::before,.rd-tel::after{content:'';position:absolute;width:3px;border-radius:2px;background:#0e0e0e}
.rd-tel::before{left:-2.5px;top:19%;height:7%;box-shadow:0 calc(var(--th)*.1) 0 #0e0e0e}
.rd-tel::after{right:-2.5px;top:26%;height:12%}
.rd-pant{position:relative;container-type:inline-size;width:100%;height:100%;border-radius:calc(var(--u)*3.05);background:#fff;overflow:hidden;font-family:'Archivo',sans-serif;color:var(--ink)}
.rd-pant::after{content:'';position:absolute;left:50%;bottom:1.4cqw;z-index:8;width:33cqw;height:1.1cqw;border-radius:1cqw;translate:-50% 0;background:var(--ink);transition:background .5s}
.rd-isla{position:absolute;left:50%;top:2.6cqw;z-index:7;width:27cqw;height:7.6cqw;translate:-50% 0;border-radius:9cqw;background:#0e0e0e}
.rd-st{position:absolute;left:0;right:0;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;height:12.6cqw;padding:0 7.4cqw 0 9.6cqw;font-size:4.2cqw;transition:color .5s}
.rd-st b{font-weight:700;letter-spacing:-.01em}
.rd-st-ic{display:flex;align-items:center;gap:1.4cqw}
.rd-st-ic svg{display:block;height:2.9cqw;width:auto;fill:currentColor}
.rd-st-ic svg:last-child{height:3.1cqw}
/* con el reel abierto, todo lo de encima y la barra de abajo pasan a claro sobre oscuro */
.dm-esc:is([data-paso="3"],[data-paso="4"],[data-paso="5"])[data-formato="reel"] :is(.rd-st,.rd-nav){color:#fff}
.dm-esc:is([data-paso="3"],[data-paso="4"],[data-paso="5"])[data-formato="reel"] .rd-nav{background:#0b0b0b;box-shadow:0 -1px 0 rgba(255,255,255,.1)}
.dm-esc:is([data-paso="3"],[data-paso="4"],[data-paso="5"])[data-formato="reel"] .rd-pant::after{background:#fff}

/* el perfil: arriba la cabecera de siempre, abajo la cuadrícula */
.rd-perfil{position:absolute;inset:12.6cqw 0 0;z-index:1;overflow:hidden;transition:opacity .5s,scale .9s cubic-bezier(.7,0,.2,1)}
.rd-pf{position:absolute;left:0;right:0;top:0;display:grid;gap:2.3cqw;transition:translate 1s cubic-bezier(.7,0,.2,1) .15s}
.dm-esc:not([data-paso="1"]) .rd-pf{translate:0 calc(var(--sube,0px)*-1)}
.rd-pf-top{display:flex;align-items:center;gap:.8cqw;padding:.6cqw 4.6cqw 0;font-size:5.2cqw}
.rd-pf-top b{font-weight:800;letter-spacing:-.015em}
.rd-pf-top .rs-ic{font-size:4.4cqw;stroke-width:2.4}
.rd-pf-ics{display:flex;gap:4.4cqw;margin-left:auto}
.rd-pf-ics .rs-ic{font-size:6cqw;stroke-width:1.9}
.rd-cab{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:center;gap:1cqw;padding:0 4.6cqw 0 5.6cqw}
/* la foto de perfil, con su anillo de historia */
.rd-av{position:relative;display:grid;place-items:center;width:18.5cqw;aspect-ratio:1;margin-right:2cqw;border-radius:50%;background:radial-gradient(circle at 50% 30%,#fff,var(--tono));box-shadow:0 0 0 .9cqw #fff}
.rd-av::before{content:'';position:absolute;inset:-1.9cqw;border-radius:50%;background:conic-gradient(from 210deg,var(--k),#ff7a3d,var(--marca),#e8468f,var(--k));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1cqw),#000 calc(100% - .9cqw));mask:radial-gradient(farthest-side,transparent calc(100% - 1cqw),#000 calc(100% - .9cqw))}
.rd-av .rs-ob{width:80%}
.rd-num{display:grid;justify-items:center;line-height:1.18}
.rd-num b{font-weight:800;font-size:4.5cqw}
.rd-num span{font-size:3cqw;opacity:.6}
.rd-quien{display:grid;gap:.4cqw;padding:0 4.6cqw;line-height:1.3}
.rd-nombre{font-weight:800;font-size:4cqw}
.rd-catg{font-size:3.3cqw;opacity:.5}
.rd-bio{font-size:3.5cqw}
.rd-bts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5cqw;padding:0 4.6cqw}
.rd-bts em{display:flex;align-items:center;justify-content:center;gap:1cqw;height:7.8cqw;border-radius:2.2cqw;background:#efefef;font-style:normal;font-weight:700;font-size:3.4cqw;transition:background .5s}
.rd-bts em:first-child{background:var(--marca);color:#fff}
.rd-bts .rs-ic{font-size:3.8cqw;stroke-width:2.2}
/* las destacadas, con sus portadas */
.rd-dest{display:flex;gap:4.2cqw;padding:.6cqw 4.6cqw 0}
.rd-ds{display:grid;justify-items:center;gap:1.4cqw;width:14cqw}
.rd-ds i{display:grid;place-items:center;width:14cqw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 30%,#fff,var(--tono) 90%);box-shadow:0 0 0 .7cqw #fff,0 0 0 1.05cqw #d9d9d9;overflow:hidden;color:var(--marca)}
.rd-ds img{width:88%;height:auto}
.rd-ds .rs-ic{font-size:6.6cqw;stroke-width:1.8}
.rd-ds b{font-weight:600;font-size:2.9cqw;white-space:nowrap}
.rd-tabs{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;padding:2cqw 0 2.2cqw;border-top:1px solid rgba(17,17,17,.1);font-size:5.8cqw}
.rd-tabs .rs-ic{stroke-width:1.9;opacity:.42}
.rd-tabs .on{opacity:1}
.rd-tabs::after{content:'';position:absolute;left:8%;width:17.3%;bottom:0;height:.5cqw;border-radius:1cqw;background:var(--ink)}
/* la cuadrícula: en el paso 1, los huecos del plan (con lo que irá en cada uno); desde el 2, las nueve piezas */
.rd-rej{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55cqw;margin-top:-2.3cqw}
.rd-pz{position:relative;aspect-ratio:1;overflow:hidden}
.rd-pz-h{position:absolute;inset:1.3cqw;display:grid;place-items:center;border:.42cqw dashed color-mix(in srgb,var(--marca) 42%,transparent);border-radius:2.2cqw;background:color-mix(in srgb,var(--marca) 5%,#fff);color:color-mix(in srgb,var(--marca) 60%,#fff);font-size:7cqw;transition:opacity .4s;transition-delay:calc(var(--n)*90ms + .2s)}
.rd-pz-h .rs-ic{stroke-width:1.7}
.rd-pz-in{position:absolute;inset:0;display:grid;place-items:center;background:var(--fo);color:var(--ft);opacity:0;scale:.55;transition:opacity .35s,scale .65s cubic-bezier(.2,1.4,.4,1);transition-delay:calc(var(--n)*90ms + .2s)}
.dm-esc:not([data-paso="1"]) .rd-pz-in{opacity:1;scale:1}
.dm-esc:not([data-paso="1"]) .rd-pz-h{opacity:0}
.rd-pz-in > img{width:82%;height:auto;filter:drop-shadow(0 1cqw 1.2cqw rgba(0,0,0,.12))}
.rd-pz-in.esc > img{width:112%;max-width:none}
/* con texto encima: el objeto sube y el texto va abajo, grande */
.rd-pz-in.tx > img{width:64%;translate:0 -14%}
.rd-pz-in.tx.esc > img{width:96%;translate:0 -12%}
.rd-pz-in > b{position:absolute;left:8%;right:6%;bottom:8%;font-weight:900;font-stretch:112%;font-size:4.5cqw;line-height:.94;letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance}
.rd-pz-in.solo{align-content:center;gap:1.6cqw;justify-items:start;padding:0 8%}
.rd-pz-in.solo > b{position:static;font-size:5.4cqw}
.rd-pz-in.solo > .rs-ic{font-size:6.6cqw;color:var(--marca);stroke-width:2}
.rd-pz-t{position:absolute;right:6%;top:6%;font-size:4.6cqw;color:var(--ft);filter:drop-shadow(0 .3cqw .6cqw rgba(0,0,0,.2))}
.rd-pz-t .rs-ic{stroke-width:2.2}
/* la barra de abajo de la aplicación */
.rd-nav{position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-around;height:15cqw;padding:0 2cqw 3.6cqw;background:#fff;box-shadow:0 -1px 0 rgba(17,17,17,.08);color:var(--ink);font-size:6.2cqw;transition:background .5s,color .5s,box-shadow .5s}
.rd-nav .rs-ic{stroke-width:1.9}
.rd-nav-av{display:grid;place-items:center;width:6.8cqw;aspect-ratio:1;border-radius:50%;background:var(--tono);box-shadow:0 0 0 .45cqw currentColor;overflow:hidden}
.rd-nav-av .rs-ob{width:86%}

/* la publicación: se abre desde la primera pieza de la cuadrícula */
.rd-post{position:absolute;inset:0;z-index:3;transform-origin:var(--ox,17%) var(--oy,72%);scale:var(--os,.33);opacity:0;border-radius:6cqw;overflow:hidden;transition:scale .9s cubic-bezier(.7,0,.2,1),opacity .35s,border-radius .9s}
.dm-esc:is([data-paso="3"],[data-paso="4"],[data-paso="5"]) .rd-post{scale:1;opacity:1;border-radius:0}
.dm-esc:is([data-paso="3"],[data-paso="4"],[data-paso="5"]) .rd-perfil{opacity:0;scale:1.06}
.rd-reel,.rd-fp{position:absolute;inset:0;display:none}
.dm-esc[data-formato="reel"] .rd-reel{display:block}
.dm-esc:not([data-formato="reel"]) .rd-fp{display:grid}
.rd-reel.rs-rv{--bajo:17cqw}
/* los subtítulos del reel salen palabra a palabra */
.rd-sub{left:5cqw;right:21cqw;bottom:calc(var(--bajo) + 33cqw);z-index:2;display:flex;flex-wrap:wrap;gap:0 2.2cqw;font-weight:900;font-stretch:115%;font-size:10.4cqw;line-height:1.04;text-transform:uppercase;text-shadow:0 .6cqw 0 rgba(0,0,0,.3)}
.rd-sub span{animation:rd-palabra .3s cubic-bezier(.2,1.5,.4,1) both}
.rd-sub span.k{color:var(--k)}
@keyframes rd-palabra{from{opacity:0;scale:.5;translate:0 30%}}
.rd-cor svg{transition:fill .3s,stroke .3s,scale .4s cubic-bezier(.2,1.8,.4,1)}
.dm-esc:is([data-paso="4"],[data-paso="5"]) .rd-cor svg{fill:#ff3b5c;stroke:#ff3b5c;scale:1.12}
/* el corazón grande de cuando le dan dos veces */
.rd-boom{position:absolute;left:50%;top:44%;z-index:3;width:30cqw;aspect-ratio:1;margin-left:-15cqw;translate:0 -50%;background:#fff;-webkit-mask:var(--rs-cor) center/contain no-repeat;mask:var(--rs-cor) center/contain no-repeat;opacity:0;pointer-events:none}
.rd-medio .rd-boom{top:50%}
.dm-esc[data-paso="4"] .rd-boom{animation:rd-boom 1.2s cubic-bezier(.2,1.5,.4,1) .4s both}
@keyframes rd-boom{0%{opacity:0;scale:.2}22%{opacity:1;scale:1.14}40%{scale:.94}55%{opacity:1;scale:1}100%{opacity:0;scale:1.05}}
/* el aviso de mensaje en el avión de papel */
.rd-env{position:relative}
.rd-badge{position:absolute;right:-1.8cqw;top:-1.6cqw;display:grid;place-items:center;min-width:4.6cqw;height:4.6cqw;padding:0 1cqw;border-radius:9cqw;background:#ff3b5c;color:#fff;font:800 2.8cqw/1 'Archivo',sans-serif;font-style:normal;scale:0;transition:scale .5s cubic-bezier(.2,1.6,.4,1)}
.dm-esc[data-paso="5"] .rd-badge{scale:1;transition-delay:.25s}
/* carrusel y foto: la publicación como en el feed */
.rd-fp{grid-template-rows:repeat(8,auto) minmax(0,1fr);align-content:start;padding-top:12.6cqw;background:#fff;color:var(--ink)}
.rd-fp-bar{display:flex;align-items:center;gap:1.6cqw;padding:.4cqw 3.6cqw 1.6cqw;font-size:4.4cqw}
.rd-fp-bar b{font-weight:800}
.rd-fp-bar .rs-ic{font-size:5.4cqw;stroke-width:2.2}
.rd-fp-cab{display:flex;align-items:center;gap:2.2cqw;padding:1.6cqw 3.6cqw 2cqw;font-size:3.5cqw}
.rd-fp-av{display:grid;place-items:center;width:8cqw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 30%,#fff,var(--tono));box-shadow:0 0 0 .5cqw #fff,0 0 0 .95cqw var(--marca)}
.rd-fp-av .rs-ob{width:82%}
.rd-fp-n{display:grid;line-height:1.2}
.rd-fp-n b{font-weight:800}
.rd-fp-n span{font-size:2.9cqw;opacity:.6}
.rd-fp-cab > .rs-ic{margin-left:auto;font-size:5cqw}
.rd-medio{position:relative;aspect-ratio:1/1.2;overflow:hidden}
.rd-carr,.rd-foto{position:absolute;inset:0;display:none}
.dm-esc[data-formato="carrusel"] .rd-carr{display:block}
.dm-esc[data-formato="foto"] .rd-foto{display:grid}
.rd-fp-acc{position:relative;display:flex;align-items:center;gap:3.8cqw;padding:2.4cqw 3.6cqw 1.2cqw;font-size:6.4cqw}
.rd-fp-acc .rs-ic{stroke-width:1.9}
.rd-fp-gua{margin-left:auto}
.rd-fp-gus{padding:0 3.6cqw;font-size:3.5cqw}
.rd-fp-gus b{font-weight:800}
.rd-fp-tx{padding:.8cqw 3.6cqw 0;font-size:3.5cqw;line-height:1.34}
.rd-fp-tx b{font-weight:800}
.rd-fp-com{padding:.8cqw 3.6cqw 0;font-size:3.3cqw;opacity:0;transition:opacity .5s}
.dm-esc:is([data-paso="4"],[data-paso="5"]) .rd-fp-com{opacity:.55}
.rd-fp-h{padding:.8cqw 3.6cqw 0;font-size:2.7cqw!important;letter-spacing:.06em;opacity:.45}
/* el carrusel: una portada y tres láminas, cada una con su número y su icono */
.rd-tira{display:flex;width:400%;height:100%;animation:rd-pasa 11s cubic-bezier(.7,0,.2,1) infinite}
@keyframes rd-pasa{0%,19%{translate:0 0}25%,44%{translate:-25% 0}50%,69%{translate:-50% 0}75%,94%{translate:-75% 0}100%{translate:0 0}}
.rd-lam{position:relative;flex:1 1 0;display:grid;overflow:hidden}
.rd-lam-0{align-content:start;padding:8cqw 7cqw;background:radial-gradient(110% 90% at 85% 100%,color-mix(in srgb,var(--marca) 70%,#fff),var(--marca) 60%);color:#fff}
.rd-lam-0 b{max-width:84%;font-weight:900;font-stretch:115%;font-size:8.6cqw;line-height:.95;letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance}
.rd-lam-0 .rs-ob{position:absolute;right:-6%;bottom:-4%;width:66%;rotate:-8deg;filter:drop-shadow(0 2cqw 2.4cqw rgba(0,0,0,.22))}
.rd-lam-0 em{position:absolute;left:7cqw;bottom:7cqw;display:flex;align-items:center;gap:1cqw;font-style:normal;font-size:2.9cqw!important;letter-spacing:.1em;text-transform:uppercase;opacity:.9}
.rd-lam-0 em .rs-ic{scale:-1 1;font-size:1.3em}
.rd-lam:not(.rd-lam-0){align-content:end;gap:3cqw;padding:7cqw 7cqw 9cqw}
.rd-lam-1{background:var(--tono)}.rd-lam-2{background:var(--cream)}.rd-lam-3{background:var(--k)}
.rd-lam > i{position:absolute;left:5cqw;top:2cqw;font-style:normal;font-weight:900;font-stretch:125%;font-size:30cqw;line-height:1;letter-spacing:-.05em;color:var(--marca);opacity:.92}
.rd-lam-3 > i{color:var(--ink)}
.rd-lam > .rs-ic{position:absolute;right:7cqw;top:8cqw;width:15cqw;height:15cqw;padding:3.2cqw;border-radius:50%;background:#fff;color:var(--marca);stroke-width:1.8;box-shadow:0 1.4cqw 2.6cqw rgba(17,17,17,.12)}
.rd-lam > span{font-weight:800;font-stretch:106%;font-size:6.4cqw;line-height:1.08;letter-spacing:-.01em;text-wrap:balance}
.rd-puntos{position:absolute;left:50%;top:50%;display:flex;gap:1.2cqw;translate:-50% -50%}
.dm-esc:not([data-formato="carrusel"]) .rd-puntos{display:none}
.rd-puntos i{width:1.6cqw;aspect-ratio:1;border-radius:50%;background:rgba(17,17,17,.2);animation:rd-punto 11s infinite}
.rd-puntos i:nth-child(2){animation-delay:2.75s}.rd-puntos i:nth-child(3){animation-delay:5.5s}.rd-puntos i:nth-child(4){animation-delay:8.25s}
@keyframes rd-punto{0%,22%{background:var(--marca)}25%,100%{background:rgba(17,17,17,.2)}}
/* la foto: el objeto del negocio, cuidado, con su etiqueta */
.rd-foto{place-items:center;background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--marca) 48%,#fff),var(--marca) 62%,color-mix(in srgb,var(--marca) 70%,#000))}
.rd-foto::before{content:'';position:absolute;left:12%;right:12%;bottom:12%;height:16%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.2),transparent)}
.rd-foto .rs-ob{position:relative;width:78%;animation:rd-zoom 7s ease-in-out infinite alternate}
@keyframes rd-zoom{from{scale:1;rotate:-3deg}to{scale:1.1;rotate:3deg}}
.rd-etq{position:absolute;left:5cqw;bottom:5cqw;padding:1.4cqw 2.6cqw;border-radius:1.6cqw;background:rgba(17,17,17,.78);color:#fff;font-style:normal;font-weight:700;font-size:3cqw}
.rd-etq::before{content:'';position:absolute;left:4cqw;top:-1.4cqw;border:.8cqw solid transparent;border-bottom:.8cqw solid rgba(17,17,17,.78);border-top:0}

/* el reel (el de la demo y los de «Así se ve»): escena 3D, subtítulos, quién lo sube, el corazón y el sonido */
.rs-rv{--bajo:5cqw;overflow:hidden;background:radial-gradient(120% 66% at 28% 16%,color-mix(in srgb,var(--m,var(--marca)) 52%,#fff),var(--m,var(--marca)) 54%,color-mix(in srgb,var(--m,var(--marca)) 52%,#000));color:#fff;font-family:'Archivo',sans-serif}
.rs-rv::before{content:'';position:absolute;left:-20%;right:-20%;top:50%;height:26%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.2),transparent)}
.rs-rv::after{content:'';position:absolute;left:0;right:0;bottom:0;z-index:1;height:58%;background:linear-gradient(transparent,rgba(0,0,0,.62));pointer-events:none}
.rs-rv > *{position:absolute}
.rs-rv-esc{left:-14cqw;right:-14cqw;top:19%;z-index:0}
.rs-rv-esc img{display:block;width:100%;height:auto;animation:rs-kb 9s ease-in-out infinite alternate}
@keyframes rs-kb{from{scale:1;translate:0 0}to{scale:1.1;translate:-2% -3%}}
.rs-rv-barra{left:4cqw;right:4cqw;top:14cqw;z-index:2;height:.75cqw;border-radius:1cqw;background:rgba(255,255,255,.32);overflow:hidden}
.rs-rv-barra i{position:absolute;inset:0;background:#fff;transform-origin:0 50%;animation:rd-avanza 4.6s linear infinite}
@keyframes rd-avanza{from{scale:0 1}}
.rs-rv-cab{left:4.4cqw;right:4.4cqw;top:17.6cqw;z-index:2;display:flex;align-items:center;gap:.8cqw;font-size:5.2cqw}
.rs-rv-cab b{font-weight:800;letter-spacing:-.01em}
.rs-rv-cab .rs-ic{font-size:4.4cqw;stroke-width:2.4}
.rs-rv-cab .rs-rv-cam{margin-left:auto;font-size:6.2cqw;stroke-width:1.9}
.rs-rv-acc{right:3.2cqw;bottom:var(--bajo);z-index:2;display:grid;justify-items:center;gap:4.2cqw}
.rs-rv-a{position:relative;display:grid;justify-items:center;gap:.6cqw;font-size:7.4cqw;filter:drop-shadow(0 .4cqw .8cqw rgba(0,0,0,.25))}
.rs-rv-a .rs-ic{stroke-width:1.9}
.rs-rv-a b{font-weight:700;font-size:3.1cqw;font-variant-numeric:tabular-nums}
.rs-rv-disco{display:grid;place-items:center;width:8.4cqw;aspect-ratio:1;border-radius:2.2cqw;background:var(--cream);box-shadow:0 0 0 .55cqw #fff;overflow:hidden;animation:rs-gira 7s linear infinite}
.rs-rv-disco img,.rs-rv-disco .rs-ob{width:84%;height:auto}
.rs-rv-pie{left:4.4cqw;right:18cqw;bottom:var(--bajo);z-index:2;display:grid;justify-items:start;gap:2cqw}
.rs-rv-quien{display:flex;align-items:center;gap:2cqw;font-size:3.7cqw}
.rs-rv-quien b{font-weight:800}
.rs-rv-av{display:grid;place-items:center;width:8.4cqw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 30%,#fff,var(--cream));box-shadow:0 0 0 .5cqw #fff;overflow:hidden}
.rs-rv-av img,.rs-rv-av .rs-ob{width:84%;height:auto}
.rs-rv-quien em{padding:.9cqw 2.4cqw;border-radius:1.8cqw;box-shadow:inset 0 0 0 .35cqw rgba(255,255,255,.85);font-style:normal;font-weight:700;font-size:3.1cqw}
.rs-rv-tx{font-size:3.5cqw;line-height:1.3}
.rs-rv-son{display:flex;align-items:center;gap:1.4cqw;max-width:100%;font-size:3.2cqw;white-space:nowrap;opacity:.94}
.rs-rv-son .rs-ic{flex:none;font-size:3.6cqw;stroke-width:2.2}
.rs-rv-son span{display:contents}

/* --- alrededor del móvil: a la derecha, lo que se hace (perfil, plan, pieza) y lo que llega (mensaje y seguidores);
       a la izquierda, bajo el título, los comentarios --- */
.rd-lista,.rd-plan,.rd-ficha,.rd-sello,.rd-coms,.rd-noti{position:absolute;z-index:3;pointer-events:none}
.rd-lista,.rd-plan,.rd-ficha{left:calc(100% + var(--u)*3.4);display:grid;border-radius:calc(var(--u)*1.6);background:#fff;box-shadow:0 0 0 1.5px var(--ink),0 calc(var(--u)*1.4) calc(var(--u)*3) rgba(17,17,17,.13);opacity:0;translate:calc(var(--u)*-3.4) 0;transition:opacity .5s,translate .8s cubic-bezier(.2,1.2,.3,1)}
.rd-lista,.rd-ficha{top:calc(var(--th)*.16);gap:calc(var(--u)*.95);width:min(calc(var(--u)*24),var(--lado));padding:calc(var(--u)*1.5) calc(var(--u)*1.7) calc(var(--u)*1.6);rotate:2deg}
.rd-lista > .mono,.rd-fi-cab .mono{font-size:max(10px,calc(var(--u)*.9));opacity:.6}
.rd-fi-cab{display:grid;gap:calc(var(--u)*.35);padding-bottom:calc(var(--u)*.3)}
.rd-fi-cab b{font-weight:900;font-stretch:112%;font-size:max(15px,calc(var(--u)*1.75));line-height:1;letter-spacing:-.01em}
.rd-li{display:flex;align-items:center;gap:calc(var(--u)*.9);font-weight:700;font-size:max(12px,calc(var(--u)*1.28));line-height:1.18}
.rd-li i{display:grid;place-items:center;flex:none;width:calc(var(--u)*2.2);height:calc(var(--u)*2.2);min-width:20px;min-height:20px;border-radius:50%;background:var(--marca);color:#fff;font-size:max(11px,calc(var(--u)*1.2));scale:0;transition:scale .5s cubic-bezier(.2,1.6,.4,1),background .5s}
.rd-li .rs-ic{stroke-width:3}
.rd-li:nth-child(2) i{transition-delay:.35s}.rd-li:nth-child(3) i{transition-delay:.6s}.rd-li:nth-child(4) i{transition-delay:.85s}.rd-li:nth-child(5) i{transition-delay:1.1s}
.dm-esc[data-paso="1"] .rd-lista,.dm-esc[data-paso="3"] .rd-ficha{opacity:1;translate:0 0}
.rs-demo.rs-ve .dm-esc[data-paso="1"] .rd-lista .rd-li i,.rs-demo.rs-ve .dm-esc[data-paso="3"] .rd-ficha .rd-li i{scale:1}
/* 2 · el plan de la semana */
.rd-plan{top:calc(var(--th)*.05);gap:calc(var(--u)*.7);width:min(calc(var(--u)*25),var(--lado));padding:calc(var(--u)*1.3) calc(var(--u)*1.5) calc(var(--u)*1.4);rotate:3deg}
.rd-plan-cab{display:flex;align-items:baseline;justify-content:space-between;gap:calc(var(--u)*1)}
.rd-plan-cab .mono{font-size:max(10px,calc(var(--u)*.9));opacity:.6}
.rd-plan-cab b{font-weight:800;font-size:max(12px,calc(var(--u)*1.2))}
.rd-dias{list-style:none;padding:0;margin:0;display:grid}
.rd-dias li{display:grid;grid-template-columns:calc(var(--u)*3.4) minmax(0,1fr);align-items:center;gap:calc(var(--u)*.6);min-height:calc(var(--u)*2.7);border-top:1px solid rgba(17,17,17,.07)}
.rd-dias b{display:flex;align-items:baseline;gap:.4em;font:500 max(9.5px,calc(var(--u)*.88)) 'DM Mono',monospace;opacity:.6}
.rd-dias b i{font:800 1.12em 'Archivo',sans-serif;font-style:normal}
.rd-ch{justify-self:start;display:flex;align-items:center;gap:.42em;padding:.26em .3em .26em .62em;border-radius:99px;font-weight:800;font-size:max(10.5px,calc(var(--u)*1.02));line-height:1;white-space:nowrap;opacity:0;scale:.6;transform-origin:0 50%;transition:opacity .3s,scale .5s cubic-bezier(.2,1.5,.4,1)}
.rd-ch .rs-ic{font-size:1.12em;stroke-width:2.2}
.rd-ch em{font:500 .86em 'DM Mono',monospace;font-style:normal;opacity:.8}
.rd-mini{display:grid;place-items:center;width:1.9em;height:1.9em;margin-left:.15em;border-radius:50%;background:rgba(255,255,255,.92);overflow:hidden}
.rd-mini .rs-ob{width:120%;max-width:none}
.rd-ch.reel{background:var(--marca);color:#fff}
.rd-ch.carr{background:var(--ink);color:var(--k)}
.rd-ch.foto{background:var(--tono);color:var(--ink)}
.rd-plan-ok{display:flex;align-items:center;gap:.5em;padding-top:calc(var(--u)*.2);font-weight:800;font-size:max(10.5px,calc(var(--u)*1));opacity:0;transition:opacity .4s}
.rd-plan-ok .rs-ic{color:var(--marca);stroke-width:2.8}
.dm-esc[data-paso="2"] .rd-plan{opacity:1;translate:0 0}
.dm-esc[data-paso="2"] .rd-ch,.dm-esc[data-paso="2"] .rd-plan-ok{opacity:1;scale:1}
.dm-esc[data-paso="2"] .rd-dias li:nth-child(1) .rd-ch{transition-delay:.5s}
.dm-esc[data-paso="2"] .rd-dias li:nth-child(3) .rd-ch{transition-delay:.75s}
.dm-esc[data-paso="2"] .rd-dias li:nth-child(5) .rd-ch{transition-delay:1s}
.dm-esc[data-paso="2"] .rd-dias li:nth-child(6) .rd-ch{transition-delay:1.25s}
.dm-esc[data-paso="2"] .rd-plan-ok{transition-delay:1.6s}
/* 5 · el sello: los seguidores que llegan, día a día */
.rd-sello{left:calc(100% + var(--u)*4.2);top:calc(var(--th)*.4);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:calc(var(--u)*.4) calc(var(--u)*1.4);width:min(calc(var(--u)*25),var(--lado));padding:calc(var(--u)*1.4) calc(var(--u)*1.6) calc(var(--u)*1.3);border-radius:calc(var(--u)*1.6);background:var(--k);color:var(--ink);rotate:-4deg;box-shadow:0 calc(var(--u)*.9) calc(var(--u)*1.8) rgba(17,17,17,.2);opacity:0;scale:.5;transition:opacity .4s,scale .7s cubic-bezier(.2,1.6,.4,1)}
.rd-sello > b{font-weight:900;font-stretch:120%;font-size:max(30px,calc(var(--u)*4.6));line-height:.8;letter-spacing:-.03em}
.rd-sello > span:not([class]){align-self:end;font-weight:800;font-size:max(12px,calc(var(--u)*1.25));line-height:1.1}
.rd-sg,.rd-sg-d{grid-column:1/-1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:max(3px,calc(var(--u)*.45))}
.rd-sg{align-items:end;height:max(34px,calc(var(--u)*4.6));margin-top:calc(var(--u)*.8);padding-bottom:2px;border-bottom:1.5px solid rgba(17,17,17,.3)}
.rd-sg i{height:calc(var(--h)*100%);border-radius:3px 3px 1px 1px;background:rgba(17,17,17,.2);transform-origin:50% 100%}
.rd-sg .ya{position:relative;background:var(--ink)}
.rd-sg .ya::after{content:'+12';position:absolute;left:50%;bottom:calc(100% + 3px);translate:-50% 0;font:500 max(9px,calc(var(--u)*.8)) 'DM Mono',monospace;white-space:nowrap}
.rd-sg-d{font-size:max(8.5px,calc(var(--u)*.76))!important;text-align:center;opacity:.65}
.rd-sg-d i{font-style:normal}
.dm-esc[data-paso="5"] .rd-sello{opacity:1;scale:1;transition-delay:1.1s}
.dm-esc[data-paso="5"] .rd-sg i{animation:rs-crece .9s cubic-bezier(.2,1.3,.4,1) both;animation-delay:calc(1.3s + var(--h)*.5s)}
/* 4 · corazones que suben del me gusta */
.rd-cors{position:absolute;left:calc(100% - var(--u)*1.6);bottom:34%;z-index:2;width:calc(var(--u)*6);height:56%;pointer-events:none}
.rd-cors i{position:absolute;left:var(--x,0);bottom:0;width:calc(var(--u)*2.4);aspect-ratio:1;background:var(--c2,#ff3b5c);-webkit-mask:var(--rs-cor) center/contain no-repeat;mask:var(--rs-cor) center/contain no-repeat;opacity:0}
.rd-cors i:nth-child(1){--x:0%;--d:0s}.rd-cors i:nth-child(2){--x:40%;--d:.35s;--c2:var(--k)}.rd-cors i:nth-child(3){--x:15%;--d:.7s}.rd-cors i:nth-child(4){--x:55%;--d:1.05s;--c2:var(--marca)}
.rd-cors i:nth-child(5){--x:25%;--d:1.4s;--c2:var(--k)}.rd-cors i:nth-child(6){--x:5%;--d:1.75s}.rd-cors i:nth-child(7){--x:45%;--d:2.1s;--c2:var(--marca)}
.dm-esc:is([data-paso="4"],[data-paso="5"]) .rd-cors i{animation:rd-sube 2.5s cubic-bezier(.3,0,.5,1) infinite;animation-delay:calc(var(--d) + .3s)}
@keyframes rd-sube{0%{opacity:0;translate:0 0;scale:.4}15%{opacity:1;scale:1}50%{translate:calc(var(--u)*1.6) -50%}100%{opacity:0;translate:calc(var(--u)*-.8) -100%;scale:.8}}
/* 4 · comentarios que llegan, con su nombre y su avatar: a la izquierda, bajo el título */
.rd-coms{right:calc(100% + var(--u)*3.4);top:calc(var(--tit) + var(--u)*.4);display:grid;justify-items:end;gap:calc(var(--u)*1.1);width:min(calc(var(--u)*30),var(--lado))}
.rd-cm{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:calc(var(--u)*1);max-width:100%;padding:calc(var(--u)*.8) calc(var(--u)*1.3) calc(var(--u)*.8) calc(var(--u)*.8);border-radius:calc(var(--u)*1.6);background:#fff;box-shadow:0 0 0 1.5px var(--ink),0 calc(var(--u)*.8) calc(var(--u)*1.6) rgba(17,17,17,.1);opacity:0;translate:calc(var(--u)*3) 0;scale:.85;transform-origin:100% 50%;transition:opacity .4s,translate .6s cubic-bezier(.2,1.3,.35,1),scale .6s cubic-bezier(.2,1.3,.35,1)}
.rd-cm:nth-child(2){margin-right:calc(var(--u)*2.4)}
.rd-cm > i{display:grid;place-items:center;width:calc(var(--u)*3.1);height:calc(var(--u)*3.1);min-width:28px;min-height:28px;border-radius:50%;background:var(--a);color:#fff;font:800 max(9.5px,calc(var(--u)*.95))/1 'Archivo',sans-serif;font-style:normal;letter-spacing:.02em}
.rd-cm > span{min-width:0;font-size:max(12px,calc(var(--u)*1.28));line-height:1.28}
.rd-cm b{font-weight:800}
.rd-cm em{margin-left:.5em;font-style:normal;font-size:max(9px,calc(var(--u)*.8))!important;letter-spacing:.06em;opacity:.5}
.rd-cm > span > span{display:block;font-weight:500}
.rd-cm > .rs-ic{font-size:max(14px,calc(var(--u)*1.4));color:#ff3b5c;fill:#ff3b5c;stroke:#ff3b5c}
.dm-esc:is([data-paso="4"],[data-paso="5"]) .rd-cm{opacity:1;translate:0 0;scale:1}
.dm-esc:is([data-paso="4"],[data-paso="5"]) .rd-cm:nth-child(1){transition-delay:.9s}
.dm-esc:is([data-paso="4"],[data-paso="5"]) .rd-cm:nth-child(2){transition-delay:1.5s}
.dm-esc:is([data-paso="4"],[data-paso="5"]) .rd-cm:nth-child(3){transition-delay:2.1s}
/* 5 · el mensaje que llega, como una notificación de verdad */
.rd-noti{left:calc(100% + var(--u)*2.6);top:calc(var(--u)*.2);display:grid;gap:calc(var(--u)*.75);width:min(calc(var(--u)*31),var(--lado));padding:calc(var(--u)*1.1) calc(var(--u)*1.3) calc(var(--u)*1.3);border-radius:calc(var(--u)*2);background:rgba(255,255,255,.96);box-shadow:0 0 0 1px rgba(17,17,17,.09),0 calc(var(--u)*1.6) calc(var(--u)*3.4) rgba(17,17,17,.2);opacity:0;translate:0 calc(var(--u)*-4);scale:.94;transition:opacity .4s,translate .8s cubic-bezier(.2,1.3,.35,1),scale .8s cubic-bezier(.2,1.3,.35,1)}
.dm-esc[data-paso="5"] .rd-noti{opacity:1;translate:0 0;scale:1;transition-delay:.4s}
.rd-noti-app{display:flex;align-items:center;gap:calc(var(--u)*.7);font-size:max(9.5px,calc(var(--u)*.84))}
.rd-noti-app i{display:grid;place-items:center;width:calc(var(--u)*2.1);height:calc(var(--u)*2.1);min-width:19px;min-height:19px;border-radius:calc(var(--u)*.6);background:linear-gradient(135deg,var(--k),#ff6a3d 50%,var(--marca));color:#fff;font-size:max(10px,calc(var(--u)*1.1))}
.rd-noti-app i .rs-ic{stroke-width:2.4}
.rd-noti-app .mono{letter-spacing:.08em;text-transform:uppercase;opacity:.6}
.rd-noti-app .mono:last-child{margin-left:auto;text-transform:none}
.rd-noti-cu{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:calc(var(--u)*1)}
.rd-noti-av{display:grid;place-items:center;width:calc(var(--u)*3.4);height:calc(var(--u)*3.4);min-width:32px;min-height:32px;border-radius:50%;background:linear-gradient(135deg,#ff9bbb,#e8468f);color:#fff;font:800 max(10px,calc(var(--u)*1.02))/1 'Archivo',sans-serif;font-style:normal}
.rd-noti-cu > span{display:grid;gap:2px;min-width:0;font-size:max(12.5px,calc(var(--u)*1.3));line-height:1.26}
.rd-noti-cu b{font-weight:800}
.rd-noti-bts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--u)*.6)}
.rd-noti-bts em{padding:.55em 0;border-radius:calc(var(--u)*1);background:rgba(17,17,17,.07);font-style:normal;font-weight:700;font-size:max(11px,calc(var(--u)*1.1));text-align:center}
.rd-noti-bts em:first-child{background:var(--ink);color:#fff}
/* los bucles solo corren mientras la demo se ve */
.rs-demo:not(.rs-ve) .rd-pant *,.rs-demo:not(.rs-ve) .rd-cors i{animation-play-state:paused}

/* ============ LO QUE COMPARTEN LAS SECCIONES: iconos y publicaciones ============ */
/* todo habla el idioma del feed: publicaciones con su cabecera, sus acciones y su pie */
.sv{--rs-cor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E")}
.rs-iconos{position:absolute;width:0;height:0;overflow:hidden}
.rs-ic{display:block;flex:none;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rs-pub{position:relative;display:grid;border-radius:calc(var(--u)*2.2);background:#1d1d1d;color:var(--cream);box-shadow:inset 0 0 0 1px rgba(243,238,228,.07);overflow:hidden}
.rs-pc{display:flex;align-items:center;gap:calc(var(--u)*1.1);padding:calc(var(--u)*1.2) calc(var(--u)*1.7)}
.rs-av{flex:none;display:grid;place-items:center;width:calc(var(--u)*3.6);height:calc(var(--u)*3.6);min-width:30px;min-height:30px;border-radius:50%;background:var(--a,var(--c));color:var(--at,#fff);font:800 max(10px,calc(var(--u)*1.05))/1 'Archivo',sans-serif;letter-spacing:.02em}
.rs-av-ob{object-fit:contain;padding:calc(var(--u)*.38);background:var(--cream)}
.rs-av.anillo{box-shadow:0 0 0 2px #1d1d1d,0 0 0 4px var(--k)}
.rs-pc-n{display:grid;gap:3px;min-width:0;line-height:1.1}
.rs-pc-n b{font-weight:800;font-size:max(13px,calc(var(--u)*1.35))}
.rs-pc-n .mono{font-size:max(9.5px,calc(var(--u)*.86));letter-spacing:.08em;opacity:.6}
.rs-pc-mas{margin-left:auto;font-size:max(20px,calc(var(--u)*2.3))}
.rs-pa{display:flex;align-items:center;gap:calc(var(--u)*1.6);padding:calc(var(--u)*1.1) calc(var(--u)*1.7);font-size:max(20px,calc(var(--u)*2.4))}
.rs-pa-gua{margin-left:auto}
/* los objetos 3D de los negocios; mientras no estén, su dibujo de línea */
.rs-ob{display:block}
.rs-ob img{display:block;width:100%;height:auto}
.rs-dib svg{display:block;width:100%;height:auto;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* ============ 2 · POR QUÉ IMPORTA · «El pulgar que se para» ============ */
/* el feed pasa muy rápido al bajar, frena y se queda clavado en la nuestra; luego se encienden sus palabras */
.rs-feed{--fw:min(calc(var(--u)*62),calc(100vw - var(--pad)*2));height:calc(var(--alto)*2.8);background:var(--ink);color:var(--cream)}
.rs-feed .sv-pin{display:grid;grid-template-columns:minmax(0,1fr) var(--fw) minmax(0,1fr)}
.rs-fd-lado{display:contents}
.rs-fd-lado .ojo{grid-column:1;grid-row:1;align-self:start;justify-self:start;margin:calc(70px + var(--u)*2.2) 0 0 var(--pad);opacity:.6}
.rs-fd-cuenta{grid-column:3;grid-row:1;align-self:end;justify-self:end;display:grid;justify-items:end;gap:calc(var(--u)*.7);margin:0 var(--pad) calc(var(--u)*4) 0;text-align:right}
.rs-fd-cuenta b{font-weight:900;font-stretch:125%;font-size:min(calc(var(--u)*7.4),5.6vw);line-height:.8;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--k)}
.rs-fd-cuenta .mono{font-size:max(10px,calc(var(--u)*.95));opacity:.6}
.rs-fd-cuenta .rs-fd-para{opacity:0;translate:0 8px;color:var(--cream);transition:opacity .5s,translate .7s cubic-bezier(.2,1,.3,1)}
.rs-feed.rs-llega .rs-fd-para{opacity:.9;translate:0 0}
/* a la izquierda, el segundo: un anillo que se llena mientras se encienden sus palabras */
.rs-fd-seg{grid-column:1;grid-row:1;align-self:end;justify-self:start;display:grid;justify-items:start;gap:calc(var(--u)*1);margin:0 0 calc(var(--u)*4) var(--pad);opacity:.4;transition:opacity .6s}
.rs-feed.rs-llega .rs-fd-seg{opacity:1}
.rs-fd-et{font-size:max(10px,calc(var(--u)*.95));opacity:.6}
.rs-fd-reloj{position:relative;display:grid;place-items:center;width:min(calc(var(--u)*8.6),6.4vw);aspect-ratio:1}
.rs-fd-aro{position:absolute;inset:0;width:100%;height:100%;rotate:-90deg;fill:none;stroke-width:2.4}
.rs-fd-pista{stroke:rgba(243,238,228,.16)}
.rs-fd-arco{stroke:var(--k);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--rs-seg,0)*100)}
.rs-fd-num{display:flex;align-items:baseline;gap:.08em;font-weight:900;font-stretch:115%;font-size:min(calc(var(--u)*2.6),2vw);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;transition:color .4s}
.rs-fd-s{font-size:.55em;font-weight:700;opacity:.7}
.rs-feed.rs-gusta .rs-fd-num{color:var(--k)}
.rs-feed.rs-gusta .rs-fd-reloj{animation:rs-pop .6s cubic-bezier(.2,1.6,.4,1)}
@keyframes rs-pop{40%{scale:1.12}}
.rs-fd-col{grid-column:2;grid-row:1;position:relative;display:grid;align-content:center;padding:calc(70px + var(--u)*1.2) 0 calc(var(--u)*2);-webkit-mask:linear-gradient(transparent 62px,#000 calc(70px + var(--u)*3.4),#000 calc(100% - var(--u)*3.6),transparent);mask:linear-gradient(transparent 62px,#000 calc(70px + var(--u)*3.4),#000 calc(100% - var(--u)*3.6),transparent)}
.rs-fd-tira{position:absolute;left:0;right:0;top:0;display:grid;gap:calc(var(--u)*1.6);will-change:transform}
.rs-fd-tira > .rs-pub{transition:opacity .7s}
.rs-feed.rs-llega .rs-fd-tira > .rs-pub{opacity:.3}
/* la nuestra: la de verdad está quieta en su sitio; mientras el feed corre se ve su copia, que llega justo encima */
.rs-nuestra{z-index:1;background:radial-gradient(130% 110% at 0 0,#e2213f,var(--c) 50%,#a20b24);box-shadow:0 calc(var(--u)*2) calc(var(--u)*5) rgba(0,0,0,.5)}
.rs-feed.rs-js .rs-nuestra:not(.rs-copia){visibility:hidden}
.rs-feed.rs-llega .rs-nuestra:not(.rs-copia){visibility:visible;animation:rs-clava .55s cubic-bezier(.2,1.6,.4,1)}
@keyframes rs-clava{0%{scale:.975}}
.rs-feed.rs-llega .rs-fd-tira > .rs-copia{visibility:hidden}
.rs-nuestra .rs-pc-n .mono{opacity:.78}
.rs-nuestra .rs-av-ob{box-shadow:0 0 0 2px var(--c),0 0 0 4px var(--k)}
.rs-frase{padding:calc(var(--u)*.5) calc(var(--u)*2.6) calc(var(--u)*.4);font-weight:800;font-stretch:112%;font-size:min(calc(var(--u)*3.9),7.4vw);line-height:1.07;letter-spacing:-.022em}
.rs-frase em{font-style:normal}
.rs-w{opacity:.22;transition:opacity .35s,color .35s}
.rs-w.on{opacity:1}
.rs-w.k.on{color:var(--k)}
/* al acabar la frase, el me gusta: se llena y suelta corazones */
.rs-pa-cor{position:relative;display:grid}
.rs-pa-cor .rs-ic{transition:fill .3s,stroke .3s,scale .5s cubic-bezier(.2,1.8,.4,1)}
.rs-pa-cor i{position:absolute;left:50%;top:50%;width:.55em;height:.55em;margin:-.275em;background:var(--k);-webkit-mask:var(--rs-cor) center/contain no-repeat;mask:var(--rs-cor) center/contain no-repeat;opacity:0}
.rs-pa-cor i:nth-child(2){--x:-.9em;--y:-1.5em}.rs-pa-cor i:nth-child(3){--x:.2em;--y:-2em;background:var(--cream)}.rs-pa-cor i:nth-child(4){--x:1.1em;--y:-1.4em}.rs-pa-cor i:nth-child(5){--x:-.3em;--y:-2.6em;background:#ff8fa8}.rs-pa-cor i:nth-child(6){--x:.9em;--y:-2.5em;background:var(--cream)}
.rs-feed.rs-gusta .rs-nuestra .rs-pa-cor .rs-ic{fill:var(--k);stroke:var(--k);scale:1.16}
.rs-feed.rs-gusta .rs-nuestra .rs-pa-cor i{animation:rs-brota 1.1s cubic-bezier(.2,1,.3,1) both}
.rs-pa-cor i:nth-child(3){animation-delay:.08s!important}.rs-pa-cor i:nth-child(4){animation-delay:.16s!important}.rs-pa-cor i:nth-child(5){animation-delay:.22s!important}.rs-pa-cor i:nth-child(6){animation-delay:.3s!important}
@keyframes rs-brota{0%{opacity:0;translate:0 0;scale:.3}20%{opacity:1}100%{opacity:0;translate:var(--x) var(--y);scale:1.1}}
/* el pulgar: pasa el dedo deprisa, se va, y vuelve para pararse en la nuestra */
.rs-fd-dedo{position:absolute;z-index:3;left:calc(50% + var(--fw)*.3);top:0;width:calc(var(--u)*7);height:calc(var(--u)*7);min-width:54px;min-height:54px;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(243,238,228,.4),rgba(243,238,228,.14) 64%,transparent 66%);box-shadow:inset 0 0 0 1.5px rgba(243,238,228,.6),0 0 calc(var(--u)*3) rgba(243,238,228,.16);opacity:0;pointer-events:none;will-change:transform,opacity}
.rs-fd-dedo i{position:absolute;inset:-35%;border-radius:50%;box-shadow:0 0 0 2px var(--k);opacity:0}
.rs-feed.rs-llega .rs-fd-dedo i{animation:rs-onda 1s cubic-bezier(.2,1,.3,1) both}
@keyframes rs-onda{0%{opacity:.95;scale:.35}100%{opacity:0;scale:1.15}}
/* lo que publican los demás: fotos y carteles con detalle, no formas sueltas */
.rs-pm{position:relative;display:grid;place-items:center;height:calc(var(--fw)*.56);overflow:hidden}
.rs-pt{padding:0 calc(var(--u)*1.7) calc(var(--u)*1.5);font-size:max(12px,calc(var(--u)*1.25));line-height:1.35}
.rs-pt .mono{display:block;margin-bottom:calc(var(--u)*.4);font-size:max(9.5px,calc(var(--u)*.86));letter-spacing:.08em;opacity:.6}
.rs-pt b{font-weight:800}
.rs-m-playa{background:linear-gradient(#ffd27f,#ff9a6e 30%,#f0567f 57%,#3d1d93 57.2%,#1b0b4c)}
.rs-m-playa::before{content:'';position:absolute;left:50%;bottom:42.8%;width:26%;aspect-ratio:2;translate:-50% 0;border-radius:999px 999px 0 0;background:radial-gradient(circle at 50% 100%,#fff4d2 0 58%,rgba(255,236,180,.55) 64%,transparent 72%)}
.rs-m-playa::after{content:'';position:absolute;left:0;right:0;top:57.4%;bottom:0;background:repeating-linear-gradient(transparent 0 calc(var(--u)*1.1),rgba(255,206,150,.5) calc(var(--u)*1.1) calc(var(--u)*1.3));-webkit-mask:radial-gradient(30% 100% at 50% 0,#000 20%,transparent 75%);mask:radial-gradient(30% 100% at 50% 0,#000 20%,transparent 75%)}
.rs-m-playa i{position:absolute;left:11%;top:16%;width:13%;aspect-ratio:2.4;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 25'%3E%3Cg fill='none' stroke='%235a2140' stroke-width='1.6' stroke-linecap='round' opacity='.7'%3E%3Cpath d='M2 10q5-6 10 0q5-6 10 0'/%3E%3Cpath d='M34 19q4-5 8 0q4-5 8 0'/%3E%3Cpath d='M44 5q3-3.6 6 0q3-3.6 6 0'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.rs-m-monte{background:linear-gradient(#ffe7c9,#ffc6aa 46%,#f59db0)}
.rs-m-monte b{position:absolute;left:63%;top:24%;width:10%;aspect-ratio:1;border-radius:50%;background:#fff3d3;box-shadow:0 0 calc(var(--u)*4) #fff0c4}
.rs-m-monte i{position:absolute;left:0;right:0;bottom:0}
.rs-m-monte i:nth-of-type(1){height:74%;background:#a08cff;clip-path:polygon(0 58%,16% 30%,28% 44%,46% 6%,62% 38%,76% 22%,100% 56%,100% 100%,0 100%)}
.rs-m-monte i:nth-of-type(2){height:54%;background:#5a33c9;clip-path:polygon(0 50%,15% 32%,33% 62%,52% 26%,70% 56%,86% 36%,100% 54%,100% 100%,0 100%)}
.rs-m-monte i:nth-of-type(3){height:30%;background:#24105e;clip-path:polygon(0 42%,20% 66%,42% 30%,61% 58%,80% 34%,100% 62%,100% 100%,0 100%)}
.rs-m-cartel{align-content:center;gap:calc(var(--fw)*.022);background:var(--m);color:var(--t);text-align:center}
.rs-m-cartel .rs-ic{font-size:calc(var(--fw)*.085);stroke-width:1.7}
.rs-m-cartel b{font-weight:900;font-stretch:125%;font-size:calc(var(--fw)*.08);line-height:.88;letter-spacing:-.03em;text-transform:uppercase}
.rs-m-cartel span{font:500 max(9px,calc(var(--fw)*.019)) 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.rs-m-cita{justify-items:start;align-content:center;padding:0 9%;background:var(--cream);color:var(--ink)}
.rs-m-cita::before{content:'«';font-weight:900;font-size:calc(var(--fw)*.16);line-height:.55;color:var(--c)}
.rs-m-cita b{font-weight:900;font-stretch:112%;font-size:calc(var(--fw)*.074);line-height:.95;letter-spacing:-.02em}
.rs-m-ob{background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--m) 45%,#fff),var(--m) 62%,color-mix(in srgb,var(--m) 78%,#000))}
.rs-m-ob .rs-ob{width:48%;color:#fff}
.rs-m-ob .rs-dib{width:30%}
.rs-m-ob em{position:absolute;left:5%;bottom:8%;padding:.5em .85em;border-radius:.6em;background:#fff;color:var(--ink);font-style:normal;font-weight:800;font-size:max(11px,calc(var(--fw)*.028));rotate:-3deg;box-shadow:0 .3em .9em rgba(0,0,0,.18)}

/* ============ 4 · QUÉ INCLUYE · «Destacadas» ============ */
/* las seis cosas son las destacadas de un perfil: el móvil enseña cada una como story y avanza al bajar */
.rs-dest{height:calc(var(--alto)*4.2);background:var(--c);color:var(--on)}
/* los corazones del fondo, más suaves: aquí el título grande de la derecha tiene que leerse limpio */
.rs-dest > .ct{z-index:-1;opacity:.42}
.rs-dest .sv-pin{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:calc(var(--u)*5);padding:calc(70px + var(--u)*.8) var(--pad) calc(var(--u)*2.2)}
.rs-ds-izq{display:grid;justify-items:start;gap:calc(var(--u)*1.7)}
.rs-ds-izq .ojo{opacity:.75}
.rs-ds-izq h2{font-weight:900;font-stretch:125%;font-size:min(calc(var(--u)*5.2),3.3vw);line-height:.86;letter-spacing:-.03em;text-transform:uppercase}
.rs-ds-intro{max-width:24em;text-wrap:pretty;font-weight:600;font-size:max(14px,calc(var(--u)*1.5));line-height:1.3;opacity:.88}
/* las destacadas: la que se ve lleva el anillo girasol que gira; las ya vistas, el anillo apagado */
.rs-ds-circ{list-style:none;padding:0;margin-top:calc(var(--u)*.8);display:grid;grid-template-columns:repeat(3,auto);gap:calc(var(--u)*1.3) calc(var(--u)*2.6)}
.rs-ds-circ button{all:unset;box-sizing:border-box;display:grid;justify-items:center;gap:calc(var(--u)*.8);cursor:pointer;-webkit-tap-highlight-color:transparent}
.rs-ds-o{position:relative;display:grid;place-items:center;width:calc(var(--u)*6.2);height:calc(var(--u)*6.2);min-width:50px;min-height:50px;border-radius:50%;background:var(--cream);color:var(--c);box-shadow:0 0 0 3px var(--c),0 0 0 4.5px rgba(243,238,228,.55);transition:box-shadow .4s,scale .5s cubic-bezier(.2,1.5,.4,1)}
.rs-ds-o .rs-ic{font-size:max(20px,calc(var(--u)*2.6));stroke-width:1.8}
.rs-ds-o::before{content:'';position:absolute;inset:-7px;border-radius:50%;background:conic-gradient(var(--k),#ff8a3d,#fff3c4,var(--k));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 3px));opacity:0;scale:.9;transition:opacity .4s,scale .5s cubic-bezier(.2,1.5,.4,1)}
.rs-ds-l{font-weight:700;font-size:max(12px,calc(var(--u)*1.2))}
.rs-ds-circ [aria-pressed="true"] .rs-ds-o{box-shadow:0 0 0 3px var(--c);scale:1.08}
.rs-ds-circ [aria-pressed="true"] .rs-ds-o::before{opacity:1;scale:1;animation:rs-gira 4s linear infinite}
.rs-dest:not(.rs-ve) .rs-ds-o::before{animation-play-state:paused}
.rs-ds-circ .visto .rs-ds-o{box-shadow:0 0 0 3px var(--c),0 0 0 4.5px rgba(243,238,228,.22)}
.rs-ds-circ button:hover .rs-ds-o{scale:1.05}
.rs-ds-circ button:focus-visible .rs-ds-o{outline:2.5px solid var(--cream);outline-offset:9px}
@keyframes rs-gira{to{rotate:360deg}}
/* el móvil y sus stories */
.rs-ds-tel{position:relative;height:calc(var(--alto) - 70px - var(--u)*3);aspect-ratio:9/17.6;padding:calc(var(--u)*.6);border-radius:calc(var(--u)*3.2);background:var(--ink);box-shadow:0 calc(var(--u)*2.4) calc(var(--u)*5) rgba(70,0,12,.5),inset 0 0 0 1px rgba(255,255,255,.1)}
.rs-ds-pant{--sf:#fff;position:relative;container-type:inline-size;height:100%;border-radius:calc(var(--u)*2.6);overflow:hidden;background:#101010;color:#fff;font-family:'Archivo',sans-serif}
.rs-ds-pant:is([data-i="0"],[data-i="3"],[data-i="5"]){--sf:var(--ink)}
.rs-st{position:absolute;inset:0;opacity:0;visibility:hidden;scale:1.05;transition:opacity .45s,scale .7s cubic-bezier(.2,1,.3,1),visibility 0s .45s}
.rs-st.on{opacity:1;visibility:visible;scale:1;transition:opacity .45s,scale .7s cubic-bezier(.2,1,.3,1)}
.rs-st > *{position:absolute}
.rs-st-cap{left:7cqw;right:8cqw;top:var(--pg,141cqw);display:grid;justify-items:start;gap:3cqw}
.rs-st-pg{max-width:100%;padding:2cqw 3.4cqw;border-radius:2.6cqw;background:#fff;color:var(--ink);font-weight:900;font-stretch:108%;font-size:5.9cqw;line-height:1;white-space:nowrap;rotate:-3deg;box-shadow:0 1.4cqw 3cqw rgba(0,0,0,.2)}
.rs-st-mn{font-weight:600;font-size:4.4cqw;line-height:1.3;color:var(--sf)}
.rs-ds-top{position:absolute;left:0;right:0;top:0;z-index:5;display:grid;gap:2.6cqw;padding:3.2cqw 3.4cqw 0;color:var(--sf);transition:color .4s}
.rs-ds-barras{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.3cqw}
.rs-ds-barras i{position:relative;height:.9cqw;min-height:2px;border-radius:1cqw;background:color-mix(in srgb,currentColor 28%,transparent);overflow:hidden}
.rs-ds-barras i::after{content:'';position:absolute;inset:0;background:currentColor;transform-origin:0 50%;scale:var(--f,0) 1}
.rs-ds-quien{display:flex;align-items:center;gap:2.2cqw;font-size:3.9cqw}
/* quién la sube: en tan pequeño, el corazón se lee sobre el carmín de la marca, con su anillo girasol */
.rs-ds-quien .rs-av{width:9.4cqw;height:9.4cqw;min-width:0;min-height:0;padding:.9cqw;background:var(--c);box-shadow:0 0 0 .55cqw var(--k)}
.rs-ds-quien b{font-weight:800}
.rs-ds-quien span{opacity:.7}
.rs-ds-quien .rs-ic{margin-left:auto;font-size:5.4cqw}
.rs-ds-resp{position:absolute;left:3.4cqw;right:3.4cqw;bottom:3.6cqw;z-index:5;display:flex;align-items:center;gap:3.4cqw;font-size:6.2cqw;color:var(--sf);transition:color .4s}
.rs-ds-resp span{flex:1;padding:2.4cqw 4cqw;border-radius:99px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,currentColor 55%,transparent);font-size:3.7cqw;font-weight:600}
/* 1 · plan: la semana se llena de piezas */
.rs-st-plan{--pg:149cqw;background:var(--cream);color:var(--ink)}
.rs-sp-cab{left:7cqw;top:22cqw;font-size:3.3cqw!important;opacity:.6}
.rs-sp-ag{left:6cqw;right:6cqw;top:28cqw;display:grid;gap:1.7cqw}
.rs-sp-f{display:grid;grid-template-columns:5cqw 7cqw minmax(0,1fr);align-items:center;gap:2cqw;height:13.6cqw;padding:0 2.6cqw;border-radius:2.6cqw;background:#fff;box-shadow:0 .5cqw 0 rgba(17,17,17,.07)}
.rs-sp-f b{font:500 3.2cqw 'DM Mono',monospace;opacity:.5}
.rs-sp-f i{font-style:normal;font-weight:900;font-size:4.8cqw}
.rs-cp{justify-self:start;padding:1.1cqw 2.6cqw;border-radius:99px;font-style:normal;font-weight:800;font-size:3.5cqw;white-space:nowrap}
.rs-cp.reel{background:var(--c);color:#fff}.rs-cp.carr{background:var(--ink);color:var(--k)}.rs-cp.foto{background:#ffd3de;color:var(--ink)}
.rs-sp-ok{left:7cqw;top:127cqw;display:flex;align-items:center;gap:1.6cqw;padding:1.8cqw 3.2cqw;border-radius:99px;background:var(--ink);color:var(--k);font-weight:800;font-size:3.5cqw}
.rs-sp-ok .rs-ic{font-size:4.4cqw;stroke-width:2.6}
.rs-dest.rs-ve .rs-st-plan.on .rs-cp{animation:rs-chip 6s cubic-bezier(.2,1.4,.4,1) infinite both}
.rs-st-plan .rs-sp-f:nth-child(3) .rs-cp{animation-delay:.3s}.rs-st-plan .rs-sp-f:nth-child(5) .rs-cp{animation-delay:.6s}.rs-st-plan .rs-sp-f:nth-child(6) .rs-cp{animation-delay:.9s}
@keyframes rs-chip{0%,4%{opacity:0;scale:.4}12%,88%{opacity:1;scale:1}96%,100%{opacity:0;scale:.8}}
.rs-dest.rs-ve .rs-st-plan.on .rs-sp-ok{animation:rs-sello 6s cubic-bezier(.2,1.5,.4,1) infinite both}
@keyframes rs-sello{0%,24%{opacity:0;scale:.6;rotate:-8deg}32%,88%{opacity:1;scale:1;rotate:-2deg}96%,100%{opacity:0}}
/* 2 · fotos: la cámara enfoca, dispara y la foto cae en la galería */
.rs-st-foto{--pg:21cqw;background:#121212}
.rs-sf-esc{left:9cqw;right:9cqw;top:56cqw;height:80cqw;display:grid;place-items:center;border-radius:3cqw;background:radial-gradient(circle at 50% 38%,#8e72f5,#4b23b8 62%,#2a1072);overflow:hidden}
.rs-sf-esc .rs-ob{width:80%;color:#fff}
.rs-sf-esc .rs-dib{width:46%}
.rs-sf-visor{left:5cqw;right:5cqw;top:52cqw;height:88cqw}
.rs-sf-visor i{position:absolute;width:9cqw;height:9cqw;border:0 solid #fff}
.rs-sf-visor i:nth-child(1){left:0;top:0;border-width:.8cqw 0 0 .8cqw;border-top-left-radius:2.4cqw}
.rs-sf-visor i:nth-child(2){right:0;top:0;border-width:.8cqw .8cqw 0 0;border-top-right-radius:2.4cqw}
.rs-sf-visor i:nth-child(3){left:0;bottom:0;border-width:0 0 .8cqw .8cqw;border-bottom-left-radius:2.4cqw}
.rs-sf-visor i:nth-child(4){right:0;bottom:0;border-width:0 .8cqw .8cqw 0;border-bottom-right-radius:2.4cqw}
.rs-sf-foco{left:50%;top:96cqw;width:24cqw;height:24cqw;margin:-12cqw 0 0 -12cqw;border:.6cqw solid var(--k);border-radius:2cqw;opacity:0}
.rs-sf-modos{left:0;right:0;top:146cqw;display:flex;justify-content:center;gap:5cqw;font-size:3.1cqw!important;color:rgba(255,255,255,.6)}
.rs-sf-modos b{font-weight:500;color:var(--k)}
.rs-sf-pie{left:10cqw;right:10cqw;top:154cqw;height:18cqw;display:flex;align-items:center;justify-content:space-between}
.rs-sf-disp{width:16cqw;height:16cqw;border-radius:50%;background:#fff;box-shadow:0 0 0 1.2cqw #121212,0 0 0 2cqw #fff}
.rs-sf-gal{position:relative;width:10cqw;height:10cqw;border-radius:2cqw;background:radial-gradient(circle at 50% 40%,#8e72f5,#4b23b8 70%);box-shadow:0 0 0 .6cqw rgba(255,255,255,.75)}
.rs-sf-gira{display:grid;place-items:center;width:10cqw;height:10cqw;border-radius:50%;background:rgba(255,255,255,.14);font-size:5cqw}
.rs-sf-flash{inset:0;background:#fff;opacity:0;pointer-events:none}
.rs-dest.rs-ve .rs-st-foto.on .rs-sf-foco{animation:rs-enfoca 3.4s cubic-bezier(.2,1,.3,1) infinite}
.rs-dest.rs-ve .rs-st-foto.on .rs-sf-disp{animation:rs-dispara 3.4s infinite}
.rs-dest.rs-ve .rs-st-foto.on .rs-sf-flash{animation:rs-flash 3.4s infinite}
.rs-dest.rs-ve .rs-st-foto.on .rs-sf-gal{animation:rs-cae 3.4s cubic-bezier(.2,1.5,.4,1) infinite}
.rs-dest.rs-ve .rs-st-foto.on .rs-sf-esc .rs-ob{animation:rs-respira 3.4s ease-in-out infinite}
@keyframes rs-enfoca{0%,4%{opacity:0;scale:1.6}14%,36%{opacity:1;scale:1}42%,100%{opacity:0;scale:1}}
@keyframes rs-dispara{0%,40%{scale:1}44%{scale:.84}54%,100%{scale:1}}
@keyframes rs-flash{0%,42%{opacity:0}45%{opacity:.85}62%,100%{opacity:0}}
@keyframes rs-cae{0%,50%{scale:1}58%{scale:1.35}70%,100%{scale:1}}
@keyframes rs-respira{0%,100%{scale:1;rotate:-3deg}50%{scale:1.05;rotate:3deg}}
/* 3 · reels: el vídeo avanza hasta el final */
.rs-st-reel{--pg:147cqw;background:radial-gradient(circle at 34% 30%,#2fae7f,#0b6b4c 55%,#043826)}
.rs-sr-esc{left:14cqw;right:14cqw;top:34cqw;display:grid;place-items:center}
.rs-sr-esc .rs-ob{width:100%;color:#fff}
.rs-sr-esc .rs-dib{width:70%}
.rs-sr-prog{left:7cqw;right:7cqw;top:22cqw;height:1.2cqw;border-radius:2cqw;background:rgba(255,255,255,.3);overflow:hidden}
.rs-sr-prog i{position:absolute;inset:0;background:var(--k);transform-origin:0 50%}
.rs-sr-sub{left:7cqw;right:24cqw;top:103cqw;display:grid;justify-items:start;font-weight:900;font-stretch:118%;font-size:10cqw;line-height:1;text-transform:uppercase;text-shadow:0 .7cqw 0 rgba(0,0,0,.3)}
.rs-sr-sub b{font-weight:900}
.rs-sr-sub .k{color:var(--k)}
.rs-sr-acc{right:5cqw;top:92cqw;display:grid;gap:6cqw;font-size:7.4cqw}
.rs-sr-fin{left:7cqw;top:132cqw;display:flex;align-items:center;gap:1.8cqw;padding:1.8cqw 3.2cqw;border-radius:99px;background:rgba(0,0,0,.4);font-weight:800;font-size:3.5cqw}
.rs-sr-fin .rs-ic{font-size:4.6cqw;stroke-width:2.4;color:var(--k)}
.rs-dest.rs-ve .rs-st-reel.on .rs-sr-prog i{animation:rs-llena 4.4s linear infinite}
.rs-dest.rs-ve .rs-st-reel.on .rs-sr-sub b{animation:rs-sub 4.4s cubic-bezier(.2,1.4,.4,1) infinite both}
.rs-dest.rs-ve .rs-st-reel.on .rs-sr-sub b:nth-child(2){animation-delay:.45s}
.rs-dest.rs-ve .rs-st-reel.on .rs-sr-fin{animation:rs-fin 4.4s cubic-bezier(.2,1.5,.4,1) infinite both}
.rs-dest.rs-ve .rs-st-reel.on .rs-sr-esc .rs-ob{animation:rs-respira 4.4s ease-in-out infinite}
@keyframes rs-llena{0%{scale:0 1}78%,100%{scale:1 1}}
@keyframes rs-sub{0%{opacity:0;scale:.5;translate:0 30%}8%,90%{opacity:1;scale:1;translate:0 0}97%,100%{opacity:0}}
@keyframes rs-fin{0%,76%{opacity:0;scale:.6}84%,96%{opacity:1;scale:1}100%{opacity:0}}
/* 4 · textos: el pie de foto se escribe solo y el teclado responde */
.rs-st-texto{--pg:86cqw;background:var(--girasol);color:var(--ink)}
.rs-sx-post{left:6cqw;right:6cqw;top:22cqw;display:grid;grid-template-columns:27cqw minmax(0,1fr);gap:3cqw;padding:3cqw;border-radius:3.4cqw;background:#fff;box-shadow:0 1.4cqw 3cqw rgba(120,70,0,.18)}
.rs-sx-foto{display:grid;place-items:center;height:27cqw;border-radius:2cqw;overflow:hidden;background:radial-gradient(circle at 50% 40%,#ffc4d6,#e8468f 75%)}
.rs-sx-foto .rs-ob{width:100%;color:#fff}
.rs-sx-foto img{scale:1.2}
.rs-sx-foto .rs-dib{width:62%}
.rs-sx-t{min-height:36cqw;font-size:3.9cqw;line-height:1.35}
.rs-sx-t b{font-weight:800}
.rs-sx-cur{display:inline-block;width:.5cqw;height:4.4cqw;margin-left:.4cqw;vertical-align:-.8cqw;background:var(--c)}
.rs-dest.rs-ve .rs-st-texto.on .rs-sx-cur{animation:rs-parpadea 1s steps(1) infinite}
@keyframes rs-parpadea{50%{opacity:0}}
.rs-sx-tec{left:3cqw;right:3cqw;top:133cqw;display:grid;gap:1.8cqw;padding:3cqw 2cqw;border-radius:3cqw;background:rgba(255,255,255,.55)}
.rs-sx-tec > span{display:flex;justify-content:center;gap:1.2cqw}
.rs-sx-sug{left:3cqw;right:3cqw;top:124cqw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));font-size:3.6cqw;text-align:center}
.rs-sx-sug b{padding:1.6cqw 0;font-weight:700}
.rs-sx-sug b + b{box-shadow:inset 1px 0 0 rgba(17,17,17,.2)}
.rs-sx-tec i{display:grid;place-items:center;width:7.6cqw;height:10.8cqw;border-radius:1.4cqw;background:#fff;font:500 3.6cqw 'DM Mono',monospace;font-style:normal;box-shadow:0 .5cqw 0 rgba(120,70,0,.18);transition:background .12s,color .12s,translate .12s}
.rs-sx-tec i.on{background:var(--ink);color:var(--k);translate:0 .5cqw;box-shadow:none}
/* 5 · publicar: la hora en que más miran, y sale sola */
.rs-st-hora{--pg:146cqw;background:radial-gradient(circle at 70% 20%,#6c45e0,#4b23b8 55%,#2a1072)}
.rs-sh-t{left:7cqw;right:7cqw;top:22cqw;font-size:3.3cqw!important;line-height:1.4;opacity:.8}
.rs-sh-g{left:7cqw;right:7cqw;top:44cqw;height:52cqw;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:1.6cqw;border-bottom:.5cqw solid rgba(255,255,255,.35)}
.rs-sh-g i{height:calc(var(--h)*100%);border-radius:1.4cqw 1.4cqw .4cqw .4cqw;background:rgba(255,255,255,.34);transform-origin:50% 100%}
.rs-sh-g .pico{position:relative;background:var(--k)}
.rs-sh-g .pico::after{content:'20:30';position:absolute;left:50%;bottom:calc(100% + 1.8cqw);translate:-50% 0;padding:1cqw 2cqw;border-radius:1.6cqw;background:#fff;color:var(--ink);font:500 3.2cqw 'DM Mono',monospace;white-space:nowrap}
.rs-sh-ejes{left:7cqw;right:7cqw;top:99cqw;display:flex;justify-content:space-between;font-size:3cqw!important;opacity:.7}
.rs-sh-bt{left:7cqw;right:7cqw;top:109cqw;display:flex;align-items:center;justify-content:center;gap:2cqw;padding:3cqw;border-radius:2.6cqw;background:#fff;color:var(--ink);font-weight:800;font-size:4cqw}
.rs-sh-bt .rs-ic{font-size:5cqw}
.rs-sh-ok{left:7cqw;top:126cqw;display:flex;align-items:center;gap:1.8cqw;padding:1.8cqw 3.2cqw;border-radius:99px;background:var(--k);color:var(--ink);font-weight:800;font-size:3.5cqw}
.rs-sh-ok .rs-ic{font-size:4.4cqw;stroke-width:2.6}
.rs-dest.rs-ve .rs-st-hora.on .rs-sh-g i{animation:rs-crece .9s cubic-bezier(.2,1.3,.4,1) both;animation-delay:calc(var(--h)*.4s)}
.rs-dest.rs-ve .rs-st-hora.on .rs-sh-bt{animation:rs-pulsa 4s infinite}
.rs-dest.rs-ve .rs-st-hora.on .rs-sh-ok{animation:rs-fin 4s cubic-bezier(.2,1.5,.4,1) infinite both}
@keyframes rs-crece{from{scale:1 0}}
@keyframes rs-pulsa{0%,50%{scale:1}55%{scale:.94}62%,100%{scale:1}}
/* 6 · resultados: tres piezas, y la que más gustó gana */
.rs-st-graf{--pg:140cqw;background:var(--cream);color:var(--ink)}
.rs-sg-t{left:7cqw;right:7cqw;top:22cqw;font-size:3.3cqw!important;opacity:.6}
.rs-sg-f{left:6cqw;right:6cqw;display:grid;grid-template-columns:20cqw minmax(0,1fr) auto;align-items:center;gap:3cqw;padding:2.4cqw;border-radius:3cqw;background:#fff}
.rs-sg-f:nth-of-type(2){top:30cqw}.rs-sg-f:nth-of-type(3){top:60cqw}.rs-sg-f:nth-of-type(4){top:90cqw}
.rs-sg-f.uno{box-shadow:0 0 0 .9cqw var(--k),0 1.6cqw 3cqw rgba(17,17,17,.14)}
.rs-sg-m{display:grid;place-items:center;height:20cqw;border-radius:2cqw;overflow:hidden;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--m) 45%,#fff),var(--m) 75%);color:#fff}
.rs-sg-m .rs-ob{width:100%}
.rs-sg-m img{scale:1.3}
.rs-sg-m .rs-dib{width:58%}
.rs-sg-x{display:grid;gap:1.6cqw;min-width:0}
.rs-sg-x > span:first-child{font-size:3.4cqw;white-space:nowrap}
.rs-sg-x b{font-weight:800}
.rs-sg-b{height:3.4cqw;border-radius:9cqw;background:rgba(17,17,17,.08);overflow:hidden}
.rs-sg-b i{display:block;height:100%;width:calc(var(--v)*100%);border-radius:inherit;background:var(--c);transform-origin:0 50%}
.rs-sg-f:not(.uno) .rs-sg-b i{background:rgba(17,17,17,.4)}
.rs-sg-n{font-weight:900;font-size:4.6cqw}
.rs-sg-cors{right:5cqw;top:12cqw;width:13cqw;height:19cqw}
.rs-sg-cors i{position:absolute;left:var(--x,0);bottom:0;width:5cqw;height:5cqw;background:var(--c);-webkit-mask:var(--rs-cor) center/contain no-repeat;mask:var(--rs-cor) center/contain no-repeat;opacity:0}
.rs-sg-cors i:nth-child(2){--x:5cqw;background:var(--k)}.rs-sg-cors i:nth-child(3){--x:2cqw;background:#e8468f}.rs-sg-cors i:nth-child(4){--x:7cqw}
.rs-dest.rs-ve .rs-st-graf.on .rs-sg-b i{animation:rs-llena-b 1.1s cubic-bezier(.2,1,.3,1) both .2s}
.rs-dest.rs-ve .rs-st-graf.on .rs-sg-f:nth-of-type(3) .rs-sg-b i{animation-delay:.35s}.rs-dest.rs-ve .rs-st-graf.on .rs-sg-f:nth-of-type(4) .rs-sg-b i{animation-delay:.5s}
.rs-dest.rs-ve .rs-st-graf.on .rs-sg-cors i{animation:rs-sube 2.4s cubic-bezier(.3,0,.5,1) infinite}
.rs-sg-cors i:nth-child(2){animation-delay:.6s!important}.rs-sg-cors i:nth-child(3){animation-delay:1.2s!important}.rs-sg-cors i:nth-child(4){animation-delay:1.8s!important}
@keyframes rs-llena-b{from{scale:0 1}}
@keyframes rs-sube{0%{opacity:0;translate:0 0;scale:.4}15%{opacity:1;scale:1}55%{translate:1.6cqw -8cqw}100%{opacity:0;translate:-1cqw -16cqw;scale:.8}}
/* a la derecha, el título y el texto grandes */
/* el título mide por el hueco que le queda (cqw), no por la pantalla: «ENGANCHAN» o «PUBLICAMOS» no se salen en 1024 */
.rs-ds-der{container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr);align-items:center}
.rs-ds-t{grid-area:1/1;display:grid;justify-items:start;gap:calc(var(--u)*1.6);opacity:0;transition:opacity .35s}
.rs-ds-t.on{opacity:1;transition:opacity .5s}
.rs-ds-t > *{translate:0 calc(var(--u)*2.2);transition:translate .8s cubic-bezier(.2,1,.3,1)}
.rs-ds-t.on > *{translate:0 0}
.rs-ds-t.on > :nth-child(2){transition-delay:.06s}.rs-ds-t.on > :nth-child(3){transition-delay:.12s}
.rs-ds-n{font-size:max(11px,calc(var(--u)*1.05));opacity:.85}
.rs-ds-n b{font-weight:500;color:var(--k)}
.rs-ds-ti{font-weight:900;font-stretch:125%;font-size:min(calc(var(--u)*6),3.7vw,11.6cqw);line-height:.86;letter-spacing:-.03em;text-transform:uppercase}
.rs-ds-t p{max-width:15em;font-weight:600;font-size:max(15px,min(calc(var(--u)*2.3),6.4cqw));line-height:1.25}

/* ============ 5 · CÓMO TRABAJAMOS · «Un mes en el calendario» ============ */
/* los cinco pasos caen como pegatinas en sus días; el plan llena el mes de piezas, se graban, salen y se mide */
.rs-cal{height:calc(var(--alto)*4.4);background:var(--cream);color:var(--ink)}
.rs-cal .sv-pin{display:grid;padding:calc(70px + var(--u)*.4) var(--pad) calc(var(--u)*2.2)}
.rs-cl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,min(calc(var(--u)*38),28vw));gap:calc(var(--u)*3.6);min-height:0}
.rs-cl-mes{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:0;padding:calc(var(--u)*1.2) calc(var(--u)*1.5) calc(var(--u)*1.5);border-radius:calc(var(--u)*2);background:#fff;box-shadow:0 0 0 1.5px var(--ink),0 calc(var(--u)*1.4) calc(var(--u)*3) rgba(17,17,17,.1)}
.rs-cl-cab{display:flex;align-items:center;gap:calc(var(--u)*2.2);padding:0 0 calc(var(--u)*.9) calc(var(--u)*.3)}
.rs-cl-cab b{font-weight:900;font-stretch:125%;font-size:calc(var(--u)*2.9);line-height:1;letter-spacing:-.02em;text-transform:uppercase}
.rs-cl-ley{display:flex;flex-wrap:wrap;gap:calc(var(--u)*1.5);font-size:max(9.5px,calc(var(--u)*.88))!important;opacity:.75}
.rs-cl-ley i{display:inline-flex;align-items:center;gap:.5em;font-style:normal}
.rs-cl-ley i::before{content:'';width:.85em;height:.85em;border-radius:50%;background:var(--f)}
.rs-cl-ley .reel{--f:var(--c)}.rs-cl-ley .carr{--f:var(--ink)}.rs-cl-ley .foto{--f:#ffb3c6}
.rs-cl-cab .ej-tag{margin-left:auto;background:var(--k);border-color:var(--k);color:var(--ink);font-size:10px;rotate:3deg}
.rs-cl-sem{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0 0 calc(var(--u)*.5);font-size:max(9.5px,calc(var(--u)*.86))!important;opacity:.5}
.rs-cl-sem span{padding-left:calc(var(--u)*.7)}
.rs-cl-rej{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));min-height:0;border-top:1.5px solid var(--ink)}
.rs-cl-d{position:relative;container-type:inline-size;min-width:0;min-height:0;border-right:1px solid rgba(17,17,17,.09);border-bottom:1px solid rgba(17,17,17,.09)}
.rs-cl-d:nth-child(7n){border-right:0}
.rs-cl-d:nth-last-child(-n+7){border-bottom:0}
.rs-cl-d:nth-child(7n+6),.rs-cl-d:nth-child(7n){background:rgba(17,17,17,.022)}
.rs-cl-d.fuera .rs-cl-n{opacity:.28}
.rs-cl-d.hoy .rs-cl-n{background:var(--c);color:#fff}
/* las piezas del plan: aparecen en el paso 2, con miniatura en el 3, con ✓ en el 4 y la que más gustó en el 5.
   Miden en proporción a su día (cqw): caben igual en una pantalla baja y ancha que en una alta */
.rs-cl-n{position:absolute;left:3cqw;top:3cqw;display:grid;place-items:center;min-width:max(20px,13cqw);height:max(20px,13cqw);padding:0 .35em;border-radius:99px;font:500 clamp(9.5px,6.6cqw,15px) 'DM Mono',monospace;transition:background .45s,color .45s}
.rs-ch{--f:var(--c);--t:#fff;--a:max(22px,16cqw);position:absolute;left:3.5cqw;right:3.5cqw;bottom:3.5cqw;display:flex;align-items:center;gap:2.6cqw;height:var(--a);padding:0 2.6cqw 0 1.8cqw;border-radius:max(6px,4.4cqw);background:var(--f);color:var(--t);font-weight:800;font-size:clamp(9.5px,6.7cqw,15px);line-height:1;white-space:nowrap;opacity:0;scale:.4;transition:opacity .3s,scale .55s cubic-bezier(.2,1.5,.4,1),box-shadow .5s;transition-delay:calc(var(--n)*70ms)}
.rs-ch.carr{--f:var(--ink);--t:var(--k)}.rs-ch.foto{--f:#ffd3de;--t:var(--ink)}
.rs-ch .rs-mini{flex:none;display:grid;place-items:center;width:0;height:calc(var(--a) - 3.6cqw);border-radius:max(4px,2.6cqw);overflow:hidden;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--m) 40%,#fff),var(--m));color:#fff;transition:width .5s cubic-bezier(.2,1,.3,1);transition-delay:calc(var(--n)*90ms)}
.rs-ch .rs-mini .rs-ob{width:100%}
.rs-ch .rs-mini img{scale:1.45}
.rs-ch .rs-mini .rs-dib{width:70%}
.rs-ch .rs-mini .rs-dib svg{stroke-width:3.4}
.rs-ch .rs-hora{margin-left:auto;font:500 clamp(8.5px,5cqw,12.5px) 'DM Mono',monospace;opacity:.8}
.rs-ch .rs-okc{flex:none;display:grid;place-items:center;width:0;height:max(13px,9.4cqw);border-radius:50%;background:#fff;color:var(--ink);font-size:max(9px,6.4cqw);scale:0;transition:width .4s,scale .5s cubic-bezier(.2,1.6,.4,1);transition-delay:calc(var(--n)*160ms)}
.rs-ch .rs-okc .rs-ic{stroke-width:3.4}
.rs-ch.foto .rs-okc{background:var(--ink);color:#fff}
.rs-cl:not([data-paso="1"]) .rs-ch{opacity:1;scale:1}
.rs-cl:is([data-paso="3"],[data-paso="4"],[data-paso="5"]) .rs-ch .rs-mini{width:calc(var(--a) - 3.6cqw)}
.rs-cl:is([data-paso="4"],[data-paso="5"]) .rs-ch .rs-okc{width:max(13px,9.4cqw);scale:1}
.rs-cl[data-paso="5"] .rs-ch:not(.mejor){opacity:.5;transition-delay:0s}
.rs-cl[data-paso="5"] .rs-ch.mejor{box-shadow:0 0 0 2px #fff,0 0 0 4.5px var(--k),0 calc(var(--u)*.6) calc(var(--u)*1.6) rgba(17,17,17,.25);scale:1.06}
.rs-gano{position:absolute;right:3cqw;top:3.5cqw;display:flex;align-items:center;gap:.4em;padding:.38em .62em;border-radius:99px;background:var(--k);color:var(--ink);font-weight:800;font-size:clamp(9px,5.4cqw,13px);line-height:1;white-space:nowrap;opacity:0;scale:.5;transition:opacity .3s,scale .6s cubic-bezier(.2,1.6,.4,1)}
.rs-gano .rs-ic{font-size:1.15em;fill:currentColor;stroke:none}
.rs-cl[data-paso="5"] .rs-gano{opacity:1;scale:1;transition-delay:.35s}
/* las pegatinas de los pasos: caen girando en su día, abajo, donde irían las piezas (así no tapan el número) */
.rs-pg{--f:var(--k);--t:var(--ink);position:absolute;z-index:2;left:4cqw;bottom:max(5px,4cqw);display:flex;align-items:center;gap:.45em;padding:.5em .75em .5em .55em;border-radius:.75em;background:var(--f);color:var(--t);font-weight:900;font-stretch:106%;font-size:clamp(9.5px,6.8cqw,15.5px);line-height:1;white-space:nowrap;box-shadow:0 0 0 .22em #fff,0 calc(var(--u)*.6) calc(var(--u)*1.3) rgba(17,17,17,.22);rotate:var(--r,-4deg);opacity:0;transform:translateY(-40%) scale(1.8);transition:opacity .25s,transform .6s cubic-bezier(.2,1.5,.4,1)}
.rs-pg .rs-ic{font-size:1.3em;stroke-width:2.2}
.rs-pg[data-p="2"]{--f:var(--ink);--t:var(--k);--r:3deg}.rs-pg[data-p="3"]{--f:#4b23b8;--t:#fff;--r:-3deg}.rs-pg[data-p="4"]{--f:#0b6b4c;--t:#fff;--r:4deg}.rs-pg[data-p="5"]{--f:#e8468f;--t:#fff;--r:-5deg}
.rs-cl[data-paso="1"] .rs-pg[data-p="1"],.rs-cl[data-paso="2"] .rs-pg:is([data-p="1"],[data-p="2"]),.rs-cl[data-paso="3"] .rs-pg:not([data-p="4"],[data-p="5"]),.rs-cl[data-paso="4"] .rs-pg:not([data-p="5"]),.rs-cl[data-paso="5"] .rs-pg{opacity:1;transform:none}
/* en los días estrechos: sin la hora; y en los muy estrechos, la pegatina se queda en su icono y la pieza en su miniatura */
@container (max-width:150px){.rs-ch .rs-hora,.rs-gano span{display:none}.rs-ch .rs-okc{margin-left:auto}}
@container (max-width:100px){
  .rs-pg{left:50%;top:62%;bottom:auto;padding:.42em;translate:-50% -50%}
  .rs-pg span{display:none}
  .rs-ch{left:auto;right:4cqw;width:max(22px,30cqw);height:max(22px,30cqw);padding:0;justify-content:center;border-radius:max(5px,6cqw)}
  .rs-ch .rs-tx{display:none}
  .rs-ch .rs-mini{position:absolute;inset:max(2px,3cqw);width:auto!important;height:auto;border-radius:max(4px,4cqw)}
  .rs-ch .rs-okc{position:absolute;right:-.5em;top:-.5em;margin:0;box-shadow:0 0 0 2px #fff}
}
/* el lado: el paso de ahora, como la ficha de un evento */
.rs-cl-lado{display:grid;align-content:start;gap:calc(var(--u)*1.3);padding-top:calc(var(--u)*.6)}
.rs-cl-lado .ojo{opacity:.6}
.rs-cl-lado h2{font-weight:900;font-stretch:125%;font-size:min(calc(var(--u)*4.6),3vw);line-height:.86;letter-spacing:-.03em;text-transform:uppercase}
.rs-cl-intro{font-weight:600;font-size:max(14px,calc(var(--u)*1.45));line-height:1.3;opacity:.75}
.rs-cl-pasos{list-style:none;padding:0;display:grid;margin-top:calc(var(--u)*.6)}
.rs-cl-p{grid-area:1/1;display:grid;align-content:start;gap:calc(var(--u)*.8);padding:calc(var(--u)*1.5) calc(var(--u)*1.7);border-radius:calc(var(--u)*1.6);background:#fff;box-shadow:0 0 0 1.5px var(--ink);opacity:0;translate:0 calc(var(--u)*1.6);transition:opacity .35s,translate .6s cubic-bezier(.2,1,.3,1)}
.rs-cl-p.on{opacity:1;translate:0 0;transition:opacity .45s .1s,translate .7s cubic-bezier(.2,1,.3,1) .1s}
.rs-cl-pc{display:flex;align-items:center;gap:.7em;font-size:max(9.5px,calc(var(--u)*.88))!important;opacity:.7}
.rs-cl-pc i{width:.95em;height:.95em;border-radius:.25em;background:var(--f,var(--k))}
.rs-cl-p[data-i="2"]{--f:var(--ink)}.rs-cl-p[data-i="3"]{--f:#4b23b8}.rs-cl-p[data-i="4"]{--f:#0b6b4c}.rs-cl-p[data-i="5"]{--f:#e8468f}
.rs-cl-p b{font-weight:900;font-stretch:112%;font-size:max(18px,calc(var(--u)*2.5));line-height:1;letter-spacing:-.015em}
.rs-cl-p p{font-weight:500;font-size:max(14px,calc(var(--u)*1.5));line-height:1.35;opacity:.85}
.rs-cl-ir{display:flex;gap:6px;margin-top:calc(var(--u)*.4)}
.rs-cl-ir button{all:unset;box-sizing:border-box;display:grid;place-items:center;min-width:calc(var(--u)*3.6);height:calc(var(--u)*2.6);min-height:26px;padding:0 .7em;border-radius:99px;box-shadow:inset 0 0 0 1.5px var(--ink);font:500 max(10px,calc(var(--u)*.92)) 'DM Mono',monospace;cursor:pointer;transition:background .3s,color .3s}
.rs-cl-ir button.hecho{background:rgba(17,17,17,.1);box-shadow:none}
.rs-cl-ir button.ahora{background:var(--ink);color:var(--k)}
.rs-cl-ir button:focus-visible{outline:2.5px solid var(--ink);outline-offset:2px}
.rs-cl-res{display:grid;gap:calc(var(--u)*.8);margin-top:calc(var(--u)*.6);padding-top:calc(var(--u)*1.3);border-top:1px solid rgba(17,17,17,.14)}
.rs-cl-res .mono{font-size:max(9.5px,calc(var(--u)*.88));opacity:.75}
.rs-cl-seg{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}
.rs-cl-seg i{height:calc(var(--u)*1);min-height:7px;border-radius:99px;background:rgba(17,17,17,.08);transition:background .4s,box-shadow .4s;transition-delay:calc(var(--n)*70ms)}
.rs-cl:not([data-paso="1"]) .rs-cl-seg i{background:none;box-shadow:inset 0 0 0 1.5px var(--ink)}
.rs-cl[data-paso="3"] .rs-cl-seg i{background:rgba(17,17,17,.28)}
.rs-cl:is([data-paso="4"],[data-paso="5"]) .rs-cl-seg i{background:var(--ink);box-shadow:none;transition-delay:calc(var(--n)*160ms)}
.rs-cl[data-paso="5"] .rs-cl-seg i:nth-child(4){background:var(--k);box-shadow:inset 0 0 0 1.5px var(--ink)}

/* ============ 7 · PREGUNTAS · «Comentarios» ============ */
/* una publicación abierta: la foto a la izquierda y el hilo a la derecha; cada pregunta es un comentario */
.rs-com{min-height:var(--alto);display:grid;place-items:center;padding:calc(70px + var(--u)*1) var(--pad) calc(var(--u)*2.4);background:var(--paper);color:var(--ink)}
.rs-cm{--ch:calc(var(--alto) - 70px - var(--u)*3.4);display:grid;grid-template-columns:min(var(--ch),44%) minmax(0,calc(var(--u)*76));width:min(100%,calc(var(--ch) + var(--u)*76));height:var(--ch);border-radius:calc(var(--u)*2.4);background:#fff;box-shadow:0 0 0 1.5px var(--ink),0 calc(var(--u)*2) calc(var(--u)*4.4) rgba(17,17,17,.14);overflow:hidden}
.rs-cm-foto{position:relative;isolation:isolate;display:grid;align-content:space-between;justify-items:start;padding:calc(var(--u)*2.6);background:radial-gradient(130% 100% at 0 0,#e2213f,var(--c) 52%,#9e0a22);color:var(--cream);overflow:hidden}
.rs-cm-foto .ojo{opacity:.8}
.rs-cm-foto h2{font-weight:900;font-stretch:125%;font-size:min(calc(var(--u)*5.4),4.6vw);line-height:.86;letter-spacing:-.03em;text-transform:uppercase}
.rs-cm-ob{position:absolute;z-index:-1;right:-5%;top:9%;width:52%;height:auto;rotate:-9deg;filter:drop-shadow(0 calc(var(--u)*1.6) calc(var(--u)*2) rgba(60,0,10,.4));animation:bobcap 6.5s ease-in-out infinite}
.rs-com:not(.rs-ve) .rs-cm-ob{animation-play-state:paused}
.rs-cm-hilo{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;min-height:0}
.rs-cm-hilo > .rs-pc{border-bottom:1px solid rgba(17,17,17,.1)}
.rs-cm-hilo .rs-av-ob{box-shadow:0 0 0 1.5px var(--ink)}
.rs-cm-l{display:grid;align-content:start;gap:calc(var(--u)*1.25);min-height:0;padding:calc(var(--u)*1.3) calc(var(--u)*1.7)}
.rs-cm-c{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:0 calc(var(--u)*1.1)}
.rs-cm-pie{grid-template-columns:auto minmax(0,1fr);padding-bottom:calc(var(--u)*1.25);border-bottom:1px solid rgba(17,17,17,.08)}
.rs-cm-c .rs-av{width:calc(var(--u)*3.3);height:calc(var(--u)*3.3)}
.rs-cm-av{display:grid;place-items:center;width:calc(var(--u)*3.3);height:calc(var(--u)*3.3);min-width:30px;min-height:30px;border-radius:50%;background:var(--a);color:var(--at,#fff);font:800 max(10px,calc(var(--u)*1))/1 'Archivo',sans-serif;letter-spacing:.02em}
.rs-cm-q{font-size:max(14px,calc(var(--u)*1.42));line-height:1.38}
.rs-cm-q b{font-weight:800;margin-right:.25em}
/* debajo de cada pregunta, en una línea: cuándo, «Responder» y «Ver respuesta» */
.rs-cm-cu{display:flex;flex-wrap:wrap;align-items:center;column-gap:calc(var(--u)*1.6)}
.rs-cm-cu > .rs-cm-q,.rs-cm-cu > .rs-cm-r{flex:0 0 100%}
.rs-cm-meta{display:flex;gap:calc(var(--u)*1.6);margin-top:calc(var(--u)*.35);font-size:max(9.5px,calc(var(--u)*.84))!important;letter-spacing:.08em;opacity:.5}
.rs-cm-ver{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:.9em;margin-top:calc(var(--u)*.35);padding:2px 0;font:500 max(10px,calc(var(--u)*.92)) 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;opacity:.65;transition:opacity .25s}
.rs-cm-ver:hover,.rs-cm-ver[aria-expanded="true"]{opacity:1}
.rs-cm-ver i{width:calc(var(--u)*2.8);min-width:22px;height:1.5px;background:currentColor}
.rs-cm-ver:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}
.rs-cm-r{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.2,1,.3,1)}
.rs-cm-r > div{min-height:0;overflow:hidden}
.rs-cm-c.abierta .rs-cm-r{grid-template-rows:1fr}
.rs-cm-dosis{grid-template-columns:auto minmax(0,1fr);padding-top:calc(var(--u)*1)}
.rs-cm-dosis > *{opacity:0;translate:0 calc(var(--u)*.8);transition:opacity .35s,translate .6s cubic-bezier(.2,1,.3,1)}
.rs-cm-c.abierta .rs-cm-dosis > *{opacity:1;translate:0 0;transition-delay:.15s}
.rs-cm-dosis .rs-av{width:calc(var(--u)*2.7);height:calc(var(--u)*2.7);min-width:26px;min-height:26px}
.rs-cm-autor{display:inline-block;margin-right:.45em;padding:.3em .6em;border-radius:99px;background:var(--c);color:#fff;font-size:max(8.5px,calc(var(--u)*.74))!important;vertical-align:.12em}
.rs-cm-cor{all:unset;box-sizing:border-box;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;cursor:pointer}
.rs-cm-cor .rs-ic{font-size:max(15px,calc(var(--u)*1.55));transition:fill .25s,stroke .25s}
.rs-cm-cor:hover .rs-ic{stroke:#e5163f}
.rs-cm-cor[aria-pressed="true"] .rs-ic{fill:#e5163f;stroke:#e5163f;animation:rs-late .5s cubic-bezier(.2,1.8,.4,1)}
.rs-cm-cor:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
@keyframes rs-late{40%{scale:1.35}}
.rs-cm-acc{border-top:1px solid rgba(17,17,17,.1)}
.rs-cm-acc > .rs-ic:first-child{fill:#e5163f;stroke:#e5163f}
/* y abajo del todo, la caja de comentar, vacía como en la aplicación */
.rs-cm-esc{display:flex;align-items:center;gap:calc(var(--u)*1.1);padding:calc(var(--u)*.9) calc(var(--u)*1.7) calc(var(--u)*1.1);border-top:1px solid rgba(17,17,17,.1);font-size:max(13px,calc(var(--u)*1.3))}
.rs-cm-esc .rs-ic{font-size:max(18px,calc(var(--u)*2));opacity:.75}
.rs-cm-esc-t{flex:1;opacity:.45}
.rs-cm-esc-p{font-weight:800;color:var(--c);opacity:.4}

/* ============ 8 · EL CIERRE · «¿Que te miren?» ============ */
/* una publicación grande; el botón de la auditoría con forma de «Seguir» y corazones que suben */
.rs-fin{position:relative;height:var(--alto);display:grid;justify-items:center;align-content:center;gap:calc(var(--u)*1.7);padding:calc(70px + var(--u)*.8) var(--pad) calc(var(--u)*2);background:var(--girasol);color:var(--ink)}
.rs-fin::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 80% 90% at 50% 42%,transparent 38%,rgba(232,108,0,.4) 100%)}
.rs-fn{position:relative;display:grid;width:min(100%,calc(var(--u)*112));border-radius:calc(var(--u)*2.6);background:#fffdf7;box-shadow:0 0 0 1.5px var(--ink),0 calc(var(--u)*2.4) calc(var(--u)*4.4) rgba(150,80,0,.3)}
/* al llegar, la publicación sube y se posa, y el me gusta late una vez */
.rs-fn{opacity:0;translate:0 calc(var(--u)*4);scale:.97;transition:opacity .6s,translate .9s cubic-bezier(.2,1,.3,1),scale .9s cubic-bezier(.2,1,.3,1)}
.rs-fn.vis{opacity:1;translate:0 0;scale:1}
.rs-fn.vis .rs-fn-cor .rs-ic{animation:rs-late .6s cubic-bezier(.2,1.8,.4,1) .8s}
.rs-fn > .rs-pc{border-bottom:1px solid rgba(17,17,17,.1)}
.rs-fn .rs-av-ob{box-shadow:0 0 0 1.5px var(--ink)}
.rs-fn-cu{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:calc(var(--u)*3);padding:calc(var(--u)*2.4) calc(var(--u)*3.2) calc(var(--u)*2.2)}
.rs-fn-tx{display:grid;justify-items:start;gap:calc(var(--u)*1.7)}
.rs-fn h2{font-weight:900;font-stretch:125%;font-size:min(calc(var(--u)*7.4),6.6vw);line-height:.84;letter-spacing:-.035em;text-transform:uppercase}
.rs-fn p{max-width:27em;font-weight:600;font-size:max(16px,calc(var(--u)*1.85));line-height:1.3}
.rs-fn-bt{display:inline-flex;align-items:center;gap:calc(var(--u)*1.1);padding:calc(var(--u)*1) calc(var(--u)*2.4) calc(var(--u)*1) calc(var(--u)*1);border-radius:calc(var(--u)*1.4);background:var(--ink);color:var(--cream);font-weight:800;font-size:max(15px,calc(var(--u)*1.8));text-decoration:none;transition:scale .3s cubic-bezier(.2,1.4,.4,1)}
.rs-fn-bt i{display:grid;place-items:center;width:calc(var(--u)*3.2);height:calc(var(--u)*3.2);min-width:32px;min-height:32px;border-radius:calc(var(--u)*.9);background:var(--girasol);color:var(--ink);font-size:max(16px,calc(var(--u)*1.9));transition:rotate .45s cubic-bezier(.2,1.4,.4,1)}
.rs-fn-bt .rs-ic{stroke-width:2.6}
.rs-fn-bt:hover{scale:1.04}
.rs-fn-bt:hover i{rotate:90deg}
.rs-fn-bt:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.rs-fn > .rs-pa{border-top:1px solid rgba(17,17,17,.1)}
.rs-fn-cor{margin-left:auto;color:#e5163f}
.rs-fn-cor .rs-ic{fill:currentColor;font-size:1.15em}
.rs-fn:has(.rs-fn-bt:hover) .rs-fn-cor .rs-ic{animation:rs-late .5s cubic-bezier(.2,1.8,.4,1)}
.rs-fn-ob{position:relative;z-index:1;width:calc(var(--u)*21);height:auto;margin:calc(var(--u)*-1) calc(var(--u)*1) 0 0;rotate:8deg;pointer-events:none;filter:drop-shadow(0 calc(var(--u)*1.4) calc(var(--u)*1.6) rgba(120,50,0,.3))}
.rs-fin.rs-ve .rs-fn-ob{animation:bobcap 6.5s ease-in-out infinite}
.rs-fn-cors{position:absolute;right:calc(var(--u)*1.4);bottom:calc(var(--u)*3.6);width:calc(var(--u)*9);height:calc(100% - var(--u)*9);pointer-events:none}
.rs-fn-cors i{position:absolute;left:var(--x,0);bottom:0;width:calc(var(--u)*2.6);height:calc(var(--u)*2.6);min-width:20px;min-height:20px;background:var(--c2,#e5163f);-webkit-mask:var(--rs-cor) center/contain no-repeat;mask:var(--rs-cor) center/contain no-repeat;opacity:0}
.rs-fn-cors i:nth-child(1){--x:10%;--d:0s}.rs-fn-cors i:nth-child(2){--x:50%;--d:.4s;--c2:var(--girasol)}.rs-fn-cors i:nth-child(3){--x:22%;--d:.8s;--c2:#ff8fb1}.rs-fn-cors i:nth-child(4){--x:60%;--d:1.2s}
.rs-fn-cors i:nth-child(5){--x:30%;--d:1.6s;--c2:#e8468f}.rs-fn-cors i:nth-child(6){--x:5%;--d:2s;--c2:var(--girasol)}.rs-fn-cors i:nth-child(7){--x:45%;--d:2.4s;--c2:var(--c)}.rs-fn-cors i:nth-child(8){--x:18%;--d:2.8s;--c2:#ff8fb1}
.rs-fin.rs-ve .rs-fn-cors i{animation:rs-sube-f 3.2s cubic-bezier(.3,0,.5,1) infinite;animation-delay:var(--d)}
.rs-fn-cors{--sube:calc(var(--u)*-34)}
@keyframes rs-sube-f{0%{opacity:0;translate:0 0;scale:.4}12%{opacity:1;scale:1}50%{translate:calc(var(--u)*1.8) calc(var(--sube)*.5)}100%{opacity:0;translate:calc(var(--u)*-1) var(--sube);scale:.85}}

/* ---------- 6 · así se ve: sobre tinta, tres reels con su escena 3D; el título a la izquierda deja crecer los móviles ---------- */
.sv-reels{--rh:calc(var(--alto) - 70px - var(--u)*9.6);height:var(--alto);display:grid;grid-template-columns:minmax(0,min(30%,calc(var(--u)*34))) minmax(0,1fr);align-items:center;gap:calc(var(--u)*4);padding:calc(70px + var(--u)*1.4) var(--pad) calc(var(--u)*2.4);background:var(--ink);color:var(--cream)}
.sv-reels .cs-cab{flex-direction:column;align-items:flex-start;justify-content:center;gap:calc(var(--u)*2);margin:0}
.sv-reels .cs-cab h2{font-size:min(calc(var(--u)*7.4),5.6vw)}
.rs-rl-l{display:block}
.sv-reels .cs-cab p{max-width:17em}
.rl-fila{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--u)*3.4);align-items:end;min-height:0}
.rl{display:grid;grid-template-rows:auto auto auto;justify-items:center;gap:calc(var(--u)*.5);min-width:0;text-align:center;opacity:0;translate:0 calc(var(--u)*4);transition:opacity .6s,translate .9s cubic-bezier(.2,1,.3,1)}
.rl:nth-child(2){transition-delay:.12s}.rl:nth-child(3){transition-delay:.24s}
.rl-fila.vis .rl{opacity:1;translate:0 0}
.rl > b{margin-top:calc(var(--u)*1);font-weight:900;font-size:max(15px,calc(var(--u)*1.7))}
.rl > .mono{font-size:max(10px,calc(var(--u)*.92));opacity:.6}
.rl-tel{position:relative;width:min(100%,calc(var(--rh)*9/16));aspect-ratio:9/16;padding:calc(var(--u)*.55);border-radius:calc(var(--u)*2.6);background:#050505;box-shadow:0 0 0 1px rgba(243,238,228,.16),0 calc(var(--u)*1.8) calc(var(--u)*3.4) rgba(0,0,0,.55)}
.rl:nth-child(1) .rl-tel{rotate:-3deg}.rl:nth-child(3) .rl-tel{rotate:3deg}
.rl-tel .ej-tag{position:absolute;right:calc(var(--u)*-1.2);top:calc(var(--u)*-.9);z-index:3;rotate:7deg;font-size:10px;background:var(--k);border-color:var(--k);color:var(--ink)}
.rl-pant{position:relative;container-type:inline-size;height:100%;border-radius:calc(var(--u)*2.1)}
/* los subtítulos: cada línea entra a su tiempo, y la del medio va en su caja girasol */
.rl-sub{left:5.4cqw;right:18cqw;bottom:calc(var(--bajo) + 34cqw);z-index:2;display:grid;justify-items:start;gap:1.2cqw;font-weight:900;font-stretch:115%;font-size:9.4cqw;line-height:1;text-transform:uppercase;text-align:left;text-shadow:0 .7cqw 0 rgba(0,0,0,.28)}
.rl-sub b{opacity:0;animation:rl-palabra 4.6s cubic-bezier(.2,1.4,.4,1) infinite}
.rl-sub b:nth-child(2){padding:.5cqw 2cqw .9cqw;margin-left:-2cqw;border-radius:1.6cqw;background:var(--k);color:var(--ink);text-shadow:none;rotate:-2deg;animation-delay:.55s}
.rl-sub b:nth-child(3){animation-delay:1.1s}
@keyframes rl-palabra{0%{opacity:0;scale:.6;translate:0 30%}7%,80%{opacity:1;scale:1;translate:0 0}88%,100%{opacity:0}}
/* el corazón: se llena, late y suelta corazones pequeños a cada vuelta */
.rl-cor > .rs-ic{animation:rl-cor 4.6s infinite}
@keyframes rl-cor{0%,34%{fill:none;stroke:#fff;scale:1}39%{fill:#ff3b5c;stroke:#ff3b5c;scale:1.32}46%,90%{fill:#ff3b5c;stroke:#ff3b5c;scale:1}97%,100%{fill:none;stroke:#fff;scale:1}}
.rl-cor > i{position:absolute;left:50%;top:0;width:4.2cqw;height:4.2cqw;margin-left:-2.1cqw;background:#ff3b5c;-webkit-mask:var(--rs-cor) center/contain no-repeat;mask:var(--rs-cor) center/contain no-repeat;opacity:0;animation:rl-flota 4.6s ease-out infinite}
.rl-cor > i:nth-of-type(2){--x:-4cqw;background:var(--k);animation-delay:.12s}
.rl-cor > i:nth-of-type(3){--x:3.6cqw;background:#ff8fb1;animation-delay:.24s}
@keyframes rl-flota{0%,36%{opacity:0;translate:0 0;scale:.4}42%{opacity:1;scale:1}70%,100%{opacity:0;translate:var(--x,0) -16cqw;scale:.8}}
.sv-reels:not(.rs-ve) .rl-pant *,.rl:hover .rl-pant *{animation-play-state:paused}

@media (max-width:980px){
  /* 3 · la demo: arriba las barritas (y debajo el nombre del paso de ahora), el título, el móvil y los dos mandos */
  .rs-demo{--th:calc(var(--alto) - 290px);--tw:min(calc(var(--th)*9/17.6),calc(100vw - var(--pad)*2 - 56px));--lado:calc((100vw - var(--tw))/2 - var(--pad))}
  .sv-demo.rs-demo .sv-pin{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(5,auto);justify-items:center;align-items:start;align-content:start;row-gap:0;padding:76px var(--pad) 12px}
  .rs-demo .dm-pasos{position:relative;grid-column:1;grid-row:1;width:100%;height:auto;gap:4px;margin:0 0 10px;padding-bottom:20px}
  .rs-demo .dm-pasos li{position:static}
  .rs-demo .dm-pasos button{display:block;height:20px;padding:8px 0 0}
  .rs-demo .dm-pasos :is(.n,.t){position:absolute;bottom:0;clip-path:inset(50%);opacity:0}
  .rs-demo .dm-pasos .ahora :is(.n,.t){clip-path:none;opacity:1}
  .rs-demo .dm-pasos .ahora .n{left:0;font-size:10px}
  .rs-demo .dm-pasos .ahora .t{left:36px;font-size:13px;line-height:18px}
  .rs-dm-ojo{display:none}
  .rs-dm-t{grid-row:2;justify-self:center;margin:0 0 12px;font-size:clamp(26px,7.6vw,40px);text-align:center}
  .rs-demo .dm-esc{grid-column:1;grid-row:3;align-self:start}
  .rs-dm-neg{grid-column:1;grid-row:4;justify-self:center;justify-content:center;margin-top:12px}
  .rs-dm-for{grid-column:1;grid-row:5;justify-self:center;justify-content:center;margin-top:7px}
  .rs-demo .dm-chip{gap:.4em}
  .rs-demo .dm-marco > .ej-tag{left:-10px;top:-8px}
  .rd-tel{padding:5px;border-radius:30px}
  .rd-pant{border-radius:25px}
  /* lo de alrededor va encima del móvil: lo del perfil abajo a la izquierda; lo que llega, arriba a la derecha */
  .rd-lista,.rd-plan,.rd-ficha,.rd-sello{right:auto;left:calc(var(--lado)*-1);top:auto}
  .rd-lista,.rd-ficha{bottom:5%;width:min(58vw,232px);gap:7px;padding:11px 13px}
  .rd-ficha{bottom:1%}
  .rd-li{font-size:12px}
  .rd-plan{bottom:3%;width:min(50vw,212px);gap:6px;padding:10px 11px 11px}
  .rd-dias li:not(:has(.rd-ch)){display:none}
  .rd-dias li{min-height:27px}
  .rd-sello{left:auto;right:calc(var(--lado)*-1);top:31%;bottom:auto;width:min(60vw,236px);padding:12px 14px}
  .rd-coms{transition:opacity .4s,translate .6s cubic-bezier(.2,1,.3,1)}
  .dm-esc[data-paso="5"] .rd-coms{opacity:0;translate:0 -12px}
  .rd-coms,.rd-noti{left:auto;right:calc(var(--lado)*-1);width:min(66vw,272px)}
  .rd-coms{top:25%;gap:7px}
  .rd-cm:nth-child(2){margin-left:0}
  .rd-noti{top:1.5%}
  .rd-cors{left:auto;right:calc(var(--lado)*-1 + 4px)}
  /* 6 · así se ve: el título arriba y los tres reels en una tira que se pasa con el dedo */
  .sv-reels{height:auto;grid-template-columns:minmax(0,1fr);gap:20px;padding:84px 0 36px}
  .sv-reels .cs-cab{padding:0 var(--pad)}
  .sv-reels .cs-cab h2{font-size:clamp(40px,11vw,64px)}
  .rs-rl-l{display:inline}
  .rl-fila{display:flex;align-items:start;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--pad);padding:10px var(--pad) 12px;scrollbar-width:none}
  .rl-fila::-webkit-scrollbar{display:none}
  .rl{flex:none;width:min(62vw,290px);scroll-snap-align:start}
  .rl-tel{width:100%;padding:5px;border-radius:24px}
  .rl-pant{border-radius:20px}
  .rl-tel .ej-tag{right:-6px;top:-6px}
  .rl > b{font-size:15px}
  /* 2 · el feed a todo el ancho; la cuenta arriba, en una línea */
  .rs-feed{--fw:calc(100vw - var(--pad)*2);height:calc(var(--alto)*2.6)}
  .rs-fd-lado{position:absolute;z-index:4;left:var(--pad);right:var(--pad);top:74px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0}
  .rs-fd-lado .ojo,.rs-fd-cuenta{margin:0}
  .rs-fd-seg{display:none}
  .rs-fd-cuenta{grid-template-columns:auto auto;align-items:baseline;justify-items:end;gap:2px 8px}
  .rs-fd-cuenta b{font-size:24px;line-height:1}
  .rs-fd-cuenta .rs-fd-para{grid-column:1/-1}
  .rs-fd-col{padding:136px 0 18px;-webkit-mask:linear-gradient(transparent 106px,#000 140px,#000 calc(100% - 28px),transparent);mask:linear-gradient(transparent 106px,#000 140px,#000 calc(100% - 28px),transparent)}
  .rs-frase{padding:2px 16px 4px;font-size:clamp(21px,6.2vw,30px)}
  .rs-pc{padding:11px 14px}
  .rs-pa{padding:10px 14px;gap:14px}
  .rs-pt{padding:0 14px 12px}
  .rs-fd-dedo{left:calc(50% + var(--fw)*.26)}
  /* 4 · destacadas: arriba los círculos, el móvil en medio y el texto debajo */
  .rs-dest{height:calc(var(--alto)*4)}
  .rs-dest .sv-pin{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;gap:12px;padding:74px var(--pad) 14px}
  .rs-ds-izq{justify-items:center;gap:9px;text-align:center}
  .rs-ds-izq h2{font-size:clamp(26px,7.8vw,38px)}
  .rs-ds-intro{display:none}
  .rs-ds-circ{grid-template-columns:repeat(6,auto);gap:clamp(4px,1.6vw,12px);margin-top:4px}
  .rs-ds-o{width:44px;height:44px;min-width:0;min-height:0}
  .rs-ds-o .rs-ic{font-size:18px}
  .rs-ds-o::before{inset:-5px}
  .rs-ds-l{font-size:10px}
  .rs-ds-tel{height:100%;padding:5px;border-radius:24px}
  .rs-ds-pant{border-radius:20px}
  .rs-ds-der{justify-self:stretch}
  .rs-ds-t{justify-items:center;gap:6px;text-align:center}
  .rs-ds-n{display:none}
  .rs-ds-ti{font-size:clamp(22px,6.6vw,32px)}
  .rs-ds-t p{max-width:22em;font-size:15px}
  /* 5 · el calendario: la ficha del paso arriba y el mes debajo */
  .rs-cal{height:calc(var(--alto)*4)}
  .rs-cal .sv-pin{padding:72px var(--pad) 12px}
  .rs-cl{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:12px}
  .rs-cl-lado{order:-1;gap:8px;padding-top:0}
  .rs-cl-lado h2{font-size:clamp(24px,7vw,34px)}
  .rs-cl-intro,.rs-cl-ir,.rs-cl-res{display:none}
  .rs-cl-pasos{margin-top:2px}
  .rs-cl-p{gap:5px;padding:11px 13px}
  .rs-cl-p b{font-size:18px}
  .rs-cl-p p{font-size:14px}
  .rs-cl-mes{padding:9px 9px 10px;border-radius:16px}
  .rs-cl-cab{gap:10px;padding-bottom:7px}
  .rs-cl-cab b{font-size:19px}
  .rs-cl-ley{display:none}
  .rs-cl-sem span{padding-left:3px}
  /* 7 · comentarios: la foto arriba y el hilo debajo */
  .rs-com{padding:84px var(--pad) 40px}
  .rs-cm{--ch:auto;grid-template-columns:minmax(0,1fr);width:100%;height:auto}
  .rs-cm-foto{aspect-ratio:1.45;padding:18px}
  .rs-cm-foto h2{font-size:clamp(28px,8.4vw,42px)}
  .rs-cm-ob{width:38%;right:-2%;top:10%}
  .rs-cm-l{gap:13px;padding:13px 14px}
  .rs-cm-esc{padding:10px 14px 12px}
  .rs-cm-q{font-size:14.5px}
  /* 8 · el cierre: la publicación a todo el ancho y los corazones dentro, junto al botón */
  .rs-fin{height:auto;min-height:var(--alto);padding:84px var(--pad) 36px}
  .rs-fn-cu{grid-template-columns:minmax(0,1fr);gap:14px;padding:18px 18px 16px}
  .rs-fn-tx{gap:14px}
  .rs-fn h2{font-size:clamp(32px,10vw,56px)}
  .rs-fn p{font-size:16px}
  .rs-fn-bt{font-size:15px;padding:8px 16px 8px 8px}
  .rs-fn-ob{position:absolute;right:-6px;top:-22px;width:80px;margin:0}
  .rs-fn .rs-pc-mas{visibility:hidden}
  .rs-fn-cors{--sube:-62px;right:8px;bottom:48px;width:40px;height:66px}
}
/* en los móviles bajos, la ficha de la pieza se encoge y baja para no tapar el título del reel */
@media (max-width:980px) and (max-height:760px){
  .rd-ficha{bottom:-2%;scale:.86;transform-origin:0 100%}
}
@media (prefers-reduced-motion:reduce){
  /* la demo, quieta en su último paso (todo a la vista: el mensaje, los comentarios, el sello y unos corazones) */
  .rs-demo *{transition:none!important}
  .rs-demo .rd-pant *,.rs-demo .rd-cors i,.rs-demo .rd-sg i{animation:none!important}
  .rd-cors i{opacity:.9}
  .rd-cors i:nth-child(1){bottom:6%}.rd-cors i:nth-child(2){bottom:30%}.rd-cors i:nth-child(3){bottom:54%}.rd-cors i:nth-child(n+4){display:none}
  /* así se ve: los subtítulos enteros y el corazón ya lleno */
  .rl{opacity:1;translate:none}
  .rl-pant *{animation:none!important}
  .rl-sub b{opacity:1}
  .rl-cor > .rs-ic{fill:#ff3b5c;stroke:#ff3b5c}
  .rl-cor > i{display:none}
  /* sin movimiento: cada sección en su estado final, y lo que iba de una en una se ve entero */
  .rs-feed,.rs-dest,.rs-cal{height:auto}
  .rs-fd-tira{filter:none!important}
  .rs-feed.rs-llega .rs-nuestra:not(.rs-copia),.rs-feed.rs-gusta .rs-fd-reloj{animation:none}
  .rs-st,.rs-st.on,.rs-ds-t,.rs-ds-t > *,.rs-cl-p,.rs-cm-r,.rs-cm-dosis > *{transition:none!important}
  .rs-ds-der{align-content:center;gap:calc(var(--u)*1.5)}
  .rs-ds-t{grid-area:auto;gap:calc(var(--u)*.5);opacity:.6;visibility:visible}
  .rs-ds-t.on{opacity:1}
  .rs-ds-t > *{translate:none}
  .rs-ds-ti{font-size:max(18px,calc(var(--u)*2.5))}
  .rs-ds-t p{max-width:none;font-size:max(14px,calc(var(--u)*1.45))}
  .rs-cl-pasos{gap:calc(var(--u)*1.1)}
  .rs-cl-p{grid-area:auto;gap:calc(var(--u)*.3);padding:0 0 0 calc(var(--u)*1.2);border-radius:0;background:none;box-shadow:inset 3px 0 0 var(--f,var(--k));opacity:1;visibility:visible;translate:none}
  .rs-cl-p b{font-size:max(16px,calc(var(--u)*1.8))}
  .rs-cl-p p{font-size:max(13px,calc(var(--u)*1.3))}
  .rs-cl-ir{display:none}
  .rs-fn{opacity:1;translate:none;scale:none;transition:none}
  .rs-fn.vis .rs-fn-cor .rs-ic{animation:none}
  .rs-fn-cors i{opacity:.85}
  .rs-fn-cors i:nth-child(1){bottom:6%}.rs-fn-cors i:nth-child(2){bottom:32%}.rs-fn-cors i:nth-child(3){bottom:58%}.rs-fn-cors i:nth-child(n+4){display:none}
}