/* ══════════ VARIANTE 1 · el hero es el video, conservando su color ══════════ */
#page-market .hv-full{position:relative;isolation:isolate;background:#101A3C}
#page-market .hv-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
/* sólo desenfoque: nada de desaturar ni oscurecer el metraje */
#page-market .hv-full .hero-video{position:absolute;inset:0;height:100%;margin:0;
  filter:blur(6px) saturate(1.08);transform:scale(1.05)}
#page-market .hv-full .hero-video::after{display:none}
/* velo mínimo, sólo donde apoya el texto */
#page-market .hv-bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(8,12,34,.42) 0%,rgba(8,12,34,.08) 38%,
    rgba(8,12,34,.12) 58%,rgba(8,12,34,.55) 100%)}
#page-market .hv-full .chp-hero,
#page-market .hv-full .opening,
#page-market .hv-full .hv-stats{position:relative;z-index:2;background:transparent}
#page-market .hv-full .opening{border-top:1px solid rgba(255,255,255,.2)!important}
#page-market .hv-full .hv-stats{border-top:1px solid rgba(255,255,255,.2)}
#page-market .hv-full .chp-hero-in{padding-top:clamp(60px,12vh,150px)}

/* ══════════════════════════════════════════════════════════════
   PIE DE CAPÍTULO — navegación entre mercados
   (vive fuera de .chp-body, así la navegación lateral sticky
    no puede montarse encima; lleva sus propios tokens claros)
   ══════════════════════════════════════════════════════════════ */
#page-market .chapnav{
  --tx:#0A1240;--tx-70:rgba(10,18,64,.72);--tx-45:rgba(10,18,64,.46);
  --ln:rgba(10,18,64,.13);--ln2:rgba(10,18,64,.09);--acc2:#1043FA;
  clear:both;background:#fff;color:var(--tx);
  margin-top:clamp(10px,1.2vw,20px);padding:0 var(--wrapg) clamp(30px,3.8vw,62px)}
#page-market .cn-pair{display:grid;grid-template-columns:1fr 1fr}
#page-market .cn-pair{margin-bottom:0}
#page-market .cn-card{position:relative;display:block;
  padding:clamp(24px,3vw,46px) clamp(18px,2.4vw,40px) clamp(26px,3.2vw,52px);
  border-bottom:0;transition:background .35s var(--ease)}
#page-market .cn-card+.cn-card{border-left:1px solid var(--ln2)}
#page-market .cn-next{text-align:right}
/* las dos tarjetas abren y cierran contra la guía, sin sangría propia */
#page-market .cn-prev{padding-left:0}
#page-market .cn-next{padding-right:0}

#page-market .cn-dir{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);
  font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--tx-45)}
#page-market .cn-next .cn-dir{flex-direction:row-reverse}
#page-market .cn-dir i{font-style:normal;font-size:15px;line-height:1;
  transition:transform .32s var(--ease)}
#page-market .cn-card b{display:block;margin-top:clamp(16px,2vw,26px);font-size:clamp(32px,4.4vw,66px);
  font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--tx);
  transition:color .3s var(--ease)}

#page-market .cn-card p{margin-top:clamp(10px,1.2vw,16px);max-width:24em;font-size:14.5px;
  line-height:1.45;color:var(--tx-70)}
#page-market .cn-next p{margin-left:auto}
@media(max-width:760px){
  #page-market .cn-pair{grid-template-columns:1fr}
  #page-market .cn-card+.cn-card{border-left:0}
  #page-market .cn-next{text-align:left}
  #page-market .cn-next .cn-dir{flex-direction:row}
  #page-market .cn-next p{margin-left:0}
}

/* ══════════════ CIFRAS · cinta continua sobre el borde del video ══════════════ */
#page-market .hv-full .hv-stats{border-top:1px solid rgba(255,255,255,.2);overflow:hidden}
#page-market .kx-tick{position:relative;padding:clamp(34px,4.2vw,64px) 0;
  min-height:clamp(112px,11.5vw,190px)}
#page-market .tk-track{display:flex;width:max-content;align-items:baseline;
  animation:tkrun 52s linear infinite}
