/**
 * CCO — sistema tipográfico institucional
 *
 * Agency FB Bold → nombre institucional (marca CCO)
 * Agdasima → titulares y display
 * Saira    → interfaz (header, footer, menú, botones)
 * Barlow   → contenido editorial (artículos, noticias)
 */

/* Shell: header, footer, portada hero */
#cco-header-root,
#cco-header-root button,
#cco-header-root input,
.cco-footer,
.cco-hero-zone {
  font-family: var(--cco-font-ui);
}

/* Titulares globales */
h1,
h2,
h3,
h4,
.cco-font-heading {
  font-family: var(--cco-font-heading);
  font-weight: 700;
  line-height: 1.15;
}

.cco-font-saira {
  font-family: var(--cco-font-ui);
}

/* Nombre institucional CCO (junto al logo y destacados de marca) */
.cco-font-brand,
#cco-header-root .cco-topbar-brand,
#cco-header-root .cco-brand-title,
#cco-header-root .cco-mobile-logo strong,
.cco-brand-name,
.cco-hero__title,
.cco-ft-bottom__copy strong {
  font-family: var(--cco-font-brand);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

/* Cuerpo editorial */
body {
  font-family: var(--cco-font-ui);
}

.cco-main,
.cco-prose,
.cco-home,
.entry-content,
.cco-article {
  font-family: var(--cco-font-article);
}

.cco-main h1,
.cco-main h2,
.cco-main h3,
.cco-main h4,
.cco-home h2,
.cco-home h3,
.cco-article h1,
.cco-article h2 {
  font-family: var(--cco-font-heading);
}

/* Etiquetas UI reutilizables */
.cco-label {
  font-family: var(--cco-font-ui);
  font-size: var(--cco-type-xs);
  font-weight: 700;
  letter-spacing: var(--cco-track-label);
  text-transform: uppercase;
}

.cco-btn-text {
  font-family: var(--cco-font-ui);
  font-size: var(--cco-type-sm);
  font-weight: 800;
  letter-spacing: var(--cco-track-label);
  text-transform: uppercase;
}