# Demo Restaurant - Identidad y Tipografía

## Proyecto de Referencia: Muma

**Muma** (Tucumán/Miami) es el proyecto de referencia que valida la implementación de demo-restaurant.

## Brandbook Muma (implementado en demo-restaurant.css)

### Tipografías

| Uso | Fuente | Peso | Kerning |
|-----|--------|------|---------|
| **Headings** (h1–h6) | Helvetica | 400 (Regular) | -0.07em (-70) |
| **Body** (p, span, div, etc.) | Helvetica | 300 (Light) | default |
| **Navegación** | Helvetica | 400 | -0.07em |
| **Botones** | Helvetica | 400 | - |
| **Items de menú** (.custom-secondary-font) | Helvetica | 600 | - |

### Variables CSS (demo-restaurant.css)

```css
html.demo-restaurant {
    --font-family: "Helvetica", "Arial", sans-serif;
    --font-headings: "Helvetica", "Arial", sans-serif;
    --muma-kerning-headings: -0.07em; /* Brandbook: kerning -70 */
}
```

### Overrides Específicos

- **alternative-font-4**: Forzado a Helvetica (no Poppins).
- **custom-secondary-font**: Items de menú (ej: "Classic Beef", "Chicken & Citrus").
- **custom-font-secondary**: Breadcrumbs, hero labels, page headers.

## Skin

- **Skin**: `skin-restaurant` (auto-resuelto por `get_theme_skin()`).
- **Colores**: Definidos en `public/template/css/skins/skin-restaurant.css`.

## Componentes con Estilo Propio

| Componente | Clase | Descripción |
|------------|-------|-------------|
| Hero título | .custom-big-font-size-1 | 56px → 5.5rem (≥576px) |
| Líneas decorativas | .custom-line | 50px, 2px solid primary |
| Botones | .custom-btn-style-1 | Efecto sombra/offset al hover |
| Items de menú | .custom-menu-item | Layout con línea punteada, precio alineado |
| Testimonials | .custom-testimonial-style-1 | Comillas Helvetica Bold |
| Fecha blog | .custom-date-style-1 | Badge con efecto offset |
| Footer | #footer | Fondo #2c2c2c, texto #969696 |

## Overlay Hero

```css
html.demo-restaurant .overlay:before {
    background: #2C2C2C;
}
```

## Aislamiento

Todas las reglas están scoped bajo `html.demo-restaurant` para no afectar a otros demos (multi-tenant).