Classes:Ninjas - Histórico de revisão

Adm.mayuka em 17h13min de 9 de maio de 2026

2026-05-09T17:13:29Z

Adm.mayuka em 05h12min de 6 de fevereiro de 2026

2026-02-06T05:12:47Z

← Edição anterior		Edição das 02h12min de 6 de fevereiro de 2026
Linha 6:		Linha 6:
	<div class="aprendiz-text">		<div class="aprendiz-text">

			<h2>Descrição</h2>
	<p>		<p>
	O ~~<b>~~Ninja~~</b>~~ é ~~um guerreiro das sombras originário~~ da ~~isolada nação~~ de Amatsu. ~~Eles utilizam uma mistura~~ de ataques físicos ~~velozes~~, ~~arremesso~~ de ~~projéteis~~ (~~shurikens~~ e ~~kunais~~) e magias elementais ~~conhecidas~~ como ~~"Ninpou"~~ (~~Artes Ninja~~).		O '''Ninja''' é uma classe expandida originária da misteriosa cidade de [[Amatsu]], representando os mestres da furtividade, sabotagem e artes místicas do oriente em [[Ragnarök Online]]. Diferente das classes convencionais, o Ninja não utiliza escudos pesados ou armaduras de placas, confiando em sua '''esquiva extrema e técnicas de substituição''' para sobreviver. Sua principal função em [[PvP]] e [[PvM]] é atuar como um combatente híbrido, capaz de alternar entre ataques físicos rápidos com [[Shurikens]] e magias elementais devastadoras chamadas de [[Ninjutsu]].
	~~</p>~~
			A essência do Ninja reside na '''Enganação e Versatilidade'''. Ele possui recursos para se tornar virtualmente intocável contra ataques físicos, utilizando ilusões para evitar danos enquanto prepara contra-ataques letais ou magias de área.

			No campo das artes secretas e mobilidade, o Ninja se destaca com:
			* '''[[Imagem Falsa]] (Cicada Shell Shedding):''' A habilidade defensiva mais icônica da classe. Sempre que o Ninja é atingido por um ataque físico, ele é empurrado para trás e anula completamente o dano, criando uma ilusão no local. É o que permite ao Ninja sobreviver contra classes de alto dano como o [[Lorde]];
			* '''[[Salto das Sombras]]:''' Permite que o Ninja se desloque instantaneamente para uma célula alvo enquanto estiver escondido (através da habilidade ''Ocultação''), garantindo uma mobilidade tática sem igual;
			* '''[[Troca de Pele]]:''' Uma técnica de substituição que protege o Ninja contra um número determinado de ataques, funcionando como uma barreira de pele que absorve o impacto.

			Ofensivamente, o Ninja pode seguir três caminhos principais:
			* '''Caminho do Ninjutsu (Mágico):''' Foca em magias elementais rápidas, como o '''Escudo de Chamas''' (que cria uma barreira de fogo defensiva), '''Lança Congelante''' e o devastador '''Grande Dragão de Fogo''';
			* '''Caminho das Armas de Arremesso (Físico):''' Especializa-se no uso de Shurikens e Kunais. A habilidade '''Arremessar Kunai''' é famosa por causar dano fixo e rápido, enquanto o '''Arremessar Shuriken Huuma''' causa dano massivo em área;
			* '''Caminho da Lâmina (Taijutsu):''' Utiliza Adagas e Katanas para ataques de curta distância. A técnica '''Ataque Mortal''' (Killing Strike) consome quase todo o HP do Ninja para causar um dano físico colossal, frequentemente resultando na derrota instantânea do oponente.

	~~<h2>Descrição</h2>~~		Graças à sua combinação de '''defesas ilusórias''', '''ataques elementais''' e '''arremessos precisos''', o Ninja é um oponente imprevisível e perigoso. Ele prova que, nos campos de batalha de [[Midgard]], o que você não consegue ver ou atingir é o que acabará por derrotá-lo.
	~~<p>~~
	~~A versatilidade~~ é ~~a marca registrada do Ninja~~. ~~Eles podem se especializar em três caminhos distintos: o caminho das <b>Armas~~ de ~~Arremesso</b>~~, ~~focado em dano físico à distância;~~ o ~~caminho das <b>Artes Ninpou</b>,~~ que ~~utiliza pergaminhos e selos para conjurar magias de fogo, água e vento; e~~ o ~~caminho das <b>Técnicas de Esquiva</b>, utilizando a habilidade "Troca de Pele" para se tornarem virtualmente intocáveis em combate 1x1~~.
	</p>		</p>

