/**
 * Wapu UI Kit · wapu-header-kit
 *
 * Wrapper opcional para headers editoriales (eyebrow + title + subtitle + cta).
 * Reusa visualmente wapu-eyebrow, wapu-title y wapu-cta del Kit base.
 *
 * Patrón: editorial premium. Spacing tight. Subtitle como prose body.
 *
 * Si la scene tiene CSS scoped (ej. .ws-hiw-header), el wrapper acepta
 * 'class' extra para preservar especificidad legacy → cero regresión visual.
 *
 * @package WapuCore
 * @since   5.5.0
 */

.wapu-header-kit {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin: 0 0 32px 0;
    max-width: 64ch;
}

.wapu-header-kit__eyebrow {
    /* slot · hereda de .wapu-eyebrow */
}

.wapu-header-kit__title {
    /* slot · hereda de .wapu-title */
    margin: 0;
}

.wapu-header-kit__subtitle {
    margin: 0;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;
    letter-spacing: -0.005em;
    color: var(--wapu-header-kit-subtitle-color, rgba(15, 23, 42, 0.65));
    max-width: 56ch;
    text-wrap: pretty;
}

.wapu-header-kit__cta {
    /* slot · hereda de .wapu-cta */
    margin-top: 4px;
}

/* ── Alignment variants ────────────────────────────────────────── */
.wapu-header-kit--center {
    align-items: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.wapu-header-kit--end {
    align-items: flex-end;
    text-align: right;
}