/* ══ The Market Atlas · hero en la línea de Local Payments / Markets of the Future:
   título centrado, tagline debajo y la descripción dentro del hero ══ */
#page-market .atl-hero2{min-height:0!important;display:flex;flex-direction:column}
#page-market .atl-hero2 .chp-hero-in{padding:clamp(70px,7vw,110px) 24px clamp(80px,7.5vw,120px)!important;margin:0!important}
#page-market .atl-hero2 .postcard{display:block!important;max-width:none!important;width:100%!important}
#page-market .atl-hero2 .pc-r{display:none!important}
#page-market .atl-hero2 .pc-l{max-width:none!important;width:100%!important;text-align:center}
#page-market .atl-hero2 h1.h1{display:flex!important;flex-direction:column;align-items:center;text-align:center;margin:0 auto!important}
#page-market .atl-hero2 h1.h1 .mk-name{font-size:clamp(56px,7.4vw,112px)!important;line-height:1!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important}
#page-market .atl-hero2 h1.h1 .tw{display:block;margin-top:clamp(8px,.8vw,14px)!important;font-size:clamp(26px,2.9vw,42px)!important;line-height:1.15!important;color:rgba(255,255,255,.72)!important;-webkit-text-fill-color:rgba(255,255,255,.72)!important;background:none!important;letter-spacing:-.02em!important}
#page-market .atl-hero2 .atl-desc{margin:32px auto 0;max-width:40em;text-align:center;font:400 clamp(16px,1.25vw,19px)/1.55 "Plus Jakarta Sans dLocal","Plus Jakarta Sans",sans-serif;color:rgba(255,255,255,.8);text-wrap:pretty}
/* entrada como en los otros capítulos */
@keyframes atlIn{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
#page-market .atl-hero2 h1.h1{opacity:1!important;transform:none!important;filter:none!important}
#page-market .atl-hero2 h1 .mk-name{animation:atlIn 1.2s cubic-bezier(.16,1,.3,1) .45s both}
#page-market .atl-hero2 h1 .tw{animation:atlIn 1.2s cubic-bezier(.16,1,.3,1) .62s both}
#page-market .atl-hero2 .atl-desc{animation:atlIn 1.2s cubic-bezier(.16,1,.3,1) .8s both}
@media(prefers-reduced-motion:reduce){#page-market .atl-hero2 h1 .mk-name,#page-market .atl-hero2 h1 .tw,#page-market .atl-hero2 .atl-desc{animation:none}}
@media(max-width:640px){
  #page-market .atl-hero2 .chp-hero-in{padding:56px 20px 64px!important}
  #page-market .atl-hero2 h1.h1 .mk-name{font-size:clamp(36px,10.6vw,48px)!important;white-space:nowrap;font-weight:600!important;letter-spacing:-.04em!important}
  #page-market .atl-hero2 h1.h1 .tw{font-size:clamp(20px,6vw,26px)!important}
  #page-market .atl-hero2 .atl-desc{margin-top:22px;font-size:15.5px}
}
#page-market .atl-hero2 .chp-hero-in{padding-top:clamp(90px,8.5vw,130px)!important}
@media(max-width:900px){html body #page-market#page-market .hero-shell.atl-hero2:not(#x){border-radius:24px!important;overflow:hidden!important}}
/* más aire arriba y abajo */
#page-market .atl-hero2 .chp-hero-in{padding-top:clamp(120px,11vw,170px)!important;padding-bottom:clamp(110px,10vw,160px)!important}
@media(max-width:640px){#page-market .atl-hero2 .chp-hero-in{padding-top:80px!important;padding-bottom:88px!important}}
html body #page-market#page-market .atl-hero2 .chp-hero .chp-hero-in:not(#x){padding-top:clamp(110px,10vw,160px)!important;padding-bottom:clamp(100px,9vw,150px)!important;margin:0!important}
@media(max-width:640px){html body #page-market#page-market .atl-hero2 .chp-hero .chp-hero-in:not(#x){padding-top:72px!important;padding-bottom:84px!important}}
@media(max-width:640px){
  html body #page-market .atl-hero2 h1.h1 .tw{font-size:clamp(18px,5.3vw,22px)!important;white-space:nowrap!important;margin-top:6px!important}
  html body #page-market .atl-hero2 .atl-desc{font-size:15px!important;line-height:1.5!important;margin-top:20px!important;padding:0 4px}
}
/* grupo de texto un poco más arriba */
html body #page-market#page-market .atl-hero2 .chp-hero .chp-hero-in:not(#x){padding-top:clamp(80px,7vw,110px)!important;padding-bottom:clamp(130px,12vw,190px)!important}
/* PRUEBA: las tarjetas de países de la primera región se montan sobre el borde del hero */
@media(min-width:901px){
  #page-market .atl-hero2{position:relative;z-index:1}
  #page-market .atl-body > .p-reg:first-of-type .p-grid{position:relative;z-index:6;margin-top:clamp(-150px,-10vw,-110px)!important}
}
@media(min-width:901px){
  html body #page-market#page-market .atl-body:not(#x){overflow-x:clip!important;overflow-y:visible!important;position:relative;z-index:5}
  html body #page-market#page-market .atl-body > .p-reg:first-of-type > .p-grid:not(#x){margin-top:clamp(-170px,-11vw,-120px)!important}
}
@media(min-width:901px){html body #page-market#page-market .atl-body > .p-reg:first-of-type:not(#x){overflow-x:clip!important;overflow-y:visible!important}}
@media(min-width:901px){
  html body #page-market#page-market .atl-body > .p-reg:first-of-type > .p-grid:not(#x){margin-top:clamp(-110px,-7vw,-80px)!important}
  /* aparición de las dos tarjetas que montan el hero, después del texto */
  @keyframes atlCardIn{from{opacity:0;translate:0 70px}to{opacity:1;translate:0 0}}
  html body #page-market .atl-body > .p-reg:first-of-type > .p-grid > li:nth-child(1){animation:atlCardIn 1.3s cubic-bezier(.16,1,.3,1) 1.05s both}
  html body #page-market .atl-body > .p-reg:first-of-type > .p-grid > li:nth-child(2){animation:atlCardIn 1.3s cubic-bezier(.16,1,.3,1) 1.25s both}
}
@media(prefers-reduced-motion:reduce){html body #page-market .atl-body > .p-reg:first-of-type > .p-grid > li{animation:none!important}}
/* botón de menú en negro */
html body #page-market#page-market.atl .nav-r button:not(#x){color:#0A1240!important}
html body #page-market#page-market.atl .nav-r button i::before,html body #page-market#page-market.atl .nav-r button i::after,html body #page-market#page-market.atl .nav-r button i s{background:#0A1240!important}
/* tarjetas: solo aparecen (fundido), sin desplazarse */
@keyframes atlCardFade{from{opacity:0}to{opacity:1}}
@media(min-width:901px){
  html body #page-market .atl-body > .p-reg:first-of-type > .p-grid > li:nth-child(1){animation:atlCardFade 1.2s ease .95s both!important}
  html body #page-market .atl-body > .p-reg:first-of-type > .p-grid > li:nth-child(2){animation:atlCardFade 1.2s ease 1.1s both!important}
}
/* tarjetas del hero: misma aparición que los textos (sobre la tarjeta, no sobre el li que tiene opacity fija) */
@keyframes atlCardText{from{opacity:0;translate:0 36px}to{opacity:1;translate:0 0}}
@media(min-width:901px){
  html body #page-market .atl-body > .p-reg:first-of-type > .p-grid > li:nth-child(-n+2){animation:none!important}
  html body #page-market .atl-body > .p-reg:first-of-type > .p-grid > li:nth-child(1) > .pc{animation:atlCardText 1.2s cubic-bezier(.16,1,.3,1) .95s both}
  html body #page-market .atl-body > .p-reg:first-of-type > .p-grid > li:nth-child(2) > .pc{animation:atlCardText 1.2s cubic-bezier(.16,1,.3,1) 1.1s both}
}
@media(prefers-reduced-motion:reduce){html body #page-market .atl-body .p-grid > li > .pc{animation:none!important}}
@media(max-width:640px){html body #page-market#page-market .atl-hero2 .chp-hero .chp-hero-in:not(#x){padding-bottom:48px!important}}
/* mobile: tarjetas más juntas en vertical y más cerca del texto */
@media(max-width:640px){
  html body #page-market#page-market.atl-v10 .p-reg .p-grid:not(#x){row-gap:6px!important;align-items:start!important;margin-top:24px!important}
  html body #page-market#page-market.atl-v10 .p-reg .p-grid > li:not(#x){margin-top:0!important;align-self:start!important}
  html body #page-market#page-market.atl-v10 .p-reg .p-grid > li:nth-child(even){translate:0 30px}
}
@media(max-width:640px){
  html body #page-market#page-market.atl-v10 .p-reg .p-grid:not(#x){row-gap:0!important}
  html body #page-market#page-market.atl-v10 .p-reg .p-grid > li:not(#x){margin-bottom:-26px!important}
  html body #page-market#page-market .atl-hero2 .chp-hero .chp-hero-in:not(#x){padding-bottom:60px!important}
}
@media(max-width:640px){html body #page-market#page-market.atl-v10 .p-reg .p-side:not(#x){padding-bottom:0!important;margin-bottom:0!important}html body #page-market#page-market.atl-v10 .p-reg .p-grid:not(#x){margin-top:8px!important}}
@media(max-width:640px){html body #page-market#page-market.atl-v10 .p-reg .p-grid > li:nth-last-child(-n+2):not(#x){margin-bottom:30px!important}}
@media(max-width:640px){html body #page-market#page-market .atl-hero2 .chp-hero .chp-hero-in:not(#x){padding-top:50px!important}}
@media(max-width:640px){html body #page-market#page-market .atl-hero2 h1.h1 .tw:not(#x){white-space:normal!important;text-wrap:balance;font-size:clamp(19px,5.6vw,23px)!important;line-height:1.2!important}}