Classes:Invocadores: mudanças entre as edições

De Farmland
Ir para navegação Ir para pesquisar
← Edição anterior
Adm.mayuka (discussão | contribs)
Burocratas, Administradores da interface, Administradores
5 356 edições
VisualWikitexto
Sem resumo de edição
Sem resumo de edição
 
(7 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 5: Linha 5:


     <div class="aprendiz-text">
     <div class="aprendiz-text">
      <p>
      O <b>Invocador</b> é o representante da raça Doram em Midgard. Eles possuem uma conexão profunda com a natureza de seu lar, Lasagna, permitindo-lhes invocar o auxílio de criaturas marinhas, vegetais exóticos e instintos animais para enfrentar qualquer desafio.
      </p>


       <h2>Descrição</h2>
       <h2>Descrição</h2>
       <p>
       <p>
       Diferente das classes humanas, os Invocadores não mudam de profissão. Eles evoluem seus poderes através de três linhagens de habilidades. O caminho do <b>Mar</b> foca em cura e regeneração; o das <b>Plantas</b> foca em magias elementais de alvo único e área; e o caminho dos <b>Animais</b> foca em ataques físicos de curta e longa distância. Sua mecânica única envolve bônus passivos que se tornam mais fortes à medida que o jogador investe pontos em uma linhagem específica.
       O '''Invocador''' é a classe única da raça '''Doram''', originária de [[Lasagna]]. Diferente das raças humanas, o Invocador não possui ramificações de classe, utilizando uma árvore de habilidades híbrida que permite especialização em três caminhos distintos: '''Marinho''' (Suporte), '''Terra''' (Mágico) ou '''Fisgado''' (Físico). Sua principal característica é a versatilidade e a alta sobrevivência, sendo capaz de transitar entre funções de dano e suporte com extrema eficiência em [[PvM]], [[MVP]] e ambientes competitivos.
      </p>


<div style="position: relative; width: 820px; height: 900px; font-family: sans-serif; font-size: 13px; background-color: #ffffff; margin: 0 auto; overflow-x: auto;">
A principal função do Invocador é a '''adaptação ecológica'''. Através da comunhão com a natureza, eles podem invocar o poder de animais e plantas para controlar o campo de batalha. Enquanto classes humanas dependem de equipamentos complexos para atingir certos patamares, os Invocadores possuem uma curva de poder acelerada, tornando-os excelentes para jogadores que buscam desempenho imediato.


    <div style="position:absolute; top:52px; left:100px; width:4px; height:38px; background:#9ecaff;"></div> <div style="position:absolute; top:132px; left:100px; width:4px; height:38px; background:#9ecaff;"></div> <div style="position:absolute; top:212px; left:100px; width:4px; height:38px; background:#9ecaff;"></div> <div style="position:absolute; top:292px; left:100px; width:4px; height:38px; background:#9ecaff;"></div> <div style="position:absolute; top:372px; left:100px; width:4px; height:38px; background:#9ecaff;"></div> <div style="position:absolute; top:452px; left:100px; width:4px; height:40px; background:#9ecaff;"></div>
No campo da utilidade e controle, o Invocador se destaca com habilidades como:
    <div style="position:absolute; top:492px; left:100px; width:130px; height:4px; background:#9ecaff;"></div>
* '''[[Sopro do Camarão]]:''' Uma das habilidades de regeneração de HP mais potentes do jogo, essencial para sustentar o grupo;
    <div style="position:absolute; top:42px; left:226px; width:4px; height:454px; background:#9ecaff;"></div>
* '''[[Camada de Ervilha]]:''' Proporciona uma defesa absoluta contra ataques físicos à distância, anulando uma das maiores ameaças do jogo;
    <div style="position:absolute; top:40px; left:226px; width:114px; height:4px; background:#9ecaff;"></div>
* '''[[Poder de Berinjela]]:''' Capaz de remover efeitos negativos e fornecer imunidades temporárias.
    <div style="position:absolute; top:36px; left:335px; width:0; height:0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #9ecaff;"></div>


    <div style="position:absolute; top:40px; left:510px; width:40px; height:4px; background:#9ecaff;"></div>
Ofensivamente, o Invocador pode atuar de três formas principais de acordo com sua linhagem:
    <div style="position:absolute; top:36px; left:545px; width:0; height:0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #9ecaff;"></div>
* '''Linhagem da Terra:''' Focada em dano mágico com habilidades como '''Catnip de Meteoro''', que causa dano em área massivo e possui chance de causar maldição;
* '''Linhagem Física (Fisgado):''' Utiliza o ataque '''Chute de Gatuno''' e '''Piquenique de Atum''' para causar danos físicos rápidos e precisos, ignorando defesas inimigas;
* '''Linhagem Marinha:''' Atua como um suporte tático de alto nível, focando em buffs de grupo e controle de terreno.


    <div style="position:absolute; top:52px; left:425px; width:4px; height:28px; background:#9ecaff;"></div>
Graças à sua mecânica exclusiva de '''Poder do Mar/Terra/Vida''', que concede bônus passivos baseados nos pontos investidos em cada árvore, o Invocador é uma das classes mais resilientes e autossuficientes de [[Ragnarök Online]]. Sua jogabilidade exige uma gestão inteligente de recursos e conhecimento dos elementos naturais para dominar qualquer cenário de combate.
    <div style="position:absolute; top:80px; left:340px; width:340px; height:4px; background:#9ecaff;"></div>
      </p>
    <div style="position:absolute; top:80px; left:340px; width:4px; height:20px; background:#9ecaff;"></div>
=== Habilidades ===
    <div style="position:absolute; top:80px; left:510px; width:4px; height:20px; background:#9ecaff;"></div>
{| class="skill-table"
    <div style="position:absolute; top:80px; left:680px; width:4px; height:20px; background:#9ecaff;"></div>
|-
 
| [[File:Instintos Básicos.png|23px]] [[Instintos_Básicos|Instintos Básicos]]
    <div style="position:absolute; top:142px; left:340px; width:4px; height:28px; background:#9ecaff;"></div>
| [[File:Mordida.png|23px]] [[Mordida]]
    <div style="position:absolute; top:222px; left:340px; width:4px; height:28px; background:#9ecaff;"></div>
|-
    <div style="position:absolute; top:302px; left:340px; width:4px; height:28px; background:#9ecaff;"></div>
| [[File:Pulo do Gato.png|23px]] [[Pulo_do_Gato|Pulo do Gato]]
    <div style="position:absolute; top:382px; left:340px; width:4px; height:28px; background:#9ecaff;"></div>
| [[File:Gato-Mia.png|23px]] [[Gato-Mia]]
    <div style="position:absolute; top:462px; left:340px; width:4px; height:28px; background:#9ecaff;"></div>
|-
    <div style="position:absolute; top:542px; left:340px; width:4px; height:28px; background:#9ecaff;"></div>
| [[File:Arranhar.png|23px]] [[Arranhar]]
    <div style="position:absolute; top:622px; left:340px; width:4px; height:28px; background:#9ecaff;"></div>
| [[File:Quatro Patas.png|23px]] [[Quatro_Patas|Quatro Patas]]
    <div style="position:absolute; top:702px; left:340px; width:4px; height:28px; background:#9ecaff;"></div>
|-
 
| [[File:Invocar.png|23px]] [[Invocar]]
    <div style="position:absolute; top:142px; left:510px; width:4px; height:28px; background:#9ecaff;"></div>
| [[File:Ampliar Alcance.png|23px]] [[Ampliar_Alcance|Ampliar Alcance]]
    <div style="position:absolute; top:222px; left:510px; width:4px; height:28px; background:#9ecaff;"></div>
|-
     <div style="position:absolute; top:302px; left:510px; width:4px; height:28px; background:#9ecaff;"></div>
| [[File:Camarão Fresquinho.png|23px]] [[Camarão_Fresquinho|Camarão Fresquinho]]
     <div style="position:absolute; top:382px; left:510px; width:4px; height:28px; background:#9ecaff;"></div>
| [[File:Chuva de Mariscos.png|23px]] [[Chuva_de_Mariscos|Chuva de Mariscos]]
     <div style="position:absolute; top:462px; left:510px; width:4px; height:28px; background:#9ecaff;"></div>
|-
     <div style="position:absolute; top:542px; left:510px; width:4px; height:28px; background:#9ecaff;"></div>
| [[File:Dádiva do Atum.png|23px]] [[Dádiva_do_Atum|Dádiva do Atum]]
     <div style="position:absolute; top:622px; left:510px; width:4px; height:28px; background:#9ecaff;"></div>
| [[File:Proteção da Orla.png|23px]] [[Proteção_da_Orla|Proteção da Orla]]
     <div style="position:absolute; top:702px; left:510px; width:4px; height:28px; background:#9ecaff;"></div>
|-
 
| [[File:Poder das Marés.png|23px]] [[Poder_das_Marés|Poder das Marés]]
     <div style="position:absolute; top:142px; left:680px; width:4px; height:28px; background:#9ecaff;"></div>
| [[File:Lambida.png|23px]] [[Lambida]]
     <div style="position:absolute; top:222px; left:680px; width:4px; height:28px; background:#9ecaff;"></div>
|-
     <div style="position:absolute; top:302px; left:680px; width:4px; height:28px; background:#9ecaff;"></div>
| [[File:Banho de Lambidas.png|23px]] [[Banho_de_Lambidas|Banho de Lambidas]]
     <div style="position:absolute; top:382px; left:680px; width:4px; height:28px; background:#9ecaff;"></div>
| [[File:Festa do Camarão.png|23px]] [[Festa_do_Camarão|Festa do Camarão]]
     <div style="position:absolute; top:462px; left:680px; width:4px; height:28px; background:#9ecaff;"></div>
|-
    <div style="position:absolute; top:542px; left:680px; width:4px; height:28px; background:#9ecaff;"></div>
| [[File:Invocação das Marés.png|23px]] [[Invocação_das_Marés|Invocação das Marés]]
     <div style="position:absolute; top:622px; left:680px; width:4px; height:28px; background:#9ecaff;"></div>
| [[File:Lança Gateira.png|23px]] [[Lança_Gateira|Lança Gateira]]
     <div style="position:absolute; top:702px; left:680px; width:4px; height:28px; background:#9ecaff;"></div>
|-
 
| [[File:Hera Venenosa.png|23px]] [[Hera_Venenosa|Hera Venenosa]]
 
| [[File:Meteoros de Nepeta.png|23px]] [[Meteoros_de_Nepeta|Meteoros de Nepeta]]
     <div style="position:absolute; top:10px; left:10px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
|-
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_Instintos.png|30px|link=]]</div>
| [[File:Pulverizar.png|23px]] [[Pulverizar]]
         <div style="color:white; font-weight:bold; line-height:1.1;">Instintos Básicos</div>
