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

# Configurações avançadas de posicionamento e CSS

> Use as configurações avançadas para controlar posicionamento, camadas e CSS personalizado e criar designs de landing page precisos e flexíveis.

A seção Advanced oferece **controle extra sobre posicionamento e estilo** usando opções mais técnicas.<br />Ela é usada principalmente por quem se sente à vontade com CSS ou precisa de um controle mais preciso.

***

## Position

Controla como o elemento é posicionado na página.

Opções comuns:

* **Static** (padrão) → segue o fluxo normal do layout
* **Relative** → pode ser deslocado levemente da sua posição
* **Absolute** → é posicionado livremente dentro do elemento pai
* **Fixed** → fica sempre no mesmo lugar da tela
* **Sticky** → fica preso no mesmo lugar da tela (mesmo ao rolar a página)

👉 A maioria dos usuários deve manter **Static**, a menos que saiba exatamente o que está fazendo

## Z-Index

Controla a **ordem das camadas (empilhamento)** dos elementos.

* Valor mais alto → o elemento aparece por cima
* Valor mais baixo → o elemento fica por trás

👉 Exemplo:

* Modal ou popup → z-index alto
* Fundo → z-index baixo

***

## Custom CSS

Permite escrever seu próprio CSS para estilizar o elemento.

Exemplo:

```text theme={null}
#element {
  color: red;
}
```

👉 Você pode:

* Sobrescrever estilos
* Adicionar efeitos personalizados
* Ajustar o design além das opções do editor

***

## Quando usar

Use as configurações avançadas quando:

* Você precisar de um posicionamento preciso
* Quiser que elementos se sobreponham
* Estiver adicionando estilos personalizados que não estão disponíveis na interface

***

## Observações importantes

* Esta seção **não é necessária para a maioria dos usuários**
* CSS ou posicionamento incorretos podem quebrar o layout
* Sempre teste as alterações antes de publicar

***

## Boas práticas

* Mantenha as configurações padrão se estiver em dúvida
* Use Custom CSS apenas quando necessário
* Mantenha o código limpo e enxuto