// Aulas.jsx — Leandro Rafael Website
const Aulas = () => {
  const topics = [
    'Fast close e disciplina de fechamento contábil',
    'FP&A moderno, do forecast ao reporting executivo',
    'Capital de giro e gestão de caixa em cenário apertado',
    'Turnaround e reestruturação empresarial',
    'IA aplicada a finanças: o que é real e o que é marketing',
    'Governança em empresa familiar sem burocratizar',
    'Integração pós M&A: onde o valor da tese se perde',
    'Orçamento base zero sem virar teatro corporativo',
  ];

  const disciplines = [
    'Controladoria',
    'Finanças Corporativas',
    'Orçamento e Controle',
    'Inteligência Artificial aplicada a projetos',
  ];

  return React.createElement('section', {
    id: 'aulas',
    'data-screen-label': '06 Aulas',
    style: { background: '#F7F5F0', 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: '#9A9A9A', marginBottom: 16 } }, 'Aulas e Palestras'),
      React.createElement('div', { style: { width: 48, height: 2, background: '#C9A961', marginBottom: 64 } }),

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

        // Left
        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: '#0B2447', marginBottom: 32 }
          }, 'Ensino porque aprendo mais ensinando.'),

          // FGV block
          React.createElement('div', {
            style: { background: '#EDEAE3', borderTop: '2px solid #C9A961', padding: '24px 28px', marginBottom: 32 }
          },
            React.createElement('div', { style: { fontFamily: "'Inter',sans-serif", fontSize: 10, fontWeight: 500, letterSpacing: '0.1em', textTransform: 'uppercase', color: '#C9A961', marginBottom: 12 } }, 'FGV Educação Executiva'),
            React.createElement('p', { style: { fontFamily: "'Inter',sans-serif", fontSize: 15, lineHeight: 1.72, color: '#3A3A3A' } },
              'Sou professor de Finanças Corporativas na FGV Educação Executiva, em programas para executivos C-Level. Ministro disciplinas de Finanças Corporativas, FP&A e Digital Finance and Analytics. Também atendo demandas pontuais de palestras corporativas e workshops fechados para áreas de finanças.')
          ),

          // Disciplines
          React.createElement('div', { style: { marginBottom: 36 } },
            React.createElement('div', { style: { fontFamily: "'Inter',sans-serif", fontSize: 10, fontWeight: 500, letterSpacing: '0.1em', textTransform: 'uppercase', color: '#9A9A9A', marginBottom: 14 } }, 'Disciplinas que leciono'),
            React.createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: 8 } },
              ...disciplines.map((d, i) =>
                React.createElement('div', {
                  key: i,
                  style: { fontFamily: "'Inter',sans-serif", fontSize: 14, color: '#3A3A3A', lineHeight: 1.4, paddingLeft: 14, position: 'relative' }
                },
                  React.createElement('span', { style: { position: 'absolute', left: 0, color: '#C9A961', fontWeight: 700 } }, '—'),
                  d
                )
              )
            )
          ),

          React.createElement('a', {
            href: '#contato',
            onClick: e => { e.preventDefault(); const el = document.getElementById('contato'); if (el) window.scrollTo({ top: el.offsetTop - 80, behavior: 'smooth' }); },
            style: {
              fontFamily: "'Inter',sans-serif", fontSize: 14, fontWeight: 500,
              letterSpacing: '0.04em', textDecoration: 'none',
              color: '#F7F5F0', background: '#0B2447',
              padding: '14px 32px', borderRadius: 2,
              display: 'inline-block', cursor: 'pointer',
              transition: 'background 200ms',
            },
            onMouseEnter: e => e.target.style.background = '#1A3A5C',
            onMouseLeave: e => e.target.style.background = '#0B2447',
          }, 'Convidar para uma palestra')
        ),

        // Right: topics + formats
        React.createElement('div', null,
          React.createElement('div', { style: { fontFamily: "'Inter',sans-serif", fontSize: 10, fontWeight: 500, letterSpacing: '0.1em', textTransform: 'uppercase', color: '#9A9A9A', marginBottom: 24 } }, 'Temas que costumo abordar'),

          React.createElement('div', { style: { marginBottom: 40 } },
            ...topics.map((topic, i) =>
              React.createElement('div', {
                key: i,
                style: {
                  borderTop: i === 0 ? '1px solid #D6D1C6' : 'none',
                  borderBottom: '1px solid #D6D1C6',
                  padding: '18px 0',
                  display: 'flex', alignItems: 'center', gap: 16,
                }
              },
                React.createElement('div', { style: { width: 24, height: 1, background: '#C9A961', flexShrink: 0 } }),
                React.createElement('div', { style: { fontFamily: "'Inter',sans-serif", fontSize: 15, color: '#3A3A3A', lineHeight: 1.4 } }, topic)
              )
            )
          ),

          // Formats
          React.createElement('div', null,
            React.createElement('div', { style: { fontFamily: "'Inter',sans-serif", fontSize: 10, fontWeight: 500, letterSpacing: '0.1em', textTransform: 'uppercase', color: '#9A9A9A', marginBottom: 14 } }, 'Formatos'),
            React.createElement('div', { style: { display: 'flex', gap: 10, flexWrap: 'wrap' } },
              ...['Aula (pós-graduação)', 'Palestra corporativa', 'Workshop fechado', 'Mentoria de time'].map((f, i) =>
                React.createElement('div', {
                  key: i,
                  style: {
                    fontFamily: "'Inter',sans-serif", fontSize: 11, fontWeight: 500,
                    letterSpacing: '0.06em', textTransform: 'uppercase',
                    color: '#6B6B6B', background: '#EDEAE3',
                    padding: '7px 14px', borderRadius: 1,
                    border: '1px solid #D6D1C6',
                  }
                }, f)
              )
            )
          )
        )
      )
    )
  );
};

Object.assign(window, { Aulas });