/* Base + utilidades mínimas (sin estilos de componentes) */
*{ box-sizing:border-box; }
html,body{ height:100%; }
body{ margin:0; color:#0b0b0b; background:#fff; }

a{ color:inherit; text-decoration:none; }
img{ max-width:100%; height:auto; display:block; }

.container{
  max-width: var(--container);
  margin: 0 auto;
  padding-left: var(--pad-x);
  padding-right: var(--pad-x);
}

.site-main{ min-height: 60vh; padding: 48px 0; }


/* =========================
   NX TYPO (GLOBAL)
   ========================= */

/* 1) Tokens */
:root{
  /* tamaños base */
  --nx-fs-base: clamp(16px, 1.05vw, 18px);
  --nx-lh-base: 1.55;

  /* headings */
  --nx-h1: clamp(34px, 3.4vw, 56px);
  --nx-h2: clamp(26px, 2.2vw, 40px);
  --nx-h3: clamp(20px, 1.6vw, 28px);

  /* textos especiales */
  --nx-lead: clamp(18px, 1.25vw, 22px);
  --nx-small: clamp(13px, .9vw, 15px);

  /* espacios verticales */
  --nx-space-1: 10px;
  --nx-space-2: 16px;
  --nx-space-3: 24px;
  --nx-space-4: 34px;

  /* ancho “cómodo” para lectura */
  --nx-prose: 72ch;
}

/* 2) Base del documento */
html{ font-size: 100%; }
body{
  font-size: var(--nx-fs-base);
  line-height: var(--nx-lh-base);
  color:#111;
}

/* 3) Headings globales (sin romper tu Kanit en menú) */
h1,h2,h3{
  margin: 0 0 var(--nx-space-2);
  line-height: 1.15;
  font-weight: 600;
  color: var(--c-secondary, #00188A);
}

h1{ font-size: var(--nx-h1); }
h2{ font-size: var(--nx-h2); }
h3{ font-size: var(--nx-h3); }

/* 4) Texto */
p{
  margin: 0 0 var(--nx-space-2);
  max-width: var(--nx-prose);
}

/* 5) “Lead” global (para textos tipo introducción) */
.nx-lead{
  font-size: var(--nx-lead);
  line-height: 1.45;
}

/* 6) Helpers opcionales */
.nx-small{ font-size: var(--nx-small); }

/* Hero title ya lo tenés: lo alineamos al token H1 */
.nx-hero__title{ font-size: var(--nx-h1); }

/* Títulos de secciones */
.nx-msn__title,
.nx-qh__title{
  font-size: var(--nx-h2);
}

/* El párrafo largo de cards lo podés convertir en lead */
.nx-cards__lead{
  font-size: var(--nx-lead);
  line-height: 1.5;
}