# Sección de portada

Este bloque está diseñado para la página de inicio del sitio web, lo que le permite colocar una imagen o un video encima del texto principal.

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

Para agregar una sección, haga clic en el icono "+", y aparecerá un menú a la derecha. Luego seleccione **Portada**.

<figure><img src="/files/4c1072a34352b733b8453eb1894acc68e76f7980" alt=""><figcaption></figcaption></figure>

#### Configuración

Una vez que hayas elegido una plantilla, puedes empezar a configurar el contenido del bloque "Portada".

<figure><img src="/files/01c4988a26c87d14fd629f02ea669f6ed38dfe06" alt=""><figcaption></figcaption></figure>

Puedes elegir cómo aparecerán los medios: como una imagen o un video. El título de la página también se mostrará en la vista previa.

<figure><img src="/files/1bf980affdfb4ac90d1082154fb7d6eab1213a92" alt=""><figcaption></figcaption></figure>

Puedes agregar medios cargando un archivo o usando un enlace, incluso de sitios como FB, YouTube, Vimeo y otros.&#x20;

{% hint style="success" %}
El tamaño de imagen recomendado es 1920 × 1080 px. Se recomienda usar no más de 9 imágenes.
{% endhint %}

Puedes agregar un fondo de portada que aparecerá detrás de la imagen del contenido.

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

Puedes establecer el ancho y el alto del fondo con cualquier valor, lo que te permite ajustar el tamaño usando las siguientes unidades:

px — píxeles.

vw / vh — ancho/alto del viewport. Por ejemplo, 100 vh hace que el medio ocupe toda la pantalla en cualquier dispositivo.

% — un porcentaje del ancho de la sección (bloque).

<figure><img src="/files/0adad2441ff180dd9bdf384d51e8fa3d14c2e5ff" alt=""><figcaption></figcaption></figure>

### Configuración del encabezado

Puedes agregar un título, un texto de sugerencia encima y un texto completo debajo del título.

<figure><img src="/files/40a379016aef57a172b6619c5e514584ab044b6a" alt=""><figcaption></figcaption></figure>

Para editar el texto, selecciónalo en el campo de entrada y aplica la configuración deseada. Puedes usar uno de los estilos proporcionados o crear el tuyo propio.

<figure><img src="/files/8548d324e496322a13f81b66283cce6a86e06433" alt=""><figcaption></figcaption></figure>

Las opciones disponibles incluyen texto en negrita, cursiva, subrayado o tachado, así como selección de fuente, interlineado, alineación y otros ajustes.

También puedes cambiar el color del texto o su fondo. Si quieres resaltar una parte específica del texto, puedes seleccionarla y aplicar cambios solo a esa parte.

<figure><img src="/files/06c268c7372d06e47db6ae20ead3604d28ae6d00" alt=""><figcaption></figcaption></figure>

Para quitar el resaltado de color, haz clic en **"Quitar color."**

Puedes añadir un enlace al título, a la sugerencia o al texto debajo del título.

También puedes añadir un enlace a una palabra o frase específica del texto.

Para ello, selecciona el fragmento de texto y haz clic en el icono **"Enlace"** que aparece. En la ventana que se abre, introduce la URL a la que debe redirigirse el texto. Para fijar el enlace en su lugar, marca la casilla correspondiente.

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

Puedes añadir una variable al título, a la sugerencia, al texto debajo del título o a un fragmento de texto específico.

<figure><img src="/files/33e1681abf2098c9eaad881cbd3012f60d3c59bb" alt=""><figcaption></figcaption></figure>

Puedes añadir variables estándar o variables específicas del proyecto.

<figure><img src="/files/8e9614217b4bb79d4019d7c2ad237e2ddfe1a9f5" 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/es/websites/sitios/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.