Linha 148:		Linha 158:
	</div>		</div>

	<h2 class="classe-section-title">Atributos Recomendados ~~(broWiki)~~</h2>		<h2 class="classe-section-title">Atributos Recomendados </h2>
	{\| class="wikitable" style="width:100%; text-align:center;"		{\| class="wikitable" style="width:100%; text-align:center;"
	! Atributo !! Função Principal		! Atributo !! Função Principal

Adm.mayuka em 06h20min de 3 de fevereiro de 2026

2026-02-03T06:20:30Z

@@ Linha 16: / Linha 16: @@
        <div class="job-section">
      <h2>Habilidades de Ninja</h2>
-[[File:SkilltreeNinjas.png]]
+[[File:SkilltreeNinjas.png|560px]]
 </div>
        <h2>Mudança de Classe</h2>
        <p>
-      Para se tornar um Ninja, o <b>Aprendiz</b> deve atingir o <b>nível de base 10</b>. A jornada começa na cidade de <b>Amatsu</b>. O candidato deve encontrar o Agente Secreto dentro de uma casa escondida e completar uma série de testes que envolvem a coleta de itens e o reconhecimento de sua linhagem sombria.
+     Ao atingir '''nivel 10''' vá ate o NPC '''Mestre de Classes''' em Prontera
        </p>

Adm.mayuka em 18h40min de 22 de janeiro de 2026

2026-01-22T18:40:39Z

@@ Linha 17: / Linha 17: @@
        <div class="job-section">
      <h2>Habilidades de Ninja</h2>
-    <table class="wikitable" style="width:100%; border-collapse: collapse; font-family: sans-serif;">
+[[File:SkilltreeNinjas.png]]
 </div>
@@ Linha 116: / Linha 85: @@
    <div class="job-header">
      <div class="job-icon">
-      [[File:Ninja_Icon.png|96px]]
+[[File:class-path-thumb_ninja-m.png|96px]]
      </div>
      <div class="job-title">

Adm.mayuka em 17h13min de 21 de janeiro de 2026

2026-01-21T17:13:57Z

← Edição anterior		Edição das 14h13min de 21 de janeiro de 2026
Linha 157:		Linha 157:
	\| Vital para Ninjas de "Ataque Mortal", pois o dano dessa habilidade escala com o HP Máximo.		\| Vital para Ninjas de "Ataque Mortal", pois o dano dessa habilidade escala com o HP Máximo.
	\|}		\|}

			<div class="mw-collapsible mw-collapsed" style="max-width: 650px; margin: 0 auto; border: 1px solid #ccc; background: #fff; font-family: Arial, sans-serif; font-size: 12px;">

			<div style="background: #98fb98; padding: 10px; font-weight: bold; text-align: center; color: #2e7d32;">
			Classes Everlight
			</div>

			<div class="mw-collapsible-content">
			<div class="ro-job-tree" style="width: 100%;">

			<div style="background: #fff9e3; text-align: center; font-weight: bold; padding: 5px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;">Classe Inicial</div>
			<div style="display: flex; justify-content: center; gap: 40px; padding: 15px; border-bottom: 1px solid #ccc;">
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Aprendizes\|Aprendizes]]</div></div>
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Invocadores\|Invocadores]]</div></div>
			</div>

			<div style="background: #f4f6d0; text-align: center; font-weight: bold; padding: 5px; border-bottom: 1px solid #ccc;">Classe 1</div>
			<div style="display: flex; justify-content: space-around; padding: 15px; border-bottom: 1px solid #ccc;">
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Espadachins\|Espadachins]]</div></div>
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Magos\|Magos]]</div></div>
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Gatunos\|Gatunos]]</div></div>
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Mercadores\|Mercadores]]</div></div>
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Novicos\|Noviços]]</div></div>
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Arqueiros\|Arqueiros]]</div></div>
			</div>

			<div style="background: #eeeeee; text-align: center; font-weight: bold; padding: 5px; border-bottom: 1px solid #ccc;">Classe 2</div>
			<div style="display: flex; justify-content: space-around; padding: 15px; border-bottom: 1px solid #ccc; flex-wrap: wrap; gap: 10px;">
			<div style="display: flex; gap: 10px;">
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Cavaleiros\|Cavaleiros]]</div></div>
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Templarios\|Templários]]</div></div>
			</div>
			<div style="display: flex; gap: 10px;">
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Bruxos\|Bruxos]]</div></div>
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Sabios\|Sábios]]</div></div>
			</div>
			<div style="display: flex; gap: 10px;">
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Mercenarios\|Mercenários]]</div></div>
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Arruaceiros\|Arruaceiros]]</div></div>
			</div>
			<div style="display: flex; gap: 10px;">
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Ferreiros\|Ferreiros]]</div></div>
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Alquimistas\|Alquimistas]]</div></div>
			</div>
			<div style="display: flex; gap: 10px;">
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Sacerdotes\|Sacerdotes]]</div></div>
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Monges\|Monges]]</div></div>
			</div>
			<div style="display: flex; gap: 10px;">
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Cacadores\|Caçadores]]</div></div>
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Bardos\|Bardo]]/[[Classes:Odaliscas\|Odalisca]]</div></div>
			</div>
			</div>

			<div style="background: #d6e2d6; text-align: center; font-weight: bold; padding: 5px; border-bottom: 1px solid #ccc;">Classe Transcendental</div>
			<div style="display: flex; justify-content: space-around; padding: 15px; border-bottom: 1px solid #ccc; flex-wrap: wrap; gap: 10px;">
			<div style="display: flex; gap: 10px;">
			<div style="text-align: center;"><div style="color: #2e7d32;"><b>[[Classes:Lordes\|Lordes]]</b></div></div>
			<div style="text-align: center;"><div style="color: #2e7d32;"><b>[[Classes:Paladinos\|Paladinos]]</b></div></div>
			</div>
			<div style="display: flex; gap: 10px;">
			<div style="text-align: center;"><div style="color: #2e7d32;"><b>[[Classes:Arquimagos\|Arquimagos]]</b></div></div>
			<div style="text-align: center;"><div style="color: #2e7d32;"><b>[[Classes:Professores\|Professores]]</b></div></div>
			</div>
			<div style="display: flex; gap: 10px;">
			<div style="text-align: center;"><div style="color: #2e7d32;"><b>[[Classes:Algozes\|Algozes]]</b></div></div>
			<div style="text-align: center;"><div style="color: #2e7d32;"><b>[[Classes:Desordeiros\|Desordeiros]]</b></div></div>
			</div>
			<div style="display: flex; gap: 10px;">
			<div style="text-align: center;"><div style="color: #2e7d32;"><b>[[Classes:Mestres-Ferreiros\|Mestres-Ferreiros]]</b></div></div>
			<div style="text-align: center;"><div style="color: #2e7d32;"><b>[[Classes:Criadores\|Criadores]]</b></div></div>
			</div>
			<div style="display: flex; gap: 10px;">
			<div style="text-align: center;"><div style="color: #2e7d32;"><b>[[Classes:Sumo-Sacerdotes\|Sumo Sacerdotes]]</b></div></div>
			<div style="text-align: center;"><div style="color: #2e7d32;"><b>[[Classes:Mestres\|Mestres]]</b></div></div>
			</div>
			<div style="display: flex; gap: 10px;">
			<div style="text-align: center;"><div style="color: #2e7d32;"><b>[[Classes:Atiradores-de-Elite\|Atiradores de Elite]]</b></div></div>
			<div style="text-align: center;"><div style="color: #2e7d32;"><b>[[Classes:Menestreis\|Menestréis]]/[[Classes:Ciganas\|Ciganas]]</b></div></div>
			</div>
			</div>

			<div style="background: #fcf3bf; text-align: center; font-weight: bold; padding: 5px; border-bottom: 1px solid #ccc;">Classe 1 Expandida</div>
			<div style="display: flex; justify-content: space-around; padding: 15px; border-bottom: 1px solid #ccc;">
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Taekwons\|Taekwons]]</div></div>
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Ninjas\|Ninjas]]</div></div>
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Justiceiros\|Justiceiros]]</div></div>
			<div style="text-align: center;"><div style="color: #0056b3;">[[Classes:Superaprendizes\|Superaprendizes]]</div></div>
			</div>

			<div style="background: #f7e3d7; text-align: center; font-weight: bold; padding: 5px; border-bottom: 1px solid #ccc;">Classe 2 Expandida</div>
			<div style="display: flex; justify-content: space-around; padding: 15px;">
			<div style="display: flex; gap: 20px;">
			<div style="text-align: center;"><div style="color: #2e7d32;"><b>[[Classes:Mestres-Taekwons\|Mestres Taekwons]]</b></div></div>
			<div style="text-align: center;"><div style="color: #2e7d32;"><b>[[Classes:Espiritualistas\|Espiritualistas]]</b></div></div>
			</div>
			<div style="display: flex; gap: 20px;">
			<div style="text-align: center;"><div style="color: #2e7d32;"><b>[[Classes:Kagerou\|Kagerou]]</b></div></div>
			<div style="text-align: center;"><div style="color: #2e7d32;"><b>[[Classes:Oboro\|Oboro]]</b></div></div>
			</div>
			<div style="text-align: center;">
			<div style="color: #2e7d32;"><b>[[Classes:Insurgentes\|Insurgentes]]</b></div>
			</div>
			</div>
			</div>
			</div>
			</div>

