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

# Estilos

> Haz que tus Documentos luzcan increíbles con fuentes, colores, fondos e imágenes de portada personalizables.

Craft facilita crear Documentos hermosos sin necesidad de conocimientos de diseño. Dale estilo a tu contenido con colores personalizados, fondos, fuentes, imágenes de portada y elementos decorativos como separadores Washi tape.

## Qué puedes estilizar

El sistema de estilos de Craft funciona en dos niveles: **a nivel de texto** y **a nivel de página**. Esto te da control preciso sobre elementos individuales mientras mantienes una estética coherente en todo el Documento.

### Estilos a nivel de texto

Aplica a Bloques individuales o a selecciones dentro de tu Documento:

* **Fuentes** – Elige entre System (predeterminada), Serif (lectura elegante), Mono (ideal para código) o Rounded (cálida y moderna)
* **Colores de texto** – Selecciona colores predefinidos o crea tonos personalizados
* **Resaltados** – Añade color de fondo para enfatizar texto específico
* **Listas** – Personaliza estilos de viñeta, formatos de numeración e sangrías

### Estilos a nivel de página

Aplica al Documento entero para lograr un aspecto unificado:

* **Colores** – Define el fondo del Documento y el color de texto predeterminado
* **Imágenes de portada** – Añade encabezados visuales desde la biblioteca curada de Unsplash o sube tus propias fotos
* **Fondos** – Elige colores sólidos, degradados o imágenes a página completa con efectos de desenfoque
* **Separadores** – Estiliza divisores horizontales con patrones Washi tape, líneas simples o formas geométricas
* **Cards** – Transforma páginas en diseños tipo tarjeta con bordes coloreados o fondos con imagen

## Inicio rápido

Accede a las opciones de estilo desde distintos lugares según tu plataforma:

<Tabs>
  <Tab title="macOS">
    * Right sidebar – Click the **Style** tab (icono de pincel) para ver todas las opciones a nivel de página
    * Left sidebar – Encuentra el panel **Styles** con vistas previas en vivo de estilos en las versiones más recientes
    * Toolbar – Selecciona texto y usa la barra de formato para cambios rápidos a nivel de texto
    * Keyboard – Press `Cmd+Shift+S` para abrir el panel de estilos
  </Tab>

  <Tab title="iOS">
    * **menú de tres puntos (⋯)** en la esquina superior derecha – Accede a **Page Style** para opciones del Documento
    * Letter icon (Aa) – Aparece cuando seleccionas texto para formato rápido
    * Block menu – Tap y mantén presionado un Bloque, luego selecciona **Style** en el menú contextual
    * Slash menu – Escribe `/style` para aplicar estilos de texto en línea
  </Tab>

  <Tab title="Windows">
    * Right sidebar – Click the **Style** tab para ver las opciones de estilo a nivel de página
    * Toolbar – Selecciona texto para mostrar los controles de formato
    * Slash menu – Escribe `/style` para acceso rápido al formato de texto
  </Tab>

  <Tab title="Web">
    * Right sidebar – Click the **Style** tab para opciones a nivel de página
    * Toolbar – Selecciona texto para acceder a los controles de formato
    * Slash menu – Escribe `/style` para aplicar estilos sin salir del teclado
  </Tab>
</Tabs>

<iframe src="https://www.youtube-nocookie.com/embed/b2UL6B2m9Hg" title="Document Styling in Craft" className="w-full aspect-video rounded-xl" allowFullScreen />

## Casos de uso comunes

### Documentos profesionales

Para informes de negocio, propuestas o Documentos dirigidos a clientes:

* Usa fuentes **Serif** para una sensación tradicional y autoritaria
* Aplica **colores neutros** (grises, blancos) en los fondos
* Añade una **imagen de portada** que represente tu marca o tema
* Mantén los **resaltados** al mínimo – úsalo solo para métricas clave o llamadas a la acción

### Base de conocimiento personal

Para notas, diarios o materiales de aprendizaje:

* Prueba con fuentes **Rounded** o **System** para una lectura cómoda
* Usa **fondos con códigos de color** para diferenciar áreas temáticas (azul para trabajo, verde para personal)
* Aplica **resaltados** con libertad para marcar pasajes importantes y facilitar el escaneo rápido
* Prueba **separadores Washi tape** para añadir personalidad y pausas visuales

### Proyectos creativos

Para mood boards, portafolios o narrativas:

* Mezcla **card layouts** con **fondos de imagen** para impacto visual
* Utiliza **fondos degradados** para crear atmósfera
* Aplica **colores de texto personalizados** que complementen tus imágenes
* Superpone **imágenes de portada** con efectos de desenfoque para dar profundidad

### Documentación de código

Para notas técnicas o registros de desarrollo:

* Usa por defecto la fuente **Mono** para Bloques de código y contenido técnico
* Emplea **colores de alto contraste** (fondo oscuro, texto claro) para reducir la fatiga visual
* Aplica **separadores simples** para dividir secciones con claridad
* Mantén los **fondos de página** mínimos para enfocar la atención en el contenido

<Info title="Consistencia de estilo">
  Una vez que encuentres un estilo que te encante, guárdalo como predeterminado en la Configuración del Espacio. Así todos los nuevos Documentos comienzan con tu estética preferida, ahorrando tiempo y manteniendo la coherencia en tu Espacio.
</Info>

## Flujo de personalización

Este es un flujo típico para estilizar un nuevo Documento:

<Steps>
  <Step>
    **Comienza por la base de la página** – Elige tu fondo (color, degradado o imagen) y la imagen de portada si la deseas. Esto define el ambiente general.
  </Step>

  <Step>
    **Selecciona tu fuente** – Elige una tipografía que encaje con el propósito del Documento (Serif para formal, Mono para técnico, Rounded para informal).
  </Step>

  <Step>
    **Añade elementos estructurales** – Inserta separadores entre secciones principales para crear jerarquía visual y mejorar la capacidad de escaneo.
  </Step>

  <Step>
    **Aplica estilos a nivel de texto** – Mientras escribes, usa resaltados, colores y formatos para enfatizar puntos clave y generar interés visual.
  </Step>

  <Step>
    **Refina y ajusta** – Haz una pausa y revisa. Ajusta colores, prueba otras fuentes o cambia el estilo de los separadores hasta que el Documento se sienta correcto.
  </Step>
</Steps>

## Artículos relacionados

<CardGroup cols={2}>
  <Card title="Guía rápida de estilos" href="/es/write-and-edit/styling/guia-rapida">
    Guía completa de todas las funciones de estilo
  </Card>

  <Card title="Imágenes de portada" href="/es/write-and-edit/styling/imagenes-de-portada">
    Personaliza las imágenes de portada de tus Documentos
  </Card>

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

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

  <Card title="Estilos predeterminados" href="/es/write-and-edit/styling/estilos-predeterminados">
    Configura tu estilo preferido como predeterminado
  </Card>

  <Card title="Publicar Documentos" href="/es/share-and-publish/publicar">
    Comparte Documentos bellamente estilizados en la web
  </Card>

  <Card title="Asistente de IA" href="/es/asistente-ia">
    Usa el Asistente de IA para ayudar con el estilo y el formato del contenido
  </Card>
</CardGroup>