# Logo — variantes

Concepto: "IS" + robot minimalista coherente con la paleta `#5b5bd6`.

## Archivos

| Archivo | viewBox | Cuándo usarlo |
|---|---|---|
| [logo-mark.svg](logo-mark.svg) | 0 0 64 64 | Nav, footer, avatar, tarjeta pequeña |
| [logo-mark-dark.svg](logo-mark-dark.svg) | 0 0 64 64 | Variante para fondos oscuros |
| [logo-wordmark.svg](logo-wordmark.svg) | 0 0 280 64 | Header hero, firma de email, OG image |
| [favicon.svg](favicon.svg) | 0 0 64 64 | `<link rel="icon" type="image/svg+xml">` |

## Ver también

- [Auditoría completa](../auditoria.md) — sección 3 incluye razonamiento del rediseño.
- [PROMPT.md](../PROMPT.md) — el prompt ya referencia estos 4 SVG.
- [index.html](../index.html) — preview interactivo con botones de descarga individuales.
- [HANDOFF.md](../HANDOFF.md) — resumen ejecutivo.

## Migración sugerida

1. Reemplazar `<img src="/intelligent_system.png" ...>` por
   `<img src="/logo/logo-mark.svg" alt="Intelligent System — Inicio" width="40" height="40">`
   en nav y footer.
2. Envolver en `<a href="/" aria-label="Inicio">`.
3. Cambiar el favicon a SVG.
4. Conservar el PNG viejo solo como `/og-image.png` (1200×630).

Ver detalle en la sección §A del [prompt](../PROMPT.md#c-cambios-requeridos).

## Tamaños mínimos recomendados

- `<= 16px`: usar [favicon.svg](favicon.svg) (sin antena, sin puntos LED).
- `24–40px`: usar [logo-mark.svg](logo-mark.svg).
- `>= 80px` o en hero: usar [logo-wordmark.svg](logo-wordmark.svg).

## Compatibilidad

- Renderizan idéntico en WebKit, Blink, Gecko.
- En safari < 12 hay que tener fallback PNG (no incluido; bajar del sitio actual).
- En correo, [logo-wordmark.svg](logo-wordmark.svg) se ve en Gmail / Outlook moderno; en Outlook
  legacy sirve el PNG viejo como respaldo.