/* Click Experience v3.8.4 — Nuestra Historia / escena continua */
.cxs-about-story.cxs-history-v371{
  --cxs-history-index:0;
  --cxs-history-progress:0;
  --cxs-history-mobile-progress:0;
  --cxs-history-glow-x:22%;
  position:relative;
  isolation:isolate;
  overflow:clip;
  padding:clamp(62px,6vw,92px) 0 0;
  color:#fff;
  background:
    radial-gradient(circle at var(--cxs-history-glow-x) 52%,rgba(39,173,255,.13),transparent 24%),
    radial-gradient(circle at 86% 36%,rgba(41,92,255,.08),transparent 28%),
    linear-gradient(180deg,#000d3d 0%,#00144f 32%,#00155c 74%,#001a66 100%);
}
.cxs-about-story.cxs-history-v371::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.38;
  background-image:
    linear-gradient(rgba(69,151,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(69,151,255,.04) 1px,transparent 1px);
  background-size:92px 92px;
  mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 88%,transparent);
}
.cxs-history-v371>.cxs-motion-ribbon{
  z-index:1!important;
  inset:21% -18% 0 -24%!important;
  opacity:.18!important;
  transform:rotate(4deg)!important;
  mix-blend-mode:screen;
  pointer-events:none;
}

/* Intro compacta: ya no funciona como una pantalla independiente. */
.cxs-history-v371__intro{
  position:relative;
  z-index:5;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.58fr);
  align-items:end;
  gap:18px clamp(38px,6vw,92px);
  padding-bottom:clamp(24px,3vw,38px);
}
.cxs-history-v371__intro-copy{display:grid;gap:10px}
.cxs-history-v371__eyebrow{
  margin:0;
  color:#ffbd59;
  font:800 10px/1.3 Manrope,system-ui,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.cxs-history-v371__intro h2{
  margin:0;
  max-width:18ch;
  color:#fff;
  font:760 clamp(34px,4vw,58px)/.98 Sora,Manrope,system-ui,sans-serif;
  letter-spacing:-.052em;
}
.cxs-history-v371__intro h2 strong{color:#27adff;font-weight:450}
.cxs-history-v371__lead{
  margin:0 0 3px;
  max-width:43ch;
  color:rgba(255,255,255,.68);
  font:500 14px/1.75 Manrope,system-ui,sans-serif;
}

/* Navegación horizontal por años. */
.cxs-history-v371__nav-wrap{
  position:relative;
  z-index:8;
  padding-bottom:14px;
}
.cxs-history-v371__nav{
  display:flex;
  align-items:center;
  gap:clamp(18px,3.4vw,52px);
  overflow-x:auto;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.cxs-history-v371__nav::-webkit-scrollbar{display:none}
.cxs-history-v371__nav-button{
  position:relative;
  flex:0 0 auto;
  min-height:44px;
  padding:7px 0 11px;
  border:0;
  background:transparent;
  color:rgba(255,255,255,.48);
  text-align:left;
  cursor:pointer;
  transition:color .3s ease,transform .38s cubic-bezier(.16,1,.3,1);
}
.cxs-history-v371__nav-button::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:0;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#27adff,#ffbd59);
  transition:right .42s cubic-bezier(.16,1,.3,1);
}
.cxs-history-v371__nav-button span{
  display:inline-block;
  margin-right:7px;
  color:#27adff;
  font:800 8px/1 Manrope,sans-serif;
  letter-spacing:.12em;
}
.cxs-history-v371__nav-button strong{
  font:700 13px/1.2 Sora,Manrope,sans-serif;
  letter-spacing:-.015em;
}
.cxs-history-v371__nav-button.is-active{color:#fff;transform:translateY(-1px)}
.cxs-history-v371__nav-button.is-active::after{right:0}
.cxs-history-v371__nav-button.is-active strong{color:#fff}
.cxs-history-v371__nav-progress{
  position:relative;
  height:1px;
  margin-top:0;
  overflow:hidden;
  background:rgba(255,255,255,.08);
}
.cxs-history-v371__nav-progress i{
  display:block;
  width:100%;
  height:100%;
  transform:scaleX(var(--cxs-history-progress));
  transform-origin:left;
  background:linear-gradient(90deg,#27adff,#73d1ff 78%,#ffbd59);
  box-shadow:0 0 14px rgba(39,173,255,.32);
  transition:transform .12s linear;
}

/* Desktop/laptop: una sola escena, sin tarjeta exterior. */
.cxs-history-v371__desktop{position:relative;z-index:4}
.cxs-history-v371__scroll{display:grid;position:relative}
.cxs-history-v371__stage,.cxs-history-v371__steps{grid-area:1/1}
.cxs-history-v371__stage{
  position:sticky;
  top:clamp(82px,10vh,118px);
  z-index:4;
  align-self:start;
  height:min(640px,calc(100svh - 145px));
  min-height:520px;
  overflow:hidden;
  padding-left:max(26px,calc((100vw - 1240px)/2));
  padding-right:max(26px,calc((100vw - 1240px)/2));
}
.cxs-history-v371__stage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at calc(18% + (var(--cxs-history-index) * 13%)) 52%,rgba(39,173,255,.10),transparent 22%),
    linear-gradient(90deg,rgba(0,21,92,.25),transparent 42%,rgba(0,21,92,.03));
  transition:background 1s ease;
}
.cxs-history-v371__ambient{
  position:absolute;
  z-index:0;
  right:-12vw;
  top:4%;
  width:58vw;
  height:58vw;
  max-width:820px;
  max-height:820px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(39,173,255,.12),rgba(49,94,255,.035) 45%,transparent 72%);
  filter:blur(30px);
  transform:translate3d(calc(var(--cxs-history-index) * -12px),calc(var(--cxs-history-index) * 5px),0);
  transition:transform .9s cubic-bezier(.16,1,.3,1);
}

.cxs-history-v371__copy-stack{
  position:relative;
  z-index:6;
  width:min(42vw,560px);
  height:100%;
}
.cxs-history-v371__copy{
  position:absolute;
  inset:50% 0 auto 0;
  transform:translate3d(0,-44%,0);
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease,transform .72s cubic-bezier(.16,1,.3,1);
}
.cxs-history-v371__copy.is-active{
  opacity:1;
  pointer-events:auto;
  transform:translate3d(0,-50%,0);
}
.cxs-history-v371__year{
  position:absolute;
  z-index:-1;
  left:-10px;
  top:50%;
  transform:translateY(-73%);
  color:transparent;
  -webkit-text-stroke:1px rgba(78,190,255,.16);
  text-shadow:0 0 70px rgba(39,173,255,.06);
  font:820 clamp(112px,14vw,220px)/.72 Sora,Manrope,sans-serif;
  letter-spacing:-.09em;
  white-space:nowrap;
  user-select:none;
}
.cxs-history-v371__chapter-label{
  margin:0 0 13px;
  color:#ffbd59;
  font:800 10px/1.3 Manrope,sans-serif;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.cxs-history-v371__copy h3{
  max-width:13ch;
  margin:0;
  color:#fff;
  font:760 clamp(34px,3.8vw,56px)/.98 Sora,Manrope,sans-serif;
  letter-spacing:-.052em;
}
.cxs-history-v371__chapter-copy{
  max-width:48ch;
  margin:18px 0 0;
  color:rgba(255,255,255,.72);
  font:500 14px/1.78 Manrope,sans-serif;
}
.cxs-history-v371__copy.is-active .cxs-history-v371__chapter-label{animation:cxsHistoryLabel384 .58s cubic-bezier(.16,1,.3,1) .04s both}
.cxs-history-v371__copy.is-active h3{animation:cxsHistoryText384 .66s cubic-bezier(.16,1,.3,1) .07s both}
.cxs-history-v371__copy.is-active .cxs-history-v371__chapter-copy{animation:cxsHistoryText384 .68s cubic-bezier(.16,1,.3,1) .13s both}
@keyframes cxsHistoryLabel384{from{opacity:0;letter-spacing:.25em;transform:translateY(8px)}to{opacity:1;letter-spacing:.15em;transform:none}}
@keyframes cxsHistoryText384{from{opacity:0;transform:translate3d(0,22px,0);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}

/* Visual sin caja: ocupa el borde derecho y se funde con el fondo. */
.cxs-history-v371__visual-stack{
  position:absolute;
  z-index:2;
  right:0;
  top:0;
  bottom:0;
  width:min(64vw,980px);
  min-width:620px;
  perspective:1200px;
  pointer-events:none;
}
.cxs-history-v371__visual{
  position:absolute;
  inset:0;
  margin:0;
  overflow:hidden;
  opacity:0;
  transform:translate3d(55px,8px,-80px) scale(1.035);
  clip-path:inset(0 0 0 14%);
  transition:opacity .42s ease,transform .9s cubic-bezier(.16,1,.3,1),clip-path .9s cubic-bezier(.16,1,.3,1);
}
.cxs-history-v371__visual.is-active{
  opacity:1;
  transform:translate3d(var(--history-px,0),var(--history-py,0),0) scale(1);
  clip-path:inset(0);
}
.cxs-history-v371__visual picture,.cxs-history-v371__visual picture>img{display:block;width:100%;height:100%}
.cxs-history-v371__visual picture>img{
  object-fit:var(--fit,cover);
  object-position:var(--fx,50%) var(--fy,50%);
  filter:brightness(.56) saturate(.92) contrast(1.04);
  transform:scale(1.045);
  transition:transform 6s ease-out,filter .65s ease;
}
.cxs-history-v371__visual.is-active picture>img{
  transform:translate3d(calc(var(--history-px,0) * -.15),calc(var(--history-py,0) * -.12),0) scale(1.015);
}
.cxs-history-v371__visual::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg,#00155c 0%,rgba(0,21,92,.94) 8%,rgba(0,21,92,.62) 19%,rgba(0,21,92,.12) 38%,transparent 56%),
    linear-gradient(180deg,rgba(0,13,61,.10),rgba(0,13,61,.10) 66%,rgba(0,21,92,.70) 100%);
}
.cxs-history-v371__visual::before{
  content:"";
  position:absolute;
  inset:-30% -40%;
  z-index:3;
  opacity:0;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 44%,rgba(89,204,255,.16) 50%,transparent 56%);
  transform:translateX(-72%) rotate(3deg);
}
.cxs-history-v371__visual.is-active::before{animation:cxsHistorySweep384 1.05s cubic-bezier(.16,1,.3,1) .1s both}
@keyframes cxsHistorySweep384{0%{opacity:0;transform:translateX(-72%) rotate(3deg)}35%{opacity:1}100%{opacity:0;transform:translateX(72%) rotate(3deg)}}
.cxs-history-v371__visual figcaption{
  position:absolute;
  z-index:5;
  right:max(26px,calc((100vw - 1240px)/2));
  bottom:46px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#fff;
}
.cxs-history-v371__visual figcaption span{font:760 30px/1 Sora,sans-serif;letter-spacing:-.045em}
.cxs-history-v371__visual figcaption strong{font:800 8px/1.35 Manrope,sans-serif;color:#ffbd59;letter-spacing:.14em}
.cxs-history-v371__origin-art{
  position:absolute!important;
  z-index:4!important;
  right:max(26px,calc((100vw - 1240px)/2))!important;
  bottom:17%!important;
  width:min(230px,27vw)!important;
  height:auto!important;
  object-fit:contain!important;
  opacity:.92;
  filter:drop-shadow(0 22px 32px rgba(0,4,30,.32))!important;
}
.cxs-history-v371__stage-meta{
  position:absolute;
  z-index:8;
  left:max(26px,calc((100vw - 1240px)/2));
  bottom:28px;
  display:flex;
  align-items:center;
  gap:14px;
  color:rgba(255,255,255,.45);
  font:800 8px/1.2 Manrope,sans-serif;
  letter-spacing:.13em;
}
.cxs-history-v371__stage-meta span{color:#73d1ff;font-size:10px}
.cxs-history-v371__stage-meta strong{font-weight:800;color:rgba(255,255,255,.45)}

/* El scroll guía la transformación, pero con menos distancia que antes. */
.cxs-history-v371__steps{position:relative;z-index:0;pointer-events:none}
.cxs-history-v371__sentinel{height:46svh;min-height:350px}
.cxs-history-v371__sentinel:first-child{height:40svh;min-height:320px}
.cxs-history-v371__sentinel:last-child{height:52svh;min-height:390px}
.cxs-history-v371__mobile{display:none}
.cxs-history-v371__handoff{
  position:relative;
  z-index:4;
  height:72px;
  margin-top:-1px;
  background:linear-gradient(180deg,rgba(244,248,253,0),#f4f8fd 96%);
  pointer-events:none;
}

@media (min-width:901px) and (max-width:1180px){
 .cxs-history-v371__intro{grid-template-columns:minmax(0,1fr) 330px}
 .cxs-history-v371__stage{height:min(590px,calc(100svh - 138px));min-height:500px;padding-left:28px;padding-right:28px}
 .cxs-history-v371__copy-stack{width:45vw;max-width:470px}
 .cxs-history-v371__copy h3{font-size:clamp(31px,4vw,46px)}
 .cxs-history-v371__chapter-copy{max-width:42ch;font-size:13px;line-height:1.72}
 .cxs-history-v371__visual-stack{width:61vw;min-width:560px}
 .cxs-history-v371__visual figcaption{right:28px}
 .cxs-history-v371__origin-art{right:28px!important;width:min(205px,25vw)!important}
 .cxs-history-v371__stage-meta{left:28px}
}

/* Tablet/móvil: timeline editorial continuo, sin sticky atrapando el viewport. */
@media(max-width:900px){
 .cxs-about-story.cxs-history-v371{padding:64px 0 0;background:linear-gradient(180deg,#000d3d,#00155c 62%,#001966)}
 .cxs-history-v371>.cxs-motion-ribbon{inset:8% -76% 4% -76%!important;opacity:.12!important}
 .cxs-history-v371__intro{display:block;padding-bottom:20px}
 .cxs-history-v371__eyebrow{margin-bottom:10px}
 .cxs-history-v371__intro h2{max-width:14ch;font-size:clamp(34px,9.6vw,52px)}
 .cxs-history-v371__lead{margin-top:16px;max-width:38ch;font-size:13px;line-height:1.68}
 .cxs-history-v371__nav-wrap{padding-right:0;padding-bottom:34px}
 .cxs-history-v371__nav{gap:24px;padding-right:24px}
 .cxs-history-v371__nav-button{min-height:40px}
 .cxs-history-v371__nav-button strong{font-size:12px}
 .cxs-history-v371__desktop{display:none}
 .cxs-history-v371__mobile{display:block;position:relative;z-index:5;padding-left:48px}
 .cxs-history-v371__mobile-line{position:absolute;left:20px;top:16px;bottom:16px;width:1px;background:rgba(255,255,255,.10)}
 .cxs-history-v371__mobile-line i{position:absolute;inset:0;transform:scaleY(var(--cxs-history-mobile-progress));transform-origin:top;background:linear-gradient(180deg,#27adff,#73d1ff 77%,#ffbd59);box-shadow:0 0 18px rgba(39,173,255,.32)}
 .cxs-history-v371__mobile-card{position:relative;padding:0 0 58px;opacity:.35;transform:translate3d(0,24px,0);transition:opacity .5s ease,transform .68s cubic-bezier(.16,1,.3,1)}
 .cxs-history-v371__mobile-card:last-child{padding-bottom:10px}
 .cxs-history-v371__mobile-card.is-visible{opacity:1;transform:none}
 .cxs-history-v371__mobile-marker{position:absolute;left:-40px;top:5px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#00155c;color:#73d1ff;font:800 8px/1 Manrope,sans-serif;transition:all .38s ease}
 .cxs-history-v371__mobile-card.is-visible .cxs-history-v371__mobile-marker{border-color:#27adff;background:#27adff;color:#00155c;box-shadow:0 0 0 7px rgba(39,173,255,.08),0 0 18px rgba(39,173,255,.28)}
 .cxs-history-v371__mobile-year{margin:0 0 2px;color:rgba(91,194,255,.24);font:820 clamp(62px,18vw,94px)/.86 Sora,sans-serif;letter-spacing:-.075em}
 .cxs-history-v371__mobile-card .cxs-history-v371__chapter-label{margin-bottom:9px;font-size:9px}
 .cxs-history-v371__mobile-card h3{max-width:14ch;margin:0;color:#fff;font:740 clamp(27px,7.3vw,38px)/1.02 Sora,Manrope,sans-serif;letter-spacing:-.045em}
 .cxs-history-v371__mobile-copy{max-width:38ch;margin:14px 0 20px;color:rgba(255,255,255,.70);font:500 13px/1.72 Manrope,sans-serif}
 .cxs-history-v371__mobile-card figure{position:relative;width:calc(100% + 22px);height:clamp(225px,58vw,350px);margin:0 -22px 0 0;overflow:hidden}
 .cxs-history-v371__mobile-card figure picture,.cxs-history-v371__mobile-card figure picture img{display:block;width:100%;height:100%}
 .cxs-history-v371__mobile-card figure picture img{object-fit:var(--fit,cover);object-position:var(--fx,50%) var(--fy,50%);filter:brightness(.60) saturate(.92);transform:scale(1.03)}
 .cxs-history-v371__mobile-card figure::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(0,21,92,.04),rgba(0,21,92,.08) 55%,#00155c 100%),linear-gradient(90deg,#00155c 0,transparent 18%);pointer-events:none}
 .cxs-history-v371__mobile-card .cxs-history-v371__origin-art{right:8px!important;bottom:10%!important;width:min(180px,48vw)!important}
 .cxs-history-v371__handoff{height:54px}
}

@media(max-width:520px){
 .cxs-history-v371__intro h2{font-size:clamp(32px,10vw,44px)}
 .cxs-history-v371__nav-wrap{margin-right:-18px}
 .cxs-history-v371__mobile{padding-left:44px}
 .cxs-history-v371__mobile-line{left:18px}
 .cxs-history-v371__mobile-marker{left:-38px}
 .cxs-history-v371__mobile-card h3{font-size:29px}
 .cxs-history-v371__mobile-card figure{height:230px}
}

@media(prefers-reduced-motion:reduce){
 .cxs-history-v371__copy,.cxs-history-v371__visual,.cxs-history-v371__visual picture>img,.cxs-history-v371__nav-button,.cxs-history-v371__mobile-card{transition:none!important;animation:none!important;transform:none!important;filter:none!important}
 .cxs-history-v371__copy{transform:translateY(-50%)!important}
 .cxs-history-v371__visual.is-active{transform:none!important}
 .cxs-history-v371__copy.is-active .cxs-history-v371__chapter-label,.cxs-history-v371__copy.is-active h3,.cxs-history-v371__copy.is-active .cxs-history-v371__chapter-copy,.cxs-history-v371__visual.is-active::before{animation:none!important}
}