> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Fondos, Colores y Separadores

> Personaliza fondos, colores de documento y texto, fuentes y separadores de cinta Washi, y explora la Galería de Estilos para looks predefinidos.

Craft hace que sea fácil crear documentos visualmente impresionantes sin necesidad de conocimientos de diseño. La función de Estilos te permite personalizar fondos, colores de texto y documento, fuentes y separadores decorativos como las cintas Washi. Consulta la [Descripción general de estilos](/es/write-and-edit/styling) para saber dónde encontrar el menú de Estilos en cada plataforma.

## Vista previa de estilo y Galería de Estilos

El menú de Estilos muestra una vista previa minimalista de la configuración actual de fuente, portada y fondo: una referencia visual rápida de cómo funcionan juntos los elementos de estilo de tu documento.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/style-preview-1.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=0129a124f65d801c8869a4fe08b3c0ce" alt="Style preview example 1" width="289" height="223" data-path="images/write-and-edit/styling/quick-guide/en/content/style-preview-1.png" />

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/style-preview-2.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=8b9989c9e3feb864e536ec6dd41721be" alt="Style preview example 2" width="283" height="217" data-path="images/write-and-edit/styling/quick-guide/en/content/style-preview-2.png" />

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/style-preview-3.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=bae07e2a5e816779ece33c4a81a7f647" alt="Style preview example 3" width="277" height="216" data-path="images/write-and-edit/styling/quick-guide/en/content/style-preview-3.png" />

Haz clic en la **Vista previa de estilo** para acceder a la **Galería de Estilos** y explorar nuestra colección de estilos predefinidos para tus documentos.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/styles-gallery.gif?s=62ec4bc1e0ad9fa6ddc9845ef44b59b7" alt="Opening the styles gallery" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/styles-gallery.gif" />

## Personalización de estilos

Más allá de los estilos predefinidos, puedes crear tus propios colores personalizados para el fondo, el texto y el documento en sí.

La función de fondo ofrece una amplia variedad de opciones:

* **Colores sólidos** - Elige de una paleta de colores o crea colores personalizados
* **Degradados** - Combina dos o más colores
* **Imágenes** - Sube la tuya propia o selecciona una de Unsplash

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/custom-styling.gif?s=83ee42ce92078710e3acca683ec82ec0" alt="Creating custom styles" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-styling.gif" />

Para subir tu propia imagen de fondo, selecciona la opción de **imagen** en la configuración de fondo, luego elige **Subir** y selecciona una imagen de tu dispositivo. También puedes seleccionar el botón de **Unsplash** y buscar palabras clave para encontrar fotos profesionales que se ajusten a tu tema.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/upload-backdrop.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=37096d20142bf302b8b642af18df45ee" alt="Upload backdrop image option" width="346" height="450" data-path="images/write-and-edit/styling/quick-guide/en/content/upload-backdrop.png" />

<Info title="Imágenes de portada">
  ¿Quieres añadir un encabezado visual a tu documento? Consulta el artículo dedicado a [Imágenes de portada](/es/write-and-edit/styling/cover-images) para conocer las opciones de subida, recorte y Unsplash.
</Info>

## Separadores y cintas Washi

Los separadores ayudan a estructurar el contenido dentro de un documento. Craft lleva esto al siguiente nivel con las cintas Washi: tiras decorativas únicas que funcionan como separadores visuales.

Elige entre:

* **Líneas estándar** - Estilo de separador clásico
* **Cintas Washi** - Separadores decorativos con patrones
* **Garabatos** - Separadores con estilo dibujado a mano

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/separators.gif?s=72c338272195774355f463276a46264c" alt="Different separator styles" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/separators.gif" />

<Info title="Consejo rápido">
  Escribe tres guiones (`---`) para añadir instantáneamente un separador con el estilo que tengas configurado en tu documento.
</Info>

### Personalización de cintas Washi

Al igual que las opciones de fondo e imagen de portada, puedes personalizar los separadores de cinta Washi con colores sólidos o patrones.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/washi-styling.gif?s=cc832858117b1aa2e4407cd3d0433971" alt="Styling Washi tapes" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/washi-styling.gif" />

Accede a la **Galería de cintas Washi** para encontrar bonitos patrones predefinidos:

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/washi-gallery.gif?s=8435350d7507d46cde5b5097bca4fb62" alt="Browsing Washi tape gallery" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/washi-gallery.gif" />

Puedes ser tan específico como quieras con los colores de tu cinta Washi. Crea tu tono preferido manualmente o introduce el código de color RGB en el selector de color.

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/custom-color.gif?s=4a5d3a415f66b08b37a96623c5b50cb0" alt="Creating custom Washi tape colors" width="800" height="673" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-color.gif" />

## Color de texto y documento

Los documentos de Craft usan el color **predeterminado del sistema** por defecto: negro en Modo oscuro o blanco en Modo claro. Esto se representa con el icono en blanco y negro en el selector de color.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/system-color.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=b277771553b8fd81b717eae717ff09e3" alt="System default color icon" width="281" height="166" data-path="images/write-and-edit/styling/quick-guide/en/content/system-color.png" />

Sin embargo, tienes control total sobre los colores de tu documento y texto. Elige tu tono preferido manualmente o introduce el código RGB en el selector de color para obtener exactamente el color que deseas.

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/custom-doc-color.gif?s=7c3927c0a80033062ad48fab51b026b1" alt="Customizing document colors" width="800" height="673" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-doc-color.gif" />

<Info title="Restablecer colores">
  Usa el botón de restablecimiento para devolver instantáneamente tu documento al color predeterminado del sistema.
</Info>

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/reset-color.gif?s=52d971ac666bddfd6773f2afaf74d1a9" alt="Resetting document colors" width="426" height="390" data-path="images/write-and-edit/styling/quick-guide/en/content/reset-color.gif" />

## Fuentes

Cambia el estilo de fuente de todo tu documento con un solo clic. Elige entre:

* **Sistema** – Usa la fuente predeterminada de tu dispositivo
* **Serif** – Fuente serif tradicional y legible
* **Mono** – Fuente monoespaciada para código o contenido técnico
* **Redondeada** – Fuente redondeada moderna y amigable

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/fonts.gif?s=11732e87e5fcc8c62ace8900cbb879bf" alt="Changing document fonts" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/fonts.gif" />

<Warning title="Fuentes personalizadas">
  Actualmente no es posible cargar fuentes personalizadas en Craft.
</Warning>

## Exportar documentos con estilo a PDF

La función de Estilos está diseñada para ayudarte a expresarte y crear tu entorno visual preferido al editar. Si necesitas desactivar los estilos al exportar tu contenido a PDF, puedes hacerlo fácilmente en las opciones de exportación.

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/export-styles.gif?s=0b04cf70df6513a5d9144629f0400399" alt="Disabling styles during PDF export" width="800" height="638" data-path="images/write-and-edit/styling/quick-guide/en/content/export-styles.gif" />

## Artículos relacionados

<CardGroup cols={2}>
  <Card title="Imágenes de portada" href="/es/write-and-edit/styling/cover-images">
    Personaliza las imágenes de portada de tus documentos
  </Card>

  <Card title="Tarjetas" href="/es/write-and-edit/styling/cards">
    Convierte páginas en diseños de tarjetas visuales
  </Card>

  <Card title="Estilos de la app" href="/es/write-and-edit/styling/app-styles">
    Extiende los estilos del documento a la interfaz de la app
  </Card>

  <Card title="Estilos predeterminados" href="/es/write-and-edit/styling/default-styles">
    Establece tu estilo preferido como predeterminado
  </Card>
</CardGroup>