/* Sección 03 — alcance de la alianza: un adelanto editorial, no una convocatoria. */
.rc-scope{
  --scope-red:#ec444c;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:clamp(635px,91svh,920px);
  padding:clamp(77px,9vw,116px) max(34px,7vw) clamp(46px,6vw,77px);
  color:#f6f4ef;
  background:#1a1a1a;
  scroll-margin-top:79px;
}
.rc-scope::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(ellipse at 79% 48%,rgba(110,37,41,.075),transparent 52%),
    linear-gradient(90deg,rgba(255,255,255,.02) 0,transparent 20%,transparent 82%,rgba(0,0,0,.12) 100%);
}
.rc-scope-inner{
  position:relative;
  z-index:2;
  width:min(100%,1210px);
  min-height:inherit;
  margin:auto;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:clamp(54px,7vw,95px);
}
.rc-scope-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
}
.rc-scope-index{
  color:#aaa7a1;
  font:800 10px/1.5 var(--sans);
  letter-spacing:.17em;
}
.rc-scope-index span{color:#eb434b;padding:0 9px}
.rc-scope-symbol{
  color:var(--scope-red);
  font-size:26px;
  line-height:1;
  font-weight:400;
  transform:rotate(-16deg);
}
.rc-scope-center{width:min(100%,1020px);margin:0 auto 0 4.5%;position:relative}
.rc-scope h2{
  max-width:1080px;
  font:700 clamp(45px,5.65vw,88px)/1.08 var(--sans);
  letter-spacing:-.069em;
  margin:0 0 clamp(30px,4vw,48px);
  text-wrap:balance;
}
.rc-scope-line{display:block}
.rc-scope-line-one,.rc-scope-line-two{color:#f5f3ef}
.rc-scope-line-accent{
  font:400 clamp(70px,9.2vw,145px)/1.07 var(--serif);
  letter-spacing:-.087em;
  color:var(--scope-red);
  margin-top:clamp(6px,1vw,15px);
  white-space:nowrap;
}
.rc-scope-accent-rule{
  display:block;
  width:48px;
  height:2px;
  background:var(--scope-red);
  transform-origin:left center;
  margin-bottom:23px;
}
.rc-scope-summary{
  max-width:500px;
  margin:0;
  color:#c3c0b9;
  font:400 clamp(14px,1.1vw,16px)/1.84 var(--sans);
}
.rc-scope-bottom{
  align-self:stretch;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:35px;
  border-top:1px solid #484746;
  padding-top:19px;
}
.rc-scope-footnote-label{
  flex:none;
  color:#8f8c87;
  font:800 9px/1.6 var(--sans);
  letter-spacing:.16em;
}
.rc-scope-bottom p{
  margin:0;
  max-width:600px;
  color:#aaa7a2;
  font:400 12px/1.8 var(--sans);
}
.rc-scope-pages{
  position:absolute;
  right:-1.5%;
  top:17%;
  width:min(38vw,525px);
  height:65%;
  pointer-events:none;
  opacity:.4;
  transform:rotate(-11deg);
  z-index:0;
}
.rc-scope-pages i{
  position:absolute;
  display:block;
  width:74%;
  height:76%;
  top:10%;
  left:17%;
  border:1px solid rgba(231,227,218,.085);
  border-radius:1px;
  transform-origin:top left;
}
.rc-scope-pages i:nth-child(1){transform:translate(-35px,-25px) rotate(-6deg)}
.rc-scope-pages i:nth-child(2){transform:translate(-13px,-13px) rotate(-2.5deg);border-color:rgba(236,68,76,.15)}
.rc-scope-pages i:nth-child(3){transform:translate(10px,6px) rotate(2.5deg)}
/* Revelado de las palabras por capas al entrar en el campo visual. */
.rc-scope-line,
.rc-scope-index,
.rc-scope-symbol,
.rc-scope-summary,
.rc-scope-bottom,
.rc-scope-accent-rule,
.rc-scope-pages{
  transition:opacity .88s cubic-bezier(.22,.7,.25,1),
             transform 1.08s cubic-bezier(.19,1,.22,1);
}
.rc-scope.rc-is-animated:not(.rc-is-visible) .rc-scope-index,
.rc-scope.rc-is-animated:not(.rc-is-visible) .rc-scope-symbol,
.rc-scope.rc-is-animated:not(.rc-is-visible) .rc-scope-line,
.rc-scope.rc-is-animated:not(.rc-is-visible) .rc-scope-summary,
.rc-scope.rc-is-animated:not(.rc-is-visible) .rc-scope-bottom{opacity:0;transform:translateY(23px)}
.rc-scope.rc-is-animated:not(.rc-is-visible) .rc-scope-line-accent{transform:translateY(40px)}
.rc-scope.rc-is-animated:not(.rc-is-visible) .rc-scope-accent-rule{transform:scaleX(0)}
.rc-scope.rc-is-animated:not(.rc-is-visible) .rc-scope-pages{opacity:0;transform:translateX(50px) rotate(-14deg)}
.rc-scope.rc-is-visible .rc-scope-line-one{transition-delay:.11s}
.rc-scope.rc-is-visible .rc-scope-line-two{transition-delay:.22s}
.rc-scope.rc-is-visible .rc-scope-line-accent{transition-delay:.39s}
.rc-scope.rc-is-visible .rc-scope-accent-rule{transition-delay:.56s}
.rc-scope.rc-is-visible .rc-scope-summary{transition-delay:.65s}
.rc-scope.rc-is-visible .rc-scope-bottom{transition-delay:.76s}
.rc-scope.rc-is-visible .rc-scope-pages{transition-delay:.15s}
@media(max-width:900px){
  .rc-scope{min-height:750px;padding-inline:42px}
  .rc-scope-center{margin-left:0}
  .rc-scope h2{font-size:clamp(45px,6.5vw,66px)}
  .rc-scope-line-accent{font-size:clamp(74px,10vw,102px)}
  .rc-scope-pages{right:-23%;opacity:.24}
}
@media(max-width:740px){
  .rc-scope{min-height:clamp(680px,95svh,850px);padding:89px 24px 41px;scroll-margin-top:67px}
  .rc-scope-inner{gap:52px}
  .rc-scope-index{font-size:9px}
  .rc-scope-symbol{font-size:22px}
  .rc-scope-center{margin:0}
  .rc-scope h2{font-size:clamp(40px,9.3vw,66px);line-height:1.12;margin-bottom:33px}
  .rc-scope-line-accent{font-size:clamp(69px,13.7vw,101px);white-space:normal;letter-spacing:-.09em;margin-top:15px}
  .rc-scope-summary{max-width:370px;font-size:14px}
  .rc-scope-pages{width:90vw;height:53%;right:-56%;top:20%;opacity:.18}
  .rc-scope-bottom{display:block;padding-top:16px}
  .rc-scope-footnote-label{display:block;margin-bottom:8px}
  .rc-scope-bottom p{font-size:11px;line-height:1.75;max-width:470px}
}
@media(max-width:380px){
  .rc-scope{padding-inline:19px}
  .rc-scope h2{font-size:39px}
  .rc-scope-line-accent{font-size:64px}
}
@media(prefers-reduced-motion:reduce){
  .rc-scope-line,.rc-scope-index,.rc-scope-symbol,.rc-scope-summary,.rc-scope-bottom,.rc-scope-accent-rule,.rc-scope-pages{
    transition:none!important;
    opacity:1!important;
  }
  .rc-scope.rc-is-animated:not(.rc-is-visible) .rc-scope-line,
  .rc-scope.rc-is-animated:not(.rc-is-visible) .rc-scope-index,
  .rc-scope.rc-is-animated:not(.rc-is-visible) .rc-scope-symbol,
  .rc-scope.rc-is-animated:not(.rc-is-visible) .rc-scope-summary,
  .rc-scope.rc-is-animated:not(.rc-is-visible) .rc-scope-bottom{
    transform:none!important;opacity:1!important
  }
  .rc-scope.rc-is-animated:not(.rc-is-visible) .rc-scope-accent-rule{transform:none!important}
  .rc-scope.rc-is-animated:not(.rc-is-visible) .rc-scope-pages{transform:rotate(-11deg)!important;opacity:.4!important}
}
