> ## Documentation Index
> Fetch the complete documentation index at: https://help.chateea.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Agregar sombras a los elementos de tus páginas

> Aplica sombras de caja y de texto, exteriores o interiores, y ajusta posición, desenfoque, expansión y color.

Las sombras dan profundidad a tus diseños: hacen que una tarjeta parezca flotar sobre el fondo, que un botón destaque o que un titular se lea mejor sobre una imagen. En el creador de embudos y sitios web de Chateea puedes agregar sombras de caja y sombras de texto a tus elementos, combinarlas y ajustarlas al detalle.

## Tipos de sombra

| Tipo | Se aplica a | Para qué sirve |
| - | - | - |
| **Sombra de caja** (box shadow) | Todos los elementos: textos, títulos, párrafos, imágenes y botones | Da volumen al contorno del elemento completo |
| **Sombra de texto** (text shadow) | Solo elementos de texto | Da relieve a las letras y mejora la lectura sobre fondos con imagen |

Cada sombra puede ser **exterior** o **interior**:

* **Exterior:** hace que el elemento se vea elevado sobre el fondo.
* **Interior:** crea un efecto hundido, como si el elemento tuviera profundidad hacia adentro.

## Parámetros que puedes ajustar

| Parámetro | Qué controla |
| - | - |
| **X** | Desplazamiento horizontal de la sombra |
| **Y** | Desplazamiento vertical de la sombra |
| **Desenfoque** (Blur) | Qué tan nítida o suave se ve la sombra |
| **Expansión** (Spread) | Agranda o reduce el tamaño de la sombra |
| **Color** | El tono de la sombra, para que combine con tu paleta |

## Cómo agregar una sombra

**1. Selecciona el elemento**

Abre tu embudo o sitio web en el editor y haz clic en el elemento que quieres modificar.

**2. Abre la configuración de sombra**

En el panel de la derecha, busca el apartado **Sombra** en la pestaña **Estilos** (en versiones anteriores del editor estaba en **Avanzado**) y despliégalo para ver las opciones de sombra de caja y sombra de texto.

**3. Agrega una sombra**

Haz clic en el botón **+** junto a **Sombra de caja** o **Sombra de texto**. Se aplica una sombra exterior con valores predeterminados que puedes usar tal cual o ajustar.

**4. Personaliza la sombra**

Haz clic en el nombre de la sombra para editarla: elige exterior o interior y ajusta X, Y, desenfoque, expansión y color.

**5. Agrega más sombras si lo necesitas**

Pulsa **+** otra vez para sumar varias sombras al mismo elemento y lograr efectos más elaborados.

**6. Guarda y publica**

Revisa el resultado en escritorio y móvil, guarda y publica la página.

> [!NOTE]
>
> La sombra de texto solo aparece en elementos basados en texto. En imágenes y botones verás únicamente la sombra de caja.

## Ideas de uso

* **Tarjetas de precios o testimonios:** una sombra exterior suave (Y de pocos píxeles, desenfoque alto, color gris claro) las separa del fondo.
* **Botones de compra:** una sombra exterior algo más marcada los hace ver "clicables".
* **Títulos sobre fotos:** una sombra de texto oscura y difusa mejora el contraste sin cambiar la imagen.
* **Campos o cajas hundidas:** una sombra interior da la sensación de un área rebajada.

> [!TIP]
>
> Combina dos sombras sutiles en lugar de una muy fuerte. El resultado se ve más natural y profesional.

## Artículos relacionados

> **[Control de bordes en el creador de páginas](https://help.chateea.com/docs/sitios/control-de-bordes-en-el-creador-de-paginas.md)**
>
> Ajusta bordes y esquinas de tus elementos.

> **[Barra lateral del creador](https://help.chateea.com/docs/sitios/barra-lateral-del-creador.md)**
>
> Dónde encontrar cada ajuste de estilo.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.