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

# Identidad Visual

> Configura el logo de tu clínica para certificados, documentos oficiales y reportes.

El logo de tu clínica representa tu marca y se usa automáticamente en certificados de asistencia, documentos oficiales y reportes del sistema.

## Dónde se usa el logo

<AccordionGroup>
  <Accordion title="Certificados de asistencia" icon="file-certificate">
    El logo aparece en la parte superior del certificado, junto al nombre de tu clínica.

    **Ver:** [Generar Certificados](/calendar/comunicacion-pacientes/certificados)
  </Accordion>

  <Accordion title="Documentos oficiales" icon="file-lines">
    Planes de tratamiento, recibos, informes y otros documentos incluyen el logo en el header.
  </Accordion>

  <Accordion title="Reportes del sistema" icon="chart-line">
    Los reportes exportados (PDF, Excel) incluyen el logo en la primera página.
  </Accordion>
</AccordionGroup>

<Info>
  El logo NO se usa en mensajes de WhatsApp por limitaciones de la plataforma. Los mensajes solo incluyen el nombre de tu clínica en texto.
</Info>

<Tip>
  Un logo profesional da mayor credibilidad a tus certificados y documentos. Si no tienes uno, puedes usar solo el nombre de tu clínica.
</Tip>

***

## Requisitos técnicos

### Formatos aceptados

Puedes subir tu logo en los siguientes formatos:

**PNG:**

* Soporta transparencia (fondo transparente)
* Ideal para logos con fondo transparente

**JPG/JPEG:**

* Formato estándar
* Aceptable si tu logo tiene fondo blanco

<Info>
  El sistema convierte automáticamente tu logo a formato JPEG (200x200px) después del recorte.
</Info>

### Tamaño y dimensiones

**Dimensiones finales:** 200x200 px (cuadrado)

**Aspect ratio:** 1:1 (siempre cuadrado)

**Peso máximo:** 5 MB

El sistema incluye un editor de recorte que te permite ajustar cualquier imagen al formato cuadrado requerido:

* Arrastra para mover la imagen
* Usa el slider de zoom para ajustar el tamaño
* Selecciona el área que quieres mostrar

<Warning>
  El logo final siempre será cuadrado (200x200px). Si tu logo es rectangular, deberás centrarlo o ajustarlo durante el recorte.
</Warning>

### Recomendaciones de diseño

<Check>
  **Logos que funcionan mejor:**

  * Símbolos o íconos dentales
  * Escudos o emblemas
  * Diseños compactos y simétricos
  * Iniciales de la clínica
</Check>

<Warning>
  **Evita:**

  * Logos muy horizontales (se verán comprimidos en formato cuadrado)
  * Texto muy largo (difícil de leer en 200x200px)
  * Logos pixelados o de baja calidad
</Warning>

***

## Cómo configurar el logo

El proceso para subir o cambiar el logo es el mismo:

<Steps>
  <Step title="Ve a Datos de la Clínica">
    **Configuración** → **Organización** → **Datos de la Clínica**
  </Step>

  <Step title="Selecciona tu archivo">
    Haz clic en el área de la imagen o en "Cambiar imagen" → Selecciona tu archivo (PNG o JPG, máximo 5 MB)
  </Step>

  <Step title="Ajusta el recorte">
    Se abre el editor de recorte:

    * Arrastra la imagen para posicionarla
    * Usa el slider de zoom para ajustar el tamaño
    * El área de recorte es cuadrada (1:1)
  </Step>

  <Step title="Confirma el recorte">
    Haz clic en "Confirmar" → El sistema procesa la imagen a 200x200px en formato JPEG
  </Step>

  <Step title="Guarda los cambios">
    Haz clic en "Guardar cambios" → El logo se aplica inmediatamente en todos los documentos nuevos que generes
  </Step>
</Steps>

<Info>
  **No necesitas preparar tu logo en 200x200px de antemano.** El editor de recorte te permite ajustar cualquier imagen al tamaño correcto.
</Info>

<Warning>
  Los documentos ya generados mantendrán el logo anterior. El nuevo logo solo se usará en documentos creados después del cambio.
</Warning>

***

## Buenas prácticas

<Check>
  **Usa fondos que contrasten:** Como el logo final será JPEG (sin transparencia), asegúrate de que funcione bien en fondo blanco. Evita logos blancos o muy claros.
</Check>

<Check>
  **Sube la mejor calidad:** Usa la versión de mayor resolución de tu logo para que el sistema pueda generar una imagen nítida a 200x200px.
</Check>

<Check>
  **Diseño simple y compacto:** Los logos simples, claros y que funcionen en formato cuadrado se ven mejor. Evita diseños muy horizontales o con muchos detalles pequeños.
</Check>

<Check>
  **Usa el editor de recorte:** Aprovecha el editor para centrar y ajustar tu logo exactamente como quieres que se vea.
</Check>

<Warning>
  **Evita cambiar el logo frecuentemente:** Mantener un logo consistente ayuda a construir reconocimiento de marca con tus pacientes.
</Warning>

***

## Preguntas Frecuentes

<AccordionGroup>
  <Accordion title="¿Qué pasa si no subo un logo?" icon="image">
    No es obligatorio. Si no subes un logo:

    * Los certificados mostrarán solo el nombre de tu clínica
    * Los documentos usarán el nombre como encabezado en texto
    * Todo funcionará normalmente

    Puedes agregar el logo más adelante cuando lo tengas.
  </Accordion>

  <Accordion title="¿Qué formato debe tener el logo?" icon="file-image">
    **Formatos aceptados:** PNG o JPG

    **Dimensiones finales:** 200x200 px (cuadrado, aspect ratio 1:1)

    **Peso máximo:** 5 MB

    **Formato de salida:** JPEG (el sistema lo convierte automáticamente)

    <Info>
      El sistema incluye un editor de recorte que ajusta cualquier imagen al formato cuadrado requerido. No necesitas preparar el logo de antemano.
    </Info>
  </Accordion>

  <Accordion title="¿Los documentos ya generados cambiarán si actualizo el logo?" icon="arrows-rotate">
    No. Los documentos y certificados ya generados mantienen el logo que tenían al momento de crearse.

    El nuevo logo solo se usará en documentos que generes después del cambio.
  </Accordion>

  <Accordion title="¿Puedo tener diferentes logos para diferentes tipos de documentos?" icon="images">
    No. El sistema usa un solo logo para todos los documentos (certificados, recibos, reportes, etc.).

    **Recomendación:** Usa tu logo principal de la clínica, el que identifica tu marca.
  </Accordion>

  <Accordion title="Mi logo se ve cortado o mal posicionado" icon="crop">
    El sistema incluye un editor de recorte que te permite ajustar exactamente cómo se verá tu logo.

    **Para ajustar:**

    1. Cambia el logo nuevamente
    2. En el editor de recorte, arrastra la imagen para centrarla
    3. Usa el slider de zoom para ajustar el tamaño
    4. Confirma cuando esté bien posicionado

    <Tip>
      Si tu logo es muy horizontal (como "CLÍNICA SONRISA" en texto largo), intenta usar solo las iniciales o un símbolo que funcione mejor en formato cuadrado.
    </Tip>
  </Accordion>
</AccordionGroup>

***

## Ver también

* [Datos de la Clínica](/configuracion/organizacion/datos-clinica) - Configura nombre, dirección y contacto
* [Certificados](/calendar/comunicacion-pacientes/certificados) - Genera certificados con tu logo

<Check>
  **Siguiente paso:** Configura los [Horarios de Atención](/configuracion/organizacion/horarios-atencion) para definir el rango de horas visible en tu calendario.
</Check>