/* ══════════════════════════════════════════════════════════════════
   THE MARKET ATLAS · v10 — postales "Sent from"
   Texto de la región a la izquierda (fijo al bajar), postales a la
   derecha en dos columnas, giradas y escalonadas. Paleta dLocal:
   papel celeste, rótulos en azul, nombre en azul profundo.
   ══════════════════════════════════════════════════════════════════ */
#page-market.atl-v10 .atl-body{background:#fff;padding:clamp(20px,3vw,50px) 0 clamp(80px,8vw,140px)}
#page-market.atl-v10 .p-reg{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr);gap:clamp(36px,5vw,96px);
  padding:clamp(56px,6vw,100px) max(48px,6vw);max-width:1440px;margin:0 auto}
#page-market.atl-v10 .p-reg+.p-reg{border-top:1px solid var(--line)}
#page-market.atl-v10 .p-side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;align-self:start}
#page-market.atl-v10 .p-side h2{margin:0 0 20px;font:600 clamp(30px,2.8vw,44px)/1.02 var(--rp-alt,var(--sans));letter-spacing:-.04em;color:var(--ink)}
#page-market.atl-v10 .p-side .atl-txt p{font-size:15px}
#page-market.atl-v10 .p-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,3vw,48px) clamp(20px,2.4vw,36px)}
#page-market.atl-v10 .p-grid{grid-auto-flow:row dense}
#page-market.atl-v10 .p-grid li:nth-child(even){padding-top:clamp(50px,6vw,90px)}
#page-market.atl-v10 .p-grid li:nth-child(odd):not(:first-child){margin-top:clamp(-50px,-6vw,-90px)}
#page-market.atl-v10 .pc{position:relative;display:block;padding:clamp(18px,1.6vw,24px);border-radius:20px;background:#EEF3FF;color:#0A1240;text-decoration:none;
  border:1px solid rgba(45,88,245,.12);box-shadow:0 30px 50px -30px rgba(16,40,160,.45);
  transform:rotate(var(--r,0deg));transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .3s,background .3s}
#page-market.atl-v10 .p-grid li:nth-child(4n+1) .pc{--r:-2.4deg}
#page-market.atl-v10 .p-grid li:nth-child(4n+2) .pc{--r:2deg}
#page-market.atl-v10 .p-grid li:nth-child(4n+3) .pc{--r:1.6deg}
#page-market.atl-v10 .p-grid li:nth-child(4n) .pc{--r:-2deg}
#page-market.atl-v10 a.pc:hover{transform:rotate(0) translateY(-10px);background:#E4ECFF;box-shadow:0 40px 70px -30px rgba(16,40,160,.55)}
#page-market.atl-v10 .pc-h{display:block;min-height:clamp(78px,6.6vw,96px);padding:2px 36% 0 2px}
#page-market.atl-v10 .pc-h small{display:block;font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#2D58F5}
#page-market.atl-v10 .pc-h b{display:block;margin-top:5px;font:700 clamp(20px,1.7vw,26px)/1.05 var(--rp-alt,var(--sans));letter-spacing:-.03em;color:#0A1240}
#page-market.atl-v10 .pc-cap{display:block;margin-top:6px;font:400 14px/1.4 var(--rp-font);color:rgba(10,18,64,.66)}
#page-market.atl-v10 .pc-st{position:absolute;z-index:3;top:clamp(14px,1.4vw,20px);right:clamp(14px,1.4vw,20px);width:32%;transform:rotate(5deg);
  filter:drop-shadow(0 6px 12px rgba(16,40,160,.22));transition:transform .5s cubic-bezier(.16,1,.3,1)}
