{
  "nome": "ENPASA — design system",
  "figma": {
    "arquivo": "wqedn1zreYQ9ouFhOGyGaZ",
    "guia_de_estilo": "258:1670"
  },
  "documento": "ENPASA-MCP.md",
  "pagina": "/design-system/",
  "regras": [
    "Todo bloco leva data-theme=\"light|dark\": o logo e o botão do menu trocam por ele.",
    "Valores visuais só por variáveis CSS. Curva única: expo-out (--ease). Transição de página só na saída.",
    "Um bloco é uma seção inteira; itens repetidos são repetidores; opções em lista fechada, sem cor ou espaçamento livres."
  ],
  "breakpoints": {
    "computador": ">=1280",
    "tablet": "768-1279",
    "celular": "<=767",
    "celular_deitado": "(max-height:520px) and (orientation:landscape)"
  },
  "variaveis": {
    "--c-primary": "#1F76DD",
    "--c-primary-dark": "#063D88",
    "--c-gold": "#9E7B3E",
    "--c-gray": "#808285",
    "--c-bg-dark": "#0A1628",
    "--c-card-dark": "#111D33",
    "--c-light": "#F5F7FA",
    "--c-white": "#FFFFFF",
    "--c-border": "rgba(31, 118, 221, 0.2)",
    "--font-display": "\"Michroma\", \"Eurostile\", \"Arial Black\", sans-serif",
    "--font-body": "\"Roboto\", system-ui, -apple-system, \"Segoe UI\", Arial, sans-serif",
    "--fs-hero": "72px",
    "--fs-h2": "44px",
    "--fs-h3": "40px",
    "--fs-stat": "38px",
    "--fs-service": "36px",
    "--fs-h4": "32px",
    "--fs-kicker": "24px",
    "--fs-h6": "20px",
    "--fs-tag": "15px",
    "--fs-lead": "18px",
    "--fs-body": "16px",
    "--fs-small": "14px",
    "--fs-label": "12px",
    "--fs-h5": "24px",
    "--fs-stat-label": "12px",
    "--lh-tight": "1.1",
    "--lh-title": "1.2",
    "--lh-heading": "1.3",
    "--lh-text": "1.3",
    "--lh-body": "1.5",
    "--s-8": "8px",
    "--s-16": "16px",
    "--s-24": "24px",
    "--s-32": "32px",
    "--s-48": "48px",
    "--s-64": "64px",
    "--s-96": "96px",
    "--gap-page": "64px",
    "--gap-section": "96px",
    "--gap-grid": "24px",
    "--container": "1312px",
    "--page-max": "1440px",
    "--r-sm": "5px",
    "--r-md": "10px",
    "--r-card": "16px",
    "--r-lg": "20px",
    "--r-pill": "999px",
    "--ease": "cubic-bezier(0.16, 1, 0.3, 1)",
    "--dur-fast": "0.35s",
    "--dur": "0.8s",
    "--dur-slow": "1.1s",
    "--z-hero-video": "0",
    "--z-content": "1",
    "--z-header": "100",
    "--z-overlay": "110",
    "--z-menu": "120",
    "--z-toggle": "130",
    "--z-loader": "200",
    "--header-h": "81px"
  },
  "blocos": {
    "enpasa/case-escopo": {
      "titulo": "Escopo do case",
      "descricao": "Título, texto do escopo e ficha (cliente, localidade, período, investimento)."
    },
    "enpasa/case-hero": {
      "titulo": "Hero de case",
      "descricao": "Topo da página de um case: foto de fundo, área, título e texto."
    },
    "enpasa/cases-carrossel": {
      "titulo": "Carrossel de cases",
      "descricao": "Mostra os cases cadastrados. Pode filtrar por área ou escolher os cases."
    },
    "enpasa/cases-lista": {
      "titulo": "Lista de cases",
      "descricao": "Todos os cases, com filtro por área. Os dados vêm de Cases no menu do painel."
    },
    "enpasa/clientes": {
      "titulo": "Logos de clientes",
      "descricao": "Título, texto e logos; no celular os logos alternam em fade."
    },
    "enpasa/cta": {
      "titulo": "Chamada (CTA)",
      "descricao": "Convite para contato sobre foto. Usa a chamada padrão das opções do site ou um texto próprio."
    },
    "enpasa/depoimentos": {
      "titulo": "Depoimentos",
      "descricao": "Citações de clientes com foto, nome e empresa."
    },
    "enpasa/destaques": {
      "titulo": "Lista de destaques",
      "descricao": "Título e lista curta em colunas (destaques técnicos do case)."
    },
    "enpasa/divisor": {
      "titulo": "Divisor de padrão",
      "descricao": "Faixa com o desenho de linhas da marca entre dois blocos."
    },
    "enpasa/foto": {
      "titulo": "Faixa de foto",
      "descricao": "Foto de ponta a ponta: com zoom ao rolar, ou preto e branco que ganha cor na tela."
    },
    "enpasa/galeria": {
      "titulo": "Galeria alternada",
      "descricao": "Título e dois conjuntos de 3 fotos que trocam ao rolar; no celular vira carrossel."
    },
    "enpasa/grade": {
      "titulo": "Grade de cards",
      "descricao": "Cards com ícone, título, texto e link. Sete estilos: soluções, diferenciais, cultura, canais, locais, áreas e vagas."
    },
    "enpasa/hero-video": {
      "titulo": "Hero com vídeo",
      "descricao": "Abertura da Home: vídeo em tela cheia e, depois de alguns segundos, o texto entrando sobre ele."
    },
    "enpasa/imagem-texto": {
      "titulo": "Imagem + texto",
      "descricao": "Foto ao lado de título e texto; o bloco inteiro é um link."
    },
    "enpasa/lideranca": {
      "titulo": "Liderança",
      "descricao": "Equipe com foto, nome, cargo, biografia e LinkedIn."
    },
    "enpasa/mvv": {
      "titulo": "Missão, visão e valores",
      "descricao": "Missão, visão e lista de valores."
    },
    "enpasa/numeros": {
      "titulo": "Números",
      "descricao": "Indicadores: estilo Home (azul), Sobre (claro) ou Case (métricas)."
    },
    "enpasa/page-hero": {
      "titulo": "Hero de página",
      "descricao": "Topo das páginas internas: título e texto, com fundo liso, faixa de padrão ou onda."
    },
    "enpasa/servicos": {
      "titulo": "Cards de serviço",
      "descricao": "Três áreas de atuação com título em destaque: estilo azul (Home) ou escuro (Sobre)."
    },
    "enpasa/vitrine": {
      "titulo": "Vitrine com vídeo",
      "descricao": "Vídeo de fundo com botão de play (abre o vídeo institucional) e texto em duas colunas."
    }
  }
}