# 🔐 Configuración del Login - Law Firm 2

Guía para configurar y personalizar la página de login según la identidad del producto **law-firm-2**.

---

## 🎯 Configuración Actual

### `config/site.php` - Sección `auth`

```php
'auth' => [
    'login_title' => 'Panel de Administración',
    'login_subtitle' => 'Law Firm - Solución Web para Estudios Jurídicos',
    'login_background_image' => 'cd-project/img/demos/law-firm-2/backgrounds/login-bg.jpg',
    'login_background_image_dark' => 'cd-project/img/demos/law-firm-2/backgrounds/login-bg-dark.jpg',
    'primary_color' => '#50cd89',        // Verde profesional
    'primary_color_hover' => '#47b87a',  // Verde más oscuro
],
```

---

## 📝 Cómo Cambiar la Imagen de Fondo

### Opción 1: Configuración en `config/site.php` (Recomendado)

1. **Editar `config/site.php`**:
   ```php
   'auth' => [
       'login_background_image' => 'cd-project/img/demos/law-firm-2/backgrounds/login-bg.jpg',
       'login_background_image_dark' => 'cd-project/img/demos/law-firm-2/backgrounds/login-bg-dark.jpg',
   ],
   ```

2. **Ruta de la imagen**:
   - Ruta relativa desde `public/`
   - Ejemplo: `cd-project/img/demos/law-firm-2/backgrounds/login-bg.jpg`
   - Ruta completa: `public/cd-project/img/demos/law-firm-2/backgrounds/login-bg.jpg`

3. **Recomendaciones**:
   - **Tamaño**: 1920x1080px o superior
   - **Formato**: JPG o PNG
   - **Peso**: Optimizado (< 500KB)
   - **Estilo**: Profesional, relacionado con estudios jurídicos

---

### Opción 2: Imagen Automática por Demo

El sistema busca automáticamente una imagen en:
```
public/cd-project/img/demos/{demo-activo}/backgrounds/login-bg.jpg
```

**Para law-firm-2**:
```
public/cd-project/img/demos/demo-law-firm-2/backgrounds/login-bg.jpg
```

Si existe, se usa automáticamente sin necesidad de configuración.

---

## 🎨 Personalización de Colores

### Colores Primarios

**Para law-firm-2** (verde profesional):
```php
'primary_color' => '#50cd89',        // Verde principal
'primary_color_hover' => '#47b87a',  // Verde hover
```

**Para otros demos** (azul Metronic):
```php
'primary_color' => '#3699FF',        // Azul principal
'primary_color_hover' => '#187DE4',  // Azul hover
```

### Elementos que usan estos colores:
- Botones primarios (`.btn-primary`)
- Enlaces (`.link-primary`)
- Estados de focus en inputs
- Estados activos del menú
- Textos primarios (`.text-primary`)

---

## 📋 Elementos Configurables

### 1. Logo

**Ubicación**: `resources/views/auth/layout.blade.php` línea 197

**Configuración**:
- Usa: `config('site.assets.main_logo')`
- Alt text: `config('site.assets.main_logo_alt')`

**Cambiar**:
```php
// En config/site.php
'assets' => [
    'main_logo' => 'cd-project/img/logos/logo.png',
    'main_logo_alt' => 'Law Firm - Solución Web para Estudios Jurídicos',
],
```

---

### 2. Título y Subtítulo

**Configuración en `config/site.php`**:
```php
'auth' => [
    'login_title' => 'Panel de Administración',
    'login_subtitle' => 'Law Firm - Solución Web para Estudios Jurídicos',
],
```

---

### 3. Imagen de Fondo

**Configuración en `config/site.php`**:
```php
'auth' => [
    'login_background_image' => 'cd-project/img/demos/law-firm-2/backgrounds/login-bg.jpg',
    'login_background_image_dark' => 'cd-project/img/demos/law-firm-2/backgrounds/login-bg-dark.jpg',
],
```

**O automáticamente**:
- Colocar imagen en: `public/cd-project/img/demos/demo-law-firm-2/backgrounds/login-bg.jpg`

---

## 🔄 Proceso de Actualización

### Paso 1: Preparar la Imagen

1. Crear/obtener imagen de fondo apropiada
2. Dimensiones recomendadas: 1920x1080px
3. Optimizar imagen (comprimir sin perder calidad)
4. Guardar en formato JPG o PNG

### Paso 2: Subir la Imagen

**Opción A - Ruta específica del demo**:
```bash
# Crear directorio si no existe
mkdir -p public/cd-project/img/demos/demo-law-firm-2/backgrounds

# Copiar imagen
cp /ruta/a/tu/imagen.jpg public/cd-project/img/demos/demo-law-firm-2/backgrounds/login-bg.jpg
```

**Opción B - Ruta personalizada**:
1. Subir imagen a cualquier ubicación en `public/`
2. Actualizar `config/site.php`:
   ```php
   'login_background_image' => 'tu/ruta/personalizada/login-bg.jpg',
   ```

### Paso 3: Actualizar Configuración

1. Editar `config/site.php`
2. Actualizar valores en sección `auth`
3. Limpiar cache:
   ```bash
   php artisan config:clear
   php artisan view:clear
   ```

### Paso 4: Verificar

1. Ir a `http://127.0.0.1:8000/login`
2. Verificar que la imagen se muestre correctamente
3. Verificar que los colores sean los correctos
4. Verificar que el logo sea el correcto

---

## 📁 Estructura de Archivos

```
public/
└── cd-project/
    └── img/
        └── demos/
            └── demo-law-firm-2/
                └── backgrounds/
                    ├── login-bg.jpg          (Fondo modo claro)
                    └── login-bg-dark.jpg    (Fondo modo oscuro)
```

---

## ✅ Checklist de Configuración

- [ ] Imagen de fondo subida (`login-bg.jpg`)
- [ ] Imagen de fondo oscuro subida (`login-bg-dark.jpg`) - opcional
- [ ] Logo configurado en `config/site.php`
- [ ] Título configurado (`login_title`)
- [ ] Subtítulo configurado (`login_subtitle`)
- [ ] Colores primarios configurados (`primary_color`, `primary_color_hover`)
- [ ] Cache limpiado (`php artisan config:clear`)
- [ ] Verificado en navegador (`/login`)

---

## 🎨 Colores Recomendados para Law Firm 2

### Verde Profesional (Actual)
- **Primario**: `#50cd89` (Verde claro profesional)
- **Hover**: `#47b87a` (Verde más oscuro)
- **Uso**: Botones, enlaces, estados activos

### Alternativas
- **Verde Oscuro**: `#2d8659` / `#256b47`
- **Verde Azulado**: `#4a9b7a` / `#3d7f64`
- **Azul Profesional**: `#1e88e5` / `#1565c0`

---

## 📚 Referencias

- [Configuraciones](./04-configuraciones.md)
- [Producto Law Firm 2](./03-producto-law-firm-2.md)
- [Validación Law Firm](./VALIDACION-LAWFIRM.md)

---

**Última actualización**: 2025-01-XX  
**Versión**: 1.0.0