#page-market .kx-tick:hover .tk-track{animation-play-state:paused}
@keyframes tkrun{from{transform:translateX(0)}to{transform:translateX(-50%)}}
#page-market .tk-i{flex:0 0 auto;display:flex;align-items:baseline;gap:12px;
  padding:0 clamp(22px,2.6vw,44px)}
#page-market .tk-i b{font-family:var(--sans);font-weight:300;font-size:clamp(30px,3.4vw,58px);
  letter-spacing:-.05em;line-height:1;color:#fff;white-space:nowrap;
  font-variant-numeric:tabular-nums}
#page-market .tk-i em{font-style:normal;font-family:var(--mono);font-size:10px;font-weight:500;
  letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.6);white-space:nowrap}
#page-market .tk-d{flex:0 0 auto;align-self:center;width:9px;height:9px;text-decoration:none;
  transform:rotate(45deg);background:rgba(255,255,255,.5)}
#page-market .tk-fade{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(11,16,42,.5),transparent 12%,transparent 88%,rgba(11,16,42,.5))}

/* ══════════════ variante postal: la estampilla ══════════════ */
#page-market .hv-full .chp-hero-in{padding-top:clamp(46px,8vh,110px)}
#page-market .postcard{display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:end;gap:clamp(30px,5vw,84px)}
#page-market .pc-l{min-width:0}
#page-market .pc-r{flex:none}
#page-market .stamp{position:relative;width:clamp(190px,20vw,290px);
  transform:rotate(-3.2deg);transform-origin:100% 100%;
  filter:drop-shadow(0 22px 46px rgba(4,10,40,.42));
  opacity:0;animation:none}
#page-market .stamp.in{animation:stampIn 1.05s cubic-bezier(.2,.9,.24,1) .15s both}
@keyframes stampIn{
  0%{opacity:0;transform:rotate(-9deg) translateY(30px) scale(.94)}
  100%{opacity:1;transform:rotate(-3.2deg) translateY(0) scale(1)}}
#page-market .stamp-svg{display:block;width:100%;height:auto}
#page-market .stamp .st-word{font-family:var(--sans);font-weight:800;font-size:86px;
  letter-spacing:-.045em;fill:#1D2A80}
/* debajo del país va la región, en el mono tracked del sello: es el
   único dato que no caduca con el año de los datos */
#page-market .stamp .st-region{font-family:var(--mono);font-weight:500;font-size:36px;
  letter-spacing:.18em;fill:#C9A227}
@media(max-width:1060px){
  #page-market .postcard{grid-template-columns:1fr;gap:clamp(26px,4vw,44px)}
  #page-market .pc-r{justify-self:start}
  #page-market .stamp{transform:rotate(-2.4deg);transform-origin:0 100%;
    width:clamp(168px,30vw,230px)}
}
@media(prefers-reduced-motion:reduce){
  #page-market .stamp,#page-market .stamp.in{opacity:1;animation:none;
    transform:rotate(-3.2deg)}}

/* ══════════════ el titular como pieza gráfica: "Brazil" ══════════════ */
#page-market .chp-hero h1{font-weight:600}
#page-market .mk-name{font-family:var(--sans);font-style:normal;
  font-weight:inherit;font-size:1em;letter-spacing:inherit;
  /* background-clip:text solo pinta dentro de la caja. Con padding no
     alcanza: Safari recorta el degradé a la caja de contenido y las letras
     con descendente (g de Nigeria, Argentina) quedan cortadas. Por eso la
     caja se agranda con line-height, que todos los motores respetan, y los
     márgenes negativos devuelven el espacio para que el titular no se mueva. */
  display:inline-block;line-height:1.5;vertical-align:top;
  padding:0 .06em 0 .04em;margin:-.3em -.02em -.3em -.02em;
  background:linear-gradient(94deg,#FFFFFF 4%,#CFE7FF 40%,#8FC8FF 92%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-fill-color:transparent}
@media(prefers-reduced-motion:reduce){
  #page-market .tk-track{animation:none}
  #page-market .kx-tick{overflow-x:auto;scrollbar-width:none}
  #page-market .kx-tick::-webkit-scrollbar{display:none}}

/* La cortina de solo-desktop ya no aplica: el capítulo tiene su propia
   composición para tablet y teléfono, al final de la hoja. */
.dtonly{display:none}