/* ============================================================
   base.css · Reset ligero, tipografia y elementos base
   ------------------------------------------------------------
   Theme Engine (NEP Academy Core). Extraido de eco-learning-platform
   v1.1 web/css/base.css (Brick 03, paso 5) y migrado a ranuras
   semanticas de tokens.css: no usa ningun nombre tematico.
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--f-texto);
  color:var(--color-text);
  background:var(--color-bg);
  line-height:1.6;
  font-size:17px;
}
h1,h2,h3,.display{font-family:var(--f-display);line-height:1.15}
img{max-width:100%;display:block}
a{color:var(--color-primary-dark)}
button{font-family:inherit}

.eyebrow{
  display:inline-block;font-weight:800;font-size:.8rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--color-secondary);
  background:var(--color-secondary-soft);padding:.35rem .9rem;border-radius:999px;margin-bottom:1rem;
}
.seccion-titulo{font-size:clamp(1.9rem,4vw,2.7rem);font-weight:600;margin-bottom:.6rem}
.seccion-sub{max-width:62ch;color:var(--color-text-muted);margin-bottom:2.2rem}