/*
 * Escala tipográfica G6 — solo Montserrat (fuentes locales en assets/fonts/).
 * La jerarquía se da por tamaño y peso. NO toca el Hero: el tamaño del <h2> del slider
 * lo gobierna el tema base para preservar su presencia original.
 * Cargar al final, después de style.css y mariategui-typography.css.
 */

body.g6-brand {
  --g6-type-section: clamp(2rem, 3.4vw, 2.9rem);
  --g6-type-section-lh: 1.15;
  --g6-type-section-weight: 600;

  --g6-type-card-title: clamp(1.35rem, 1.8vw, 1.6rem);
  --g6-type-card-title-lh: 1.25;
  --g6-type-card-title-weight: 600;

  --g6-type-heading-sans: clamp(1.05rem, 1.2vw, 1.2rem);
  --g6-type-heading-sans-lh: 1.4;
  --g6-type-heading-sans-weight: 500;

  --g6-type-lede: clamp(1rem, 1.1vw, 1.125rem);
  --g6-type-lede-lh: 1.65;
  --g6-type-lede-weight: 400;

  --g6-type-body: 1rem;
  --g6-type-body-lh: 1.65;

  --g6-type-eyebrow: 0.75rem;
  --g6-type-eyebrow-weight: 600;
  --g6-type-eyebrow-tracking: 0.22em;
}

/* Títulos de sección: misma escala en todas las secciones */
body.g6-brand #estudio .content h2,
body.g6-brand #proyectos .project-title h2,
body.g6-brand #servicios .service-top .content h2,
body.g6-brand #servicios.g6-services-s3 .g6-service-hero__text h2,
body.g6-brand #socios .g6-socios-section__title,
body.g6-brand .g6-form-cta .g6-form-cta__title {
  font-family: var(--mariategui-font) !important;
  font-size: var(--g6-type-section) !important;
  font-weight: var(--g6-type-section-weight) !important;
  line-height: var(--g6-type-section-lh) !important;
  letter-spacing: -0.015em !important;
  color: var(--g6-ink) !important;
}

/* #socios: título un poco más ligero, tono minimal */
body.g6-brand #socios .g6-socios-section__title {
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

/* Títulos de tarjeta editorial (socios, proyectos en formato editorial, form CTA) */
body.g6-brand .g6-editorial-project-card .g6-card-header .g6-card-title-serif,
body.g6-brand .g6-form-cta .g6-card-header .g6-card-title-serif {
  font-family: var(--mariategui-font) !important;
  font-size: var(--g6-type-card-title) !important;
  font-weight: var(--g6-type-card-title-weight) !important;
  line-height: var(--g6-type-card-title-lh) !important;
  letter-spacing: -0.01em !important;
}

/* Bajadas (lede) bajo títulos de sección */
body.g6-brand #estudio .content p,
body.g6-brand #proyectos .project-title p,
body.g6-brand #servicios .service-top .content p,
body.g6-brand #servicios.g6-services-s3 .g6-service-hero__text p,
body.g6-brand #socios .g6-socios-section__lede {
  font-family: var(--mariategui-font) !important;
  font-size: var(--g6-type-lede) !important;
  font-weight: var(--g6-type-lede-weight) !important;
  line-height: 1.7 !important;
  letter-spacing: 0.01em;
  color: var(--g6-ink-muted) !important;
}

/* Cintillo único: sin mayúsculas agresivas, espacio amplio entre letras */
body.g6-brand #socios .g6-socios-section__kicker {
  font-family: var(--mariategui-font) !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase;
  color: var(--g6-ink-muted) !important;
}

/* Tarjetas de servicios: título (index y home) */
body.g6-brand #servicios.g6-services-s3 .g6-service-card h3,
body.g6-brand #servicios .service-card h2,
body.g6-brand #servicios .service-card h2 a {
  font-family: var(--mariategui-font) !important;
  font-size: var(--g6-type-heading-sans) !important;
  font-weight: var(--g6-type-heading-sans-weight) !important;
  line-height: var(--g6-type-heading-sans-lh) !important;
  letter-spacing: 0.005em;
}

/* Galería (home): títulos de tarjeta */
body.g6-brand #proyectos .project-wrap .project-card .content h2,
body.g6-brand #proyectos .project-wrap .project-card .content h2 a {
  font-family: var(--mariategui-font) !important;
  font-size: var(--g6-type-heading-sans) !important;
  font-weight: var(--g6-type-heading-sans-weight) !important;
  line-height: var(--g6-type-heading-sans-lh) !important;
  letter-spacing: 0.005em;
}

body.g6-brand #servicios.g6-services-s3 .g6-service-card p,
body.g6-brand #servicios .service-card p {
  font-family: var(--mariategui-font) !important;
  font-size: var(--g6-type-lede) !important;
  font-weight: var(--g6-type-lede-weight) !important;
  line-height: var(--g6-type-lede-lh) !important;
  color: var(--g6-ink-muted) !important;
}

/* Eyebrow (cintillo pequeño en mayúsculas) */
body.g6-brand .g6-form-cta__eyebrow,
body.g6-brand .g6-eyebrow {
  font-family: var(--mariategui-font) !important;
  font-size: var(--g6-type-eyebrow) !important;
  font-weight: var(--g6-type-eyebrow-weight) !important;
  letter-spacing: var(--g6-type-eyebrow-tracking) !important;
  text-transform: uppercase;
  color: var(--g6-ink-muted) !important;
}

/* home.html (g6-bliize-home) — homologar escala con las secciones de index */
body.g6-brand.g6-bliize-home .wpo-about-section .content h2,
body.g6-brand.g6-bliize-home .wpo-project-section .title h2,
body.g6-brand.g6-bliize-home .wpo-service-section .service-top .content h2,
body.g6-brand.g6-bliize-home .wpo-team-section .title h2 {
  font-family: var(--mariategui-font) !important;
  font-size: var(--g6-type-section) !important;
  font-weight: var(--g6-type-section-weight) !important;
  line-height: var(--g6-type-section-lh) !important;
  letter-spacing: -0.015em !important;
  color: var(--g6-ink) !important;
}

body.g6-brand.g6-bliize-home .wpo-about-section .content p,
body.g6-brand.g6-bliize-home .wpo-project-section .title p,
body.g6-brand.g6-bliize-home .wpo-service-section .service-top .content p {
  font-family: var(--mariategui-font) !important;
  font-size: var(--g6-type-lede) !important;
  font-weight: var(--g6-type-lede-weight) !important;
  line-height: var(--g6-type-lede-lh) !important;
  color: var(--g6-ink-muted) !important;
}

body.g6-brand.g6-bliize-home .wpo-service-section .service-card h2 a {
  font-family: var(--mariategui-font) !important;
  font-size: var(--g6-type-heading-sans) !important;
  font-weight: var(--g6-type-heading-sans-weight) !important;
  line-height: var(--g6-type-heading-sans-lh) !important;
}

body.g6-brand.g6-bliize-home .wpo-testimonial-section .item .content h3 {
  font-family: var(--mariategui-font) !important;
  font-size: var(--g6-type-heading-sans) !important;
  font-weight: var(--g6-type-heading-sans-weight) !important;
  line-height: var(--g6-type-heading-sans-lh) !important;
  color: var(--g6-ink) !important;
}