Página principal: mudanças entre as edições

De Grimopedia
Ir para navegação Ir para pesquisar
← Edição anterior
VisualWikitexto
Sem resumo de edição
Sem resumo de edição
 
(13 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 17: Linha 17:


   <!-- ========================================================= -->
   <!-- ========================================================= -->
   <!-- LAYOUT AJUSTADO - CARDS INDEPENDENTES                    -->
   <!-- BLOCO PRINCIPAL                                          -->
  <!-- Progressão define a altura total das duas primeiras linhas -->
  <!-- Promoções e Destaques preenchem exatamente o restante      -->
  <!-- Encantamentos fica separado e NÃO foi redimensionado      -->
   <!-- ========================================================= -->
   <!-- ========================================================= -->


   <div class="bro-home-cards" style="margin-top:12px; align-items:flex-start; gap:12px;">
   <div style="
    display:grid;
    grid-template-columns:minmax(0,4fr) minmax(190px,1fr);
    gap:12px;
    margin-top:12px;
    align-items:start;
  ">


     <!-- COLUNA 1 -->
     <!-- ======================================================= -->
     <div style="flex:1.2; min-width:0; display:flex; flex-direction:column; gap:12px; align-self:flex-start;">
    <!-- ÁREA ESQUERDA                                          -->
    <!-- ======================================================= -->
     <div style="
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      grid-template-rows:auto auto;
      gap:12px;
      min-width:0;
      height:auto;
      align-self:start;
    ">


       <!-- ASSINATURAS -->
       <!-- ASSINATURAS -->
       <div class="bro-home-card bro-home-card-wide" style="width:100%; min-width:0; box-sizing:border-box; padding:0; overflow:hidden;">
       <div class="bro-home-card" style="
        grid-column:1 / span 2;
        grid-row:1;
        min-width:0;
        width:100%;
        height:100%;
        box-sizing:border-box;
        padding:0;
        overflow:hidden;
        display:flex;
        flex-direction:column;
      ">
         <div class="bro-home-head">
         <div class="bro-home-head">
           <div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Assinaturas</div>
           <div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Assinaturas e Promoções</div>
         </div>
         </div>


         <div style="padding:12px;">
         <div style="padding:12px; flex:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;">
          <div style="display:flex; gap:12px; min-width:0;">
          <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
            <div style="width:50%; min-width:0;">
            <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:Bencao-odin1.png|22x22px|class=bro-ico|link=Bênção_de_Odin]] [[Bênção de Odin]]</span></li>
              <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
            <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:Passe-batalha1.png|22x22px|class=bro-ico|link=Passe_de_Batalha]] [[Passe de Batalha]]</span></li>
                <li><span class="broaurora-link" style="display:block;">[[File:Bencao-odin1.png|22x22px|class=bro-ico|link=Bênção_de_Odin]] [[Bênção de Odin]]</span></li>
            <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:Vip1.png|22x22px|class=bro-ico|link=VIP]] [[VIP]]</span></li>
                <li><span class="broaurora-link" style="display:block;">[[File:Passe-batalha1.png|22x22px|class=bro-ico|link=Passe_de_Batalha]] [[Passe de Batalha]]</span></li>
            <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:caixa1.png|22x22px|class=bro-ico|link=Pacote_Apoiador - Caixas]] [[Caixas do Apoiador|Caixas do Apoiador]]</span></li>
                <li><span class="broaurora-link" style="display:block;">[[File:Vip1.png|22x22px|class=bro-ico|link=VIP]] [[VIP]]</span></li>
          </ul>
              </ul>
            </div>


            <div style="width:50%; min-width:0;">
          <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
              <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
            <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:miaumiau.png|22x22px|class=bro-ico|link=Miaubank]] [[Miaubank]]</span></li>
                <li><span class="broaurora-link" style="display:block;">[[File:miaumiau.png|22x22px|class=bro-ico|link=Miaubank]] [[Miaubank]]</span></li>
            <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:Kafra-aurora1.png|22x22px|class=bro-ico|link=Kafra_Aurora]] [[Kafra Aurora]]</span></li>
                <li><span class="broaurora-link" style="display:block;">[[File:Kafra-aurora1.png|22x22px|class=bro-ico|link=Kafra_Aurora]] [[Kafra Aurora]]</span></li>
            <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:androidicone.png|22x22px|class=bro-ico|link=Android]] [[Android]]</span></li>
                <li><span class="broaurora-link" style="display:block;">[[File:androidicone.png|22x22px|class=bro-ico|link=Android]] [[Android]]</span></li>
            <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:ropsmvpicone.png|22x22px|class=bro-ico|link=Recompensas por ROPs]] [[Recompensas por ROPs]]</span></li>
              </ul>
           </ul>
            </div>
           </div>
         </div>
         </div>
       </div>
       </div>


       <!-- PROMOÇÕES -->
       <!-- MAPAS DE FARM -->
       <div class="bro-home-card" style="width:100%; min-width:0; box-sizing:border-box; padding:0; overflow:hidden;">
       <div class="bro-home-card" style="
        grid-column:3;
        grid-row:1;
        min-width:0;
        width:100%;
        height:100%;
        box-sizing:border-box;
        padding:0;
        overflow:hidden;
        display:flex;
        flex-direction:column;
      ">
         <div class="bro-home-head">
         <div class="bro-home-head">
           <div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Promoções</div>
           <div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Mapas de Farm</div>
         </div>
         </div>


         <div style="padding:12px;">
         <div style="padding:12px;">
           <div style="display:flex; gap:12px; min-width:0;">
           <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
            <div style="width:50%; min-width:0;">
            <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Caverna_Astral]] [[Caverna Astral]]</span></li>
              <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
             <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Distrito_Mecânico]] [[Distrito Mecânico|Distrito Mecânico]]</span></li>
                <li><span class="broaurora-link" style="display:block;">[[File:caixa1.png|22x22px|class=bro-ico|link=Pacote_Apoiador - Caixas]] [[Pacote Apoiador - Caixas|Pacote Apoiador - Caixas]]</span></li>
            <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Caverna da Mineração]] [[Caverna da Mineração]]</span></li>
              </ul>
            <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Templo do Demônio Rei]] [[Templo do Demônio Rei]]</span></li>
             </div>
          </ul>
 
            <div style="width:50%; min-width:0;">
              <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
                <li><span class="broaurora-link" style="display:block;">[[File:ropsmvpicone.png|22x22px|class=bro-ico|link=Recompensas por ROPs]] [[Recompensas por ROPs]]</span></li>
              </ul>
            </div>
          </div>
         </div>
         </div>
       </div>
       </div>


       <!-- ENCANTAMENTOS E PROPRIEDADES -->
       <!-- MASMORRAS -->
       <div class="bro-home-card" style="width:100%; min-width:0; box-sizing:border-box; padding:0; overflow:hidden;">
       <div class="bro-home-card" style="
        grid-column:4;
        grid-row:1;
        min-width:0;
        width:100%;
        height:100%;
        box-sizing:border-box;
        padding:0;
        overflow:hidden;
        display:flex;
        flex-direction:column;
      ">
         <div class="bro-home-head">
         <div class="bro-home-head">
           <div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Encantamentos e Propriedades</div>
           <div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Masmorras</div>
         </div>
         </div>


         <div style="padding:12px;">
         <div style="padding:12px; flex:1;">
          <div style="display:flex; gap:12px; min-width:0;">
            <div style="width:50%; min-width:0;">
              <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
                <li><span class="broaurora-link" style="display:block;">[[File:enchantvisuaisicon.png|22x22px|class=bro-ico|link=Encantamento_de_Visuais]] [[Encantamento de Visuais|Encantamentos de Visuais]]</span></li>
                <li><span class="broaurora-link" style="display:block;">[[File:enchararmaduraicon.png|22x22px|class=bro-ico|link=Encantamento_de_Armaduras]] [[Encantamento de Armaduras]]</span></li>
                <li><span class="broaurora-link" style="display:block;">[[Encantamento de Elmos]]</span></li>
              </ul>
            </div>
 
            <div style="width:50%; min-width:0;">
              <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
                <li><span class="broaurora-link" style="display:block;">[[Encantamentos de Malangdo]]</span></li>
                <li><span class="broaurora-link" style="display:block;">[[Encantamentos Ilusionais]]</span></li>
                <li><span class="broaurora-link" style="display:block;">[[File:forjaicone.png|22x22px|class=bro-ico|link=Forja_de_Propriedades]] [[Forja de Propriedades]]</span></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
 
    </div>
 
    <!-- COLUNA 2 -->
    <div style="flex:1.0; min-width:0; display:flex; flex-direction:column; gap:12px; align-self:flex-start;">
 
      <!-- MAPAS DE FARM -->
      <div class="bro-home-card" style="width:100%; min-width:0; box-sizing:border-box; padding:0; overflow:hidden;">
        <div class="bro-home-head">
          <div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Mapas de Farm</div>
        </div>
 
        <div style="padding:12px;">
           <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
           <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
             <li><span class="broaurora-link">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Caverna_Astral]] [[Caverna Astral]]</span></li>
             <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:iconelemental.png|22x22px|class=bro-ico|link=Cheffenia_2.0]] [[Cheffênia 2.0]]</span></li>
             <li><span class="broaurora-link">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Distrito_Mecânico]] [[Distrito Mecânico|Distrito]]</span></li>
             <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Jardim_Sagrado]] [[Jardim Sagrado]]</span></li>
             <li><span class="broaurora-link">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Mineração]] [[Mineração]]</span></li>
             <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:torre123.png|22x22px|class=bro-ico|link=Tumba da Honra]] [[Tumba da Honra]]</span></li>
             <li><span class="broaurora-link">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Templo_do_Deus_Demônio]] [[Templo do Deus Demônio]]</span></li>
             <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Torre_Sombria]] [[Torre Sombria]]</span></li>
           </ul>
           </ul>
         </div>
         </div>
       </div>
       </div>


       <!-- DESTAQUES -->
       <!-- ENCANTAMENTOS E PROPRIEDADES -->
       <div class="bro-home-card" style="width:100%; min-width:0; box-sizing:border-box; padding:0; overflow:hidden;">
       <div class="bro-home-card" style="
        grid-column:1 / span 2;
        grid-row:2;
        min-width:0;
        width:100%;
        box-sizing:border-box;
        padding:0;
        overflow:hidden;
      ">
         <div class="bro-home-head">
         <div class="bro-home-head">
           <div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Destaques</div>
           <div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Encantamentos e Propriedades</div>
         </div>
         </div>


         <div style="padding:12px;">
         <div style="padding:12px;">
           <div style="display:flex; gap:12px; min-width:0;">
           <div style="display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;">
            <div style="width:50%; min-width:0;">
            <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
              <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
              <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:enchantvisuaisicon.png|22x22px|class=bro-ico|link=Encantamento_de_Visuais]] [[Encantamento de Visuais|Encantamentos de Visuais]]</span></li>
                <li><span class="broaurora-link" style="display:block;">[[File:Arena-de-batalha2.png|22x22px|class=bro-ico|link=Arena_de_Batalha]] [[Arena de Batalha]]</span></li>
              <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:enchararmaduraicon.png|22x22px|class=bro-ico|link=Encantamento_de_Armaduras]] [[Encantamento de Armaduras]]</span></li>
                <li><span class="broaurora-link" style="display:block;">[[File:Grimório-de-batalha2.png|22x22px|class=bro-ico|link=Grimório_de_Batalha]] [[Grimório de Batalha]]</span></li>
               <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[Encantamento de Elmos]]</span></li>
               </ul>
             </ul>
             </div>


             <div style="width:50%; min-width:0;">
             <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
              <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
              <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[Encantamentos de Malangdo]]</span></li>
                <li><span class="broaurora-link" style="display:block;">[[File:orbdas-cartas.png|22x22px|class=bro-ico|link=Orb_de_Cartas]] [[Orb de Cartas]]</span></li>
              <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[Encantamentos Ilusionais]]</span></li>
                <li><span class="broaurora-link" style="display:block;">[[File:ropsmvpicone.png|22x22px|class=bro-ico|link=Recompensas_por_ROPs]] [[Recompensas por ROPs]]</span></li>
              <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:forjaicone.png|22x22px|class=bro-ico|link=Forja_de_Propriedades]] [[Forja de Propriedades]]</span></li>
              </ul>
            </ul>
            </div>
           </div>
           </div>
         </div>
         </div>
       </div>
       </div>


    </div>
       <!-- DESTAQUES -->
 
       <div class="bro-home-card" style="
    <!-- COLUNA 3 -->
        grid-column:3 / span 2;
    <div style="flex:1.0; min-width:0; display:flex; flex-direction:column; gap:12px; align-self:flex-start;">
        grid-row:2;
 
        min-width:0;
       <!-- MASMORRAS -->
        width:100%;
       <div class="bro-home-card" style="width:100%; min-width:0; box-sizing:border-box; padding:0; overflow:hidden;">
        box-sizing:border-box;
        padding:0;
        overflow:hidden;
      ">
         <div class="bro-home-head">
         <div class="bro-home-head">
           <div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Masmorras</div>
           <div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Destaques</div>
         </div>
         </div>


         <div style="padding:12px;">
         <div style="
          padding:12px;
          display:grid;
          grid-template-columns:repeat(2,minmax(0,1fr));
          gap:12px;
        ">
          <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
            <li>
              <span class="broaurora-link" style="display:block; white-space:nowrap;">
                [[File:Diamanteicone1.png|22x22px|class=bro-ico|link=Arena_de_Batalha]] [[Arena de Batalha]]
              </span>
            </li>
            <li>
              <span class="broaurora-link" style="display:block; white-space:nowrap;">
                [[File:grimorioicone2.png|22x22px|class=bro-ico|link=Grimório_de_Batalha]] [[Grimório de Batalha]]
              </span>
            </li>
            <li>
              <span class="broaurora-link" style="display:block; white-space:nowrap;">
                [[File:patadegato.png|22x22px|class=bro-ico|link=Roleta_da_sorte]] [[Roleta da Sorte]]
              </span>
            </li>
          </ul>
 
           <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
           <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
             <li><span class="broaurora-link" style="display:block;">[[File:iconelemental.png|22x22px|class=bro-ico|link=Cheffenia_2.0]] [[Cheffênia 2.0]]</span></li>
             <li>
             <li><span class="broaurora-link" style="display:block;">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Jardim_Sagrado]] [[Jardim Sagrado]]</span></li>
              <span class="broaurora-link" style="display:block; white-space:nowrap;">
             <li><span class="broaurora-link" style="display:block;">[[File:torre123.png|22x22px|class=bro-ico|link=Torre_sem_Fim]] [[Torre sem Fim]]</span></li>
                [[File:iconeorb.png|22x22px|class=bro-ico|link=Orb_de_Cartas]] [[Orb de Cartas]]
            <li><span class="broaurora-link" style="display:block;">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Torre_Sombria]] [[Torre Sombria]]</span></li>
              </span>
            </li>
             <li>
              <span class="broaurora-link" style="display:block; white-space:nowrap;">
                [[File:Clonesreken.png|22x22px|class=bro-ico|link=Clones Rekenber]] [[Clones Rekenber]]
              </span>
            </li>
             <li>
              <span class="broaurora-link" style="display:block; white-space:nowrap;">
                [[File:Almadepet.png|22x22px|class=bro-ico|link=Alma de Pets]] [[Alma de Pets]]              
              </span>
            </li>
           </ul>
           </ul>
         </div>
         </div>
       </div>
       </div>
      <!-- CARD VAZIO/ESPAÇO OCUPADO PELO LAYOUT -->
      <div style="width:100%; min-height:1px;"></div>


     </div>
     </div>


     <!-- COLUNA 4 -->
     <!-- ======================================================= -->
     <div style="flex:1.05; min-width:0; display:flex; flex-direction:column; gap:12px; align-self:flex-start;">
    <!-- PROGRESSÃO À DIREITA - DEFINE A ALTURA DAS DUAS LINHAS -->
    <!-- ======================================================= -->
     <div class="bro-home-card" style="
      min-width:0;
      width:100%;
      box-sizing:border-box;
      padding:0;
      overflow:hidden;
      align-self:start;
      display:flex;
      flex-direction:column;
    ">
      <div class="bro-home-head">
        <div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Progressão</div>
      </div>


       <!-- PROGRESSÃO -->
       <div style="padding:12px; flex:1;">
      <div class="bro-home-card" style="width:100%; min-width:0; box-sizing:border-box; padding:0; overflow:hidden;">
        <ul class="bro-list" style="margin:0 0 12px; padding:0; list-style:none;">
        <div class="bro-home-head">
          <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[Entenda como funciona]]</span></li>
          <div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Progressão</div>
         </ul>
         </div>


         <div style="padding:12px;">
         <h4 style="margin:8px 0 10px; padding-bottom:7px; text-align:center; color:#1a2a3a; font-size:1em; font-weight:700; border-bottom:1px solid #9edbae;">Early Game</h4>
          <ul class="bro-list" style="margin:0 0 12px; padding:0; list-style:none;">
        <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
            <li><span class="broaurora-link" style="display:block;">[[Entenda como funciona]]</span></li>
          <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[Campo de Treinamento]]</span></li>
           </ul>
           <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:Ico-eden.png|22x22px|class=bro-ico|link=Grupo_Éden]] [[Grupo Éden]]</span></li>
        </ul>


          <h4 style="margin:8px 0 10px; padding-bottom:7px; text-align:center; color:#1a2a3a; font-size:1em; font-weight:700; border-bottom:1px solid #9edbae;">
        <h4 style="margin:14px 0 10px; padding-bottom:7px; text-align:center; color:#1a2a3a; font-size:1em; font-weight:700; border-bottom:1px solid #9edbae;">Mid Game</h4>
            Early Game
        <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
           </h4>
           <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[Éden Invertido]]</span></li>
        </ul>


          <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
        <h4 style="margin:14px 0 10px; padding-bottom:7px; text-align:center; color:#1a2a3a; font-size:1em; font-weight:700; border-bottom:1px solid #9edbae;">End Game</h4>
            <li><span class="broaurora-link" style="display:block;">[[Campo de Treinamento]]</span></li>
        <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
            <li><span class="broaurora-link" style="display:block;">[[File:Ico-eden.png|22x22px|class=bro-ico|link=Grupo_Éden]] [[Grupo Éden]]</span></li>
          <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:bibliotecario123.png|22x22px|class=bro-ico|link=Missões_Bibliotecário]] [[Missões Bibliotecário]]</span></li>
          </ul>
          <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:Furia das valq.png|22x22px|class=bro-ico|link=Valquíria_Reginleif]] [[Valquíria Reginleif]]</span></li>
 
        </ul>
          <h4 style="margin:14px 0 10px; padding-bottom:7px; text-align:center; color:#1a2a3a; font-size:1em; font-weight:700; border-bottom:1px solid #9edbae;">
            Mid Game
          </h4>
 
          <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
            <li><span class="broaurora-link" style="display:block;">[[Éden Invertido]]</span></li>
          </ul>
 
          <h4 style="margin:14px 0 10px; padding-bottom:7px; text-align:center; color:#1a2a3a; font-size:1em; font-weight:700; border-bottom:1px solid #9edbae;">
            End Game
          </h4>
 
          <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
            <li><span class="broaurora-link" style="display:block;">[[File:bibliotecario123.png|22x22px|class=bro-ico|link=Missões_Bibliotecário]] [[Missões Bibliotecário]]</span></li>
            <li><span class="broaurora-link" style="display:block;">[[File:Furia das valq.png|22x22px|class=bro-ico|link=Valquíria_Reginleif]] [[Valquíria Reginleif]]</span></li>
          </ul>
        </div>
       </div>
       </div>
     </div>
     </div>


   </div>
   </div>


   <!-- LINHA INFERIOR -->
 
   <!-- ===== LINHA INFERIOR PRESERVADA ===== -->
   <div class="bro-home-cards" style="margin-top:12px; align-items:flex-start;">
   <div class="bro-home-cards" style="margin-top:12px; align-items:flex-start;">


