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

# Ajustes avanzados de posición y CSS

> Usa los ajustes avanzados para controlar la posición, las capas y el CSS personalizado y diseñar tus landing pages con precisión y flexibilidad.

La sección Advanced te da **control adicional sobre la posición y los estilos** mediante opciones más técnicas.<br />La usan sobre todo quienes se manejan con CSS o necesitan un control más preciso.

***

## Position

Controla cómo se coloca el elemento en la página.

Opciones habituales:

* **Static** (por defecto): sigue el flujo normal del diseño
* **Relative:** se puede desplazar ligeramente desde su posición
* **Absolute:** se coloca libremente dentro de su elemento padre
* **Fixed:** se mantiene en el mismo punto de la pantalla
* **Sticky:** se queda fijo en el mismo punto de la pantalla (incluso al desplazarse)

👉 La mayoría de los usuarios debería dejarlo en **Static**, salvo que sepan lo que hacen

## Z-Index

Controla el **orden de las capas (apilamiento)** de los elementos.

* Valor más alto → el elemento aparece por delante
* Valor más bajo → el elemento queda por detrás

👉 Ejemplo:

* Una ventana modal o un popup → z-index alto
* El fondo → z-index bajo

***

## Custom CSS

Te permite escribir tu propio CSS para dar estilo al elemento.

Ejemplo:

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

👉 Puedes:

* Sobrescribir estilos
* Añadir efectos personalizados
* Afinar el diseño más allá de las opciones del editor

***

## Cuándo usarlo

Usa los ajustes avanzados cuando:

* Necesites una posición precisa
* Quieras que los elementos se superpongan
* Vayas a añadir estilos personalizados que no están en la interfaz

***

## Notas importantes

* Esta sección **no es necesaria para la mayoría de los usuarios**
* Un CSS o una posición incorrectos pueden romper el diseño
* Prueba siempre los cambios antes de publicar

***

## Buenas prácticas

* Si tienes dudas, mantén los ajustes por defecto
* Usa Custom CSS solo cuando sea necesario
* Mantén el código limpio y mínimo