Adm.mayuka em 14h31min de 20 de janeiro de 2026

2026-01-20T14:31:59Z

← Edição anterior		Edição das 11h31min de 20 de janeiro de 2026
Linha 63:		Linha 63:
	</div>		</div>

	<div ~~class~~="~~aprendiz~~-~~main~~-~~image~~">		<div style="width: 200px; height: 200px; margin: 0 auto; overflow: hidden; position: relative;">
	[[~~Arquivo~~:~~Ninja~~.png\|200px]]		<div style="display: flex; width: 400px; animation: animaCarrossel 10s infinite ease-in-out;">
	</div>		<div style="width: 200px; flex-shrink: 0; text-align: center;">[[File:ninja-f.png\|200px]]</div><div style="width: 200px; flex-shrink: 0; text-align: center;">[[File:ninja-m.png\|200px]]</div>
			</div>
			</div>
	<div class="aprendiz-section-title">Sprite</div>		<div class="aprendiz-section-title">Sprite</div>

	~~<div class="aprendiz-tabs">~~
	~~<span class="tab active">Original</span>~~
	~~</div>~~

	<div class="aprendiz-sprites">		<div class="aprendiz-sprites">
	[[Arquivo:~~Ninja_M~~.~~png\|64px]]~~		[[Arquivo:ninja.gif\|64px]]
	~~[[Arquivo:Ninja_F.png~~\|64px]]
	</div>		</div>

