# Cómo Añadir tu Foto al CV

## 📸 Paso 1: Prepara tu Foto

1. **Busca una foto profesional** (preferiblemente tipo LinkedIn)
2. **Formato recomendado**: JPG o PNG
3. **Tamaño**: Al menos 300x300 píxeles (cuadrada es mejor)
4. **Calidad**: Fondo neutro, buena iluminación

## 📁 Paso 2: Guarda la Foto

Guarda tu foto en:
```
static/images/profile/photo.jpg
```

Puedes usar cualquiera de estos nombres:
- `photo.jpg` ✅ (recomendado)
- `photo.png` (cambiar en template)
- `profile.jpg` (cambiar en template)

## 🔄 Paso 3: Actualizar (si usas otro nombre)

Si tu foto se llama diferente a `photo.jpg`, edita `templates/cv-content.html`:

```html
<!-- Cambiar esta línea: -->
<img src="/static/images/profile/photo.jpg" ...>

<!-- Por ejemplo, si tu foto es profile.png: -->
<img src="/static/images/profile/profile.png" ...>
```

## 🖼️ Descargar desde LinkedIn

### Opción 1: Manualmente
1. Abre tu perfil de LinkedIn
2. Click derecho en tu foto → "Guardar imagen como..."
3. Guárdala como `photo.jpg` en `static/images/profile/`

### Opción 2: Desde tu sitio actual
Si ya tienes tu foto en https://juan.andres.morenoyrubio.com:

```bash
cd static/images/profile
# Abre el inspector del navegador, busca tu foto, y copia la URL
curl -o photo.jpg "URL_DE_TU_FOTO"
```

## ✅ Verificar

1. Reinicia el servidor: `./cv-server`
2. Abre http://localhost:8080
3. Deberías ver tu foto en la esquina superior izquierda

Si no funciona, verás un placeholder gris con el texto "Add your photo".

## 🎨 Ajustar el Tamaño (Opcional)

La foto se muestra como un círculo de 120px. Para cambiar el tamaño, edita `static/css/main.css`:

```css
.cv-photo {
    width: 150px;  /* Cambiar aquí */
    height: 150px; /* Y aquí */
    border-radius: 50%;
}
```

---

**Nota**: El template ya incluye un fallback automático al placeholder si la foto no existe, así que el sitio funcionará con o sin foto.