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

# Marca

> Tu logo, tus colores, tus palabras — en la app, en el login y en tus correos

Todo esto vive en **Configuración → Personalización**, y es **tuyo**, no de tus organizaciones.
Tus clientes heredan tu marca; no pueden cambiarla y nunca ven esta sección.

<Warning>
  **Una cuenta nueva arranca en morado Dialtu y sin logo.** No hay nada precargado. Definir tus
  colores y subir un logo debería ser lo primero que hagas — antes de invitar a nadie, porque
  los correos de invitación llevan tu marca.
</Warning>

<Frame caption="Seis sub-pestañas, y todo lo que hay en ellas es tuyo">
  <img src="https://mintcdn.com/dialtu-0be120d3/J73MEHgRI0AnpYdX/images/es/organizaciones/pestanas-personalizacion.png?fit=max&auto=format&n=J73MEHgRI0AnpYdX&q=85&s=06670d2b072946f61b0efb8eec1f3749" alt="Sub-pestañas de Personalización: Marca, Tema, Textos personalizables, Dominios personalizados, Dominio de envío y Localización" width="1221" height="60" data-path="images/es/organizaciones/pestanas-personalizacion.png" />
</Frame>

## Marca

Cinco cosas, todas opcionales salvo el nombre.

| Campo                    | Para qué sirve                                                                        |
| ------------------------ | ------------------------------------------------------------------------------------- |
| **Logo**                 | Tu logotipo horizontal. Barra superior, login y cabecera de correos                   |
| **Isotipo**              | La marca cuadrada. Barra lateral colapsada y hero del login. Si falta, se usa el logo |
| **Favicon**              | La pestaña del navegador                                                              |
| **Nombre del workspace** | Barra superior, título de la pestaña y correos a tus usuarios                         |
| **Correo de soporte**    | Dónde te contactan. Déjalo vacío para ocultar el enlace                               |

**Imágenes: SVG, PNG, JPG o WebP, hasta 2 MB.** El favicon también acepta ICO. Para el logo,
los formatos anchos funcionan mejor.

<Tip>
  Si subes un **PNG o JPG** aparece un paso de recorte, que exporta un PNG transparente en el
  tamaño correcto — 600×200 el logo, 512×512 el isotipo, 256×256 el favicon. Los archivos SVG e
  ICO se usan tal cual, sin recorte.
</Tip>

<Frame caption="Tres espacios de imagen, el nombre del workspace y tu correo de soporte">
  <img src="https://mintcdn.com/dialtu-0be120d3/J73MEHgRI0AnpYdX/images/es/organizaciones/panel-marca.png?fit=max&auto=format&n=J73MEHgRI0AnpYdX&q=85&s=d6c134615bc1f8938ab9b591e77485bf" alt="Sub-pestaña Marca con los recuadros de logo, isotipo y favicon vacíos, más los campos de nombre del workspace y correo de soporte" width="1221" height="884" data-path="images/es/organizaciones/panel-marca.png" />
</Frame>

<Note>
  Los tres espacios de arriba están **vacíos**, que es justo como llega una cuenta nueva. Hasta
  que subas algo, tus usuarios ven una imagen generada con una letra en lugar de una marca tuya.
</Note>

<Note>
  Si no subes favicon, tus usuarios ven una imagen generada automáticamente: la primera letra
  del nombre de tu workspace sobre tu color primario. Nunca ven la marca de Dialtu.
</Note>

## Tema

Tres colores lo gobiernan todo: **Primario**, **Secundario** y **Acento**. El resto de la
paleta — unas cuarenta variables — se deriva automáticamente, salvo que lo desactives.

<Columns cols={2}>
  <Card title="Generar paleta desde un color" icon="wand-magic-sparkles">
    Pega un valor hexadecimal y obtén una paleta completa construida a su alrededor.
  </Card>

  <Card title="Preajustes de armonía" icon="circle-half-stroke">
    Complementaria, análoga, triádica o tetrádica.
  </Card>
</Columns>

Abre **Variables avanzadas** para definir a mano cualquiera de los colores restantes. Puedes
guardar varios temas con nombre y mantener dos punteros: el tema **activo**, que ve todo el
mundo, y el **predeterminado**, al que vuelve *Restablecer*.

