.focofy-case-sucesso__inner    { padding: var(--space-8) 0; }

/* ── Alinhamento do cabecalho via data-align ──────────────────────────────── */
.focofy-case-sucesso__header   { margin-bottom: var(--space-8); }
.focofy-case-sucesso__inner[data-align="left"]   .focofy-case-sucesso__header { text-align: left; }
.focofy-case-sucesso__inner[data-align="center"] .focofy-case-sucesso__header { text-align: center; }
.focofy-case-sucesso__inner[data-align="right"]  .focofy-case-sucesso__header { text-align: right; }

.focofy-case-sucesso__eyebrow  { display: block; font-size: var(--font-size-xs); font-weight: var(--fw-semibold); color: var(--color-accent); text-transform: uppercase; letter-spacing: .1em; margin-bottom: var(--space-2); }
.focofy-case-sucesso__titulo   { color: var(--color-heading); font-size: var(--font-size-2xl); font-weight: var(--fw-heading); margin-bottom: var(--space-3); }
.focofy-case-sucesso__subtitulo { color: var(--color-text-muted); font-size: var(--font-size-lg); }

/* ── Grid (mobile-first: 1 coluna) ───────────────────────────────────────── */
.focofy-case-sucesso__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--grid-gap);
}

/* ── Cards ───────────────────────────────────────────────────────────────── */
.focofy-case-card {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-shadow);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: box-shadow var(--transition-base);
}

.focofy-case-card:hover { box-shadow: var(--card-shadow-hover); }

/* Imagem real */
.focofy-case-card__img-wrap { display: block; overflow: hidden; aspect-ratio: 16/9; }
.focofy-case-card__img      { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform var(--transition-base); }
.focofy-case-card:hover .focofy-case-card__img { transform: scale(1.04); }

/* Placeholder quando sem imagem */
.focofy-case-card__placeholder {
    display: block;
    aspect-ratio: 16/9;
    background: var(--gradient-section-accent, var(--color-surface-3));
    position: relative;
    overflow: hidden;
    text-decoration: none;
    transition: opacity var(--transition-base);
}
.focofy-case-card__placeholder::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--gradient-dark, var(--color-surface-dark));
    opacity: .35;
}
.focofy-case-card__placeholder::after {
    content: '\25C6';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: var(--font-size-4xl);
    color: var(--color-text-inverse);
    opacity: .18;
    line-height: 1;
    pointer-events: none;
}
.focofy-case-card:hover .focofy-case-card__placeholder { opacity: .88; }

/* Corpo */
.focofy-case-card__body           { padding: var(--space-6); flex: 1; display: flex; flex-direction: column; gap: var(--space-2); }
.focofy-case-sucesso__segment-badge { font-size: var(--font-size-xs); font-weight: var(--fw-semibold); color: var(--color-accent); text-transform: uppercase; letter-spacing: .06em; }
.focofy-case-card__title          { font-size: var(--font-size-lg); font-weight: var(--fw-heading); color: var(--color-heading); }
.focofy-case-card__title a        { color: inherit; text-decoration: none; }
.focofy-case-card__title a:hover  { color: var(--color-accent); }
.focofy-case-card__client         { font-size: var(--font-size-sm); color: var(--color-text-muted); }
.focofy-case-card__result         { font-size: var(--font-size-base); color: var(--color-text); font-weight: var(--fw-medium); }

.focofy-case-card__footer         { padding: var(--space-4) var(--space-6); border-top: 1px solid var(--color-border-subtle); }

.focofy-case-sucesso__cta         { text-align: center; margin-top: var(--space-10); }
.focofy-case-sucesso__empty       { color: var(--color-text-muted); text-align: center; padding: var(--space-8) 0; }

/* ── Dark mode ───────────────────────────────────────────────────────────── */
[data-bg="dark"] .focofy-case-sucesso__eyebrow   { color: var(--color-accent); }
[data-bg="dark"] .focofy-case-sucesso__titulo    { color: var(--color-text-inverse); }
[data-bg="dark"] .focofy-case-sucesso__subtitulo { color: var(--color-text-inverse); opacity: .75; }
[data-bg="dark"] .focofy-case-card               { background: var(--color-surface-dark); border-color: var(--color-border-subtle); }
[data-bg="dark"] .focofy-case-card__title        { color: var(--color-text-inverse); }
[data-bg="dark"] .focofy-case-card__client       { color: var(--color-text-inverse); opacity: .65; }
[data-bg="dark"] .focofy-case-card__result       { color: var(--color-text-inverse); opacity: .85; }

/* Accent/Gradient */
[data-bg="accent"] .focofy-case-sucesso__titulo,
[data-bg="gradient"] .focofy-case-sucesso__titulo    { color: var(--color-text-inverse); }
[data-bg="accent"] .focofy-case-sucesso__subtitulo,
[data-bg="gradient"] .focofy-case-sucesso__subtitulo { color: var(--color-text-inverse); opacity: .85; }

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media (min-width: 600px) {
    .focofy-case-sucesso__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) { /* --bp-desktop */
    .focofy-case-sucesso__inner                         { padding: var(--section-padding-y) 0; }
    .focofy-case-sucesso__grid                          { grid-template-columns: repeat(3, 1fr); }
    .focofy-case-sucesso__grid--cols-2                  { grid-template-columns: repeat(2, 1fr); }
    .focofy-case-sucesso__grid--cols-4                  { grid-template-columns: repeat(4, 1fr); }
}