Adm.mayuka em 07h49min de 18 de janeiro de 2026

2026-01-18T07:49:53Z

← Edição anterior		Edição das 04h49min de 18 de janeiro de 2026
Linha 1:		Linha 1:
			{{DISPLAYTITLE:<span style="display:none">{{PAGENAME}}</span>}}
	<div class="aprendiz-page">		<div class="aprendiz-page">

Adm.mayuka em 07h11min de 18 de janeiro de 2026

2026-01-18T07:11:53Z

Mostrar alterações

Adm.mayuka: Criou página com '

O Aprendiz é a classe inicial em Ragnarok Online para personagens Humanos. Todos os jogadores começam como Aprendiz e, ao alcançar o nível base 10, podem escolher uma classe especializada.

Descrição

Aprendizes têm atributos equilibrados e foco em aprender as...'

2026-01-17T11:03:16Z

Criou página com '<div class="aprendiz-page"> <div class="aprendiz-content">  <div class="aprendiz-text"> <p> O <b>Aprendiz</b> é a classe inicial em Ragnarok Online para personagens Humanos. Todos os jogadores começam como Aprendiz e, ao alcançar o nível base 10, podem escolher uma classe especializada. </p> <h2>Descrição</h2> <p> Aprendizes têm atributos equilibrados e foco em aprender as...'

Página nova

<div class="aprendiz-page">

<div class="aprendiz-content">


<div class="aprendiz-text">

<p>
O <b>Aprendiz</b> é a classe inicial em Ragnarok Online para personagens Humanos.
Todos os jogadores começam como Aprendiz e, ao alcançar o nível base 10, podem escolher uma classe especializada.
</p>

<h2>Descrição</h2>
<p>
Aprendizes têm atributos equilibrados e foco em aprender as mecânicas básicas de batalha e movimento.
Eles não possuem habilidades ofensivas fortes, mas são fundamentais para iniciar a jornada no jogo.
</p>

<<div class="job-section">
<h2>Habilidades</h2>
<table class="wikitable" style="width:100%; border-collapse: collapse; font-family: sans-serif;">
<tr style="background:#f2f2f2;">
<th style="border: 1px solid #ccc; padding: 8px;" width="50px">Ícone</th>
<th style="border: 1px solid #ccc; padding: 8px;">Habilidade</th>
<th style="border: 1px solid #ccc; padding: 8px;">Nível Máx.</th>
<th style="border: 1px solid #ccc; padding: 8px;">Tipo</th>
</tr>
<tr>
<td style="border: 1px solid #ccc; padding: 8px; text-align: center;">[[File:Skill_Basic_Skill.png]]</td>
<td style="border: 1px solid #ccc; padding: 8px;">[[Basic Skill]]</td>
<td style="border: 1px solid #ccc; padding: 8px; text-align: center;">9</td>
<td style="border: 1px solid #ccc; padding: 8px; text-align: center;">Passiva</td>
</tr>
<tr>
<td style="border: 1px solid #ccc; padding: 8px; text-align: center;">[[File:Skill_First_Aid.png]]</td>
<td style="border: 1px solid #ccc; padding: 8px;">[[Primeiros Socorros]]</td>
<td style="border: 1px solid #ccc; padding: 8px; text-align: center;">1</td>
<td style="border: 1px solid #ccc; padding: 8px; text-align: center;">Ativa</td>
</tr>
<tr>
<td style="border: 1px solid #ccc; padding: 8px; text-align: center;">[[File:Skill_Play_Dead.png]]</td>
<td style="border: 1px solid #ccc; padding: 8px;">[[Fingir de Morto]]</td>
<td style="border: 1px solid #ccc; padding: 8px; text-align: center;">1</td>
<td style="border: 1px solid #ccc; padding: 8px; text-align: center;">Ativa</td>
</tr>
</table>
</div>

<h2>Como Evoluir</h2>
<p>
Ao atingir o <b>Nível Base 10</b>, o Aprendiz pode evoluir para uma das classes principais:
Espadachim, Mago, Arqueiro, Mercador, Gatuno ou Noviço.
</p>

