/* ══════════════════════════════════════════════════════════════════
   "THE WAY LOCALS PAY" — tres propuestas (02/10)
   Mismo contenido en las tres: mix de pagos online + métodos locales.
   Pedido: más baja, que se lea como un módulo que se repite en todos
   los países (no como una sección más del texto), más pegada al hero,
   sólo las tarjetas locales marcadas y el selector de años arriba a la
   derecha del gráfico, alineado a su título.

   A · franja dentro del hero, sobre la foto
   B · tarjeta que monta sobre el borde inferior del hero
   C · ficha de país: banda tintada pegada al hero
   ══════════════════════════════════════════════════════════════════ */

/* ── base común ─────────────────────────────────────────────────── */
#page-market .pov-v{
  --tx:#0A1240;--tx-70:rgba(10,18,64,.72);--tx-45:rgba(10,18,64,.5);
  --ln:rgba(10,18,64,.12);--acc2:#2D58F5;
  position:relative;z-index:3;padding:0;background:none;color:var(--tx);text-align:left}
#page-market .pov-v .pov-in{display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
  grid-template-areas:"top top" "mix apm";
  column-gap:clamp(28px,3.4vw,64px);row-gap:clamp(16px,1.6vw,24px)}
#page-market .pov-v .pov-top{grid-area:top;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
#page-market .pov-v .pov-mix{grid-area:mix;margin:0;padding:0;min-width:0}
#page-market .pov-v .pov-apm{grid-area:apm;min-width:0}
#page-market .pov-v .pov-kick{font:600 10.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--tx-45)}
#page-market .pov-v .pov-title{font:600 clamp(20px,1.9vw,28px)/1.1 var(--sans);letter-spacing:-.025em;margin:0;color:var(--tx)}
#page-market .pov-v .pov-h{font:600 clamp(14px,1.05vw,16px)/1.25 var(--sans);letter-spacing:-.01em;margin:0;color:var(--tx)}
#page-market .pov-v .pov-cap{margin:3px 0 0;font-size:13px;line-height:1.35;color:var(--tx-45)}

/* cabecera del gráfico: título a la izquierda, años a la derecha */
#page-market .pov-v .pov-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}

/* ── selector de años horizontal ── */
#page-market .yr-h{flex:none}
#page-market .yr-h .yd-side{position:relative;display:flex;gap:2px;padding:3px;border-radius:999px;
  background:rgba(10,18,64,.06);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}
#page-market .yr-h .yd-side::before,#page-market .yr-h .yd-fill{display:none}
#page-market .yr-h .yd-dot{position:absolute;top:3px;bottom:3px;left:3px;width:0;height:auto;border-radius:999px;
  background:#fff;box-shadow:0 1px 3px rgba(10,18,64,.18);transform:none;
  transition:left .32s var(--ease),width .32s var(--ease)}
#page-market .yr-h .yd-side button{position:relative;z-index:1;width:auto;padding:6px 11px;
  font:600 12.5px/1 var(--sans);letter-spacing:0;font-variant-numeric:tabular-nums;
  color:var(--tx-45);background:none;border-radius:999px}
#page-market .yr-h .yd-side button.on{color:var(--acc2)}
#page-market .yr-h .yd-side:focus-visible{box-shadow:0 0 0 2px var(--acc2)}

/* ── barra compacta: etiqueta en línea, sólo en los dos tramos grandes ── */
#page-market .pov-v #mixChart .stack-bar,
#page-market .pov-v .stack-bar{height:56px;border-radius:10px}
#page-market .pov-v #mixChart .stack-bar i b{top:50%;left:14px;right:10px;transform:translateY(-50%);
  flex-direction:row;align-items:baseline;gap:7px;overflow:hidden}
#page-market .pov-v #mixChart .stack-bar i b em{font-size:22px;font-weight:600;letter-spacing:-.03em}
#page-market .pov-v #mixChart .stack-bar i b s{font-size:12.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#page-market .pov-v .cleg{gap:6px 16px;margin-top:12px}
#page-market .pov-v .cleg li{font-size:12.5px;gap:7px;color:var(--tx-70)}
#page-market .pov-v .cleg li i{width:10px;height:10px;border-radius:3px}
#page-market .pov-v .chart-foot{padding-top:10px}
#page-market .pov-v .chart-src{margin:0;padding:0;font:600 9.5px/1.4 var(--sans);letter-spacing:.08em;
  text-transform:uppercase;color:var(--tx-45)}

