/* ══════════════════════════════════════════════════════════════════
   THE LOCAL CODE — landing de acceso
   Mismo lenguaje que el overview del handbook (azul #2143E9 con las
   teselas, marco blanco redondeado, Plus Jakarta), que las páginas de
   país (postales, estampillas, foto de portada) y que el reporte 2026
   (degradé #0F47D6 → #6378FF, bento, Roboto en el texto corrido).
   ══════════════════════════════════════════════════════════════════ */
:root{
  --blue:#2143E9;--acc:#2D58F5;--sky:#ADE2FF;--ink:#070420;--ink70:rgba(7,4,32,.7);--ink45:rgba(7,4,32,.5);
  --line:#E9E9E9;--tint:#F4F7FF;--dsp:'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif;
  --txt:'Roboto',ui-sans-serif,system-ui,sans-serif;--gut:2.4rem;--ease:cubic-bezier(.16,1,.3,1);
  --texA:url("assets/img/textures/texture-tiles-a.svg");--texB:url("assets/img/textures/texture-tiles-b.svg");
  /* escala tipográfica, sección y wrapper de dlocal.com (settings.font-sizes-new / objects.section / settings.vars) */
  --fz-900:5rem;--fz-800:4.2rem;--fz-700:3.2rem;--fz-600:2.4rem;--fz-500:2rem;--fz-400:1.8rem;--fz-300:1.6rem;--fz-200:1.5rem;--fz-100:1.4rem;--fz-000:1.3rem;
  --section-y:clamp(5rem,11vh,8rem);--p400:#1043FA;--p500:#0228B9;--p1000:#070420;
}
@media(min-width:48rem){:root{--fz-900:6.2rem;--fz-800:4.8rem;--fz-700:4rem;--fz-600:2.8rem;--fz-500:2.3rem;--fz-400:1.7rem}}
@media(min-width:61.25rem){:root{
  --fz-900:clamp(7.8rem,6.25vw,9.2rem);--fz-800:clamp(5rem,4.86vw,8rem);--fz-700:clamp(4.2rem,3.75vw,5.8rem);--fz-600:clamp(3rem,2.78vw,4.4rem);
  --fz-500:clamp(2.8rem,2.22vw,3.6rem);--fz-400:clamp(2.1rem,1.67vw,2.6rem);--fz-300:clamp(1.8rem,1.39vw,2.2rem);--fz-200:clamp(1.7rem,1.25vw,1.9rem);
  --fz-100:clamp(1.5rem,1.111vw,1.7rem);--fz-000:clamp(1.4rem,1.007vw,1.5rem);--section-y:clamp(8rem,17.5vh,16rem);--gut:max(6.4rem,7.5vw)}}
*{box-sizing:border-box}
html{font-size:62.5%}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--dsp);font-size:var(--fz-100);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
.wrap{padding:0 var(--gut)}
.k{display:inline-block;width:fit-content;padding:.5em .9em .52em;border-radius:2em;font:500 var(--fz-100)/1.3 var(--txt);color:hsl(228 98% 37%/80%);background:hsl(228 98% 37%/5%)}
h2.big{margin:0;font:500 var(--fz-700)/1.04 var(--dsp);letter-spacing:-.04em;color:inherit}
h2.big em,h2.big strong{font-style:normal;font-weight:700}
.lede{font:400 var(--fz-100)/1.6 var(--txt)}

/* botón "Start your journey": píldora con círculo, como "Read chapter" del overview */
.go{display:inline-flex;align-items:center;gap:.9em;padding:.32em .32em .32em 1.333em;border-radius:2em;border:.1rem solid #fff;background:#fff;color:var(--p400);
  font:600 var(--fz-100)/1.2 var(--txt);text-decoration:none;transition:transform .3s var(--ease),background .3s}