<h2>Dicas Rápidas</h2>
<ul>
<li>Priorize quests iniciais para ganhar experiência e equipamentos.</li>
<li>Explore áreas seguras antes de enfrentar monstros fortes.</li>
</ul>

</div>


<div class="aprendiz-infobox">
<div class="aprendiz-header">
<span class="aprendiz-title">Aprendizes</span>
</div>

<div class="aprendiz-main-image">
[[Arquivo:aprendizes.png|200px]]
</div>

<div class="aprendiz-section-title">Sprite</div>

<div class="aprendiz-tabs">
<span class="tab active">Original</span>
<span class="tab">Montaria</span>
</div>

<div class="aprendiz-sprites">
[[Arquivo:Novice_M.png|64px]]
[[Arquivo:Novice_F.png|64px]]
</div>

<table class="aprendiz-info-table">
<tr>
<th>Classe</th>
<td>Aprendiz</td>
</tr>
<tr>
<th>Estilos</th>
<td><a href="#">Ver Paleta de cores</a></td>
</tr>
<tr>
<th>Armas</th>
<td class="aprendiz-weapons">
[[File:W_Adaga.png]]
[[File:W_Cajado.png]]
[[File:W_Espada.png]]
[[File:W_Maca.png]]
[[File:W_Machado.png]]

</td>
</tr>
</table>

<div class="aprendiz-section-title dark">Bônus de Classe</div>

<table class="aprendiz-bonus-table">
<tr>
<th>FOR</th>
<th>AGI</th>
<th>VIT</th>
<th>INT</th>
<th>DES</th>
<th>SOR</th>
</tr>
<tr>
<td>+0</td>
<td>+0</td>
<td>+0</td>
<td>+0</td>
<td>+0</td>
<td>+0</td>
</tr>
</table>
</div>



</div>

<div class="job-page">

<div class="job-header">
<div class="job-icon">
[[File:aprendizes.png|96px]]
</div>
<div class="job-title">
<h1>Aprendiz</h1>
<p>Classe Inicial</p>
</div>
</div>

<div class="job-section">
<h2>Visão Geral</h2>
<p>
O <b>Aprendiz</b> é a classe inicial de Ragnarok Online para personagens humanos.
Sem especialização em combate, seu papel é introduzir o jogador às mecânicas básicas do jogo,
exploração do mundo e escolha de classe futura.
</p>
</div>

<div class="job-section">
<h2>Características</h2>
<ul>
<li>Não perde EXP ao morrer</li>
<li>Revive com 50% de HP</li>
<li>Job Level máximo: 10</li>
<li>Possui apenas uma skill básica</li>
</ul>
</div>

<div class="job-section">
<h2>Classes Disponíveis</h2>

<h3>Classes Primárias</h3>
<ul class="job-list">
<li>Espadachim</li>
<li>Mago</li>
<li>Arqueiro</li>
<li>Mercador</li>
<li>Gatuno</li>
<li>Noviço</li>
</ul>

<h3>Classes Expandidas</h3>
<ul class="job-list">
<li>Super Aprendiz</li>
<li>Taekwon</li>
<li>Ninja</li>
<li>Justiceiro</li>
</ul>
</div>

<div class="job-section">
<h2>Locais Importantes</h2>
<ul>
<li>Criatura Academy</li>
<li>Ilha de Izlude</li>
<li>Eden Group</li>
</ul>
</div>

</div>

<h2 class="classe-section-title">Bônus de Atributos</h2>
{| class="wikitable" style="width:100%; text-align:center;"
! Atributo !! Efeito no Aprendiz
|-
| '''FOR (Força)'''
| Aumenta o dano físico básico e a capacidade de carga.
|-
| '''AGI (Agilidade)'''
| Aumenta a Velocidade de Ataque (ASPD) e a Esquiva (FLEE).
|-
| '''VIT (Vitalidade)'''
| Aumenta o HP máximo e a resistência a danos físicos.
|-
| '''INT (Inteligência)'''
| Aumenta o SP máximo e a recuperação de SP.
|-
| '''DES (Destreza)'''
| Aumenta a Precisão (HIT) e reduz o tempo de conjuração.
|-
| '''SOR (Sorte)'''
| Aumenta a taxa de críticos, resistência a status negativos e pequenos bônus gerais.
|}

