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

# Personaliza los fondos de tus landing pages

> Personaliza los fondos con colores, imágenes y degradados para mejorar el diseño y crear landing pages visualmente atractivas.

La sección Background te permite controlar cómo se ven los elementos por detrás de su contenido. Puedes aplicar colores, imágenes o degradados según el tipo de elemento.

Encontrarás estos ajustes en el **panel derecho** al seleccionar un elemento.

***

## Dónde encontrarlo

1. Selecciona un elemento (sección, contenedor, botón, etc.)
2. Ve al **panel derecho**
3. Abre la sección **Background**

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/background.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=91eca7dd15d69ff97054a9dcc20eb437" alt="Background" width="1306" height="988" data-path="images/background.png" />
</Frame>

***

## Tipos de fondo

Cada tipo de elemento admite distintas opciones de fondo.

### None (X)

* Elimina cualquier fondo
* El elemento queda transparente

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/image-10.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=0baf80fd0e2d83faff4ab5916cbc40de" alt="Image" width="286" height="111" data-path="images/image-10.png" />
</Frame>

### Color

* Aplica un color sólido
* Puedes usar:
  * El selector de color
  * Valores RGB

👉 Es lo más habitual en botones, secciones y contenedores

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/image-13.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=297d03f6b7c587b916c84a5cb734a799" alt="Image" width="275" height="145" data-path="images/image-13.png" />
</Frame>

### Image

* Usa una imagen como fondo
* Está disponible sobre todo en elementos grandes como secciones o contenedores

Entre las opciones están:

* Subir o cambiar la imagen
* Ajustar el tamaño (fit, cover, etc.)

👉 No está disponible en elementos pequeños como los botones

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/image-11.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=e060d412aa31ef3de08f4aef54f569c1" alt="Image" width="278" height="336" data-path="images/image-11.png" />
</Frame>

### Gradient

* Crea una transición suave entre colores

Entre las opciones están:

* Estilo **Linear** o **Radial**
* Control del ángulo
* Varias paradas de color

👉 Ideal para interfaces modernas y para dar profundidad visual

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/image-12.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=c202d976cb8a2e88277bb318ef7cb314" alt="Image" width="282" height="277" data-path="images/image-12.png" />
</Frame>