# KOBRA × AMAPÁ 0° · Projeto Conceitual

Site one-page de apresentação do conceito de imortalização de Eduardo Kobra
no Marco Zero da Linha do Equador, em Macapá (AP).

## Como abrir

1. Descompacte o arquivo ZIP
2. Abra o arquivo `index.html` em qualquer navegador moderno (Chrome, Edge, Firefox, Safari)
3. Mantenha a pasta `images/` no mesmo diretório do `index.html`

## Estrutura

- `index.html`        · Página principal (54 KB)
- `images/*.webp`     · 13 mockups otimizados (modernos)
- `images/*.jpg`      · 13 mockups fallback (qualquer navegador)

## Tecnologias

- HTML5 semântico (válido pelo parser W3C estrito)
- CSS puro com variáveis CSS, grid, flexbox, animações
- CSS e JavaScript locais, sem CDNs públicos
- Fontes do sistema com fallback local
- JavaScript vanilla (IntersectionObserver, parallax, lightbox)

## SEO & Acessibilidade

- ✅ Meta tags completas (description, OG, Twitter Card)
- ✅ Schema.org JSON-LD (CreativeWork)
- ✅ Todas as imagens com alt descritivo
- ✅ Favicon SVG inline
- ✅ Tags <picture> com source WebP + fallback JPG
- ✅ Lazy loading (eager apenas no hero)
- ✅ prefers-reduced-motion suportado
- ✅ Viewport mobile e theme-color

## Performance

- HTML 54 KB
- Imagens 11 MB total (otimizadas de 47 MB originais)
- WebP economiza ~30-40% em navegadores modernos