| [[File:Poder da Selva.png|23px]] [[Poder_da_Selva|Poder da Selva]]
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
|-
| [[File:Despertar.png|23px]] [[Despertar]]
| [[File:Balaio de Gato.png|23px]] [[Balaio_de_Gato|Balaio de Gato]]
|-
| [[File:Mato de Gato.png|23px]] [[Mato_de_Gato|Mato de Gato]]
| [[File:Invocação da Selva.png|23px]] [[Invocação_da_Selva|Invocação da Selva]]
|-
| [[File:Chilique de Picky.png|23px]] [[Chilique_de_Picky|Chilique de Picky]]
| [[File:Impulso de Arclouse.png|23px]] [[Impulso_de_Arclouse|Impulso de Arclouse]]
|-
| [[File:Ferida de Tarou.png|23px]] [[Ferida_de_Tarou|Ferida de Tarou]]
| [[File:Cometas Lunáticos.png|23px]] [[Cometas_Lunáticos|Cometas Lunáticos]]
|-
| [[File:Poder da Fauna.png|23px]] [[Poder_da_Fauna|Poder da Fauna]]
| [[File:Riscar Fósforo.png|23px]] [[Riscar_Fósforo|Riscar Fósforo]]
|-
| [[File:Intimidar.png|23px]] [[Intimidar]]
| [[File:Ataque Selvagem.png|23px]] [[Ataque_Selvagem|Ataque Selvagem]]
|-
| [[File:Invocação da Fauna.png|23px]] [[Invocação_da_Fauna|Invocação da Fauna]]
|
|}
<h2>Arvore de Habilidades</h2>
<div style="position: relative; width: 600px; max-width: 100%; height: 660px; font-family: sans-serif; font-size: 12px; background-color: #ffffff; margin: 0 auto; overflow-x: auto;">
    <div style="position:absolute; top:38px; left:73px; width:3px; height:28px; background:#9ecaff;"></div>
     <div style="position:absolute; top:97px; left:73px; width:3px; height:28px; background:#9ecaff;"></div>
     <div style="position:absolute; top:155px; left:73px; width:3px; height:28px; background:#9ecaff;"></div>
     <div style="position:absolute; top:213px; left:73px; width:3px; height:28px; background:#9ecaff;"></div>
     <div style="position:absolute; top:272px; left:73px; width:3px; height:28px; background:#9ecaff;"></div>
     <div style="position:absolute; top:330px; left:73px; width:3px; height:29px; background:#9ecaff;"></div>
     <div style="position:absolute; top:359px; left:73px; width:95px; height:3px; background:#9ecaff;"></div>
     <div style="position:absolute; top:31px; left:165px; width:3px; height:332px; background:#9ecaff;"></div>
     <div style="position:absolute; top:29px; left:165px; width:83px; height:3px; background:#9ecaff;"></div>
     <div style="position:absolute; top:26px; left:246px; width:0; height:0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #9ecaff;"></div>
     <div style="position:absolute; top:29px; left:373px; width:29px; height:3px; background:#9ecaff;"></div>
     <div style="position:absolute; top:26px; left:399px; width:0; height:0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #9ecaff;"></div>
    <div style="position:absolute; top:38px; left:310px; width:3px; height:21px; background:#9ecaff;"></div>
    <div style="position:absolute; top:58px; left:249px; width:249px; height:3px; background:#9ecaff;"></div>
    <div style="position:absolute; top:58px; left:249px; width:3px; height:15px; background:#9ecaff;"></div>
    <div style="position:absolute; top:58px; left:373px; width:3px; height:15px; background:#9ecaff;"></div>
    <div style="position:absolute; top:58px; left:498px; width:3px; height:15px; background:#9ecaff;"></div>
    <div style="position:absolute; top:104px; left:249px; width:3px; height:21px; background:#9ecaff;"></div>
    <div style="position:absolute; top:162px; left:249px; width:3px; height:21px; background:#9ecaff;"></div>
    <div style="position:absolute; top:221px; left:249px; width:3px; height:21px; background:#9ecaff;"></div>
    <div style="position:absolute; top:279px; left:249px; width:3px; height:21px; background:#9ecaff;"></div>
    <div style="position:absolute; top:338px; left:249px; width:3px; height:21px; background:#9ecaff;"></div>
    <div style="position:absolute; top:396px; left:249px; width:3px; height:21px; background:#9ecaff;"></div>
    <div style="position:absolute; top:455px; left:249px; width:3px; height:21px; background:#9ecaff;"></div>
    <div style="position:absolute; top:513px; left:249px; width:3px; height:21px; background:#9ecaff;"></div>
    <div style="position:absolute; top:104px; left:373px; width:3px; height:21px; background:#9ecaff;"></div>
    <div style="position:absolute; top:162px; left:373px; width:3px; height:21px; background:#9ecaff;"></div>
    <div style="position:absolute; top:221px; left:373px; width:3px; height:21px; background:#9ecaff;"></div>
    <div style="position:absolute; top:279px; left:373px; width:3px; height:21px; background:#9ecaff;"></div>
    <div style="position:absolute; top:338px; left:373px; width:3px; height:21px; background:#9ecaff;"></div>
    <div style="position:absolute; top:396px; left:373px; width:3px; height:21px; background:#9ecaff;"></div>
    <div style="position:absolute; top:455px; left:373px; width:3px; height:21px; background:#9ecaff;"></div>
    <div style="position:absolute; top:513px; left:373px; width:3px; height:21px; background:#9ecaff;"></div>
    <div style="position:absolute; top:104px; left:498px; width:3px; height:21px; background:#9ecaff;"></div>
    <div style="position:absolute; top:162px; left:498px; width:3px; height:21px; background:#9ecaff;"></div>
    <div style="position:absolute; top:221px; left:498px; width:3px; height:21px; background:#9ecaff;"></div>
    <div style="position:absolute; top:279px; left:498px; width:3px; height:21px; background:#9ecaff;"></div>
    <div style="position:absolute; top:338px; left:498px; width:3px; height:21px; background:#9ecaff;"></div>
    <div style="position:absolute; top:396px; left:498px; width:3px; height:21px; background:#9ecaff;"></div>
     <div style="position:absolute; top:455px; left:498px; width:3px; height:21px; background:#9ecaff;"></div>
     <div style="position:absolute; top:513px; left:498px; width:3px; height:21px; background:#9ecaff;"></div>
     <div style="position:absolute; top:7px; left:7px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Instintos_Básicos.png|22px|link=Instintos Básicos]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Instintos Básicos]]</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.1</div>
     </div>
     </div>
 
     <div style="position:absolute; top:66px; left:7px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:90px; left:10px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Mordida.png|22px|link=Mordida]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_Mordida.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Mordida]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Mordida</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.1</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
     </div>
     </div>
 
     <div style="position:absolute; top:124px; left:7px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:170px; left:10px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Gato-Mia.png|22px|link=Gato-Mia]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_GatoMia.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Gato-Mia]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Gato-Mia</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.1</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
     </div>
     </div>
 
     <div style="position:absolute; top:183px; left:7px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:250px; left:10px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Arranhar.png|22px|link=Arranhar]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_Arranhar.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Arranhar]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Arranhar</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.3</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
     </div>
     </div>
 
     <div style="position:absolute; top:241px; left:7px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:330px; left:10px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Quatro_Patas.png|22px|link=Quatro Patas]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_QuatroPatas.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Quatro Patas]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Quatro Patas</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.1</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
     </div>
     </div>
 
     <div style="position:absolute; top:300px; left:7px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:410px; left:10px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Pulo_do_Gato.png|22px|link=Pulo do Gato]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_PuloGato.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Pulo do Gato]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Pulo do Gato</div>
         <div style="position:absolute; bottom:-18px; right:-37px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.3</div>
         <div style="position:absolute; bottom:-25px; right:-50px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
     </div>
     </div>
 
     <div style="position:absolute; top:7px; left:249px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
 
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Invocar.png|22px|link=Invocar]]</div>
     <div style="position:absolute; top:10px; left:340px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Invocar]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_Invocar.png|30px|link=]]</div>
         <div style="position:absolute; top:23px; right:-22px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.1</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Invocar</div>
         <div style="position:absolute; bottom:-22px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.1</div>
         <div style="position:absolute; top:32px; right:-30px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
         <div style="position:absolute; bottom:-30px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
     </div>
     </div>
 
     <div style="position:absolute; top:7px; left:402px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:10px; left:550px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Ampliar_Alcance.png|22px|link=Ampliar Alcance]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_Ampliar.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Ampliar Alcance]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Ampliar Alcance</div>
     </div>
     </div>
 
     <div style="position:absolute; top:73px; left:187px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
 
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Camarão_Fresquinho.png|22px|link=Camarão Fresquinho]]</div>
     <div style="position:absolute; top:100px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Camarão Fresquinho]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_Camarao.png|30px|link=]]</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.3</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Camarão Fresquinho</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
     </div>
     </div>
 
     <div style="position:absolute; top:131px; left:187px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:180px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Chuva_de_Mariscos.png|22px|link=Chuva de Mariscos]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_Chuva.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Chuva de Mariscos]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Chuva de Mariscos</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.3</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
     </div>
     </div>
 
     <div style="position:absolute; top:190px; left:187px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:260px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Dádiva_do_Atum.png|22px|link=Dádiva do Atum]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_Dadiva.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Dádiva do Atum]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Dádiva do Atum</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.3</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
     </div>
     </div>
 
     <div style="position:absolute; top:248px; left:187px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:340px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Proteção_da_Orla.png|22px|link=Proteção da Orla]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_Protecao.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Proteção da Orla]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Proteção da Orla</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.3</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
     </div>
     </div>
 
     <div style="position:absolute; top:307px; left:187px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:420px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Poder_das_Marés.png|22px|link=Poder das Marés]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_PoderMares.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Poder das Marés]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Poder das Marés</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.1</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
     </div>
     </div>
 
     <div style="position:absolute; top:365px; left:187px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:500px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Lambida.png|22px|link=Lambida]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_Lambida.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Lambida]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Lambida</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.5</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
     </div>
     </div>
 
     <div style="position:absolute; top:424px; left:187px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:580px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Banho_de_Lambidas.png|22px|link=Banho de Lambidas]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_BanhoLambidas.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Banho de Lambidas]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Banho de Lambidas</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.5</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
     </div>
     </div>
 
     <div style="position:absolute; top:482px; left:187px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:660px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Festa_do_Camarão.png|22px|link=Festa do Camarão]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_FestaCamarao.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Festa do Camarão]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Festa do Camarão</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.5</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
     </div>
     </div>
 
     <div style="position:absolute; top:541px; left:187px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:740px; left:255px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Invocação_das_Marés.png|22px|link=Invocação das Marés]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_InvocarMares.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Invocação das Marés]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Invocação das Marés</div>
     </div>
     </div>
 
     <div style="position:absolute; top:73px; left:310px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:100px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Lança_Gateira.png|22px|link=Lança Gateira]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_Lanca.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Lança Gateira]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Lança Gateira</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.3</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
     </div>
     </div>
 
     <div style="position:absolute; top:131px; left:310px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:180px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Hera_Venenosa.png|22px|link=Hera Venenosa]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_Hera.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Hera Venenosa]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Hera Venenosa</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.3</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
     </div>
     </div>
 
     <div style="position:absolute; top:190px; left:310px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:260px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Meteoros_de_Nepeta.png|22px|link=Meteoros de Nepeta]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_Meteoros.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Meteoros de Nepeta]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Meteoros de Nepeta</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.3</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
     </div>
     </div>
 
     <div style="position:absolute; top:248px; left:310px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:340px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Pulverizar.png|22px|link=Pulverizar]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_Pulverizar.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Pulverizar]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Pulverizar</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.3</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
     </div>
     </div>
 
     <div style="position:absolute; top:307px; left:310px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:420px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Poder_da_Selva.png|22px|link=Poder da Selva]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_PoderSelva.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Poder da Selva]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Poder da Selva</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.1</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
     </div>
     </div>
 
     <div style="position:absolute; top:365px; left:310px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:500px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Despertar.png|22px|link=Despertar]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_Despertar.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Despertar]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Despertar</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.5</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
     </div>
     </div>
 
     <div style="position:absolute; top:424px; left:310px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:580px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Balaio_de_Gato.png|22px|link=Balaio de Gato]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_Balaio.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Balaio de Gato]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Balaio de Gato</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.5</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
     </div>
     </div>
 
     <div style="position:absolute; top:482px; left:310px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:660px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Mato_de_Gato.png|22px|link=Mato de Gato]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_Mato.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Mato de Gato]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Mato de Gato</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.5</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
     </div>
     </div>
 
     <div style="position:absolute; top:541px; left:310px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:740px; left:425px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Invocação_da_Selva.png|22px|link=Invocação da Selva]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_InvocacaoSelva.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Invocação da Selva]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Invocação da Selva</div>
     </div>
     </div>
 
     <div style="position:absolute; top:73px; left:435px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
 
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Chilique_de_Picky.png|22px|link=Chilique de Picky]]</div>
     <div style="position:absolute; top:100px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Chilique de Picky]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_Chilique.png|30px|link=]]</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.3</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Chilique de Picky</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
     </div>
     </div>
 
     <div style="position:absolute; top:131px; left:435px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:180px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Impulso_de_Arclouse.png|22px|link=Impulso de Arclouse]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_Impulso.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Impulso de Arclouse]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Impulso de Arclouse</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.3</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
     </div>
     </div>
 
     <div style="position:absolute; top:190px; left:435px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:260px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Ferida_de_Tarou.png|22px|link=Ferida de Tarou]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_Ferida.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Ferida de Tarou]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Ferida de Tarou</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.3</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
     </div>
     </div>
 
     <div style="position:absolute; top:248px; left:435px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:340px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Cometas_Lunáticos.png|22px|link=Cometas Lunáticos]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_Cometas.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Cometas Lunáticos]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Cometas Lunáticos</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.3</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.3</div>
     </div>
     </div>
 
     <div style="position:absolute; top:307px; left:435px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:420px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Poder_da_Fauna.png|22px|link=Poder da Fauna]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_PoderFauna.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Poder da Fauna]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Poder da Fauna</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.1</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.1</div>
     </div>
     </div>
 
     <div style="position:absolute; top:365px; left:435px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:500px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Riscar_Fósforo.png|22px|link=Riscar Fósforo]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_Riscar.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Riscar Fósforo]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Riscar Fósforo</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.5</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
     </div>
     </div>
 
     <div style="position:absolute; top:424px; left:435px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:580px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Intimidar.png|22px|link=Intimidar]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_Intimidar.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Intimidar]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Intimidar</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.5</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
     </div>
     </div>
 
     <div style="position:absolute; top:482px; left:435px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:660px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Ataque_Selvagem.png|22px|link=Ataque Selvagem]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_AtaqueSelvagem.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Ataque Selvagem]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Ataque Selvagem</div>
         <div style="position:absolute; bottom:-18px; left:55px; background:white; color:black; font-weight:bold; padding:0 3px; font-size:10px; z-index:3;">Nv.5</div>
         <div style="position:absolute; bottom:-25px; left:75px; background:white; color:black; font-weight:bold; padding:0 4px; font-size:12px; z-index:3;">Nv.5</div>
     </div>
     </div>
 
     <div style="position:absolute; top:541px; left:435px; width:124px; height:31px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; z-index:2;">
     <div style="position:absolute; top:740px; left:595px; width:170px; height:42px; background:linear-gradient(to bottom, #5baaff, #3090f0); border:1px solid #2b80dd; border-radius:6px; display:flex; align-items:center; z-index:2;">
         <div style="width:25px; height:25px; background:rgba(0,0,0,0.2); border-radius:3px; margin:0 4px; display:flex; justify-content:center; align-items:center;">[[File:Invocação_da_Fauna.png|22px|link=Invocação da Fauna]]</div>
         <div style="width:34px; height:34px; background:rgba(0,0,0,0.2); border-radius:4px; margin:0 5px; display:flex; justify-content:center; align-items:center;">[[File:Icone_InvocacaoFauna.png|30px|link=]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">[[Invocação da Fauna]]</div>
         <div style="color:white; font-weight:bold; line-height:1.1;">Invocação da Fauna</div>
     </div>
     </div>
</div>
</div>
[[File:Ampliar_Alcance.png]]
[[File:Arranhar.png]]
[[File:Ataque_Selvagem.png]]
[[File:Balaio_de_Gato.png]]
[[File:Banho_de_Lambidas.png]]
[[File:Camarão_Fresquinho.png]]
[[File:Chilique_de_Picky.png]]
[[File:Chuva_de_Mariscos.png]]
[[File:Cometas_Lunáticos.png]]
[[File:Dádiva_do_Atum.png]]
[[File:Despertar.png]]
[[File:Ferida_de_Tarou.png]]
[[File:Festa_do_Camarão.png]]
[[File:Gato-Mia.png]]
[[File:Hera_Venenosa.png]]
[[File:Impulso_de_Arclouse.png]]
[[File:Instintos_Básicos.png]]
[[File:Intimidar.png]]
[[File:Invocação_da_Fauna.png]]
[[File:Invocação_da_Selva.png]]
[[File:Invocação_das_Marés.png]]
[[File:Invocar.png]]
[[File:Lambida.png]]
[[File:Lança_Gateira.png]]
[[File:Mato_de_Gato.png]]
[[File:Meteoros_de_Nepeta.png]]
[[File:Mordida.png]]
[[File:Poder_da_Fauna.png]]
[[File:Poder_da_Selva.png]]
[[File:Poder_das_Marés.png]]
[[File:Proteção_da_Orla.png]]
[[File:Pulo_do_Gato.png]]
[[File:Pulverizar.png]]
[[File:Quatro_Patas.png]]
[[File:Riscar_Fósforo.png]]




Linha 320: Linha 308:
<div class="aprendiz-infobox">
<div class="aprendiz-infobox">
   <div class="aprendiz-header">
   <div class="aprendiz-header">
     <span class="aprendiz-title">Invocadores</span>
     <span class="aprendiz-title">[[File:Invocadorespartyicn.png]]Invocadores</span>
   </div>
   </div>


<div style="width: 200px; height: 200px; margin: 0 auto; overflow: hidden; position: relative;">
<div style="width: 200px; height: 200px; margin: 0 auto; overflow: hidden; position: relative;">
     <div style="display: flex; width: 400px; animation: animaCarrossel 10s infinite ease-in-out;">
     <div style="display: flex; width: 400px; animation: animaCarrossel 10s infinite ease-in-out;">
         <div style="width: 200px; flex-shrink: 0; text-align: center;">[[File:Arte Invocadores.png|200px]]</div><div style="width: 200px; flex-shrink: 0; text-align: center;">[[File:Invocadoressprite.png|200px]]</div>
         <div style="width: 200px; flex-shrink: 0; text-align: center;">[[File:doramf.png|200px]]</div><div style="width: 200px; flex-shrink: 0; text-align: center;">[[File:doramm.png|200px]]</div>
     </div>
     </div>
</div>
</div>
Linha 375: Linha 363:
   <div class="job-header">
   <div class="job-header">
     <div class="job-icon">
     <div class="job-icon">
      [[File:Summoner_Icon.png|96px]]
[[File:doramperfil.png|96px]]
     </div>
     </div>
     <div class="job-title">
     <div class="job-title">
Linha 393: Linha 381:
</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
Linha 409: Linha 397:
| Necessária para precisão e redução de conjuração.
| Necessária para precisão e redução de conjuração.
|}
|}
<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>

