# Seção de capa

Este bloco foi projetado para a página inicial do site, permitindo que você coloque uma imagem ou vídeo acima do texto principal.

<figure><img src="/files/69cea745d046e028e43b821c798a41af38c52a06" alt=""><figcaption></figcaption></figure>

Para adicionar uma seção, clique no ícone "+" e um menu aparecerá à direita. Em seguida, selecione **Capa**.

<figure><img src="/files/58ce32387c093d6ecdea8e621a6ca6f8d48c24a9" alt=""><figcaption></figcaption></figure>

#### Configurações

Depois de escolher um modelo, você pode começar a configurar o conteúdo do bloco "Capa".

<figure><img src="/files/3637143281981d15eca28a64bf156aefeaaeca11" alt=""><figcaption></figcaption></figure>

Você pode escolher como a mídia será exibida — como imagem ou vídeo. O título da página também será exibido na visualização.

<figure><img src="/files/6a54577bc2a6f24c41022c2f1f845791c0874919" alt=""><figcaption></figcaption></figure>

Você pode adicionar mídia enviando um arquivo ou usando um link, inclusive de sites como FB, YouTube, Vimeo e outros.&#x20;

{% hint style="success" %}
O tamanho recomendado da imagem é 1920 × 1080 px. Recomenda-se usar no máximo 9 imagens.
{% endhint %}

Você pode adicionar um fundo de capa que aparecerá atrás da imagem de conteúdo.

<figure><img src="/files/3c4b0e94201139c99243910539687d381a22f431" alt=""><figcaption></figcaption></figure>

Você pode definir a largura e a altura do fundo com quaisquer valores, permitindo ajustar o tamanho usando as seguintes unidades:

px — pixels.

vw / vh — largura/altura da janela de visualização. Por exemplo, 100 vh faz a mídia preencher a tela inteira em qualquer dispositivo.

% — uma porcentagem da largura da seção (bloco).

<figure><img src="/files/6264353e986e7c1ad273af060261ac30fb7cde27" alt=""><figcaption></figcaption></figure>

### Configurações do cabeçalho

Você pode adicionar um título, um texto de dica acima dele e um texto completo abaixo do título.

<figure><img src="/files/83e080369733e0c73c4e8bc80b711694a12815df" alt=""><figcaption></figcaption></figure>

Para editar o texto, selecione-o no campo de entrada e aplique as configurações desejadas. Você pode usar um dos estilos fornecidos ou criar o seu próprio.

<figure><img src="/files/83fa6169e46740f810c01bedd6dbc5d974dfe54b" alt=""><figcaption></figcaption></figure>

As opções disponíveis incluem texto em negrito, itálico, sublinhado ou tachado, além de seleção de fonte, espaçamento entre linhas, alinhamento e outras configurações.

Você também pode alterar a cor do texto ou seu fundo. Se quiser enfatizar uma parte específica do texto, você pode selecioná-la e aplicar alterações apenas a essa parte.

<figure><img src="/files/632bf24f8781ecf873aae72b06ea08fd5a33fb1b" alt=""><figcaption></figcaption></figure>

Para remover o destaque de cor, clique em **"Remover cor."**

Você pode adicionar um link ao título, à dica ou ao texto abaixo do título.

Você também pode adicionar um link a uma palavra ou frase específica no texto.

Para fazer isso, selecione o trecho de texto e clique no ícone **"Link"** Na janela que aparecer, insira a URL para a qual o texto deve redirecionar. Para fixar o link no lugar, marque a caixa correspondente.

<figure><img src="/files/af6d362fc3a0deeb65ce0ebe73ff48c2a04e8ead" alt=""><figcaption></figcaption></figure>

Você pode adicionar uma variável ao título, à dica, ao texto abaixo do título ou a um trecho específico do texto.

<figure><img src="/files/dcb7b82caf04f119d7b058426e834be93890f0b6" alt=""><figcaption></figcaption></figure>

Você pode adicionar variáveis padrão ou variáveis específicas do projeto.

<figure><img src="/files/bc3d30f9ed7087e0ebd42fc7042437825ec6a684" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/pt/websites/sites/blocks/cover.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.