/* A continuous page canvas with an editorial section index. */
.nx-shell { grid-template-columns: 1fr !important; }
.nx-main { grid-column: 1 !important; padding-inline-start: 0; }
#nx-contenido { padding-inline-start: 0; }
.nx-franja { display: none !important; }

.nx-context {
  --nx-context-ink: var(--nx-navy);
  --nx-context-muted: var(--nx-texto-suave);
  --nx-context-stroke: rgba(26, 28, 34, .24);
  --nx-context-accent: var(--nx-coral-oscuro);
  position: fixed;
  inset-inline-start: clamp(30px, 3.5vw, 68px);
  inset-block-start: 54%;
  z-index: 35;
  width: 166px;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  backdrop-filter: none;
  color: var(--nx-context-ink);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-46%);
  pointer-events: none;
  transition: opacity .3s ease, transform .5s ease, color .4s ease, visibility .3s;
}
.nx-context--dark {
  --nx-context-ink: var(--nx-crema);
  --nx-context-muted: var(--nx-texto-claro-suave);
  --nx-context-stroke: rgba(244, 242, 236, .28);
  --nx-context-accent: var(--nx-coral);
}
.nx-context-visible .nx-context {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%);
}
.nx-context::after {
  content: '';
  position: absolute;
  inset-block: 8px;
  inset-inline-end: -28px;
  width: 1px;
  background: linear-gradient(transparent, var(--nx-context-stroke) 25%, var(--nx-context-stroke) 75%, transparent);
}
.nx-context__folio { display: flex; align-items: baseline; gap: 12px; }
.nx-context__count {
  display: block;
  margin: 0;
  color: var(--nx-context-ink);
  font-family: var(--nx-fuente-titulo);
  font-size: 76px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.075em;
  font-variant-numeric: tabular-nums;
}
.nx-context__total {
  color: var(--nx-context-muted);
  font-size: 11px;
  letter-spacing: .08em;
}
.nx-context__art { display: block; width: 154px; height: 112px; margin: 16px 0 22px; overflow: visible; }
.nx-context__guide { stroke: var(--nx-context-stroke); stroke-width: .6; stroke-dasharray: 2 5; }
.nx-context__planes { stroke: var(--nx-context-stroke); stroke-width: 1; transform: translateY(var(--nx-art-shift, 0px)); transition: transform .7s cubic-bezier(.2,.7,.2,1); }
.nx-context__accent { stroke: var(--nx-context-accent); stroke-width: 1.5; }
.nx-context__node { fill: var(--nx-context-accent); stroke: none; }
.nx-context__investment { display: none; }
.nx-context--investment .nx-context__art { display: none; }
.nx-context--investment .nx-context__investment { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 28px 0 30px; }
.nx-context__investment > span { padding-top: 9px; border-top: 2px solid var(--nx-context-stroke); color: var(--nx-context-muted); font-size: 10px; letter-spacing: .06em; }
.nx-context__investment > span.is-current { border-top-color: var(--nx-context-accent); color: var(--nx-context-accent); }
.nx-context__label,
.nx-context__title,
.nx-context__text { display: block; margin-inline-start: 0; }
.nx-context__label {
  margin-block-end: 12px;
  color: var(--nx-context-accent);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .16em;
  line-height: 1.5;
  text-transform: uppercase;
}
.nx-context__title {
  margin-block-end: 10px;
  font-family: var(--nx-fuente-titulo);
  font-size: 21px;
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.18;
  text-wrap: balance;
}
.nx-context__title:empty, .nx-context__text:empty { display: none; }
.nx-context__text { color: var(--nx-context-muted); font-size: 11px; line-height: 1.6; }
.nx-context__copy, .nx-context__folio { transition: opacity .16s ease, transform .25s ease; }
.nx-context--updated .nx-context__copy, .nx-context--updated .nx-context__folio { opacity: 0; transform: translateY(6px); }
.nx-context__steps { display: flex; gap: 5px; margin-block-start: 20px; pointer-events: auto; }
.nx-context__steps button {
  position: relative;
  flex: 1;
  min-width: 0;
  height: 32px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.nx-context__steps button::before { content: ''; position: absolute; inset: 15px 0 auto; height: 2px; background: var(--nx-context-stroke); transition: background .3s ease, transform .3s ease; }
.nx-context__steps button[aria-current]::before { background: var(--nx-context-accent); transform: scaleY(2); }
.nx-context__steps button:hover::before { background: var(--nx-context-ink); }
.nx-context__steps button[aria-current]:hover::before { background: var(--nx-context-accent); }
.nx-context__steps button:focus-visible { outline: 1px solid var(--nx-context-accent); outline-offset: 3px; }

@media (min-width: 1101px) {
  /* Keep section backgrounds full bleed; only the inner reading area moves. */
  .nx-context-enabled #nx-contenido .nx-seccion,
  .nx-context-enabled #nx-contenido .nx-hero { padding-inline-start: clamp(274px, 19vw, 370px); }
  .nx-context-enabled .nx-hero__cifras { inset-inline-start: clamp(274px, 19vw, 370px); }
  .nx-context-enabled .nx-hero__titulo { max-width: 1160px; font-size: clamp(48px, 4.6vw, 88px); line-height: 1.07; letter-spacing: -.045em; text-wrap: balance; }
  .nx-context-enabled .nx-hero .nx-lead { max-width: 35em; }
  .nx-context-enabled .nx-hero .nx-sub { max-width: 36em; }
  .nx-context-enabled #nx-contenido .nx-hero__velo { background: linear-gradient(90deg, rgba(7,7,7,.96), rgba(7,7,7,.82) 36%, rgba(7,7,7,.28) 76%, rgba(7,7,7,.12)); }
}
@media (max-width: 1100px) { .nx-context { display: none; } }
@media (max-height: 740px) and (min-width: 1101px) {
  .nx-context { inset-block-start: 57%; }
  .nx-context__count { font-size: 60px; }
  .nx-context__art { height: 80px; margin-block: 10px 16px; }
  .nx-context__title { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) {
  .nx-context, .nx-context *, .nx-context *::before { transition: none !important; }
}