.go i{display:grid;place-items:center;width:2.2em;height:2.2em;border-radius:50%;background:var(--p400);color:#fff;font-style:normal;font-size:1em;transition:transform .45s var(--ease)}
.go:hover{transform:translateY(-2px)}
.go:hover i{transform:rotate(45deg)}
.go.dark{background:var(--p400);border-color:var(--p400);color:#fff}.go.dark i{background:#fff;color:var(--p400)}

/* ═════ HEADER de dlocal.com (píldora flotante; al bajar se vuelve vidrio claro) ═════ */
.dlh{position:fixed;z-index:50;top:30px;left:0;right:0;padding:0 clamp(26px,5.2vw,92px);font-family:var(--txt);pointer-events:none;transition:top .4s ease-out}
.dlh-in{position:relative;max-width:1275px;height:68px;margin:0 auto;display:flex;align-items:center;gap:28px;padding:0 15px 0 30px;border-radius:35px;
  border:1px solid rgba(255,255,255,.2);color:#fff;pointer-events:auto;transition:background-color .4s ease-out,box-shadow .4s ease-out,border-color .4s ease-out,color .4s ease-out}
.dlh-logo{flex:0 0 auto;display:block;width:100px;color:inherit}
.dlh-logo svg{display:block;width:100%;height:auto}
.dlh-logo .dot{fill:currentColor;transition:fill .4s}
.dlh-nav{flex:1;margin-left:38px}
.dlh-nav ul{display:flex;gap:6px;margin:0;padding:0;list-style:none}
.dlh-nav a{display:block;padding:8px 10px;border-radius:99px;font:400 14px var(--txt);color:inherit;text-decoration:none;transition:background-color .2s,color .2s}
.dlh-nav a:hover{background:rgba(255,255,255,.12)}
.dlh-r{display:flex;align-items:center;gap:14px;margin-left:auto}
.dlh-lang{display:flex;align-items:center;gap:6px;padding:0 12px;font:400 13px var(--txt);opacity:.95}
.dlh-lang svg{width:16px;height:16px}
.dlh-lang svg+svg{width:10px;height:10px}
.dlh-login,.dlh-cta{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:99px;font:400 14px var(--txt);text-decoration:none;color:inherit;border:1px solid transparent;transition:background-color .3s,color .3s,border-color .3s}
.dlh-cta{background:#fff;color:#1D3AE8}
.dlh-cta:hover{background:#E6EBFF}
.dlh-burger{display:none;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;position:relative}
.dlh-burger span,.dlh-burger::before,.dlh-burger::after{content:"";position:absolute;left:11px;right:11px;height:2px;border-radius:2px;background:currentColor;transition:transform .3s,opacity .3s}
.dlh-burger span{top:19px}.dlh-burger::before{top:13px}.dlh-burger::after{top:25px}
.dlh.is-fixed{top:20px}
.dlh.is-fixed .dlh-in{background:rgba(242,244,250,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:transparent;color:#2D3139;
  box-shadow:0 0 0 1px rgba(82,88,102,.1),0 16px 44px -8px rgba(9,9,21,.2)}
.dlh.is-fixed .dlh-logo .dot{fill:#1238FF}
.dlh.is-fixed .dlh-nav a:hover{background:rgba(29,58,232,.08);color:#1D3AE8}
.dlh.is-fixed .dlh-login{border-color:rgba(10,18,64,.14)}
.dlh.is-fixed .dlh-cta{background:#1D3AE8;color:#fff}
.dlh.is-fixed .dlh-cta:hover{background:#0F2BD0}

/* ═════ FOOTER de dlocal.com ═════ */
.dlf{background:#0D0095;color:#fff;font-family:var(--txt);padding:150px 0 120px}
.dlf a{text-decoration:none}
.dlf-w{max-width:1275px;margin:0 auto;padding:0 clamp(26px,5.2vw,92px);box-sizing:content-box}
.dlf-cols{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,3fr);gap:40px}
.dlf-soc p{margin:0;font:400 16.8px var(--txt)}
.dlf-soc ul{display:flex;gap:10px;margin:20px 0 0;padding:0;list-style:none}
.dlf-soc a{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;color:#0D0095;transition:transform .2s}
.dlf-soc a:hover{transform:translateY(-2px)}
.dlf-soc svg{width:17px;height:17px}
.dlf-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px 20px;margin:0;padding:0;list-style:none}
.dlf-nav h3{margin:0 0 20px;font:700 20.2px var(--txt)}
.dlf-nav ul{margin:0;padding:0;list-style:none;display:grid;gap:14px}
.dlf-nav a,.dlf-nav summary{font:400 16.8px/1.3 var(--txt);color:rgba(255,255,255,.8);transition:color .2s}
.dlf-nav a:hover,.dlf-nav summary:hover{color:#fff}
.dlf-nav details summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:12px;color:rgba(255,255,255,.92);font-weight:500}
.dlf-nav details summary::-webkit-details-marker{display:none}
.dlf-nav details summary::after{content:"+";font:300 22px/1 var(--txt);transition:transform .25s}
.dlf-nav details[open] summary::after{transform:rotate(45deg)}
.dlf-nav details ul{gap:10px;margin:12px 0 4px 14px}
.dlf-nav details a{font-size:15px}
.dlf-bot{display:flex;align-items:center;gap:40px;margin-top:150px;padding-top:30px;border-top:1px solid rgba(255,255,255,.2)}
.dlf-lang{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:99px;background:rgba(255,255,255,.08);font:500 14px var(--txt)}
.dlf-lang svg{width:16px;height:16px}
.dlf-lang svg+svg{width:10px;height:10px}
.dlf-legal{display:flex;flex-wrap:wrap;gap:12px 32px;margin:0 0 0 40px;padding:0;list-style:none}
.dlf-legal a,.dlf-legal button{font:400 16.8px var(--txt);color:#fff;background:none;border:0;padding:0;cursor:pointer}
.dlf-legal a:hover,.dlf-legal button:hover{text-decoration:underline}
.dlf-copy{margin-top:56px}
.dlf-copy .lc-legal{margin:0 0 28px;max-width:none;font:400 12px/1.6 var(--txt);color:rgba(255,255,255,.6)}
.dlf-copy .lc-legal strong{display:inline;font:inherit;font-weight:700;text-transform:none;letter-spacing:0}
.dlf-copy strong{display:block;font:700 12px var(--txt);letter-spacing:.02em;text-transform:uppercase}
.dlf-copy p{margin:24px 0 0;max-width:1100px;font:400 12px/1.35 var(--txt);color:rgba(255,255,255,.8)}

.rv{opacity:0;transform:translateY(60px) scale(.96);filter:blur(5px);transition:opacity 1.2s var(--ease) var(--d,0s),transform 1.2s var(--ease) var(--d,0s),filter 1.2s var(--ease) var(--d,0s)}
.rv.on{opacity:1;transform:none;filter:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1!important;filter:none!important}.rv{transform:none!important}.marquee .row,.tex.b{animation:none}}
@media(max-width:1180px){
  .dlh-nav,.dlh-lang,.dlh-login{display:none}
  .dlh-burger{display:block}
  .dlh.open .dlh-nav{display:block;position:absolute;left:0;right:0;top:calc(100% + 10px);margin:0;padding:12px;border-radius:24px;background:#fff;box-shadow:0 16px 44px -8px rgba(9,9,21,.3)}
  .dlh.open .dlh-nav ul{flex-direction:column}
  .dlh.open .dlh-nav a{color:#2D3139;font-size:16px;padding:12px 16px}
  .dlh.open .dlh-burger span{opacity:0}.dlh.open .dlh-burger::before{transform:translateY(6px) rotate(45deg)}.dlh.open .dlh-burger::after{transform:translateY(-6px) rotate(-45deg)}
}
@media(max-width:1000px){
.dlf-cols{grid-template-columns:1fr}
.dlf-bot{flex-direction:column;align-items:flex-start;gap:24px;margin-top:90px}
.dlf-legal{margin:0}}
@media(max-width:640px){
.dlh{top:16px;padding:0 16px}.dlh-in{height:58px;padding:0 8px 0 20px;gap:10px}.dlh-logo{width:84px}.dlh-cta{height:38px;padding:0 14px;font-size:13px}
.dlf{padding:90px 0 70px}
.dlf-nav{grid-template-columns:1fr 1fr}}