S7 — cards 'Acompanhe de perto' sem raio, borda, sombra ou chip; capa de borda a borda (Closes #90) #100

Merged

fsolla merged 3 commits from S7-cards-da-secao-acompanhe-de-perto-sem-cantos-arredondados into main

2026-08-19 19:39:10 +00:00

fsolla commented

2026-08-19 19:31:56 +00:00

Owner

Closes #90

S7 — Cards da seção "Acompanhe de perto": cantos retos, capa de borda a borda, sem chips, sem borda e sem sombra

Polimento dos cards da home de campanha (bento 1+4 desktop + carrossel mobile — mesmo componente CampaignContentCard para os dois):

Cantos retos: rounded-xl do card e rounded-lg da capa removidos.
Capa de borda a borda: p-3 saiu do contêiner do card e foi para o bloco de texto (título/subtítulo/meta continuam com o respiro p-3); mt-auto da meta e overflow-hidden do zoom hover intactos.
Sem borda e sem sombra (decisão do humano após o gate): border --campaign-line, shadow-sm/hover:shadow-md/transition-shadow removidos — o card branco lê contra a banda do S5 pela forma; anel de foco (focus-visible:ring) mantido.
Nenhum chip de badge: tipos de post do site + origens externas YouTube/Instagram removidos (decisão B do gate); sinalização externa segue por target="_blank"/rel="noopener".
Órfãos removidos: badgeLabel do tipo CampaignContentCardData e POST_TYPE_BADGE_LABELS de src/utilities/posts.ts (com o describe no unit test).

Intocados: ContentShareButton (S4), banda/bordas da seção (S5), carrossel, links, fail-closed. Zero migration/schema/Consent.

Testes: e2e do describe da seção atualizados — loop de badges → ausência (toHaveCount(0)), pins CSS do novo visual (raio/borda/sombra do card, raio da capa) + pin geométrico da capa de borda a borda (boundingBox). Gate local: lint/typecheck/unit 2415/int 791/format/knip/cycles verdes; e2e frontend 19/19 verde local.

Plano de implementação: docs/plans/cards-acompanhe-de-perto-polimento-impl.md.

Closes #90 ## S7 — Cards da seção "Acompanhe de perto": cantos retos, capa de borda a borda, sem chips, sem borda e sem sombra Polimento dos cards da home de campanha (bento 1+4 desktop + carrossel mobile — mesmo componente `CampaignContentCard` para os dois): - **Cantos retos**: `rounded-xl` do card e `rounded-lg` da capa removidos. - **Capa de borda a borda**: `p-3` saiu do contêiner do card e foi para o bloco de texto (título/subtítulo/meta continuam com o respiro `p-3`); `mt-auto` da meta e `overflow-hidden` do zoom hover intactos. - **Sem borda e sem sombra** (decisão do humano após o gate): `border --campaign-line`, `shadow-sm`/`hover:shadow-md`/`transition-shadow` removidos — o card branco lê contra a banda do S5 pela forma; anel de foco (`focus-visible:ring`) mantido. - **Nenhum chip de badge**: tipos de post do site + origens externas YouTube/Instagram removidos (decisão B do gate); sinalização externa segue por `target="_blank"`/`rel="noopener"`. - **Órfãos removidos**: `badgeLabel` do tipo `CampaignContentCardData` e `POST_TYPE_BADGE_LABELS` de `src/utilities/posts.ts` (com o describe no unit test). Intocados: `ContentShareButton` (S4), banda/bordas da seção (S5), carrossel, links, fail-closed. Zero migration/schema/Consent. **Testes**: e2e do describe da seção atualizados — loop de badges → ausência (`toHaveCount(0)`), pins CSS do novo visual (raio/borda/sombra do card, raio da capa) + pin geométrico da capa de borda a borda (boundingBox). Gate local: lint/typecheck/unit 2415/int 791/format/knip/cycles verdes; e2e frontend 19/19 verde local. Plano de implementação: `docs/plans/cards-acompanhe-de-perto-polimento-impl.md`.

fsolla added 3 commits 2026-08-19 19:31:56 +00:00