/* IdeasCenter — Base
 * Page-level defaults. Mirrors the <helmet><style> block of the brand manual.
 */

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: var(--ic-color-fondo);
  color: var(--ic-color-texto);
  font-family: var(--ic-fuente);
  font-weight: var(--ic-peso-regular);
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--ic-color-primario);
  text-decoration: none;
}

a:hover {
  color: var(--ic-color-acento);
}

/* --- Utilidades de texto recurrentes en el manual --------------------- */

/* Kicker sobre fondo oscuro: "MANUAL DE IDENTIDAD" */
.ic-kicker {
  font-family: var(--ic-fuente);
  font-weight: var(--ic-peso-semibold);
  font-size: var(--ic-texto-etiqueta);
  letter-spacing: var(--ic-tracking-kicker);
  text-transform: uppercase;
  color: var(--ic-color-acento);
}

/* Rótulo de sección: "01 — COLOR" */
.ic-eyebrow {
  font-family: var(--ic-fuente);
  font-weight: var(--ic-peso-bold);
  font-size: var(--ic-texto-micro);
  letter-spacing: var(--ic-tracking-eyebrow);
  text-transform: uppercase;
  color: var(--ic-color-acento);
}

/* Rótulo dentro de un panel: "BOTONES", "TARJETA" */
.ic-rotulo {
  font-family: var(--ic-fuente);
  font-weight: var(--ic-peso-bold);
  font-size: var(--ic-texto-eyebrow);
  letter-spacing: var(--ic-tracking-label);
  text-transform: uppercase;
  color: var(--ic-color-texto-tenue);
}

/* --- Escala tipográfica aplicada -------------------------------------- */

.ic-display {
  margin: 0;
  font-weight: var(--ic-peso-black);
  font-size: var(--ic-texto-display);
  line-height: var(--ic-interlineado-apretado);
  letter-spacing: var(--ic-tracking-titulo);
}

.ic-titulo {
  margin: 0;
  font-weight: var(--ic-peso-black);
  font-size: var(--ic-texto-titulo);
  line-height: var(--ic-interlineado-apretado);
  letter-spacing: var(--ic-tracking-titulo);
  color: var(--ic-color-primario);
}

.ic-seccion {
  margin: 0;
  font-weight: var(--ic-peso-extrabold);
  font-size: var(--ic-texto-seccion);
  letter-spacing: var(--ic-tracking-seccion);
}

.ic-subtitulo {
  margin: 0;
  font-weight: var(--ic-peso-semibold);
  font-size: var(--ic-texto-subtitulo);
  color: var(--ic-color-texto-suave);
}

.ic-cuerpo {
  margin: 0;
  font-weight: var(--ic-peso-light);
  font-size: var(--ic-texto-cuerpo);
  line-height: var(--ic-interlineado-amplio);
  color: var(--ic-color-texto-cuerpo);
  max-width: var(--ic-ancho-parrafo);
}