/* Visualización del counter de sección en los eyebrows de cabecera */
body.page-diseno-web .section-head .eyebrow.center::before {
    content: counter(section, decimal-leading-zero) " — ";
    width: auto;
    height: auto;
    background: none;
    opacity: 1;
}

/* Cabecera de sección: centrada, ancho contenido */
body.page-diseno-web .section-head {
    text-align: center;
    max-width: 640px;
    margin: 0 auto 60px;
}

body.page-diseno-web .section-head .sec-title {
    font-family: var(--serif);
    font-weight: 500;
    font-size: clamp(1.9rem, 3.8vw, 2.9rem);
    line-height: 1.05;
    letter-spacing: -.02em;
    margin-top: 18px;
}

body.page-diseno-web .section-head .sec-title em {
    font-style: italic;
    color: var(--ember-soft);
}

body.page-diseno-web .section-head .sub {
    font-family: var(--mono);
    font-size: 12.5px;
    color: var(--muted);
    margin-top: 14px;
}