esimCard

Tokens do card de eSIM (EsimFavCard). Provider pill, badge de dados ilimitados, bandeira circular do destino, velocidade e preço total.

Holafly

Dados ilimitados

public

Portugal

Velocidade de 5G

7 dias

R$ 89,90plano total

EsimCard

Provider

Favorito

Moléculas

Molecule/EsimCard/ProviderBadgeVariants: Holafly, Airalo — pill bg white10, logo 28×28

Holafly

Airalo

Molecule/EsimCard/UnlimitedBadgebg embarko_blue, borderRadius 4, fontSize 12

Dados ilimitados

Molecule/EsimCard/CountryBandeira 42×42 circular (SVG) + nome do destino — fontSize 18

public

Portugal

Molecule/EsimCard/PriceValor 16 Semibold + "plano total" 14 Medium — alinhado à direita

R$ 89,90plano total

Dimensões

Token	Valor	Descrição
`cardPadding`	`16`	Padding interno (spacing.md)
`borderRadius`	`16`	Border radius do card (radius.lg)
`cardGap`	`16`	Gap entre as 3 linhas do card
`favSize`	`40`	Width e height do botão favorito
`favRadius`	`20`	Border radius do botão favorito
`providerLogoSize`	`28`	Width e height do logo circular do provider
`providerLogoRadius`	`100`	Border radius do logo
`flagSize`	`42`	Width e height da bandeira circular
`flagRadius`	`100`	Border radius da bandeira

Provider Badge

Token	Valor	Descrição
`providerBadgeRadius`	`999`	Border radius pill
`providerBadgePaddingL`	`4`	Padding esquerdo
`providerBadgePaddingR`	`8`	Padding direito
`providerBadgePaddingV`	`4`	Padding vertical
`providerBadgeGap`	`4`	Gap entre logo e nome
`providerNameFontSize`	`12`	Font size do nome do provider

Badge Dados Ilimitados

Token	Valor	Descrição
`unlimitedBadgeRadius`	`4`	Border radius quadrado
`unlimitedBadgePaddingH`	`8`	Padding horizontal
`unlimitedBadgePaddingV`	`4`	Padding vertical
`unlimitedBadgeFontSize`	`12`	Font size do texto

Tipografia

Token	Valor	Descrição
`countryFontSize`	`18`	Font size do nome do destino
`speedFontSize`	`14`	Font size da velocidade (Medium + Semibold no strong)
`durationFontSize`	`14`	Font size da duração do plano
`priceFontSize`	`16`	Font size do preço total
`priceSubFontSize`	`14`	Font size de "plano total"

Cores

white10rgba(255,255,255,0.10)Fundo do card e provider badge

embarko_blue#4494FCBadge "Dados ilimitados" e ícone favorito ativo

white#FFFFFFNome do destino, velocidade, preço

white60rgba(255,255,255,0.60)Duração do plano (ex: "7 dias")

Endpoint

tsx

copy

// api/holafly.js + api/airalo.js → Firebase Cloud Functions
GET /holaflyPlans?countryCode=PT&days=7
GET /airaloPlans?countryCode=PT

getHolaflyPlans({ countryCode: 'PT', days: 7 })
getAiraloPlans({ countryCode: 'PT' })

// Shape do EsimFavCard (source: "holafly" | "airalo"):
{
  source: "holafly" | "airalo",
  title: string,       // "eSIM Portugal - 7 dias"
  fromPrice: number,
  durationText: string,  // "7 dias"
  productUrl: string
}