Edição atual tal como às 01h08min de 6 de fevereiro de 2026

Descrição

O Invocador é a classe única da raça Doram, originária de Lasagna. Diferente das raças humanas, o Invocador não possui ramificações de classe, utilizando uma árvore de habilidades híbrida que permite especialização em três caminhos distintos: Marinho (Suporte), Terra (Mágico) ou Fisgado (Físico). Sua principal característica é a versatilidade e a alta sobrevivência, sendo capaz de transitar entre funções de dano e suporte com extrema eficiência em PvM, MVP e ambientes competitivos. A principal função do Invocador é a adaptação ecológica. Através da comunhão com a natureza, eles podem invocar o poder de animais e plantas para controlar o campo de batalha. Enquanto classes humanas dependem de equipamentos complexos para atingir certos patamares, os Invocadores possuem uma curva de poder acelerada, tornando-os excelentes para jogadores que buscam desempenho imediato. No campo da utilidade e controle, o Invocador se destaca com habilidades como:

  • Sopro do Camarão: Uma das habilidades de regeneração de HP mais potentes do jogo, essencial para sustentar o grupo;
  • Camada de Ervilha: Proporciona uma defesa absoluta contra ataques físicos à distância, anulando uma das maiores ameaças do jogo;
  • Poder de Berinjela: Capaz de remover efeitos negativos e fornecer imunidades temporárias.