/* ── logos: fichas chicas, tres por fila; sólo las tarjetas locales
      llevan rótulo ── */
#page-market .pov-v .pov-logos{list-style:none;margin:12px 0 0;padding:0;display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#page-market .pov-v .pov-logos li{position:relative;display:flex;align-items:center;justify-content:center;
  height:56px;padding:0 12px;border-radius:10px;background:#fff;border:1px solid var(--ln)}
#page-market .pov-v .pov-logos .lg{display:flex;align-items:center;justify-content:center}
#page-market .pov-v .pov-logos img{display:block;width:auto;max-width:100%;height:calc(var(--h,26px)*.72)}
#page-market .pov-v .pov-logos .pm-type{position:absolute;top:5px;right:7px;font:600 8px/1 var(--sans);
  font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--acc2)}

/* el índice lateral ya no se despega para entrar a la altura de la
   sección: la sección es parte de la cabecera */
#page-market .pov-v ~ .secnav,
#page-market .hero-shell:has(.pov-a) ~ .secnav{margin-top:clamp(28px,3vw,44px)}

/* ══ A · franja dentro del hero ═════════════════════════════════════
   Vive sobre la misma foto, debajo de la cinta de cifras, en un vidrio
   oscuro: se lee como parte de la cabecera del país, no del texto. */
#page-market .pov-a{
  --tx:#fff;--tx-70:rgba(255,255,255,.78);--tx-45:rgba(255,255,255,.58);--ln:rgba(255,255,255,.18);--acc2:#ADE2FF;
  margin:0;padding:clamp(22px,2.2vw,32px) var(--gut) clamp(26px,2.6vw,38px);
  border-top:1px solid rgba(255,255,255,.2);
  background:rgba(8,14,48,.42);-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}
#page-market .pov-a .yr-h .yd-side{background:rgba(255,255,255,.12)}
#page-market .pov-a .yr-h .yd-dot{background:#fff}
#page-market .pov-a .yr-h .yd-side button.on{color:#2D58F5}
#page-market .pov-a .pov-logos li{border-color:transparent}
#page-market .pov-a .pov-logos .pm-type{color:#2D58F5}
#page-market .pov-a .cleg li i{outline:1px solid rgba(255,255,255,.25);outline-offset:-1px}

/* ══ B · tarjeta sobre el borde del hero ════════════════════════════
   Sube sobre la foto y baja sobre el blanco: queda a medio camino entre
   cabecera y cuerpo, como un recuadro fijo de cada mercado. */
#page-market .pov-b{margin:calc(-1 * clamp(70px,7vw,110px)) var(--gut) 0;
  padding:clamp(24px,2.4vw,36px) clamp(24px,2.6vw,40px);
  background:#fff;border-radius:clamp(16px,1.6vw,22px);
  box-shadow:0 24px 60px -24px rgba(10,18,64,.35),0 2px 8px rgba(10,18,64,.06)}
#page-market .pov-b .pov-top{padding-bottom:14px;border-bottom:1px solid var(--ln)}
#page-market .pov-b .pov-logos li{background:#F6F8FF;border-color:transparent}
/* el hero deja lugar para que la tarjeta monte sin tapar la cinta */
#page-market .hero-shell:has(+ .pov-b),
#page-market .hero-shell:has(~ .pov-b){padding-bottom:clamp(70px,7vw,110px)}

/* ══ C · ficha de país ══════════════════════════════════════════════
   Banda tintada pegada al hero, en tres columnas: el rótulo de la ficha
   a la izquierda (sobre la misma columna que el índice lateral), el mix
   y los métodos. Un filete de marca arriba la separa del texto. */
#page-market .pov-c{padding:clamp(26px,2.6vw,40px) var(--gut) clamp(28px,2.8vw,42px);
  background:#EEF3FF;border-top:3px solid transparent;
  border-image:linear-gradient(90deg,#2D58F5,#5AC8FA) 1}
#page-market .pov-c .pov-in{grid-template-columns:calc(var(--colx) - var(--gut) - clamp(28px,3.4vw,64px)) minmax(0,1.55fr) minmax(0,1fr);
  grid-template-areas:"top mix apm"}