<div class="job-section" style="margin-top:20px;">
<h2>Árvore de Evolução: Espadachim</h2>
<div style="display: flex; align-items: center; justify-content: space-around; background: #f9f9f9; padding: 20px; border: 1px solid #eee; flex-wrap: wrap; gap: 10px;">
<div style="text-align:center;"><b>Aprendiz</b></div>
<div style="font-size: 20px;">➜</div>
<div style="text-align:center;"><b>Espadachim</b></div>
<div style="font-size: 20px;">➜</div>
<div style="border: 1px dashed #ccc; padding: 15px; display: flex; flex-direction: column; gap: 15px; background: #fff;">
<div style="display: flex; align-items: center; gap: 10px;">
<div style="text-align:center; width: 100px;"><b>Cavaleiro</b></div>
<div style="font-size: 16px;">➜</div>
<div style="text-align:center; width: 100px; color: #2e7d32;"><b>Lorde</b></div>
</div>
<div style="text-align:center; color: #999; font-size: 12px; border-top: 1px solid #eee; padding-top: 5px;">OU</div>
<div style="display: flex; align-items: center; gap: 10px;">
<div style="text-align:center; width: 100px;"><b>Templário</b></div>
<div style="font-size: 16px;">➜</div>
<div style="text-align:center; width: 100px; color: #2e7d32;"><b>Paladino</b></div>
</div>
</div>
</div>
</div>

<div class="job-section" style="margin-top:20px;">
<h2>Árvore de Evolução: Gatuno</h2>
<div style="display: flex; align-items: center; justify-content: space-around; background: #f9f9f9; padding: 20px; border: 1px solid #eee; flex-wrap: wrap; gap: 10px;">
<div style="text-align:center;"><b>Aprendiz</b></div>
<div style="font-size: 20px;">➜</div>
<div style="text-align:center;"><b>Gatuno</b></div>
<div style="font-size: 20px;">➜</div>
<div style="border: 1px dashed #ccc; padding: 15px; display: flex; flex-direction: column; gap: 15px; background: #fff;">
<div style="display: flex; align-items: center; gap: 10px;">
<div style="text-align:center; width: 100px;"><b>Mercenário</b></div>
<div style="font-size: 16px;">➜</div>
<div style="text-align:center; width: 100px; color: #2e7d32;"><b>Algoz</b></div>
</div>
<div style="text-align:center; color: #999; font-size: 12px; border-top: 1px solid #eee; padding-top: 5px;">OU</div>
<div style="display: flex; align-items: center; gap: 10px;">
<div style="text-align:center; width: 100px;"><b>Arruaceiro</b></div>
<div style="font-size: 16px;">➜</div>
<div style="text-align:center; width: 100px; color: #2e7d32;"><b>Desordeiro</b></div>
</div>
</div>
</div>
</div>

<div class="job-section" style="margin-top:20px;">
<h2>Árvore de Evolução: Mago</h2>
<div style="display: flex; align-items: center; justify-content: space-around; background: #f9f9f9; padding: 20px; border: 1px solid #eee; flex-wrap: wrap; gap: 10px;">
<div style="text-align:center;"><b>Aprendiz</b></div>
<div style="font-size: 20px;">➜</div>
<div style="text-align:center;"><b>Mago</b></div>
<div style="font-size: 20px;">➜</div>
<div style="border: 1px dashed #ccc; padding: 15px; display: flex; flex-direction: column; gap: 15px; background: #fff;">
<div style="display: flex; align-items: center; gap: 10px;">
<div style="text-align:center; width: 100px;"><b>Bruxo</b></div>
<div style="font-size: 16px;">➜</div>
<div style="text-align:center; width: 100px; color: #2e7d32;"><b>Arquimago</b></div>
</div>
<div style="text-align:center; color: #999; font-size: 12px; border-top: 1px solid #eee; padding-top: 5px;">OU</div>
<div style="display: flex; align-items: center; gap: 10px;">
<div style="text-align:center; width: 100px;"><b>Sábio</b></div>
<div style="font-size: 16px;">➜</div>
<div style="text-align:center; width: 100px; color: #2e7d32;"><b>Professor</b></div>
</div>
</div>
</div>
</div>

<div class="job-section" style="margin-top:20px;">
<h2>Árvore de Evolução: Mercador</h2>
<div style="display: flex; align-items: center; justify-content: space-around; background: #f9f9f9; padding: 20px; border: 1px solid #eee; flex-wrap: wrap; gap: 10px;">
<div style="text-align:center;"><b>Aprendiz</b></div>
<div style="font-size: 20px;">➜</div>
<div style="text-align:center;"><b>Mercador</b></div>
<div style="font-size: 20px;">➜</div>
<div style="border: 1px dashed #ccc; padding: 15px; display: flex; flex-direction: column; gap: 15px; background: #fff;">
<div style="display: flex; align-items: center; gap: 10px;">
<div style="text-align:center; width: 100px;"><b>Ferreiro</b></div>
<div style="font-size: 16px;">➜</div>
<div style="text-align:center; width: 100px; color: #2e7d32;"><b>Mestre-Ferreiro</b></div>
</div>
<div style="text-align:center; color: #999; font-size: 12px; border-top: 1px solid #eee; padding-top: 5px;">OU</div>
<div style="display: flex; align-items: center; gap: 10px;">
<div style="text-align:center; width: 100px;"><b>Alquimista</b></div>
<div style="font-size: 16px;">➜</div>
<div style="text-align:center; width: 100px; color: #2e7d32;"><b>Criador</b></div>
</div>
</div>
</div>
</div>

