/* ═══ Las cuatro, juntas ═══
   Una banda por etapa, de la noche a la claridad, con lo esencial de cada
   una: tu frase, tu eje, lo que tienes a mano y tu centro. El detalle va
   plegado debajo y las salidas, al final. */

.rs-hero h1{max-width:12ch}

/* ══ Las cuatro bandas ══ */
.rs-bandas{display:grid;border:var(--borde);margin-top:.4rem}
.rs-banda{
  position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,2fr);
  gap:clamp(20px,4vw,56px);padding:clamp(28px,4.5vh,48px) clamp(20px,3vw,40px);
}
.rs-banda::before{content:'';position:absolute;inset:0;z-index:-1;background-image:var(--grano);background-size:180px;opacity:.14;mix-blend-mode:overlay;pointer-events:none}
.rs-banda + .rs-banda{border-top:1px solid color-mix(in srgb,currentColor 22%,transparent)}
.rs-banda.h-1{background:linear-gradient(180deg,var(--noche) 0%,#4A1010 100%);color:var(--dia)}
.rs-banda.h-2{background:linear-gradient(180deg,#4A1010 0%,var(--g1) 35%,var(--g2) 100%);color:var(--dia)}
.rs-banda.h-3{background:linear-gradient(180deg,var(--g2) 0%,#FFB04D 40%,var(--g3) 100%);color:var(--noche)}
.rs-banda.h-4{background:linear-gradient(180deg,var(--g3) 0%,#FFF8DD 50%,var(--dia) 100%);color:var(--noche)}

.rs-b-id{display:flex;flex-direction:column;gap:.6rem}
.rs-b-num{font-family:var(--f-display);font-weight:800;letter-spacing:-.08em;line-height:.75;font-size:clamp(4.5rem,9vw,7.5rem)}
.rs-b-t{font-family:var(--f-display);font-weight:800;font-size:clamp(1.3rem,2.2vw,1.7rem);letter-spacing:-.04em;line-height:1;display:inline-flex;gap:.4rem;align-items:baseline}
.rs-b-t i{font-style:normal;font-weight:400;font-size:.8em;transition:transform .3s var(--ease)}
.rs-b-t:hover i{transform:translateX(4px)}
.rs-b-c{display:flex;flex-direction:column;gap:.7rem;justify-content:center}
.rs-q{font-family:var(--f-display);font-weight:600;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;opacity:.8}
.rs-clave{font-family:var(--f-serif);font-style:italic;font-size:clamp(1.35rem,2.6vw,2.1rem);line-height:1.3;letter-spacing:-.015em;white-space:pre-wrap;max-width:36ch}
.rs-vacio{font-family:var(--f-serif);font-style:italic;font-size:1.15rem;opacity:.75}
.rs-ir{align-self:flex-start;display:inline-flex;align-items:center;height:38px;padding:0 1rem;border-radius:999px;border:1.5px solid currentColor;font-family:var(--f-display);font-weight:600;font-size:.86rem;transition:background .25s,color .25s}
.rs-banda.h-1 .rs-ir:hover,.rs-banda.h-2 .rs-ir:hover{background:var(--dia);color:var(--noche)}
.rs-banda.h-3 .rs-ir:hover,.rs-banda.h-4 .rs-ir:hover{background:var(--noche);color:var(--dia)}
.rs-m{font-family:var(--mono);font-size:11.5px;opacity:.75}
.rs-lista{list-style:none;counter-reset:r;display:grid;gap:.5rem;border-top:1.5px solid currentColor}
.rs-lista li{counter-increment:r;display:grid;grid-template-columns:2.2rem 1fr;padding:.6rem 0;border-bottom:1px solid color-mix(in srgb,currentColor 25%,transparent);font-family:var(--f-display);font-weight:700;font-size:1.1rem;letter-spacing:-.025em}
.rs-lista li::before{content:counter(r,decimal-leading-zero);font-family:var(--mono);font-weight:400;font-size:12px;padding-top:.3rem;opacity:.7}
.rs-lista em{grid-column:2;font-style:normal;font-family:var(--mono);font-weight:400;font-size:11px;opacity:.7;letter-spacing:0}
@media(max-width:760px){
  .rs-banda{grid-template-columns:1fr;gap:1rem}
  .rs-b-id{flex-direction:row;align-items:flex-end;gap:1rem}
  .rs-b-num{font-size:4rem}
}

/* ══ El detalle ══ */
.rs-det{margin-top:clamp(32px,5vh,56px)}
.rs-det > .slabel{margin-top:1rem}
.rs-plazos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));border:var(--borde);margin:.6rem 0 1rem}
.rs-plazo{padding:1.2rem 1.3rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.rs-plazo:last-child{border-right:none}
.rs-plazo-n{font-family:var(--f-display);font-size:1.3rem;font-weight:800;letter-spacing:-.04em;display:block}
.rs-plazo-r{font-family:var(--f-display);font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-ink);display:block;margin:.3rem 0 .8rem}
.rs-plazo p{font-size:15px;line-height:1.6;white-space:pre-wrap}
.rs-plazo p.vacia{color:var(--grey);font-family:var(--f-serif);font-style:italic}
.rs-sec{margin-top:clamp(40px,6vh,64px)}

/* ══ Llevártelo ══ */
.rs-llevar{
  display:flex;justify-content:space-between;align-items:center;gap:1.4rem;flex-wrap:wrap;
  margin-top:clamp(40px,6vh,64px);padding:clamp(20px,3vw,32px);border:var(--borde);background:var(--paper);
}
.rs-llevar .slabel{margin:0 0 .5rem}
.rs-llevar p{max-width:58ch;color:var(--grey);font-size:15px}
.rs-llevar-a{display:flex;gap:.6rem;flex-wrap:wrap}