// Publications.jsx — Leandro Rafael Website
const Publications = () => {
  const pubs = [
    {
      type: 'Livro',
      title: 'Turnaround, 100 Segredos',
      venue: 'Co-autor',
      desc: 'Guia prático para reestruturar empresas em crise, com métodos, rituais e cases reais.',
      href: 'https://www.amazon.com.br/Turnaround-100-Segredos-Estev%C3%A3o-Seccatto/dp/6558723727',
    },
    {
      type: 'Dissertação',
      title: 'Aspectos estratégicos, operacionais e financeiros na reestruturação empresarial',
      venue: 'FGV EAESP · Mestrado Profissional',
      desc: 'Estudo de caso no setor farmacêutico.',
      href: 'https://lnkd.in/dGuWtAAD',
    },
    {
      type: 'Artigo',
      title: 'Publicações no Estadão',
      venue: 'Estadão · Colunista convidado',
      desc: 'Textos sobre gestão, finanças e transformação digital.',
      href: 'https://lnkd.in/d_-5f9v3',
    },
  ];

  const linkedinPosts = [
    { title: 'Dashboard bonito em cima de processo quebrado não resolve o problema', date: '2025', href: 'https://www.linkedin.com/posts/leandrocrafael_dashboard-bonito-em-cima-de-processo-quebrado-activity-7450570676807122944-SfVz?utm_source=share&utm_medium=member_desktop' },
    { title: 'Retomei minhas anotações de Sem Cortes — livro importante para quem atua com reestruturação', date: '2025', href: 'https://www.linkedin.com/posts/leandrocrafael_retomei-minhas-anota%C3%A7%C3%B5es-de-sem-cortes-livro-activity-7449780106165637120-KztN?utm_source=share&utm_medium=member_desktop' },
    { title: 'Há um movimento silencioso reorganizando o mundo da reestruturação empresarial', date: '2025', href: 'https://www.linkedin.com/posts/leandrocrafael_h%C3%A1-um-movimento-silencioso-reorganizando-activity-7449496814036348928--5T9?utm_source=share&utm_medium=member_desktop' },
    { title: 'Quais mentiras ouvimos todos os dias em finanças e contabilidade?', date: '2025', href: 'https://www.linkedin.com/posts/leandrocrafael_hoje-%C3%A9-1%C2%BA-de-abril-dia-oficial-da-mentira-activity-7445194263379988480-tjJ6?utm_source=share&utm_medium=member_desktop' },
    { title: 'Estudo de Caso — Dasa · One Page Executiva', date: '2025', href: 'https://www.linkedin.com/posts/leandrocrafael_dasaonepageexecutivalr-activity-7443256761886703616-b5vc?utm_source=share&utm_medium=member_desktop' },
    { title: 'E se montássemos um demonstrativo financeiro sobre nossa própria vida?', date: '2025', href: 'https://www.linkedin.com/posts/leandrocrafael_todo-profissional-de-finan%C3%A7as-j%C3%A1-montou-centenas-activity-7439260434429263873-DXd_?utm_source=share&utm_medium=member_desktop' },
    { title: 'Estudo de Caso — Raízen · Recuperação Extrajudicial', date: '2025', href: 'https://www.linkedin.com/posts/leandrocrafael_raizengparecupera%C3%A7%C3%A3oextrajudicial-activity-7438280830331904001-ASK_?utm_source=share&utm_medium=member_desktop' },
    { title: 'World Economic Forum: habilidades que todos os profissionais precisam estar atentos', date: '2025', href: 'https://www.linkedin.com/posts/leandrocrafael_o-world-economic-forum-f%C3%B3rum-econ%C3%B4mico-mundial-activity-7436731269343813632-Rzgw?utm_source=share&utm_medium=member_desktop' },
    { title: 'Anthropic publicou estudo sobre uso da IA nas principais áreas corporativas', date: '2025', href: 'https://www.linkedin.com/posts/leandrocrafael_a-anthropic-publicou-nesta-semana-um-estudo-activity-7435771309407539200-nc9U?utm_source=share&utm_medium=member_desktop' },
    { title: 'Finanças Corporativas, Pricing e Estratégia — estudo de caso aplicado na prática', date: '2025', href: 'https://www.linkedin.com/posts/leandrocrafael_financascorporativas-pricing-estrategia-activity-7425287051350134784-_KQB?utm_source=share&utm_medium=member_desktop' },
  ];

  return React.createElement('section', {
    id: 'publicacoes',
    'data-screen-label': '05 Publicações',
    style: { background: '#0B2447', padding: '88px 40px' }
  },
    React.createElement('div', { style: { maxWidth: 1280, margin: '0 auto' } },

      React.createElement('div', { style: { fontFamily: "'Inter',sans-serif", fontSize: 11, fontWeight: 500, letterSpacing: '0.14em', textTransform: 'uppercase', color: '#C9A961', marginBottom: 16 } }, 'Publicações'),
      React.createElement('div', { style: { width: 48, height: 2, background: '#C9A961', marginBottom: 16 } }),
      React.createElement('p', { style: { fontFamily: "'Inter',sans-serif", fontSize: 15, color: 'rgba(247,245,240,0.45)', marginBottom: 56 } },
        'O que escrevi para organizar e compartilhar o que aprendi.'),

      React.createElement('div', {
        style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 80, alignItems: 'start' },
        className: 'pubs-grid'
      },

        // Left: main publications
        React.createElement('div', null,
          React.createElement('h2', { style: { fontFamily: "'Playfair Display',serif", fontSize: 'clamp(26px,2.8vw,40px)', fontWeight: 600, lineHeight: 1.15, letterSpacing: '-0.02em', color: '#F7F5F0', marginBottom: 48 } },
            'Escrito para organizar e compartilhar.'),

          ...pubs.map((p, i) =>
            React.createElement('div', {
              key: i,
              style: {
                borderTop: `1px solid rgba(${i === 0 ? '201,169,97,0.35' : '247,245,240,0.1'})`,
                paddingTop: 24, paddingBottom: 28,
              }
            },
              React.createElement('div', { style: { display: 'flex', gap: 14, alignItems: 'flex-start' } },
                React.createElement('span', {
                  style: {
                    fontFamily: "'Inter',sans-serif", fontSize: 10, fontWeight: 500,
                    letterSpacing: '0.1em', textTransform: 'uppercase',
                    color: '#C9A961', background: 'rgba(201,169,97,0.12)',
                    padding: '3px 8px', borderRadius: 1, flexShrink: 0, marginTop: 3
                  }
                }, p.type),
                React.createElement('div', null,
                  p.href
                    ? React.createElement('a', {
                        href: p.href, target: '_blank', rel: 'noopener noreferrer',
                        style: { fontFamily: "'Playfair Display',serif", fontSize: 17, fontWeight: 600, color: '#F7F5F0', lineHeight: 1.3, marginBottom: 6, display: 'block', textDecoration: 'none', transition: 'color 200ms' },
                        onMouseEnter: e => e.target.style.color = '#C9A961',
                        onMouseLeave: e => e.target.style.color = '#F7F5F0',
                      }, p.title)
                    : React.createElement('div', { style: { fontFamily: "'Playfair Display',serif", fontSize: 17, fontWeight: 600, color: '#F7F5F0', lineHeight: 1.3, marginBottom: 6 } }, p.title),
                  React.createElement('div', { style: { fontFamily: "'Inter',sans-serif", fontSize: 12, color: 'rgba(247,245,240,0.4)', marginBottom: p.desc ? 8 : 0 } }, p.venue),
                  p.desc && React.createElement('p', { style: { fontFamily: "'Inter',sans-serif", fontSize: 13, color: 'rgba(247,245,240,0.6)', lineHeight: 1.65 } }, p.desc)
                )
              )
            )
          )
        ),

        // Right: LinkedIn posts
        React.createElement('div', null,
          React.createElement('div', {
            style: { fontFamily: "'Inter',sans-serif", fontSize: 11, fontWeight: 500, letterSpacing: '0.1em', textTransform: 'uppercase', color: '#C9A961', marginBottom: 24 }
          }, 'Posts em Destaque · LinkedIn'),

          React.createElement('div', { style: { display: 'flex', flexDirection: 'column' } },
            ...linkedinPosts.map((post, i) =>
              React.createElement('a', {
                key: i,
                href: post.href,
                target: '_blank',
                rel: 'noopener noreferrer',
                style: {
                  borderTop: `1px solid rgba(247,245,240,${i === 0 ? '0.15' : '0.07'})`,
                  paddingTop: 16, paddingBottom: 16,
                  display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: 16,
                  textDecoration: 'none',
                  transition: 'opacity 200ms',
                },
                onMouseEnter: e => e.currentTarget.style.opacity = '0.7',
                onMouseLeave: e => e.currentTarget.style.opacity = '1',
              },
                React.createElement('div', { style: { fontFamily: "'Inter',sans-serif", fontSize: 13, color: 'rgba(247,245,240,0.75)', lineHeight: 1.4 } }, post.title),
                React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: 10, flexShrink: 0 } },
                  React.createElement('span', { style: { fontFamily: "'Inter',sans-serif", fontSize: 11, color: 'rgba(247,245,240,0.3)' } }, post.date),
                  React.createElement('span', { style: { color: '#C9A961', fontSize: 14 } }, '→')
                )
              )
            ),
            React.createElement('div', { style: { borderTop: '1px solid rgba(247,245,240,0.07)' } })
          ),

          React.createElement('a', {
            href: 'https://www.linkedin.com/in/leandrocrafael/recent-activity/all/',
            target: '_blank',
            rel: 'noopener noreferrer',
            style: {
              fontFamily: "'Inter',sans-serif", fontSize: 13, fontWeight: 500,
              color: '#C9A961', textDecoration: 'none',
              borderBottom: '1px solid rgba(201,169,97,0.35)', paddingBottom: 2,
              display: 'inline-block', marginTop: 28,
            }
          }, 'Ver todos no LinkedIn →')
        )
      )
    )
  );
};

Object.assign(window, { Publications });