showCard

Tokens do card de shows/eventos (ShowHighlightCard). Usado no carrossel de shows da Home e na tela de resultados.

Ticketmaster

Coldplay: Music of the Spheres

São Paulo

15 de Março

Confira

ShowCard

Favorite

Moléculas

Molecule/ShowCard/FavoriteVariants: State=Off, On — favSize 40, favRadius 20, Material Icons

favorite_border

Off

favorite

Molecule/ShowCard/SourceBadgeTicketmaster — providerRadius 999, logo 24×24, dark60

Ticketmaster

Molecule/ShowCard/ContentTítulo + local + data + botão Confira

Coldplay: Music of the Spheres

São Paulo

15 de Março

Confira

Dimensões

Token	Valor	Descrição
`cardWidth`	`310`	Largura no carrossel
`cardPadding`	`16`	Padding interno (spacing.md)
`borderRadius`	`16`	Border radius do card (radius.lg)
`imageHeight`	`180`	Altura da imagem
`imageBorderRadius`	`12`	Border radius da imagem (radius.md)
`imageMarginBottom`	`16`	Espaço entre imagem e conteúdo
`pressedOpacity`	`0.85`	Opacidade ao pressionar

Favorito

Token	Valor	Descrição
`favSize`	`40`	Width e height do botão circular
`favRadius`	`20`	Border radius circular
`favIconSize`	`20`	Tamanho do ícone Material Icons
`favInnerPadding`	`8`	Distância à borda da imagem (top/right)
`favZIndex`	`2`	Z-index sobre a imagem

Source Badge

Token	Valor	Descrição
`providerInnerPadding`	`8`	Distância do badge à borda da imagem
`providerGap`	`6`	Gap entre logo e nome
`providerPaddingLeft`	`4`	Padding esquerdo do pill
`providerPaddingRight`	`12`	Padding direito do pill
`providerPaddingV`	`4`	Padding vertical do pill
`providerRadius`	`999`	Border radius pill
`providerLogoSize`	`24`	Width e height do logo
`providerLogoRadius`	`100`	Border radius do logo
`providerLabelFontSize`	`14`	Font size do nome Ticketmaster
`providerZIndex`	`2`	Z-index sobre a imagem

Conteúdo

Token	Valor	Descrição
`contentGap`	`8`	Gap entre título e bottomRow (spacing.sm)
`titleFontSize`	`16`	Font size do título
`locationFontSize`	`14`	Font size da cidade
`locationMarginTop`	`4`	Margin top entre título e cidade
`dateFontSize`	`14`	Font size da data
`dateMarginTop`	`4`	Margin top entre cidade e data
`bottomRowGap`	`16`	Gap entre metaBlock e botão Confira

Botão Confira

Token	Valor	Descrição
`ctaBorderRadius`	`12`	Border radius (radius.md)
`ctaPaddingH`	`14`	Padding horizontal
`ctaPaddingV`	`8`	Padding vertical
`ctaFontSize`	`14`	Font size do texto

Cores

white08rgba(255,255,255,0.08)Fundo do card

dark60rgba(0,0,0,0.60)Overlay do favorito (off) e source badge

embarko_blue#4494FCFavorito ativo + bg do botão Confira

white60rgba(255,255,255,0.60)Cidade e data

black#000000Texto do botão Confira

Endpoint

tsx

copy

// api/ticketmaster.js → Firebase Cloud Function
GET /ticketmasterEvents

getTicketmasterEvents({
  city: 'São Paulo',
  countryCode: 'BR',
  size: 10,
  locale: 'pt-br'
})

// Shape do item renderizado no ShowHighlightCard:
{
  imageUrl: string,
  title: string,
  city: string,
  startDate: string,  // ISO "2025-03-15"
  productUrl: string
}