/* Inkaterra Asociación · sitio web · tokens del sistema y reset */

:root{
  --papel:#FFFFFF; --marfil:#F7F3EA; --vapor:#EEF1E6; --carbon:#141A0F;
  --bosque:#243414; --musgo:#4B6446; --salvia:#9FAF92;
  --ocre:#DBA43B; --rio:#4E9CB8; --orquidea:#AD5378;
  --tinta:#1B2410; --tinta-suave:#5C6353; --gris:#6F736A; --linea:#DDD8C9; --linea-tenue:#EAE6D9;
  --ui:"Archivo","Helvetica Neue",Arial,sans-serif; --texto:"Public Sans","Helvetica Neue",Arial,sans-serif; --dato:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --w:1180px; --r:16px; --gutter:40px;
  /* escala de espacios (4·8·12·16·24·32·48·64·80·96·120·160) y duraciones */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:80px; --s10:96px; --s11:120px; --s12:160px;
  --dur-rapida:.2s; --dur-media:.35s; --dur-lenta:.7s; --curva:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{background:var(--papel);color:var(--tinta);font-family:var(--texto);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{width:min(var(--w),calc(100% - 80px));margin:0 auto}
section{padding:96px 0;background:var(--papel)}
.eyebrow{font-family:var(--ui);font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--musgo);margin-bottom:18px}
h1,h2,h3{font-family:var(--ui);letter-spacing:-.03em;line-height:1.02;text-wrap:balance}
h2{font-weight:500;font-size:clamp(32px,4vw,46px);max-width:14ch;margin-bottom:22px}
h2 em{font-style:normal;font-weight:700;color:var(--musgo)}
.oscuro h2 em,.verde h2 em{color:var(--salvia)}
h3{font-weight:600;font-size:22px;letter-spacing:-.02em}
p{max-width:62ch;color:var(--tinta-suave)}
.lead{font-size:18px;line-height:1.5}
.mono{font-family:var(--dato);font-size:12px;letter-spacing:.02em;color:var(--gris)}
.btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 24px;border:1.5px solid var(--bosque);border-radius:var(--r);background:transparent;color:var(--bosque);font-family:var(--ui);font-weight:600;font-size:12px;letter-spacing:.11em;text-transform:uppercase;line-height:1;cursor:pointer;transition:background .22s,color .22s,border-color .22s,transform .18s}
.btn .fl{display:none}


.btn.sec{border-color:var(--salvia)} 
.btn.claro{border-color:#fff;color:#fff} 
.btn.borde{border-color:rgba(255,255,255,.6);color:#fff} 
.ter{display:inline-flex;align-items:center;gap:10px;font-family:var(--ui);font-weight:600;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;line-height:1;color:var(--bosque);padding-bottom:6px;border-bottom:1.5px solid var(--bosque);transition:gap .2s}
.ter:hover{gap:14px}
.ter .fl{width:14px;height:14px}
:focus-visible{outline:2px solid var(--rio);outline-offset:3px}