Ofensivamente, o Invocador pode atuar de três formas principais de acordo com sua linhagem:
  • Linhagem da Terra: Focada em dano mágico com habilidades como Catnip de Meteoro, que causa dano em área massivo e possui chance de causar maldição;
  • Linhagem Física (Fisgado): Utiliza o ataque Chute de Gatuno e Piquenique de Atum para causar danos físicos rápidos e precisos, ignorando defesas inimigas;
  • Linhagem Marinha: Atua como um suporte tático de alto nível, focando em buffs de grupo e controle de terreno.
Graças à sua mecânica exclusiva de Poder do Mar/Terra/Vida, que concede bônus passivos baseados nos pontos investidos em cada árvore, o Invocador é uma das classes mais resilientes e autossuficientes de Ragnarök Online. Sua jogabilidade exige uma gestão inteligente de recursos e conhecimento dos elementos naturais para dominar qualquer cenário de combate.

Habilidades

Instintos Básicos Mordida
Pulo do Gato Gato-Mia
Arranhar Quatro Patas
Invocar Ampliar Alcance
Camarão Fresquinho Chuva de Mariscos
Dádiva do Atum Proteção da Orla
Poder das Marés Lambida
Banho de Lambidas Festa do Camarão
Invocação das Marés Lança Gateira
Hera Venenosa Meteoros de Nepeta
Pulverizar Poder da Selva
Despertar Balaio de Gato
Mato de Gato Invocação da Selva
Chilique de Picky Impulso de Arclouse
Ferida de Tarou Cometas Lunáticos
Poder da Fauna Riscar Fósforo
Intimidar Ataque Selvagem
Invocação da Fauna

