# Personalização

A página de rastreamento aplica automaticamente a identidade visual configurada na plataforma Abbiamo. Isso inclui cores, logo e links de suporte.

## Elementos personalizáveis

| Elemento | Descrição |
|---|---|
| **Cor primária** | Botões, barra de progresso, ícones e indicadores de status |
| **Cor secundária** | Fundo de cards e detalhes visuais |
| **Logo** | Exibido no topo da página |
| **Cor de fundo do logo** | Fundo atrás da imagem do logo |
| **Favicon** | Ícone da aba do navegador |
| **Link de ajuda** | URL de suporte exibido como "Ajuda" na página |
**Note:** As configurações de tema são definidas na plataforma Abbiamo. A página de rastreamento aplica essas configurações automaticamente — não é necessário configurar nada diretamente na página.

## Como funciona

1. A plataforma envia as configurações de tema junto com os dados do pedido
2. A página aplica as cores como variáveis CSS
3. O logo é exibido no cabeçalho com o fundo configurado
4. Opcionalmente, cores complementares são extraídas do logo para enriquecer a paleta

## Cor primária

A cor primária é usada em:
- Botões e elementos interativos
- Barra de progresso das etapas
- Ícones de status e marcadores no mapa
- Faixa superior do card principal
**Caution:** Se a cor primária configurada for muito clara, a plataforma a substitui automaticamente para garantir contraste e legibilidade.

## Transportadora com frota própria

Quando o pedido é entregue por frota própria, a página exibe o nome e o logo configurados no tema do embarcador, em vez das informações da transportadora.

## Paleta do logo

A página pode extrair cores adicionais do logo para complementar a identidade visual:
- **Cor de destaque**: extraída para variações mais claras
- **Cor secundária**: extraída quando não configurada manualmente

Isso acontece de forma transparente e automática.