/* ==========================================================================
   Tipografía unificada — toda la página usa el estilo de la sección 1 (portada)
   · Títulos: Outfit 300, mismo tamaño que "Software a medida, potenciado por IA."
   · Palabra destacada: misma fuente, en el azul de la marca (sin cursiva serif).
   · Textos: mismo tamaño y tono que el párrafo de la portada.
   Este archivo se carga al final para que mande sobre los demás estilos.
   ========================================================================== */
:root{
  /* el tamaño del título se adapta al ancho y a la altura, igual en todas las secciones */
  --t-title: clamp(36px, min(4.8vw, 8.4vh), 70px);
  --t-body: clamp(15px, 1.25vw, 17px);
  --t-font: "Outfit", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;
}

/* títulos de todas las secciones */
.ch-1 h1, .ch h2, .svc-intro h2, .svc-copy h3, .svc-method h2, .svc-outro h2{
  font-family:var(--t-font) !important;
  font-weight:300 !important;
  font-size:var(--t-title) !important;
  line-height:1.08 !important;
  letter-spacing:-.015em !important;
  text-transform:none !important;
}
.svc-copy h3{max-width:14ch}
.svc-intro h2, .svc-method h2, .svc-outro h2{max-width:18ch}
.svc-outro h2{margin-left:auto; margin-right:auto}

/* palabra destacada: misma fuente, color de marca */
.ch-1 h1 em, .ch h2 em, .svc em, .svc-intro h2 em, .svc-copy h3 em, .svc-method h2 em, .svc-outro h2 em{
  font-family:inherit !important;
  font-style:normal !important;
  font-weight:inherit !important;
  font-size:1em !important;
  letter-spacing:inherit !important;
  text-transform:none !important;
}

/* textos de todas las secciones */
.ch p:not(.eyebrow):not(.cred), .svc-copy p:not(.svc-tag), .svc-intro .lead, .svc-method .lead, .svc-outro p:not(.svc-eyebrow):not(.svc-contact), .svc-steps p{
  font-family:var(--t-font) !important;
  font-weight:300 !important;
  font-size:var(--t-body) !important;
  line-height:1.65 !important;
}
.svc-caps li{font-size:var(--t-body) !important; font-weight:300}

/* subtítulos de los pasos de "Cómo trabajo": misma fuente, un nivel por debajo del título */
.svc-steps h3{font-family:var(--t-font); font-weight:400; font-size:clamp(18px,1.6vw,22px); letter-spacing:-.01em}

/* la frase bajo "Servicios ZarNex" acompaña al título como el párrafo de la portada */
.svc-intro .lead{max-width:46ch; margin-left:auto; margin-right:auto; color:var(--s-gray)}

/* palabra ZarNex dentro del texto: se muestra con el nombre del logo */
.zx{display:inline-block; vertical-align:baseline; line-height:0; white-space:nowrap}
.zx img{display:block; height:.72em; width:auto; max-width:none}
.zx .zx-l{display:none}
.svc-outro .zx .zx-d{display:none}
.svc-outro .zx .zx-l{display:block}
/* títulos grandes: un poco más de aire alrededor del nombre */
h1 .zx, h2 .zx, h3 .zx{margin:0 .04em}