Arvore de Habilidades


Início da Jornada

Para ser um Invocador, o jogador deve selecionar a raça Doram na criação de personagem. Você começará em Lasagna, a capital dos Dorams. Ao contrário dos humanos que começam como Aprendizes, os Dorams já iniciam como Invocadores, e sua evolução de classe (Job) vai até o nível 60 antes da expansão para as classes superiores. 

   Invocadores
Sprite

Raça Doram
Armas

Arquivo:W Cajado Doram.png (Cajados de Foice/Cauda)

Bônus de Classe (Job 60)
FOR AGI VIT INT DES SOR
+0 +7 +5 +7 +10 +5

Invocador

Raça Doram

Destaque: Barriga de Atum e Meteoros

A Dádiva do Atum (anteriormente Barriga de Atum) é uma das curas mais fortes do jogo, pois recupera uma porcentagem fixa do HP total do alvo. Já os Meteoros de Nepeta causam dano mágico massivo com grande utilidade em controle de grupo.


Atributos Recomendados

Atributo Função Principal
FOR Essencial para a build de Dano Físico (Animais).
INT Atributo mestre para a build de Magia (Plantas) e aumento de SP.
VIT Crucial para todas as builds, aumenta a sobrevivência e durabilidade de escudos.
DES Necessária para precisão e redução de conjuração. 
       Classes Everlight
Classe Inicial
Classe 1
Classe 2
Classe Transcendental
Classe 1 Expandida
Classe 2 Expandida
Disponível em “http://farmland.net.br/wiki/index.php?title=Classes:Invocadores&oldid=3970”