Classes:Espiritualistas - Histórico de revisão

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

2026-05-09T17:16:05Z

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

2026-02-06T05:16:13Z

← Edição anterior		Edição das 02h16min 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>~~Espiritualista~~</b>~~ é o elo entre o mundo ~~dos vivos~~ e o ~~plano~~ espiritual. Ao ~~contrário~~ de ~~seu antecessor~~, o ~~Taekwon~~, ~~ele abdica dos chutes~~ e da ~~força bruta~~ para ~~canalizar energias ancestrais, sendo capaz~~ de ~~alterar~~ o ~~próprio fluxo~~ do ~~combate ao despertar~~ o ~~potencial oculto~~ de ~~seus aliados~~.		O '''Espiritualista''' (''Soul Linker'') é a evolução mística do [[Taekwon]], representando o elo entre o mundo físico e o espiritual em [[Ragnarök Online]]. Diferente de sua classe anterior, o Espiritualista abandona os chutes de combate em favor de '''Magias de Alma''' e o poder de invocar os espíritos de heróis ancestrais. Sua principal função em [[Guerra do Emperium]] (WoE) e grupos de suporte é atuar como um "potencializador de classes", concedendo habilidades e bônus secretos que mudam completamente a mecânica de jogo de seus aliados.
	~~</p>~~
			A essência do Espiritualista reside no sistema de '''Espíritos (Soul Links)'''. Ao invocar o espírito específico de uma classe (como o Espírito do Alquimista ou do Bruxo), o Espiritualista permite que aquele aliado ignore restrições, ganhe novos bônus ou utilize habilidades de formas nunca antes vistas.

			No campo da manipulação de energia e auxílio espiritual, o Espiritualista se destaca com:
			* '''[[Espíritos das Classes]]:''' Cada classe possui um "Link" único. Por exemplo:
			** '''[[Espírito do Alquimista]]:''' Permite o uso da habilidade ''Arremessar Poção Compacta'' e aumenta a eficácia de cura;
			** '''[[Espírito do Monge]]:''' Faz com que o ''Punho Supremo de Asura'' cause dano em área (splash damage);
			** '''[[Espírito do Sábio]]:''' Permite que o aliado use ''Desejo Arcano'' com o nível máximo da magia que ele possuir;
			* '''[[Kaizel]]:''' Uma magia de ressurreição automática que revive o alvo instantaneamente caso ele morra, essencial para membros da linha de frente;
			* '''[[Kaahi]]:''' Consome o SP do alvo para curar seu HP toda vez que ele recebe um ataque físico, tornando classes tanques virtualmente imortais.

			Ofensivamente, o Espiritualista utiliza as magias da família "Es":
			* '''[[Esma]]:''' Uma das magias de alvo único mais poderosas do jogo. Só pode ser usada após conjurar um feitiço de "estágio" (como Eska ou Estin) e causa dano de propriedade alterável baseado na INT do usuário;
			* '''[[Eska]]:''' Aumenta drasticamente a defesa física do alvo, mas reduz sua defesa mágica a zero e diminui sua velocidade, sendo usado taticamente para "travar" oponentes;
			* '''[[Estin]] e [[Estun]]:''' Magias de controle que empurram ou atordoam oponentes pequenos ou médios, servindo de gatilho para o devastador ''Esma''.

	~~<h2>Descrição</h2>~~		Graças à sua capacidade única de '''reescrever as regras das outras classes''' e sua '''sustentabilidade mágica''', o Espiritualista é o guia espiritual indispensável para qualquer guilda. Ele prova que o poder da alma pode transcender as limitações do corpo e elevar seus aliados a um nível de semideuses em [[Midgard]].
	~~<p>~~
	~~A mecânica central da classe são os <b>Espíritos</b>. Cada habilidade~~ de ~~"Espírito" é direcionada a uma classe específica (ex: Espírito do Alquimista, Espírito do Arruaceiro), concedendo bônus que mudam completamente a forma como essas~~ classes ~~jogam. Além do suporte~~, o Espiritualista ~~possui habilidades ofensivas como~~ o ~~"Esma", uma das magias de alvo único mais poderosas do jogo, mas~~ que só pode ~~ser usada após certas habilidades~~ de ~~"Es" contra monstros~~.
	</p>		</p>

Adm.mayuka em 08h54min de 3 de fevereiro de 2026

2026-02-03T08:54:57Z

@@ Linha 16: / Linha 16: @@
        <div class="job-section">
-[[File:SkilltreeEspiritualistas.png]]
+<h2>Habilidades</h2>
 </div>
@@ Linha 102: / Linha 147: @@
 </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;"
 ! Atributo !! Função Principal

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

2026-01-22T18:35:22Z

@@ Linha 16: / Linha 16: @@
        <div class="job-section">
-    <h2>Habilidades de Espiritualista</h2>
+[[File:SkilltreeEspiritualistas.png]]
 </div>
@@ Linha 116: / Linha 84: @@
    <div class="job-header">
      <div class="job-icon">
-      [[File:Soul_Linker_Icon.png|96px]]
+[[File:Class-path-thumb_espiritualista-f.png|96px]]
      </div>
      <div class="job-title">

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

2026-01-21T17:16:34Z

← Edição anterior		Edição das 14h16min de 21 de janeiro de 2026
Linha 150:		Linha 150:
	\| Frequentemente deixada em 1, a menos que seja uma build específica de suporte rápido.		\| Frequentemente deixada em 1, a menos que seja uma build específica de suporte rápido.
	\|}		\|}

			<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 14h40min de 20 de janeiro de 2026

2026-01-20T14:40:42Z

← Edição anterior		Edição das 11h40min 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~~:~~Soul_Linker~~.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:espiritualista-f.png\|200px]]</div><div style="width: 200px; flex-shrink: 0; text-align: center;">[[File:espiritualista-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:~~Soul_Linker_M~~.~~png\|64px]]~~		[[Arquivo:espiritualista.gif\|64px]]
	~~[[Arquivo:Soul_Linker_F.png~~\|64px]]
	</div>		</div>

Linha 135:		Linha 131:
	</div>		</div>

	~~<div class="job-section">~~
	~~<h2>Evoluções</h2>~~
	~~<ul class="job-list">~~
	~~<li>[[Ceifador de Almas]]</li>~~
	~~</ul>~~
	~~</div>~~

	</div>		</div>

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

2026-01-18T07:52:08Z

← Edição anterior		Edição das 04h52min 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 07h16min de 18 de janeiro de 2026

2026-01-18T07:16:16Z

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:06:42Z

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>