#page-market.atl-v10 a.pc:hover .pc-st{transform:rotate(-2deg) scale(1.04)}
#page-market.atl-v10 .pc-ph{position:relative;display:block;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#DCE4FE}
#page-market.atl-v10 .pc-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
#page-market.atl-v10 a.pc:hover .pc-ph img{transform:scale(1.05)}
#page-market.atl-v10 .pc.soon{opacity:.7}
#page-market.atl-v10 .pc.soon .pc-ph{display:grid;place-items:center;font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(10,18,64,.4)}
#page-market.atl-v10 .pc.soon .pc-st{filter:grayscale(1)}
@media(max-width:1000px){#page-market.atl-v10 .p-reg{grid-template-columns:1fr}#page-market.atl-v10 .p-side{position:static}}
@media(max-width:640px){#page-market.atl-v10 .p-grid{grid-template-columns:1fr}#page-market.atl-v10 .p-grid li{padding-top:0!important;margin-top:0!important}}
#page-market.atl-v10 .p-reg>.p-side:only-child{transform:none}
@media(max-width:1000px){#page-market.atl-v10 .p-side{transform:none}}

/* tarjetas más sobrias: papel blanco, filete fino, sombra neutra corta,
   giro mínimo; nada de celestes ni sombras de color */
#page-market.atl-v10 .pc{background:#fff;border:1px solid rgba(10,18,64,.10);border-radius:10px;padding:14px 14px 16px;
  box-shadow:0 1px 2px rgba(10,18,64,.06),0 14px 28px -18px rgba(10,18,64,.28)}
#page-market.atl-v10 a.pc:hover{background:#fff;transform:rotate(0) translateY(-6px);box-shadow:0 1px 2px rgba(10,18,64,.06),0 22px 38px -20px rgba(10,18,64,.34)}
#page-market.atl-v10 .p-grid li:nth-child(4n+1) .pc{--r:-1.2deg}
#page-market.atl-v10 .p-grid li:nth-child(4n+2) .pc{--r:1deg}
#page-market.atl-v10 .p-grid li:nth-child(4n+3) .pc{--r:.8deg}
#page-market.atl-v10 .p-grid li:nth-child(4n) .pc{--r:-1deg}
#page-market.atl-v10 .pc-ph{order:-1;border-radius:4px;aspect-ratio:4/5;background:#EEF1F6}
#page-market.atl-v10 .pc{display:flex;flex-direction:column}
#page-market.atl-v10 .pc-h{min-height:0;padding:16px 4px 0;order:2}
#page-market.atl-v10 .pc-h b{font-size:clamp(19px,1.5vw,22px);font-weight:700}
#page-market.atl-v10 .pc-cap{margin-top:4px;font-size:13.5px;color:rgba(10,18,64,.58)}
#page-market.atl-v10 .pc-st{top:auto;bottom:clamp(58px,5vw,72px);right:clamp(22px,2vw,30px);width:26%;transform:rotate(4deg);
  filter:drop-shadow(0 3px 6px rgba(10,18,64,.18))}
#page-market.atl-v10 a.pc:hover .pc-st{transform:rotate(0)}

/* tarjetas más juntas, nombre y sello más grandes */
#page-market.atl-v10 .p-grid{gap:clamp(14px,1.4vw,22px) clamp(12px,1.2vw,18px)}
#page-market.atl-v10 .p-grid li:nth-child(even){padding-top:clamp(36px,4vw,64px)}
#page-market.atl-v10 .p-grid li:nth-child(odd):not(:first-child){margin-top:clamp(-36px,-4vw,-64px)}
#page-market.atl-v10 .pc-h b{font-size:clamp(26px,2.3vw,34px);letter-spacing:-.035em}
#page-market.atl-v10 .pc-cap{font-size:14.5px;margin-top:6px}
#page-market.atl-v10 .pc-st{width:36%;bottom:clamp(74px,6.4vw,92px)}

/* título y texto con más aire */
#page-market.atl-v10 .p-side h2{margin-bottom:clamp(26px,2.4vw,34px)}
/* mapa de la región: grande, muy suave, saliendo por el borde */
#page-market.atl-v10 .p-reg{position:relative;overflow:hidden}
#page-market.atl-v10 .p-map{position:absolute;z-index:0;left:-14%;bottom:-8%;width:min(78vw,1100px);opacity:.055;pointer-events:none}
#page-market.atl-v10 .p-side,#page-market.atl-v10 .p-grid{position:relative;z-index:1}
#page-market.atl-v10 .p-side{position:sticky}
#page-market.atl-v10 .p-map{opacity:.22;left:-10%;bottom:-6%;width:min(70vw,1000px)}

/* columna izquierda y contorno de la región fijos al bajar
   (overflow:clip en vez de hidden para no romper el sticky) */
#page-market.atl-v10 .p-reg{overflow:clip}
#page-market.atl-v10 .p-side{position:sticky;top:0;height:100vh;z-index:1;isolation:isolate}
#page-market.atl-v10 .p-side .p-map{position:absolute;z-index:-1;left:-52%;top:50%;bottom:auto;transform:translateY(-50%);width:min(64vw,920px);opacity:.15}
/* más aire en nombre y descripción */
#page-market.atl-v10 .pc{padding:16px 16px 26px}
#page-market.atl-v10 .pc-h{padding:26px 8px 0}
#page-market.atl-v10 .pc-cap{margin-top:12px}
/* tarjetas más juntas */
#page-market.atl-v10 .p-grid{gap:clamp(8px,.8vw,12px) clamp(10px,1vw,14px)}
#page-market.atl-v10 .p-grid li:nth-child(even){padding-top:clamp(30px,3.4vw,54px)}
#page-market.atl-v10 .p-grid li:nth-child(odd):not(:first-child){margin-top:clamp(-30px,-3.4vw,-54px)}
@media(max-width:1000px){#page-market.atl-v10 .p-side{height:auto;position:static}#page-market.atl-v10 .p-side .p-map{display:none}}

/* flecha al lado del nombre: indica que la tarjeta abre el país */
#page-market.atl-v10 .pc-h b{display:inline-flex;align-items:center;gap:12px}
#page-market.atl-v10 .pc-go{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:#EEF3FF;color:#2D58F5;
  transition:background .3s,color .3s,transform .4s cubic-bezier(.16,1,.3,1)}
#page-market.atl-v10 .pc-go svg{width:52%;height:52%}
#page-market.atl-v10 a.pc:hover .pc-go{background:#2D58F5;color:#fff;transform:rotate(45deg)}
/* columna izquierda más angosta */
#page-market.atl-v10 .p-reg{grid-template-columns:minmax(0,.58fr) minmax(0,1.5fr)}
#page-market.atl-v10 .p-side h2{font-size:clamp(28px,2.5vw,40px)}
#page-market.atl-v10 .p-side .atl-txt p{font-size:14.5px}
/* sombra fuera: solo un filete fino y un apoyo mínimo, como papel sobre la mesa */
#page-market.atl-v10 .pc{border:1px solid rgba(10,18,64,.12);box-shadow:0 1px 0 rgba(10,18,64,.05)}
#page-market.atl-v10 a.pc:hover{border-color:rgba(10,18,64,.24);box-shadow:0 1px 0 rgba(10,18,64,.05)}
#page-market.atl-v10 .pc-st{filter:none}

/* tarjetas un poco más bajas */
#page-market.atl-v10 .pc-ph{aspect-ratio:1/1}