.smu-heading,
:where(.smu-site) h1,
:where(.smu-site) h2,
:where(.smu-site) h3,
:where(.smu-site) h4 {
    margin-block: 0;
    color: inherit;
    font-family: var(--smu-font-display);
    font-weight: var(--smu-heading-weight);
    line-height: var(--smu-heading-line-height);
    letter-spacing: var(--smu-heading-letter-spacing);
}

.smu-heading--display {
    font-size: var(--smu-heading-xl);
}

.smu-heading--xl {
    font-size: var(--smu-heading-lg);
}

.smu-heading--lg {
    font-size: var(--smu-heading-md);
}

.smu-heading--md {
    font-size: var(--smu-heading-sm);
}

.smu-heading--sm {
    font-size: var(--smu-heading-xs);
}

.smu-copy {
    margin-block: 0;
    color: var(--smu-color-text-muted);
    font-family: var(--smu-font-body);
    font-size: var(--smu-text-lg);
    line-height: var(--smu-body-line-height);
}

.smu-eyebrow {
    margin: 0;
    color: var(--smu-color-accent);
    font-family: var(--smu-font-data);
    font-size: var(--smu-text-xs);
    font-weight: var(--smu-font-weight-semibold);
    line-height: 1.3;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/*
 * Smartmind Design System
 *
 * El HTML fuente declara 400 en algunos H1/H2, pero el diseño original
 * computa Bricolage Grotesque 800 mediante su capa tipográfica global.
 * Replicamos aquí el resultado COMPUTADO del diseño de referencia.
 */
:where(.smu-site) h1,
:where(.smu-site) h2 {
    font-weight: 800 !important;
}

/* ============================================================
 * Home Smartmind · geometría original DesignCode
 *
 * El reset global usa border-box, pero los contenedores
 * principales del HTML original trabajan con max-width:1240px
 * aplicado al contenido + gutter lateral de 32px.
 *
 * Mantener alineación exacta con .smu-studios__inner.
 * ============================================================ */

.smu-site .smu-home-use-cases__inner,
.smu-site .smu-home-competence__inner,
.smu-site .smu-point-balance,
.smu-site #resultados > div,
.smu-site .smu-home-start__inner,
.smu-site #confianza,
.smu-site .smu-home-faq__inner,
.smu-site #contacto > div {
    box-sizing: content-box;
}


/* ==========================================================
   Home · Use cases
   Calibración contra diseño de referencia
   ========================================================== */

/* El resaltado mantiene el verde pero nunca cursiva. */
.smu-home-use-cases__title em {
    font-style: normal;
}

/* Texto introductorio de referencia. */
.smu-home-use-cases__intro {
    color: #2A2F3D;
}

/* Texto general de los casos claros. */
.smu-home-case:not(.smu-home-case--dark) .smu-home-case__copy > p:not(.smu-home-case__eyebrow),
.smu-home-case:not(.smu-home-case--dark) .smu-home-case__solution-text {
    color: #2A2F3D;
}

/* "Con Stratoos:" debe conservar fuerza sin alterar el resto del párrafo. */
.smu-home-case:not(.smu-home-case--dark) .smu-home-case__copy > p strong {
    color: #111;
    font-weight: 700;
}

/* Tarjetas interiores: gris muy ligero como referencia. */
.smu-home-case:not(.smu-home-case--dark) .smu-home-case__solution {
    background: #f5f5f3;
}

/* El texto técnico inferior es deliberadamente más fino y discreto. */
.smu-home-case__note {
    font-weight: 400;
    opacity: .62;
}