/* ══ Markets of the Future: manifiesto ══════════════════════════════
   Una sola columna de lectura, tipografía grande, sin cajas que corten. */
#page-market{--mf-ink:#0A1240;--mf-mute:#7A819F;--mf-blue:#2143E9}

/* ── hero: el video cubre todo, título abajo, sello a la derecha ── */
#page-market .mf-hero{min-height:clamp(600px,88vh,920px);display:flex;flex-direction:column}
#page-market .mf-hero .hv-bg{position:absolute;inset:0;border-radius:inherit;overflow:hidden}
#page-market .mf-hero .hero-video{position:absolute!important;inset:0!important;height:100%!important;width:100%!important;margin:0!important;filter:none!important;transform:none!important}
#page-market .mf-hero .hero-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#page-market .mf-hero .hv-bg::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(6,10,52,.78) 0%,rgba(6,10,52,.32) 46%,rgba(6,10,52,.12) 100%)}
#page-market .mf-hero .chp-hero{flex:1;display:flex;flex-direction:column;position:relative;z-index:2}
#page-market .mf-hero .chp-hero-in{margin-top:auto;padding-bottom:clamp(48px,5.5vw,88px)!important}
#page-market .mf-hero .postcard{align-items:end}
#page-market .mf-hero h1.h1 .mk-name,#page-market .mf-hero h1.h1 .tw{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important}
#page-market .mf-hero h1.h1 .tw{opacity:.82}

/* sello propio */
#page-market .mf-stamp .mf-st-word{font-family:"Plus Jakarta Sans dLocal","Plus Jakarta Sans",sans-serif;font-weight:800;font-size:60px;letter-spacing:-.045em;fill:#1D2A80}
#page-market .mf-stamp .st-region{font-family:"Plus Jakarta Sans dLocal","Plus Jakarta Sans",sans-serif;font-weight:600;font-size:24px;letter-spacing:.16em;fill:#C9A227}

/* ── cuerpo ── */
#page-market .mf-body{padding:clamp(96px,9vw,150px) 0 clamp(40px,4vw,64px)!important;display:block!important}
#page-market .mf{max-width:820px;margin:0 auto;padding:0 24px;box-sizing:content-box}
#page-market .mf p{font-family:"Plus Jakarta Sans dLocal","Plus Jakarta Sans",sans-serif!important;font-weight:500;
  font-size:clamp(20px,1.6vw,24px);line-height:1.55;letter-spacing:-.012em;color:var(--mf-mute);margin:0 0 1.15em}
#page-market .mf p em.hl{font-style:normal;font-weight:600;color:var(--mf-ink);background:none}
#page-market .mf p i{color:var(--mf-ink);font-style:normal;font-weight:600}
#page-market .mf p.mf-lead{font-size:clamp(28px,2.7vw,40px);line-height:1.28;letter-spacing:-.028em;font-weight:600;color:var(--mf-ink);margin-bottom:1.25em}
#page-market .mf p.mf-line{font-size:clamp(28px,2.7vw,40px);line-height:1.22;letter-spacing:-.028em;font-weight:650;color:var(--mf-blue);margin:1.3em 0}

/* cifras dentro del texto: sin caja, sin borde */
#page-market .mf p.mf-fig{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 22px;margin:1.5em 0 1.6em;color:var(--mf-ink)}
#page-market .mf .mf-fig b{font-family:"Plus Jakarta Sans dLocal","Plus Jakarta Sans",sans-serif;font-weight:600;font-size:clamp(56px,5.4vw,84px);
  line-height:.95;letter-spacing:-.05em;color:var(--mf-blue);white-space:nowrap}
#page-market .mf .mf-fig b i.u{font-style:normal;margin-left:.06em}
#page-market .mf .mf-fig span{font-weight:600;font-size:clamp(19px,1.5vw,23px);line-height:1.3;color:var(--mf-ink);max-width:19em;letter-spacing:-.015em}
#page-market .mf .mf-figs{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px;margin:1.6em 0 1.8em}
#page-market .mf .mf-figs p.mf-fig{flex-direction:column;align-items:flex-start;margin:0}

/* ── video de Pedro: se expande al llegar ── */
#page-market .mf-vid{--p:0;margin:clamp(40px,4vw,64px) auto clamp(80px,7vw,120px);padding:0 24px;box-sizing:border-box;
  width:calc(min(868px,100%) + (100% - min(868px,100%)) * var(--p))}
