> ## 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.

# Usa secciones para estructurar tus landing pages

> Aprende a usar las secciones para estructurar tus landing pages, organizar el contenido y controlar el diseño, el espaciado y la adaptación a cada dispositivo.

Las secciones son uno de los bloques de construcción más importantes de LanderLab.<br />Forman la estructura principal de tu página y te permiten organizar el contenido en partes claras y separadas.

### ¿Qué es una sección?

Una sección es un contenedor que agrupa todo lo que hay dentro:

* Texto
* Imágenes
* Botones
* Formularios
* Cualquier otro elemento

👉 No puedes añadir elementos directamente a la página sin colocarlos dentro de una sección.

***

## Cómo añadir una sección

* Abre la barra lateral izquierda
* Ve a **Layout**
* Arrastra **Section** al lienzo

***

## Por qué son importantes las secciones

Las secciones te ayudan a:

* Separar las distintas partes de tu página (hero, características, pie de página, etc.)
* Mantener tu diseño limpio y ordenado
* Controlar fácilmente el espaciado y la estructura

Piensa en cada sección como un “bloque” de tu página.

***

## Max Width (función clave)

Una de las cosas que hacen especiales a las secciones es el ajuste **Max Width** (ancho máximo).

* Se encuentra en el panel derecho, dentro de **Container**
* Controla cuánto puede ensancharse el contenido dentro de la sección

### Cómo funciona:

* La sección en sí puede ocupar todo el ancho
* El contenido de dentro se mantiene centrado dentro del ancho máximo

Ejemplo:

* Max Width: 1240px → el contenido se mantiene bien centrado y legible
* En pantallas grandes, tu contenido no se estira demasiado

***

## Espaciado dentro de las secciones

Las secciones también te permiten controlar:

* El padding (espacio interior de la sección)
* El margin (espacio exterior de la sección)

Así puedes crear un espaciado adecuado entre las distintas partes de tu página.

***

<Warning>
  Notas importantes

  * Todos los elementos deben estar dentro de una sección
  * Las secciones definen el diseño general de tu página
  * Cambiar el ancho máximo afecta a todo lo que hay dentro de esa sección
</Warning>