> ## Documentation Index
> Fetch the complete documentation index at: https://docs.hidepages.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Estilo e configurações

> Onde ajustar cores, espaçamento, tipografia e as opções específicas de cada componente no Builder V2.

Quando você **seleciona um elemento**, a aba **Configurações** abre com três sub-abas:

| Sub-aba           | Para quê                                                              |
| ----------------- | --------------------------------------------------------------------- |
| **Estilo**        | Aparência visual (cores, espaçamento, tipografia, bordas, sombra)     |
| **Configurações** | Opções específicas do tipo de elemento (imagem, vídeo, link, atraso…) |
| **Página**        | Ajustes da página inteira ([veja aqui](/builder-v2/pagina-e-scripts)) |

## Estilo (visual)

O painel de **Estilo** é onde você deixa o elemento com a cara que quiser:

<AccordionGroup>
  <Accordion title="Espaçamento" icon="up-down-left-right">
    **Interno** (espaço dentro do elemento) e **Externo** (espaço ao redor).
  </Accordion>

  <Accordion title="Tamanho" icon="ruler-combined">
    **Largura**: Cheia (100%), Automática ou Fixa (com uma largura exata em px).
  </Accordion>

  <Accordion title="Cores" icon="palette">
    Cor do **Texto** e do **Fundo**.
  </Accordion>

  <Accordion title="Texto" icon="font">
    **Fonte**, **Tamanho**, **Alinhamento** (esquerda/centro/direita/justificado) e **Peso** (normal/negrito).
  </Accordion>

  <Accordion title="Bordas & cantos" icon="border-all">
    **Arredondamento** dos cantos, ligar/desligar **Borda** e a **Cor da borda**.
  </Accordion>

  <Accordion title="Sombra" icon="clone">
    **Intensidade** da sombra (nenhuma / leve / média / forte).
  </Accordion>
</AccordionGroup>

### Estilo por dispositivo (responsivo)

O estilo é **por dispositivo**. Troque entre **Desktop / Tablet / Mobile** (botões na base do painel) e ajuste o estilo de cada um separadamente — assim a página fica perfeita em qualquer tela.

<Tip>
  Precisa de controle fino? A seção **Avançado (CSS)** dá acesso a **todas as propriedades CSS** do elemento.
</Tip>

## Configurações por componente

A sub-aba **Configurações** muda conforme o elemento selecionado:

<AccordionGroup>
  <Accordion title="Imagem" icon="image">
    **Enviar imagem** (JPG/PNG/WEBP, até **1 MB**) e o **Texto alternativo** (melhora acessibilidade e SEO).
  </Accordion>

  <Accordion title="HTML" icon="code">
    O **Conteúdo** HTML do bloco, com um botão **Abrir editor** para um espaço maior, com destaque de sintaxe.
  </Accordion>

  <Accordion title="Vídeo" icon="play">
    Provedor e código do VTurb — veja [Vídeo e delay](/builder-v2/video-e-delay).
  </Accordion>

  <Accordion title="Navegação (link)" icon="link">
    Para onde o elemento leva (outra página do funil ou URL externa) — veja [Sub-páginas e navegação](/builder-v2/sub-paginas-e-navegacao).
  </Accordion>

  <Accordion title="Configurações de atraso" icon="stopwatch">
    Esconder/revelar o elemento por tempo ou por progresso do vídeo — veja [Vídeo e delay](/builder-v2/video-e-delay).
  </Accordion>
</AccordionGroup>

<Card title="Sub-páginas e navegação" icon="diagram-project" href="/builder-v2/sub-paginas-e-navegacao" horizontal>
  Monte o funil e ligue uma página na outra.
</Card>