# Identidad — Medical / Clínica

## Paleta de colores

Estilo "salud + corporativo" — azules clínicos clásicos sobre fondos claros.

| Token CSS | Hex | Aplicación |
|-----------|-----|------------|
| `--primary` | `#008fe2` | Hero overlays, page-headers, CTAs, íconos destacados, hover accents |
| `--secondary` | `#2d529f` | Box-four (urgencias) en welcome, headings principales en secciones oscuras |
| `--tertiary` | `#3aabdd` | Box-two (especialidades link) en welcome |
| `--quaternary` | `#242424` | Footer background, dark sections |
| `--dark` | `#212529` | Texto sobre fondos claros, títulos |
| `--light` | `#FFFFFF` | Backgrounds claros, texto sobre fondos oscuros |

Fallback hardcoded en `demo-medical.css` para cuando el SkinService no inyecta variables.

## Tipografía

| Token | Familia | Aplicación |
|-------|---------|------------|
| Primary | `Poppins` (300/400/500/600/700/800) | Body, párrafos, navegación |
| Secondary | `Poppins` | Títulos H1-H6 |
| Tertiary | `Shadows Into Light` | Acentos/quotes (opcional) |

Fonts cargadas en `layout/front/partials/_styles.blade.php` desde Google Fonts.

## Logo y CTA principal

- **Logo principal**: `site_asset_url('main_logo')` — el cliente sube su logo desde `/admin/pages/settings`
- **CTA header**: `config('site.header.cta_button.title', 'Pedir turno')` → enlace a `/contact`
- Max-height del logo: 64px (normal) / 48px (sticky) — clamping en `demo-medical.css`

## Tono y narrativa

- **Voz**: profesional, cálido, claro
- **Posicionamiento**: atención humana + experiencia clínica
- **CTA dominante**: "Pedir turno" / "Reservar consulta"

Mensajes default ubicados en `seeds/config-medical.json` — el reseller puede customizarlos por tenant.

## Elementos visuales específicos del demo

| Componente | Notas |
|-----------|-------|
| Hero slider | 2 slides, height 650px, dynamic-height responsive |
| 4 boxes info | "medical-schedules" — Atención + Especialidades + Horarios (hover expand) + Urgencias |
| Page-header | `page-header-modern bg-color-primary page-header-md` — fondo primary, breadcrumb light |
| Testimonial style | `testimonial-style-2 testimonial-with-quotes` sobre fondo `--quaternary` |
| Footer | 4 columnas: Location / Hours / Emergency / Social |