<div class="job-section" style="margin-top:20px;">
<h2>Árvore de Evolução: Noviço</h2>
<div style="display: flex; align-items: center; justify-content: space-around; background: #f9f9f9; padding: 20px; border: 1px solid #eee; flex-wrap: wrap; gap: 10px;">
<div style="text-align:center;"><b>Aprendiz</b></div>
<div style="font-size: 20px;">➜</div>
<div style="text-align:center;"><b>Noviço</b></div>
<div style="font-size: 20px;">➜</div>
<div style="border: 1px dashed #ccc; padding: 15px; display: flex; flex-direction: column; gap: 15px; background: #fff;">
<div style="display: flex; align-items: center; gap: 10px;">
<div style="text-align:center; width: 100px;"><b>Sacerdote</b></div>
<div style="font-size: 16px;">➜</div>
<div style="text-align:center; width: 100px; color: #2e7d32;"><b>Sumo Sacerdote</b></div>
</div>
<div style="text-align:center; color: #999; font-size: 12px; border-top: 1px solid #eee; padding-top: 5px;">OU</div>
<div style="display: flex; align-items: center; gap: 10px;">
<div style="text-align:center; width: 100px;"><b>Monge</b></div>
<div style="font-size: 16px;">➜</div>
<div style="text-align:center; width: 100px; color: #2e7d32;"><b>Mestre</b></div>
</div>
</div>
</div>
</div>

<div class="job-section" style="margin-top:20px;">
<h2>Árvore de Evolução: Arqueiro</h2>
<div style="display: flex; align-items: center; justify-content: space-around; background: #f9f9f9; padding: 20px; border: 1px solid #eee; flex-wrap: wrap; gap: 10px;">
<div style="text-align:center;"><b>Aprendiz</b></div>
<div style="font-size: 20px;">➜</div>
<div style="text-align:center;"><b>Arqueiro</b></div>
<div style="font-size: 20px;">➜</div>
<div style="border: 1px dashed #ccc; padding: 15px; display: flex; flex-direction: column; gap: 15px; background: #fff;">
<div style="display: flex; align-items: center; gap: 10px;">
<div style="text-align:center; width: 100px;"><b>Caçador</b></div>
<div style="font-size: 16px;">➜</div>
<div style="text-align:center; width: 130px; color: #2e7d32;"><b>Atirador de Elite</b></div>
</div>
<div style="text-align:center; color: #999; font-size: 12px; border-top: 1px solid #eee; padding-top: 5px;">OU</div>
<div style="display: flex; align-items: center; gap: 10px;">
<div style="text-align:center; width: 100px;"><b>Bardo / Odalisca</b></div>
<div style="font-size: 16px;">➜</div>
<div style="text-align:center; width: 130px; color: #2e7d32;"><b>Menestrel / Cigana</b></div>
</div>
</div>
</div>
</div>

<div class="mw-collapsible mw-collapsed" style="max-width: 650px; margin: 0 auto; border: 1px solid #ccc; background: #fff; font-family: Arial, sans-serif; font-size: 12px;">

<div style="background: #98fb98; padding: 10px; font-weight: bold; text-align: center; color: #2e7d32;">
Classes Everlight
</div>

<div class="mw-collapsible-content">
<div class="ro-job-tree" style="width: 100%;">

<div style="background: #fff9e3; text-align: center; font-weight: bold; padding: 5px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;">Classe Inicial</div>
<div style="display: flex; justify-content: center; gap: 40px; padding: 15px; border-bottom: 1px solid #ccc;">
<div style="text-align: center;"><div style="color: #0056b3;">Aprendizes</div></div>
<div style="text-align: center;"><div style="color: #0056b3;">Invocadores</div></div>
</div>

<div style="background: #f4f6d0; text-align: center; font-weight: bold; padding: 5px; border-bottom: 1px solid #ccc;">Classe 1</div>
<div style="display: flex; justify-content: space-around; padding: 15px; border-bottom: 1px solid #ccc;">
<div style="text-align: center;"><div style="color: #0056b3;">Espadachins</div></div>
<div style="text-align: center;"><div style="color: #0056b3;">Magos</div></div>
<div style="text-align: center;"><div style="color: #0056b3;">Gatunos</div></div>
<div style="text-align: center;"><div style="color: #0056b3;">Mercadores</div></div>
<div style="text-align: center;"><div style="color: #0056b3;">Noviços</div></div>
<div style="text-align: center;"><div style="color: #0056b3;">Arqueiros</div></div>
</div>