#page-market .pov-c .pov-top{flex-direction:column;align-items:flex-start;gap:10px}
#page-market .pov-c .pov-title{font-size:clamp(22px,2.1vw,32px)}
#page-market .pov-c .yr-h .yd-side{background:rgba(16,67,250,.08)}

/* ── angosto: todo en una columna ── */
@media(max-width:980px){
  #page-market .pov-v .pov-in,
  #page-market .pov-c .pov-in{grid-template-columns:1fr;grid-template-areas:"top" "mix" "apm"}
  #page-market .pov-b{margin-top:-48px}
}
@media(max-width:560px){
  #page-market .pov-v .pov-head{flex-direction:column}
  #page-market .pov-v .pov-logos{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ── selector de opciones (sólo para la revisión) ── */
.pov-switch{position:fixed;left:16px;bottom:16px;z-index:200;display:flex;align-items:center;gap:4px;
  padding:5px 5px 5px 14px;border-radius:999px;background:#0A1240;color:#fff;
  font:600 11px/1 var(--sans);letter-spacing:.06em;box-shadow:0 10px 30px rgba(10,18,64,.3)}
.pov-switch span{margin-right:8px;opacity:.7;text-transform:uppercase}
.pov-switch a{display:grid;place-items:center;width:28px;height:30px;border-radius:50%;color:#fff;text-decoration:none}
.pov-switch a.on{background:#2D58F5}
.pov-switch a:not(.on):hover{background:rgba(255,255,255,.14)}

/* ══ D · línea de datos en el hero ═════════════════════════════════
   La más baja: una sola fila al pie del hero, sin caja. Barra fina,
   leyenda corta y los logos en blanco, como la cinta de cifras. */
#page-market .pov-d{
  --tx:#fff;--tx-70:rgba(255,255,255,.78);--tx-45:rgba(255,255,255,.58);--ln:rgba(255,255,255,.2);--acc2:#ADE2FF;
  padding:clamp(18px,1.8vw,26px) var(--gut) clamp(22px,2.2vw,30px);border-top:1px solid rgba(255,255,255,.2)}
#page-market .pov-d .pov-in{grid-template-columns:auto minmax(0,1.6fr) minmax(0,1fr);grid-template-areas:"top mix apm";align-items:start}
#page-market .pov-d .pov-top{flex-direction:column;align-items:flex-start;gap:8px;max-width:11em}
#page-market .pov-d .pov-title{font-size:clamp(18px,1.6vw,22px)}
#page-market .pov-d #mixChart .stack-bar{height:30px;border-radius:999px}
#page-market .pov-d #mixChart .stack-bar i b{display:none}
#page-market .pov-d .yr-h .yd-side{background:rgba(255,255,255,.12)}
#page-market .pov-d .yr-h .yd-side button.on{color:#2D58F5}
#page-market .pov-d .cleg li i{outline:1px solid rgba(255,255,255,.25);outline-offset:-1px}
#page-market .pov-d .pov-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px}
/* logos en pastillas blancas bajas: algunas marcas (Boleto, Mercado
   Pago) no se leen pasadas a blanco */
#page-market .pov-d .pov-logos{gap:8px}
#page-market .pov-d .pov-logos li{height:40px;border:0;border-radius:999px}
#page-market .pov-d .pov-logos img{height:calc(var(--h,26px)*.6)}
#page-market .pov-d .pov-logos .pm-type{top:-7px;right:8px;padding:2px 5px;border-radius:4px;background:#2D58F5;color:#fff;font-size:7.5px}
@media(max-width:980px){#page-market .pov-d .pov-in{grid-template-columns:1fr;grid-template-areas:"top" "mix" "apm"}}

/* ══ E · módulo oscuro bajo el hero ════════════════════════════════
   Banda azul noche a todo el ancho, pegada al hero: el cambio de color
   lo separa del texto blanco y lo ata a la cabecera. Logos en blanco. */
#page-market .pov-e{
  --tx:#fff;--tx-70:rgba(255,255,255,.76);--tx-45:rgba(255,255,255,.55);--ln:rgba(255,255,255,.14);--acc2:#ADE2FF;
  padding:clamp(26px,2.6vw,38px) var(--gut);background:#0A1240;
  background:linear-gradient(180deg,#101A55 0%,#0A1240 100%)}
#page-market .pov-e .pov-in{grid-template-columns:calc(var(--colx) - var(--gut) - clamp(28px,3.4vw,64px)) minmax(0,1.55fr) minmax(0,1fr);
  grid-template-areas:"top mix apm"}
#page-market .pov-e .pov-top{flex-direction:column;align-items:flex-start;gap:10px}
#page-market .pov-e .yr-h .yd-side{background:rgba(255,255,255,.1)}
#page-market .pov-e .yr-h .yd-side button.on{color:#2D58F5}
#page-market .pov-e .cleg li i{outline:1px solid rgba(255,255,255,.2);outline-offset:-1px}
#page-market .pov-e .pov-logos li{background:#fff;border-color:transparent}
#page-market .pov-e .pov-logos .pm-type{color:#2D58F5}
@media(max-width:980px){#page-market .pov-e .pov-in{grid-template-columns:1fr;grid-template-areas:"top" "mix" "apm"}}

/* ══ F · dos tarjetas sobre el borde del hero ══════════════════════
   El rótulo queda escrito sobre la foto y debajo montan dos tarjetas
   separadas, una por dato: se lee como un tablero fijo del país. */
#page-market .pov-f{margin-top:calc(-1 * clamp(150px,13vw,190px));padding:0 var(--gut)}
#page-market .pov-f .pov-top{--tx:#fff;--tx-45:rgba(255,255,255,.65)}
#page-market .pov-f .pov-mix,
#page-market .pov-f .pov-apm{background:#fff;border-radius:clamp(14px,1.4vw,20px);
  padding:clamp(20px,2vw,28px) clamp(20px,2.2vw,32px);
  box-shadow:0 22px 50px -24px rgba(10,18,64,.35),0 2px 8px rgba(10,18,64,.06)}
#page-market .pov-f .pov-logos li{background:#F6F8FF;border-color:transparent}
#page-market .hero-shell:has(~ .pov-f){padding-bottom:clamp(150px,13vw,190px)}

/* ══ G · ficha de país (C revisada) ════════════════════════════════
   Igual que C pero el título va en una fila arriba, a todo el ancho, y
   sin filete: la banda celeste sube por detrás del hero, así las
   esquinas redondeadas apoyan sobre celeste y no queda el corte blanco. */
#page-market .hero-shell:has(~ .pov-g){z-index:2}
#page-market .pov-g{z-index:1;margin-top:calc(-1 * var(--povg-under,40px));
  padding:calc(var(--povg-under,40px) + clamp(24px,2.4vw,36px)) var(--gut) clamp(28px,2.8vw,42px);
  background:#EEF3FF}
#page-market .pov-g .yr-h .yd-side{background:rgba(16,67,250,.08)}

/* B: sin rótulo de ficha y con el título del gráfico y su alcance en
   una sola línea */
#page-market .pov-b .pov-kick{display:none}
#page-market .pov-b .pov-head>div:first-child{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
#page-market .pov-b .pov-head .pov-cap{margin:0}
#page-market .pov-b .pov-head .pov-cap::before{content:"·";margin-right:10px;color:var(--tx-45)}

/* etiquetas de la barra: centradas en el tramo con flex, sin posición
   absoluta, para que no se recorten abajo con la tipo real */
#page-market .pov-v #mixChart .stack-bar i{display:flex;align-items:center}
#page-market .pov-v #mixChart .stack-bar i b{position:static;transform:none;top:auto;left:auto;right:auto;
  padding:0 12px 0 14px;line-height:1.25;min-width:0}
#page-market .pov-v #mixChart .stack-bar i b em,
#page-market .pov-v #mixChart .stack-bar i b s{line-height:1.25}

/* G: sin rótulo de ficha */
#page-market .pov-g .pov-kick{display:none}

/* etiquetas de la barra: sin recorte en el contenedor (con la tipo real
   el overflow cortaba los glifos); sólo el nombre se acorta con "…" */
#page-market .pov-v #mixChart .stack-bar i b{overflow:visible;max-width:100%;padding-top:2px;padding-bottom:2px}
#page-market .pov-v #mixChart .stack-bar i b em{flex:none}
#page-market .pov-v #mixChart .stack-bar i b s{flex:1 1 auto;min-width:0}

/* B: años discretos, como texto; el elegido en azul con un subrayado
   fino que se desliza */
#page-market .pov-b .yr-h .yd-side{background:none;padding:0;gap:14px}
#page-market .pov-b .yr-h .yd-dot{top:auto;bottom:-3px;height:1.5px;background:var(--acc2);box-shadow:none;border-radius:2px}
#page-market .pov-b .yr-h .yd-side button{padding:4px 0;font-size:12px;font-weight:500;color:var(--tx-45)}
#page-market .pov-b .yr-h .yd-side button:hover{color:var(--tx)}
#page-market .pov-b .yr-h .yd-side button.on{color:var(--acc2);font-weight:600}

/* B: sombra más suave */
#page-market .pov-b{box-shadow:0 16px 40px -22px rgba(10,18,64,.2),0 1px 4px rgba(10,18,64,.04)}

/* ══ H · B apilada: el mix arriba a todo el ancho, los métodos abajo
   en una sola fila ═══════════════════════════════════════════════ */
#page-market .pov-b.pov-stack .pov-in{grid-template-columns:1fr;grid-template-areas:"top" "mix" "apm";row-gap:clamp(20px,2vw,28px)}
#page-market .pov-b.pov-stack .pov-apm{padding-top:clamp(18px,1.8vw,24px);border-top:1px solid var(--ln)}
#page-market .pov-b.pov-stack .pov-logos{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:760px){#page-market .pov-b.pov-stack .pov-logos{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ══ I · J · K — misma estructura que H (mix arriba a todo el ancho,
   métodos abajo en una fila), tres tratamientos distintos ═════════ */
#page-market .pov-stk .pov-in{grid-template-columns:1fr;grid-template-areas:"top" "mix" "apm";row-gap:clamp(18px,1.8vw,26px)}
#page-market .pov-stk .pov-logos{grid-template-columns:repeat(6,minmax(0,1fr))}
#page-market .pov-stk .pov-kick{display:none}
#page-market .pov-stk .yr-h .yd-side{background:none;padding:0;gap:14px}
#page-market .pov-stk .yr-h .yd-dot{top:auto;bottom:-3px;height:1.5px;background:var(--acc2);box-shadow:none;border-radius:2px}
#page-market .pov-stk .yr-h .yd-side button{padding:4px 0;font-size:12px;font-weight:500;color:var(--tx-45)}
#page-market .pov-stk .yr-h .yd-side button.on{color:var(--acc2);font-weight:600}
@media(max-width:760px){#page-market .pov-stk .pov-logos{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* I · dentro del hero: vidrio oscuro sobre la foto, sin caja; logos en
   pastillas blancas bajas */
#page-market .pov-i{
  --tx:#fff;--tx-70:rgba(255,255,255,.78);--tx-45:rgba(255,255,255,.58);--ln:rgba(255,255,255,.18);--acc2:#ADE2FF;
  padding:clamp(24px,2.4vw,34px) var(--gut) clamp(28px,2.8vw,40px);border-top:1px solid rgba(255,255,255,.2);
  background:rgba(8,14,48,.42);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
#page-market .pov-i .pov-logos li{height:46px;border:0;border-radius:999px}
#page-market .pov-i .cleg li i{outline:1px solid rgba(255,255,255,.25);outline-offset:-1px}

/* J · tarjeta sobre el borde del hero, métodos en una tira: una sola
   pieza con divisiones finas, el rótulo a la izquierda en la misma fila */
#page-market .pov-j{margin:calc(-1 * clamp(70px,7vw,110px)) var(--gut) 0;
  padding:clamp(24px,2.4vw,34px) clamp(24px,2.6vw,40px);background:#fff;border-radius:clamp(16px,1.6vw,22px);
  box-shadow:0 16px 40px -22px rgba(10,18,64,.2),0 1px 4px rgba(10,18,64,.04)}
#page-market .hero-shell:has(~ .pov-j){padding-bottom:clamp(70px,7vw,110px)}
#page-market .pov-j .pov-apm{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px}
#page-market .pov-j .pov-apm .pov-h{max-width:9em}
#page-market .pov-j .pov-logos{margin:0;gap:0;border:1px solid var(--ln);border-radius:12px;overflow:hidden}
#page-market .pov-j .pov-logos li{border:0;border-radius:0;background:#fff}
#page-market .pov-j .pov-logos li+li{border-left:1px solid var(--ln)}
@media(max-width:900px){#page-market .pov-j .pov-apm{grid-template-columns:1fr;gap:12px}
  #page-market .pov-j .pov-logos li:nth-child(4){border-left:0}}

/* K · banda celeste pegada al hero (como G), sin caja; logos en fichas
   blancas */
#page-market .hero-shell:has(~ .pov-k){z-index:2}
#page-market .pov-k{z-index:1;margin-top:-40px;
  padding:calc(40px + clamp(26px,2.6vw,38px)) var(--gut) clamp(30px,3vw,44px);background:#EEF3FF}
#page-market .pov-k .pov-logos li{border-color:transparent}
#page-market .pov-k .pov-apm{padding-top:clamp(18px,1.8vw,24px);border-top:1px solid rgba(16,67,250,.12)}

/* J: la tira mide lo que sus logos (con 2 métodos no quedan celdas vacías) */
#page-market .pov-j .pov-logos{display:flex;justify-self:start;max-width:100%}
#page-market .pov-j .pov-logos li{flex:0 0 clamp(110px,11vw,170px);min-width:0}

/* H: más aire adentro y la tarjeta más despegada de la cinta de cifras */
#page-market .pov-b.pov-stack{padding:clamp(32px,3.2vw,48px) clamp(32px,3.4vw,56px)}
#page-market .pov-b.pov-stack .pov-in{row-gap:clamp(26px,2.6vw,36px)}
#page-market .pov-b.pov-stack .pov-top{padding-bottom:clamp(18px,1.8vw,24px)}
#page-market .pov-b.pov-stack .pov-apm{padding-top:clamp(24px,2.4vw,32px)}
#page-market .hero-shell:has(~ .pov-b.pov-stack){padding-bottom:calc(clamp(70px,7vw,110px) + clamp(12px,1.2vw,20px))}

/* H: sin fuente al pie del gráfico */
#page-market .pov-b.pov-stack .chart-foot{display:none}

/* H: subtítulos un poco más grandes */
#page-market .pov-b.pov-stack .pov-h{font-size:clamp(16px,1.25vw,19px)}

/* ══ Versión final (H) en todos los países · 02/10 ══════════════════
   barra un poco más alta, la fuente vuelve debajo y la bajada de los
   métodos locales */
#page-market .pov-b.pov-stack #mixChart .stack-bar,
#page-market .pov-b.pov-stack .stack-bar{height:clamp(68px,5.6vw,84px)}
#page-market .pov-b.pov-stack .chart-foot{display:flex;padding-top:12px}
#page-market .pov-b.pov-stack .pov-lede{margin:6px 0 0;max-width:62ch;font-size:clamp(14px,1.05vw,15.5px);line-height:1.5;color:var(--tx-45)}
#page-market .pov-b.pov-stack .pov-lede + .pov-logos{margin-top:16px}
/* etiquetas dentro de la barra más grandes */
#page-market .pov-b.pov-stack #mixChart .stack-bar i b{padding:0 16px 0 clamp(16px,1.6vw,24px);gap:10px}
#page-market .pov-b.pov-stack #mixChart .stack-bar i b em{font-size:clamp(28px,2.6vw,38px)}
#page-market .pov-b.pov-stack #mixChart .stack-bar i b s{font-size:clamp(15px,1.25vw,18px)}
/* la fuente va al lado del título del gráfico */
#page-market .pov-b.pov-stack .pov-head>div:first-child{align-items:baseline;gap:4px 14px}
#page-market .pov-b.pov-stack .pov-src{margin:0;padding:0;white-space:nowrap}