# Wireframes — Fase 1

Inspiración: Notion (densidad clara) · Stripe (jerarquía tipográfica) · Airbnb (estados de alojamiento).

Layout global en todas las pantallas:

```
┌──────────┬────────────────────────────────────────────┐
│ Brand    │  [móvil: header + menú]                    │
│ El Bajo  │                                            │
│ Manager  │  Título + descripción corta                │
│          │  Acciones (filtros / vista)                │
│ Dashboard│                                            │
│ Habitac. │  Contenido principal                       │
│ Huéspedes│                                            │
│ Finanzas │                                            │
│ Limpieza │                                            │
│          │                                            │
│ Fase 1   │                                            │
└──────────┴────────────────────────────────────────────┘
```

---

## 1. Dashboard `/`

```
┌─────────────────────────────────────────────────────────┐
│ Dashboard                                               │
│ Resumen operativo del bajo…                             │
├─────────────┬─────────────┬─────────────┬───────────────┤
│ Disponibles │ Ocupadas    │ Reservadas  │ Mantenimiento │
│     1       │     1       │     1       │      1        │
├─────────────┴─────────────┴─────────────┴───────────────┤
│ Resumen financiero del mes                              │
│ ┌──────── EUR ────────┐  ┌──────── COP ────────┐        │
│ │ Ingresos / Gastos   │  │ Ingresos / Gastos   │        │
│ │ Neto                │  │ Neto                │        │
│ │ Digital | Físico    │  │ Digital | Físico    │        │
│ └─────────────────────┘  └─────────────────────┘        │
├────────────────┬────────────────┬───────────────────────┤
│ Próx. cobros   │ Gastos recent. │ Próx. limpiezas       │
│ · concepto     │ · concepto     │ · habitación          │
│ · estado/fecha │ · categoría    │ · responsable         │
└────────────────┴────────────────┴───────────────────────┘
```

---

## 2. Habitaciones `/habitaciones`

```
┌─────────────────────────────────────────────────────────┐
│ Habitaciones                    [Tarjetas] [Tabla]      │
│ ○ Todas ○ Disponible ○ Reservada ○ Ocupada ○ Mant.      │
├──────────────────┬──────────────────┬───────────────────┤
│ Habitación 1     │ Habitación 2     │ Habitación 3      │
│ [Ocupada]        │ [Disponible]     │ [Reservada]       │
│ Ana López        │ Sin huésped      │ Carlos Ruiz       │
│ Mensual · Depósito · Ingreso · Salida                   │
│ Observaciones…                                          │
└──────────────────┴──────────────────┴───────────────────┘

Vista tabla:
| Habitación | Estado | Huésped | Precio | Ingreso | Salida |
```

---

## 3. Huéspedes `/huespedes`

```
┌─────────────────────────────────────────────────────────┐
│ Huéspedes                                               │
│ ○ Todos ○ Activo ○ Pendiente ingreso ○ Finalizado       │
├─────────────────────────────────────────────────────────┤
│ Nombre          Estado   Hab.   Teléfono  Correo  Fechas│
│ Ana López       Activo   Hab.1  …         …       …     │
│ Carlos Ruiz     Pend.    Hab.3  …         …       …     │
└─────────────────────────────────────────────────────────┘
```

---

## 4. Cobros y Caja `/finanzas`

```
┌─────────────────────────────────────────────────────────┐
│ Cobros y Caja                                           │
│ ⚠ Alerta: N pagos pendientes / vencidos                 │
│ ○ Todas ○ Entrada ○ Salida | ○ Pagado ○ Pend. ○ Vencido │
├─────────────────────────────────────────────────────────┤
│ Fecha | Tipo | Concepto | Cat. | Cuenta | Estado | Valor│
│ …     | Entr.| Alquiler | …    | Dig.   | Pend.  | 450€ │
└─────────────────────────────────────────────────────────┘
```

---

## 5. Limpieza `/limpieza`

```
┌──────────────────────────────┬──────────────────────────┐
│  <  septiembre 2026  >       │  domingo 28 septiembre   │
│  L  M  X  J  V  S  D         │  2 limpieza(s)           │
│  ·  1  2  3  4  5  6         │  ┌────────────────────┐  │
│  7  8  9 … 28• 29• 30        │  │ Hab. 1  [Programada]│  │
│                              │  │ Responsable: Lucía  │  │
│  • = hay tareas              │  └────────────────────┘  │
└──────────────────────────────┴──────────────────────────┘
```

---

## Navegación

```
Dashboard ⇄ Habitaciones
    ⇄ Huéspedes
    ⇄ Cobros y Caja
    ⇄ Limpieza
```

Enlaces cruzados del dashboard (“Ver todas / Ver”) saltan al módulo correspondiente.
En móvil: sidebar → sheet lateral.