<div style="background: #eeeeee; text-align: center; font-weight: bold; padding: 5px; border-bottom: 1px solid #ccc;">Classe 2</div>
<div style="display: flex; justify-content: space-around; padding: 15px; border-bottom: 1px solid #ccc; flex-wrap: wrap; gap: 10px;">
<div style="display: flex; gap: 10px;">
<div style="text-align: center;"><div style="color: #0056b3;">Cavaleiros</div></div>
<div style="text-align: center;"><div style="color: #0056b3;">Templários</div></div>
</div>
<div style="display: flex; gap: 10px;">
<div style="text-align: center;"><div style="color: #0056b3;">Bruxos</div></div>
<div style="text-align: center;"><div style="color: #0056b3;">Sábios</div></div>
</div>
<div style="display: flex; gap: 10px;">
<div style="text-align: center;"><div style="color: #0056b3;">Mercenários</div></div>
<div style="text-align: center;"><div style="color: #0056b3;">Arruaceiros</div></div>
</div>
<div style="display: flex; gap: 10px;">
<div style="text-align: center;"><div style="color: #0056b3;">Ferreiros</div></div>
<div style="text-align: center;"><div style="color: #0056b3;">Alquimistas</div></div>
</div>
<div style="display: flex; gap: 10px;">
<div style="text-align: center;"><div style="color: #0056b3;">Sacerdotes</div></div>
<div style="text-align: center;"><div style="color: #0056b3;">Monges</div></div>
</div>
<div style="display: flex; gap: 10px;">
<div style="text-align: center;"><div style="color: #0056b3;">Caçadores</div></div>
<div style="text-align: center;"><div style="color: #0056b3;">Bardo/Odalisca</div></div>
</div>
</div>

<div style="background: #d6e2d6; text-align: center; font-weight: bold; padding: 5px; border-bottom: 1px solid #ccc;">Classe Transcendental</div>
<div style="display: flex; justify-content: space-around; padding: 15px; border-bottom: 1px solid #ccc; flex-wrap: wrap; gap: 10px;">
<div style="display: flex; gap: 10px;">
<div style="text-align: center;"><div style="color: #2e7d32;"><b>Lordes</b></div></div>
<div style="text-align: center;"><div style="color: #2e7d32;"><b>Paladinos</b></div></div>
</div>
<div style="display: flex; gap: 10px;">
<div style="text-align: center;"><div style="color: #2e7d32;"><b>Arquimagos</b></div></div>
<div style="text-align: center;"><div style="color: #2e7d32;"><b>Professores</b></div></div>
</div>
<div style="display: flex; gap: 10px;">
<div style="text-align: center;"><div style="color: #2e7d32;"><b>Algozes</b></div></div>
<div style="text-align: center;"><div style="color: #2e7d32;"><b>Desordeiros</b></div></div>
</div>
<div style="display: flex; gap: 10px;">
<div style="text-align: center;"><div style="color: #2e7d32;"><b>Mestres-Ferreiros</b></div></div>
<div style="text-align: center;"><div style="color: #2e7d32;"><b>Criadores</b></div></div>
</div>
<div style="display: flex; gap: 10px;">
<div style="text-align: center;"><div style="color: #2e7d32;"><b>Sumo Sacerdotes</b></div></div>
<div style="text-align: center;"><div style="color: #2e7d32;"><b>Mestres</b></div></div>
</div>
<div style="display: flex; gap: 10px;">
<div style="text-align: center;"><div style="color: #2e7d32;"><b>Atiradores de Elite</b></div></div>
<div style="text-align: center;"><div style="color: #2e7d32;"><b>Menestréis/Ciganas</b></div></div>
</div>
</div>

<div style="background: #fcf3bf; text-align: center; font-weight: bold; padding: 5px; border-bottom: 1px solid #ccc;">Classe 1 Expandida</div>
<div style="display: flex; justify-content: space-around; padding: 15px; border-bottom: 1px solid #ccc;">
<div style="text-align: center;"><div style="color: #0056b3;">Taekwons</div></div>
<div style="text-align: center;"><div style="color: #0056b3;">Ninjas</div></div>
<div style="text-align: center;"><div style="color: #0056b3;">Justiceiros</div></div>
<div style="text-align: center;"><div style="color: #0056b3;">Superaprendizes</div></div>
</div>

<div style="background: #f7e3d7; text-align: center; font-weight: bold; padding: 5px; border-bottom: 1px solid #ccc;">Classe 2 Expandida</div>
<div style="display: flex; justify-content: space-around; padding: 15px;">
<div style="display: flex; gap: 20px;">
<div style="text-align: center;"><div style="color: #2e7d32;"><b>Mestres Taekwons</b></div></div>
<div style="text-align: center;"><div style="color: #2e7d32;"><b>Espiritualistas</b></div></div>
</div>
<div style="display: flex; gap: 20px;">
<div style="text-align: center;"><div style="color: #2e7d32;"><b>Kagerou</b></div></div>
<div style="text-align: center;"><div style="color: #2e7d32;"><b>Oboro</b></div></div>
</div>
<div style="text-align: center;">
<div style="color: #2e7d32;"><b>Insurgentes</b></div>
</div>
</div>
</div>
</div>
</div>