Linha 231: Linha 278:
       <div style="padding:12px;">
       <div style="padding:12px;">
         <div style="display:flex; gap:12px;">
         <div style="display:flex; gap:12px;">
          <!-- COLUNA ESQUERDA -->
           <div style="width:50%; min-width:0;">
           <div style="width:50%; min-width:0;">
            <h4 style="margin:0 0 10px; padding-bottom:7px; text-align:center; color:#1a2a3a; font-size:1em; font-weight:700; border-bottom:1px solid #9edbae;">Automáticos</h4>
             <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
             <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
               <li><span class="broaurora-link" style="display:block;">[[File:iconelemental.png|22x22px|class=bro-ico|link=Batalha_Elemental]] [[Batalha Elemental]]</span></li>
               <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:iconelemental.png|22x22px|class=bro-ico|link=Batalha_Elemental]] [[Batalha Elemental]]</span></li>
               <li><span class="broaurora-link" style="display:block;">[[File:iconelemental.png|22x22px|class=bro-ico|link=MonsterWiki]] [[MonsterWiki]]</span></li>
               <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:iconelemental.png|22x22px|class=bro-ico|link=Chamado_do_Herói]] [[Chamado do Herói]]</span></li>
               <li><span class="broaurora-link" style="display:block;">[[File:iconelemental.png|22x22px|class=bro-ico|link=Chamado_do_Herói]] [[Chamado do Herói]]</span></li>
               <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:iconelemental.png|22x22px|class=bro-ico|link=Cartas_de_Tarot]] [[Cartas de Tarot]]</span></li>
              <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:iconelemental.png|22x22px|class=bro-ico|link=Limpeza_Doram]] [[Limpeza Doram]]</span></li>
             </ul>
             </ul>
           </div>
           </div>


          <!-- COLUNA DIREITA -->
           <div style="width:50%; min-width:0;">
           <div style="width:50%; min-width:0;">
            <h4 style="margin:0 0 10px; padding-bottom:7px; text-align:center; color:#1a2a3a; font-size:1em; font-weight:700; border-bottom:1px solid #9edbae;">Temporários</h4>
             <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
             <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
               <li><span class="broaurora-link" style="display:block;">[[File:iconelemental.png|22x22px|class=bro-ico|link=Corredor_Fantasma]] [[Corredor Fantasma]]</span></li>
               <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:iconelemental.png|22x22px|class=bro-ico|link=Corredor_Fantasma]] [[Corredor Fantasma]]</span></li>
               <li><span class="broaurora-link" style="display:block;">[[File:iconelemental.png|22x22px|class=bro-ico|link=Mapas_Especiais]] [[Mapas Especiais]]</span></li>
               <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:iconelemental.png|22x22px|class=bro-ico|link=MonsterWiki]] [[MonsterWiki]]</span></li>
               <li><span class="broaurora-link" style="display:block;">[[File:iconelemental.png|22x22px|class=bro-ico|link=Pesca]] [[Pesca]]</span></li>
               <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:iconelemental.png|22x22px|class=bro-ico|link=Sobrevivente]] [[Sobrevivente]]</span></li>
             </ul>
             </ul>
           </div>
           </div>
         </div>
         </div>
       </div>
       </div>
Linha 257: Linha 307:
         <div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Pontos</div>
         <div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Pontos</div>
       </div>
       </div>
       <div style="padding:12px;">
       <div style="padding:12px;">
         <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
         <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
Linha 272: Linha 321:
         <div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Utilitários</div>
         <div style="color:#FFD23C; font-size:14px; font-weight:900; letter-spacing:.5px; text-shadow:-1px -1px 0 #1d1d1d,1px -1px 0 #1d1d1d,-1px 1px 0 #1d1d1d,1px 1px 0 #1d1d1d; text-transform:uppercase; white-space:nowrap; text-align:center;">Utilitários</div>
       </div>
       </div>
       <div style="padding:12px;">
       <div style="padding:12px;">
         <div class="bro-home-grid-3">
         <div class="bro-home-grid-3">

Edição atual tal como às 15h45min de 6 de outubro de 2026




Eventos
Pontos
Utilitários

amigo oculto

Entre no Discord, crie sua conta e comece sua jornada hoje mesmo!

Disponível em “https://grimopedia.com.br/index.php?title=Página_principal&oldid=2183”