#page-market .mf-vid-in{position:relative;border-radius:calc(28px - 8px * var(--p));overflow:hidden;background:#0A1240;aspect-ratio:16/9}
#page-market .mf-vid-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* ── cita de Pedro: tipográfica, sin foto ── */
#page-market .mf-quote{margin:0 0 clamp(80px,7vw,120px);padding:0}
#page-market .mf-qm{display:block;font-family:"Plus Jakarta Sans dLocal","Plus Jakarta Sans",sans-serif;font-weight:700;font-size:clamp(110px,10vw,160px);
  line-height:.62;height:.42em;color:var(--mf-blue);letter-spacing:0}
#page-market .mf-quote blockquote{margin:0;font-family:"Plus Jakarta Sans dLocal","Plus Jakarta Sans",sans-serif;font-weight:600;
  font-size:clamp(30px,3vw,46px);line-height:1.2;letter-spacing:-.032em;color:#A3A9C4}
#page-market .mf-quote blockquote b{font-weight:650;color:var(--mf-ink)}
#page-market .mf-quote figcaption{display:flex;align-items:center;gap:14px;margin-top:clamp(28px,2.6vw,40px)}
#page-market .mf-quote .ava{width:52px;height:52px;border-radius:50%;overflow:hidden;flex:none}
#page-market .mf-quote .ava img{width:100%;height:100%;object-fit:cover;display:block}
#page-market .mf-quote figcaption b{display:block;font:600 17px/1.2 "Plus Jakarta Sans dLocal","Plus Jakarta Sans",sans-serif;color:var(--mf-ink)}
#page-market .mf-quote figcaption small{display:block;font:500 15px/1.3 "Plus Jakarta Sans dLocal","Plus Jakarta Sans",sans-serif;color:var(--mf-mute);margin-top:3px}

@media(max-width:640px){
  #page-market .mf-hero{min-height:82vh}
  #page-market .mf-body{padding-top:64px!important}
  #page-market .mf{padding:0 20px}
  #page-market .mf .mf-figs{grid-template-columns:1fr}
  #page-market .mf-vid{padding:0 12px}
}
#page-market .mf p *,#page-market .mf-quote *{font-family:"Plus Jakarta Sans dLocal","Plus Jakarta Sans",sans-serif!important}
#page-market .mf .mf-fig b i.u{color:inherit!important;font-size:1em!important;font-weight:inherit}
#page-market .mf-hero h1.h1 .mk-name{font-size:.7em!important;line-height:.98!important;white-space:nowrap}
@media(max-width:900px){#page-market .mf-hero h1.h1 .mk-name{white-space:normal}}

/* ══ v3: hero con blur + postal, cierre hacia el capítulo 2 ══ */
#page-market .mf-hero{min-height:clamp(560px,76vh,820px)!important;position:relative;overflow:hidden}
#page-market .mf-hero .hero-video video{filter:blur(34px) saturate(1.15);transform:scale(1.18)}
#page-market .mf-hero .hv-bg::after{background:linear-gradient(100deg,rgba(18,40,200,.88) 0%,rgba(28,58,226,.72) 45%,rgba(28,58,226,.45) 100%)!important}
#page-market .mf-hero .chp-hero-in{padding-bottom:clamp(44px,4.6vw,76px)!important}
#page-market .mf-hero .postcard{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:clamp(32px,5vw,90px)!important}
#page-market .mf-desc{margin:clamp(20px,1.8vw,28px) 0 0;max-width:31em;color:rgba(255,255,255,.86);
  font:500 clamp(17px,1.3vw,20px)/1.5 "Plus Jakarta Sans dLocal","Plus Jakarta Sans",sans-serif;letter-spacing:-.01em}

/* postal con el video (la cara siempre visible) */
#page-market .mf-post{position:relative;width:clamp(250px,23vw,340px);transform:rotate(3deg);margin:24px 10px 0 0;
  filter:drop-shadow(0 26px 48px rgba(4,10,60,.38))}