<Frame caption="Colores de marca arriba, colores de producto debajo, y tus temas guardados">
  <img src="https://mintcdn.com/dialtu-0be120d3/J73MEHgRI0AnpYdX/images/es/organizaciones/panel-tema.png?fit=max&auto=format&n=J73MEHgRI0AnpYdX&q=85&s=54eeb2c0bf9902aa513e1ee589053d01" alt="Sub-pestaña Tema con el tema activo, los colores primario, secundario y acento, los colores de producto, la lista de temas y la verificación de contraste" width="1218" height="980" data-path="images/es/organizaciones/panel-tema.png" />
</Frame>

### Dónde acaban tus colores

<Check>
  **Guarda el tema una vez y tus colores primario y acento te siguen a todas partes** — el
  panel, la página de inicio de sesión y tus correos de invitación. No hay un segundo sitio
  donde configurarlos.
</Check>

Solo cruzan el primario y el acento. Los colores de superficie, texto y estados se quedan en el
panel.

### Sobre la verificación de contraste

El editor muestra en vivo si cumples WCAG AA mientras eliges colores.

<Warning>
  **Son un consejo, no una barrera.** Un tema que falla el contraste se guarda igual. Lee los
  avisos: nada más va a impedirte publicar una paleta que tus usuarios no puedan leer.
</Warning>

<Note>
  No hay una paleta separada para modo oscuro. El mismo conjunto de colores sirve para ambos
  modos.
</Note>

## Textos personalizables

Sobrescribe palabras de la interfaz, por idioma. Úsalo para el vocabulario que espera tu sector,
renombrando lo que tus clientes llaman de otra manera.

<Frame caption="Agrupados por módulo, con buscador y un restablecer general">
  <img src="https://mintcdn.com/dialtu-0be120d3/J73MEHgRI0AnpYdX/images/es/organizaciones/textos-personalizables.png?fit=max&auto=format&n=J73MEHgRI0AnpYdX&q=85&s=fd2cf165aa49e3bd194ed77151fe194c" alt="Sub-pestaña Textos personalizables con buscador, filtro de módulos y grupos plegables para los módulos de WhatsApp, configuración e Insight Agents" width="1216" height="1173" data-path="images/es/organizaciones/textos-personalizables.png" />
</Frame>

Si dejas un campo en blanco se usa el texto propio de la plataforma para ese idioma.
**Restablecer todos los textos** lo devuelve todo de una vez.

## Localización

La última sub-pestaña, y la única que también tiene una cuenta que no es socia. Dos ajustes:

* **Zona horaria por defecto** — pre-llena nuevos clientes, agentes y campañas. Cualquiera puede
  cambiarla en un registro concreto.
* **Idioma del contenido con IA** — el idioma del contenido que escribe la IA, como el resumen
  ejecutivo de Atlas y la memoria de contacto. En *Automático*, cada elemento sigue su propio
  contexto: el idioma de la interfaz para el resumen, el de la conversación para la memoria.

<Frame caption="Zona horaria e idioma del contenido con IA">
  <img src="https://mintcdn.com/dialtu-0be120d3/J73MEHgRI0AnpYdX/images/es/organizaciones/localizacion.png?fit=max&auto=format&n=J73MEHgRI0AnpYdX&q=85&s=176fd604103f4e27398951014664546d" alt="Sub-pestaña Localización con el selector de zona horaria por defecto y el de idioma del contenido con IA" width="1220" height="515" data-path="images/es/organizaciones/localizacion.png" />
</Frame>

## Lo que no puedes cambiar

<AccordionGroup>
  <Accordion title="El texto comercial de la página de login" icon="lock">
    El titular y el subtítulo junto al formulario son fijos, en inglés y neutros de marca. No
    mencionan a Dialtu, pero no puedes editarlos ni traducirlos.
  </Accordion>

  <Accordion title="Tu favicon en la página de login" icon="star">
    El favicon se aplica **solo a la pestaña del panel**. La página de inicio de sesión no lo
    toma, aunque el panel dé a entender lo contrario.
  </Accordion>

  <Accordion title="Tu subdominio" icon="link">
    La dirección `tunombre.dialtu.com` se fija al crear la cuenta y no se puede renombrar
    después. Si quieres otra dirección, conecta
    [un dominio propio](/es/organizaciones/dominios).
  </Accordion>

  <Accordion title="Marca por organización" icon="building">
    Todas tus organizaciones comparten tu marca. No hay logo ni paleta por cliente: entran por
    tu página de login, bajo tu nombre.
  </Accordion>
</AccordionGroup>

## Siguiente paso

<Card title="Dominios" icon="globe" href="/es/organizaciones/dominios">
  Pon la app en tu propia dirección web y envía invitaciones desde tu dominio.
</Card>
