.focofy-case-single { container-type: inline-size; }

/* ── Corpo (grid split) ─────────────────────────────────────────────────── */
.focofy-case-single__body {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
}

/* ── Conteúdo ───────────────────────────────────────────────────────────── */
.focofy-case-single__segment  { display: block; font-size: var(--font-size-xs); font-weight: var(--fw-semibold); color: var(--color-accent); text-transform: uppercase; letter-spacing: .06em; margin-bottom: var(--space-2); }
.focofy-case-single__title    { font-size: var(--font-size-2xl); font-weight: var(--fw-heading); color: var(--color-heading); margin-bottom: var(--space-2); line-height: var(--lh-tight); }
.focofy-case-single__client   { font-size: var(--font-size-sm); color: var(--color-text-muted); margin-bottom: var(--space-1); }
.focofy-case-single__result   { font-size: var(--font-size-lg); color: var(--color-accent); font-weight: var(--fw-semibold); margin-bottom: var(--space-4); }
.focofy-case-single__intro    { color: var(--color-text); line-height: var(--lh-relaxed); margin-bottom: var(--space-4); }

/* ── Métricas ───────────────────────────────────────────────────────────── */
.focofy-case-single__metrics {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
    margin: var(--space-6) 0;
}

.focofy-case-single__metrics--highlight .focofy-case-single__metric {
    flex: 1 1 120px;
    padding: var(--space-4) var(--space-6);
    background: var(--color-surface-2);
    border-radius: var(--radius-lg);
    text-align: center;
}

.focofy-case-single__metrics--pills .focofy-case-single__metric {
    background: var(--color-accent);
    border-radius: var(--radius-full);
    padding: var(--space-2) var(--space-6);
    flex-direction: row;
    align-items: center;
    gap: var(--space-2);
    display: flex;
}

.focofy-case-single__metric            { display: flex; flex-direction: column; gap: var(--space-1); }
.focofy-case-single__metric-value      { font-size: var(--font-size-2xl); font-weight: var(--fw-extrabold); color: var(--color-accent); line-height: 1; }
.focofy-case-single__metrics--pills .focofy-case-single__metric-value { color: var(--color-text-inverse); font-size: var(--font-size-lg); }
.focofy-case-single__metric-label      { font-size: var(--font-size-sm); color: var(--color-text-muted); }
.focofy-case-single__metrics--pills .focofy-case-single__metric-label { color: var(--color-text-inverse); opacity: .85; }

/* ── Seções (desafio / solução) ─────────────────────────────────────────── */
.focofy-case-single__section       { margin-bottom: var(--space-6); }
.focofy-case-single__section-title { font-size: var(--font-size-xl); font-weight: var(--fw-heading); color: var(--color-heading); margin-bottom: var(--space-3); }
.focofy-case-single__section-body  { color: var(--color-text); line-height: var(--lh-relaxed); }

/* ── Imagem ─────────────────────────────────────────────────────────────── */
.focofy-case-single__media        { border-radius: var(--radius-xl); overflow: hidden; }
.focofy-case-single__media img    { width: 100%; height: auto; display: block; }

/* ── CTA ────────────────────────────────────────────────────────────────── */
.focofy-case-single__cta { margin-top: var(--space-6); }

/* ── Alinhamento ────────────────────────────────────────────────────────── */
.focofy-case-single--align-center .focofy-case-single__content { text-align: center; }
.focofy-case-single--align-center .focofy-case-single__metrics { justify-content: center; }
.focofy-case-single--align-center .focofy-case-single__cta     { text-align: center; }

/* ── Larguras ───────────────────────────────────────────────────────────── */
.focofy-case-single--width-narrow .focofy-case-single__body { max-width: var(--container-narrow); margin-inline: auto; }
.focofy-case-single--width-wide   .focofy-case-single__body { max-width: var(--container-wide); }

/* ── Layout Split (desktop) ─────────────────────────────────────────────── */
@container (min-width: 768px) {
    .focofy-case-single--layout-split .focofy-case-single__body {
        flex-direction: row;
        align-items: flex-start;
    }
    .focofy-case-single--layout-split .focofy-case-single__media  { flex: 1 1 45%; max-width: 48%; }
    .focofy-case-single--layout-split .focofy-case-single__content { flex: 1 1 50%; }
    .focofy-case-single--layout-split.is-media-left .focofy-case-single__body  { flex-direction: row; }
    .focofy-case-single--layout-split.is-media-right .focofy-case-single__body { flex-direction: row-reverse; }
}

/* ── Dark mode ──────────────────────────────────────────────────────────── */
[data-bg="dark"] .focofy-case-single__title          { color: var(--color-text-inverse); }
[data-bg="dark"] .focofy-case-single__client         { color: var(--color-text-inverse); opacity: .65; }
[data-bg="dark"] .focofy-case-single__intro          { color: var(--color-text-inverse); opacity: .85; }
[data-bg="dark"] .focofy-case-single__section-title  { color: var(--color-text-inverse); }
[data-bg="dark"] .focofy-case-single__section-body   { color: var(--color-text-inverse); opacity: .85; }
[data-bg="dark"] .focofy-case-single__metrics--highlight .focofy-case-single__metric { background: var(--color-surface-dark); }
[data-bg="dark"] .focofy-case-single__metric-label   { color: var(--color-text-inverse); opacity: .7; }