#page-market .mf-frame{--r:8px;--s:21px;position:relative;padding:15px;background:#F6F4EC;aspect-ratio:3/4;box-sizing:border-box;
  -webkit-mask:radial-gradient(circle var(--r),#0000 97%,#000) calc(var(--s)/-2) calc(var(--s)/-2)/var(--s) var(--s) round,linear-gradient(#000 0 0) content-box;
  -webkit-mask-composite:source-over;
  mask:radial-gradient(circle var(--r),#0000 97%,#000) calc(var(--s)/-2) calc(var(--s)/-2)/var(--s) var(--s) round,linear-gradient(#000 0 0) content-box;
  mask-composite:add}
#page-market .mf-frame video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%;border-radius:2px}
#page-market .mf-seal{position:absolute;left:-74px;top:-58px;width:clamp(120px,10.5vw,158px);height:auto;transform:rotate(-12deg);z-index:2}

/* trazos del kit sobre el hero */
#page-market .mf-hdeco{position:absolute;z-index:1;pointer-events:none;opacity:.55}
#page-market .mf-hd1{width:clamp(220px,22vw,340px);top:clamp(110px,13vh,150px);left:44%}
#page-market .mf-hd2{width:clamp(150px,14vw,220px);bottom:clamp(30px,5vh,60px);left:38%;opacity:.28}

/* cuerpo más cerca del hero para que asome el manifiesto */
#page-market .mf-body{padding-top:clamp(64px,6vw,104px)!important}

/* adornos del kit en los márgenes: no cortan la lectura */
#page-market .mf{position:relative}
#page-market .mf-deco{position:absolute;pointer-events:none;opacity:.9;height:auto}
#page-market .d-journey{width:170px;right:-250px;top:-10px;transform:rotate(8deg)}
#page-market .d-plane{width:240px;left:-300px;margin-top:10px;transform:rotate(-6deg)}
#page-market .d-post{width:130px;right:-220px;margin-top:-10px;transform:rotate(-10deg)}
#page-market .d-world{width:190px;left:-280px;margin-top:-6px;transform:rotate(-7deg)}
#page-market .d-waves{width:210px;right:-270px;margin-top:40px}
@media(max-width:1380px){#page-market .mf-deco{display:none}}

/* ── cierre: arranca el capítulo 2 ── */
#page-market .mf-next{padding:clamp(20px,3vw,48px) clamp(16px,2vw,32px) clamp(56px,6vw,96px)}
#page-market .mf-next-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:14px;text-decoration:none;color:#fff;
  max-width:1180px;margin:0 auto;border-radius:28px;padding:clamp(48px,5.5vw,88px) clamp(32px,5vw,80px);
  background:radial-gradient(60% 90% at 85% 100%,#4C6FF3 0%,rgba(76,111,243,0) 70%),linear-gradient(135deg,#2E55D9 0%,#2143E9 55%,#1D3BD8 100%);
  transition:transform .5s cubic-bezier(.16,1,.3,1)}
#page-market .mf-next-card:hover{transform:translateY(-4px)}
#page-market .mf-next-k{font:600 12px/1 "Plus Jakarta Sans dLocal","Plus Jakarta Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase;opacity:.75;position:relative;z-index:1}
#page-market .mf-next-t{font:650 clamp(48px,5.6vw,92px)/.98 "Plus Jakarta Sans dLocal","Plus Jakarta Sans",sans-serif;letter-spacing:-.045em;position:relative;z-index:1}
#page-market .mf-next-p{font:500 clamp(18px,1.5vw,22px)/1.4 "Plus Jakarta Sans dLocal","Plus Jakarta Sans",sans-serif;opacity:.85;position:relative;z-index:1}
#page-market .mf-next-btn{margin-top:clamp(14px,1.6vw,24px);display:inline-flex;align-items:center;gap:12px;background:#fff;color:#2143E9;border-radius:999px;
  padding:14px 22px 14px 26px;font:700 15px/1 "Plus Jakarta Sans dLocal","Plus Jakarta Sans",sans-serif;position:relative;z-index:1;transition:gap .3s}
#page-market .mf-next-btn i{font-style:normal}
#page-market .mf-next-card:hover .mf-next-btn{gap:18px}
#page-market .mf-nd{position:absolute;pointer-events:none;opacity:.5}
#page-market .mf-nd1{width:clamp(240px,28vw,420px);right:6%;top:12%}
#page-market .mf-nd2{width:clamp(180px,18vw,280px);right:8%;bottom:10%;opacity:.3}
#page-market .mf-nd3{width:clamp(80px,8vw,120px);right:34%;bottom:16%;opacity:.6}

@media(max-width:900px){
  #page-market .mf-hero .postcard{grid-template-columns:1fr!important}
  #page-market .mf-post{width:min(230px,58vw);margin:30px 0 0 60px}
  #page-market .mf-seal{width:110px;left:-56px;top:-40px}
  #page-market .mf-hdeco{display:none}
  #page-market .mf-nd1{width:200px;top:auto;bottom:24%;right:-30px}
}
#page-market .d-journey{width:150px;right:-215px}
#page-market .d-plane{width:210px;left:-250px}
#page-market .d-post{width:115px;right:-190px}
#page-market .d-world{width:170px;left:-225px}
#page-market .d-waves{width:180px;right:-225px}

/* ══ v4: hero más bajo con el fondo azul del Home ══ */
#page-market .mf-hero{min-height:clamp(470px,60vh,640px)!important}
#page-market .mf-hero .hero-video{display:none!important}
#page-market .mf-hero .hv-bg{background-color:#2143E9!important;
  background-image:radial-gradient(45% 62% at 78% 78%,#4C6FF3 0%,#4869F2 18%,#4163F1 40%,#3A5AF0 62%,#3556F0 71%,#2B4BEC 86%,#2143E9 100%)!important}
#page-market .mf-hero .hv-bg::after{background:url("../../img/textures/texture-tiles-a.svg") 0 0/352px 352px!important;
  -webkit-mask-image:radial-gradient(40% 52% at 48% 44%,rgba(0,0,0,.12) 0%,rgba(0,0,0,.45) 50%,#000 100%);
          mask-image:radial-gradient(40% 52% at 48% 44%,rgba(0,0,0,.12) 0%,rgba(0,0,0,.45) 50%,#000 100%)}
#page-market .mf-hero .chp-hero-in{padding-bottom:clamp(36px,3.6vw,60px)!important}
#page-market .mf-post{width:clamp(220px,19vw,290px)!important;margin-top:8px!important}
#page-market .mf-hd2{display:none}
@media(max-width:900px){#page-market .mf-hero{min-height:0!important}#page-market .mf-post{width:min(210px,54vw)!important}}

/* ══ v5: postal como la de la campaña: tarjeta crema redondeada, foto con borde festoneado y bajada ══ */
#page-market .mf-frame{-webkit-mask:none!important;mask:none!important;aspect-ratio:auto!important;
  background:#F6F4EC!important;border-radius:16px;padding:16px 16px 0!important;box-shadow:0 1px 0 rgba(10,18,64,.04)}
#page-market .mf-ph{--d:7px;--s:21px;position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:3px}
#page-market .mf-ph video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%;border-radius:0}
#page-market .mf-ph::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:
    radial-gradient(circle at 50% 0,#F6F4EC var(--d),transparent calc(var(--d) + .5px)) 0 0/var(--s) var(--s) repeat-x,
    radial-gradient(circle at 50% 100%,#F6F4EC var(--d),transparent calc(var(--d) + .5px)) 0 100%/var(--s) var(--s) repeat-x,
    radial-gradient(circle at 0 50%,#F6F4EC var(--d),transparent calc(var(--d) + .5px)) 0 0/var(--s) var(--s) repeat-y,
    radial-gradient(circle at 100% 50%,#F6F4EC var(--d),transparent calc(var(--d) + .5px)) 100% 0/var(--s) var(--s) repeat-y}
#page-market .mf-cap{margin:0;padding:13px 4px 15px;text-align:center;color:#2143E9;
  font:500 clamp(14px,1.05vw,16px)/1.2 "Plus Jakarta Sans dLocal","Plus Jakarta Sans",sans-serif;letter-spacing:-.01em}
#page-market .mf-cap b{font-weight:700}
#page-market .mf-post{transform:rotate(-3deg)!important}
#page-market .mf-seal{left:auto!important;right:-62px!important;top:-54px!important;transform:rotate(12deg)!important}
#page-market .mf-post{width:clamp(280px,24vw,350px)!important}
#page-market .mf-ph{aspect-ratio:1/1}
#page-market .mf-cap{white-space:nowrap}
@media(max-width:900px){#page-market .mf-post{width:min(250px,64vw)!important;margin:34px 0 0 14px!important}#page-market .mf-seal{width:96px!important;right:-34px!important;top:-40px!important}}
