# Demo: {NOMBRE}

> **Estado:** ⏳ Pending / ✅ Production-ready
> **Última auditoría:** YYYY-MM-DD
> **Producto que lo usa:** [{producto}](../products/{slug}.md)

---

## 1. Identidad

| Campo | Valor |
|-------|-------|
| **Slug del demo** | `demo-{name}` |
| **Slug base (assets/skin)** | `{base-name}` (sin "demo-" prefix) |
| **Source Porto** | URL del template original |
| **Product que lo usa** | `{core-slug}` |
| **Patrón welcome** | A (config-heavy) / B (data-driven) |
| **Skin asociado** | `skin-{base}.css` |

---

## 2. Las 7 piezas

| # | Pieza | Archivo |
|---|-------|---------|
| 1 | Header | `resources/views/layout/front/headers/demo-{name}.blade.php` |
| 2 | Footer | `resources/views/layout/front/footers/demo-{name}.blade.php` |
| 3 | Page-header | `resources/views/layout/front/partials/page-header-{base}.blade.php` |
| 4 | Welcome | `resources/views/modules/cd-base/frontend/demos/demo-{name}/welcome.blade.php` |
| 5 | About | `.../demos/demo-{name}/about.blade.php` |
| 6 | Contact | `.../demos/demo-{name}/contact.blade.php` |
| 7 | Demo CSS | `public/template/css/demos/demo-{name}.css` |

Skin: `public/template/css/skins/skin-{base}.css`
Imágenes del template: `public/cd-project/img/demos/{base}/`

---

## 3. Registros en código

| Registro | Archivo | Línea/sección |
|----------|---------|---------------|
| Layout mapping | `app/helpers.php::get_demo_layout_mapping()` | header + footer + page_header |
| Skin mapping | `app/helpers.php::get_demo_skin_mapping()` | `'demo-{name}' => 'skin-{base}'` |
| Page headers config | `config/page-headers.php` | partial name |
| Dynamic-headers | 10 archivos | `@elseif($activeDemo === 'demo-{name}')` cases |

---

## 4. Cómo embebe módulos en welcome

| Sección welcome | Módulo consumido | Markup |
|-----------------|------------------|--------|
| Hero | n/a (carouselImages opcional) | full-width carousel |
| Services slider | services | owl-carousel cards / grid / lista |
| Team carousel | team | owl-carousel cards |
| Testimonials | references o testimonials | overlay con quotes |
| Blog cards | blog | grid 2-3 columnas |
| ... | ... | ... |

---

## 5. Customizaciones específicas del demo

(Listar reglas CSS o lógica única — ej. carrusel altura uniforme custom, breadcrumb dorado, hero con kenburns animation)

---

## 6. Auditoría — 30 items

| Bloque | Items pasan | Estado |
|--------|-------------|--------|
| 1. Anatomía y registros (5) | / | |
| 2. Header / Footer / Page-header (6) | / | |
| 3. Welcome / About / Contact (6) | / | |
| 4. CSS (demo + skin) (5) | / | |
| 5. Integración con módulos (4) | / | |
| 6. QA visual (4) | / | |
| **TOTAL** | / 30 | |

**Veredicto**: ⏳ pending / ✅ production-ready

---

## 7. Bugs arreglados

| Archivo | Bug | Fix |
|---------|-----|-----|
| | | |

---

## 8. Pendientes / Out of scope

---

## 9. Referencias

- Producto: [`../products/{slug}.md`](../products/{slug}.md)
- Estándar canónico: [`../product-readiness/estandar-demo.md`](../product-readiness/estandar-demo.md)
- Demo overrides pattern: [`DEMO-OVERRIDES-PATTERN.md`](DEMO-OVERRIDES-PATTERN.md)
- Demo checklist: [`DEMO-CHECKLIST.md`](DEMO-CHECKLIST.md)