const AM_UNIVERSOS=[
  {id:'drive',key:'drive',n:'01',title:'Drive Mental',status:'Disponível',
   sub:'12 Drives · 12 Confrontos · Uma Direção',
   desc:'A passagem da leitura para o exercício. Cada drive é um confronto com uma escolha que você já está fazendo.',
   cta:'Entrar no Drive',href:(window.AM_LINKS&&AM_LINKS.drive)||'#drive',img:'assets/icon-drive-mental.jpg',mark:true},
  {id:'leis',key:'leis',n:'02',title:'As Leis Invisíveis',status:'Em breve',
   sub:'As 7 Leis Universais para compreender e transformar sua Realidade',
   desc:'O curso nascido do livro. As sete leis são o conteúdo interno deste universo, cada uma muda o que se vê nas outras.',
   cta:'Em breve',href:'#leis',img:'assets/nebulosa.jpg'},
  {id:'codigo',key:'codigo',n:'03',title:'O Código da Realidade',status:'Em breve',
   sub:'Os princípios para mudar a sua relação com a Vida',
   desc:'Princípios aplicados à vida como ela é: relação, trabalho, decisão, tempo.',
   cta:'Em breve',href:'#codigo',img:'assets/nebulosa.jpg'},
  {id:'mentoria',key:'mentoria',n:'04',title:'Mentoria',status:'Agenda fechada',
   sub:'Acompanhamento individual e em grupo',
   desc:'Trabalho direto com a Ceci. As vagas abrem por temporada, a próxima entra em lista.',
   cta:'Entrar na lista',href:(window.AM_LINKS&&AM_LINKS.mentoria)||'#final',img:'assets/ceci/ceci-retrato-tratada.png'}
];
function Universos(){
  const AM=window[window.AM_NS];
  const {Eyebrow}=AM;
  const track=[...AM_UNIVERSOS,...AM_UNIVERSOS];
  return (
    <section className="am-universos" id="universos">
      <div className="am-inner am-uni-head">
        <div data-am-reveal>
          <Eyebrow rule={false}>Os universos da Arquitetura Mental</Eyebrow>
          <h2 className="am-uni-title">Quatro portas. <em>Um mesmo edifício.</em></h2>
        </div>
        <p className="am-uni-lead" data-am-reveal data-am-delay="140">Arquitetura Mental é a plataforma.
          Dentro dela, cada universo tem linguagem, ritmo e caminho próprios.</p>
      </div>
      <div className="am-uni-viewport">
        <div className="am-uni-rail">
          {track.map((u,i)=>(
            <a key={u.id+i} href={u.href} className={'am-uni-card am-u-'+u.key} aria-hidden={i>=AM_UNIVERSOS.length}>
              <span className={'am-uni-img'+(u.mark?' is-mark':'')}><img src={u.img} alt=""/></span>
              <span className="am-uni-scrim" aria-hidden="true"/>
              <span className={'am-uni-status'+(u.status==='Disponível'?' is-live':'')}>{u.status}</span>
              <span className="am-uni-body">
                <span className="am-uni-name">{u.title}</span>
                <span className="am-uni-sub">{u.sub}</span>
                <span className="am-uni-desc">{u.desc}</span>
                <span className="am-uni-cta">{u.cta}<i aria-hidden="true"/></span>
              </span>
            </a>
          ))}
        </div>
      </div>
    </section>
  );
}
Object.assign(window,{Universos,AM_UNIVERSOS});