/*
 * 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 después de g6-fonts.css y g6-palette.css.
 */

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

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

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

  --g6-type-lede: clamp(0.95rem, 1.2vw, 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;
}

/* Botones y CTAs: forzar Montserrat */
body.g6-brand .theme-btn,
body.g6-brand .g6-form-submit,
body.g6-brand .g6-location-link,
body.g6-brand .view-cart-btn,
body.g6-brand button,
body.g6-brand input,
body.g6-brand select,
body.g6-brand textarea {
  font-family: var(--g6-font) !important;
}

/* Placeholders y validaciones */
body.g6-brand input::placeholder,
body.g6-brand textarea::placeholder,
body.g6-brand label.error {
  font-family: var(--g6-font) !important;
}

/* Odometer y elementos de Swiper */
body.g6-brand .odometer,
body.g6-brand .swiper-pagination,
body.g6-brand .swiper-button-next,
body.g6-brand .swiper-button-prev {
  font-family: var(--g6-font) !important;
}

/* Títulos de sección y Hero: misma escala en todas las secciones */
body.g6-brand #wpo-hero .g6-hero-subtitle-block h2,
body.g6-brand #estudio .content h2,
body.g6-brand #proyectos .project-title h2,
body.g6-brand #galeria .project-title h2,
body.g6-brand #unidades .project-title h2,
body.g6-brand #ubicacion .g6-service-hero__text 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,
body.g6-brand .g6-vision-team__header-title,
body.g6-brand .g6-vision-team__text h2 {
  font-family: var(--g6-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;
  text-align: left !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(--g6-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 y Hero */
body.g6-brand #wpo-hero .g6-hero-subtitle-block p,
body.g6-brand #estudio .content p,
body.g6-brand #proyectos .project-title p,
body.g6-brand #galeria .project-title p,
body.g6-brand #unidades .project-title p,
body.g6-brand #ubicacion .g6-service-hero__text 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,
/*body.g6-brand .g6-vision-team__header-subtitle,*/
body.g6-brand .g6-vision-team__header-description,
body.g6-brand .g6-vision-team__text p {
  font-family: var(--g6-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;
}

/* Alineación específica a la izquierda para párrafos (excepto footer) */
body.g6-brand #estudio .content p,
body.g6-brand #proyectos .project-title p,
body.g6-brand #servicios.g6-services-s3 .g6-service-hero__text p,
body.g6-brand .g6-vision-team__header:not(.g6-vision-team__footer) .g6-vision-team__header-subtitle,
body.g6-brand .g6-vision-team__header:not(.g6-vision-team__footer) .g6-vision-team__header-description,
body.g6-brand .g6-vision-team__text p {
  text-align: left !important;
  margin-left: 0 !important;
}

/* Cintillo único: sin mayúsculas agresivas, espacio amplio entre letras */
body.g6-brand #socios .g6-socios-section__kicker {
  font-family: var(--g6-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(--g6-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(--g6-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(--g6-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;
  text-align: left !important;
}

/* Eyebrow (cintillo pequeño en mayúsculas) */
body.g6-brand .g6-form-cta__eyebrow,
body.g6-brand .g6-eyebrow {
  font-family: var(--g6-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;
}

/* not used in index.html */ 
/* 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(--g6-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;
  text-align: left !important;
  /*background-color: aqua;*/
}

/* not used in index.html */ 
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(--g6-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;
  text-align: left !important;
  /*background-color: aqua;*/
}

body.g6-brand.g6-bliize-home .wpo-service-section .service-card h2 a {
  font-family: var(--g6-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(--g6-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;
}