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
 
(15 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 17: Linha 17:


   <!-- ========================================================= -->
   <!-- ========================================================= -->
   <!-- CARDS INDEPENDENTES - MANTENDO A DISPOSIÇÃO ANTERIOR     -->
   <!-- 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      -->
   <!-- ========================================================= -->
   <!-- ========================================================= -->


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


     <!-- ===== GRUPO ESQUERDO: ASSINATURAS/PROMOÇÕES + PROGRESSÃO ===== -->
     <!-- ======================================================= -->
     <div style="flex:1.9; min-width:0; display:flex; gap:12px; align-items: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;
    ">


       <!-- ===== COLUNA ASSINATURAS + PROMOÇÕES ===== -->
       <!-- ASSINATURAS -->
       <div style="flex:1.25; min-width:0; display:flex; flex-direction:column; gap:12px; align-self:flex-start;">
       <div class="bro-home-card" style="
 
        grid-column:1 / span 2;
         <!-- ASSINATURAS -->
        grid-row:1;
         <div class="bro-home-card bro-home-card-wide" style="flex:none; width:100%; max-width:100%; min-width:0; box-sizing:border-box; padding:12px; overflow:visible; box-sizing:border-box;">
         min-width:0;
          <div style="text-align:center; margin:0 0 12px;">
         width:100%;
        <div style="display:inline-block; background:linear-gradient(180deg,#4f63e6,#3b4fd3); color:#FFD23C; padding:7px 18px; border-radius:999px; 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; box-shadow:0 3px 8px rgba(59,79,211,.18); text-transform:uppercase; white-space:nowrap;">Assinaturas</div>
        height:100%;
      </div>
        box-sizing:border-box;
 
        padding:0;
          <div>
        overflow:hidden;
            <div style="display:flex; gap:12px; min-width:0;">
        display:flex;
 
        flex-direction:column;
              <div style="width:50%; min-width:0;">
      ">
                <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
        <div class="bro-home-head">
                  <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>
          <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>
                  <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;">[[File:Vip1.png|22x22px|class=bro-ico|link=VIP]] [[VIP]]</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;">[[File:miaumiau.png|22x22px|class=bro-ico|link=Miaubank]] [[Miaubank]]</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;">[[File:androidicone.png|22x22px|class=bro-ico|link=Android]] [[Android]]</span></li>
                </ul>
              </div>
 
            </div>
          </div>
         </div>
         </div>


        <!-- PROMOÇÕES -->
         <div style="padding:12px; flex:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;">
         <div class="bro-home-card" style="flex:none; width:100%; max-width:100%; min-width:0; box-sizing:border-box; padding:12px; overflow:visible; box-sizing:border-box;">
          <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
          <div style="text-align:center; margin:0 0 12px;">
            <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>
        <div style="display:inline-block; background:linear-gradient(180deg,#4f63e6,#3b4fd3); color:#FFD23C; padding:7px 18px; border-radius:999px; 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; box-shadow:0 3px 8px rgba(59,79,211,.18); text-transform:uppercase; white-space:nowrap;">Promoções</div>
            <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>
      </div>
             <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; white-space:nowrap;">[[File:caixa1.png|22x22px|class=bro-ico|link=Pacote_Apoiador - Caixas]] [[Caixas do Apoiador|Caixas do Apoiador]]</span></li>
          <div>
            <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:caixa1.png|22x22px|class=bro-ico|link=Pacote_Apoiador - Caixas]] [[Pacote Apoiador - Caixas|Pacote Apoiador - Caixas]]</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;">[[File:ropsmvpicone.png|22x22px|class=bro-ico|link=Recompensas por ROPs]] [[Recompensas por ROPs]]</span></li>
                </ul>
              </div>
 
             </div>
          </div>
        </div>
 
      </div>
 
      <!-- PROGRESSÃO -->
      <div class="bro-home-card" style="flex:0.75; min-width:0; width:100%; box-sizing:border-box; align-self:flex-start; padding:12px; overflow:visible; box-sizing:border-box;">
        <div style="text-align:center; margin:0 0 12px;">
        <div style="display:inline-block; background:linear-gradient(180deg,#4f63e6,#3b4fd3); color:#FFD23C; padding:7px 18px; border-radius:999px; 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; box-shadow:0 3px 8px rgba(59,79,211,.18); text-transform:uppercase; white-space:nowrap;">Progressão</div>
      </div>
 
        <div>
          <ul class="bro-list" style="margin:0 0 12px; padding:0; list-style:none;">
            <li><span class="broaurora-link" style="display:block;">[[Entenda como funciona]]</span></li>
           </ul>
           </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;">
            Early Game
          </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;">[[Campo de Treinamento]]</span></li>
             <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: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: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; white-space:nowrap;">[[File:ropsmvpicone.png|22x22px|class=bro-ico|link=Recompensas por ROPs]] [[Recompensas por ROPs]]</span></li>
           </ul>
           </ul>
        </div>
      </div>


          <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;">
      <!-- MAPAS DE FARM -->
            Mid Game
      <div class="bro-home-card" style="
          </h4>
        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 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" style="display:block;">[[Éden Invertido]]</span></li>
             <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>
            <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; white-space:nowrap;">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Caverna da Mineração]] [[Caverna da Mineração]]</span></li>
            <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>
           </ul>
           </ul>
        </div>
      </div>


          <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;">
      <!-- MASMORRAS -->
            End Game
      <div class="bro-home-card" style="
          </h4>
        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 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 style="padding:12px; flex:1;">
           <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: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; 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" style="display:block;">[[File:Furia das valq.png|22x22px|class=bro-ico|link=Valquíria_Reginleif]] [[Valquíria Reginleif]]</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" 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" 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>


    </div>
      <!-- ENCANTAMENTOS E PROPRIEDADES -->
      <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 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>


    <!-- ===== GRUPO DIREITO: FARM + MASMORRAS + ENCANTAMENTOS ===== -->
        <div style="padding:12px;">
    <div style="flex:1.2; min-width:0; display:flex; flex-direction:column; gap:12px; align-self:flex-start;">
          <div style="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: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; 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; white-space:nowrap;">[[Encantamento de Elmos]]</span></li>
            </ul>


      <!-- LINHA MAPAS + MASMORRAS -->
      <div style="display:flex; gap:12px; min-width:0; align-items:flex-start;">
        <!-- MAPAS DE FARM -->
        <div class="bro-home-card" style="flex:1; min-width:0; align-self:flex-start; padding:12px; overflow:visible; box-sizing:border-box;">
          <div style="text-align:center; margin:0 0 12px;">
        <div style="display:inline-block; background:linear-gradient(180deg,#4f63e6,#3b4fd3); color:#FFD23C; padding:7px 18px; border-radius:999px; 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; box-shadow:0 3px 8px rgba(59,79,211,.18); text-transform:uppercase; white-space:nowrap;">Mapas de Farm</div>
      </div>
          <div>
             <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;">[[Encantamentos de Malangdo]]</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;">[[Encantamentos Ilusionais]]</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:forjaicone.png|22x22px|class=bro-ico|link=Forja_de_Propriedades]] [[Forja de Propriedades]]</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>
             </ul>
             </ul>
           </div>
           </div>
         </div>
         </div>
        <!-- MASMORRAS -->
        <div class="bro-home-card" style="flex:1; min-width:0; align-self:flex-start; padding:12px; overflow:visible; box-sizing:border-box;">
          <div style="text-align:center; margin:0 0 12px;">
        <div style="display:inline-block; background:linear-gradient(180deg,#4f63e6,#3b4fd3); color:#FFD23C; padding:7px 18px; border-radius:999px; 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; box-shadow:0 3px 8px rgba(59,79,211,.18); text-transform:uppercase; white-space:nowrap;">Masmorras</div>
       </div>
       </div>


          <div>
      <!-- DESTAQUES -->
            <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
      <div class="bro-home-card" style="
              <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>
        grid-column:3 / span 2;
              <li><span class="broaurora-link" style="display:block;">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Jardim_Sagrado]] [[Jardim Sagrado]]</span></li>
        grid-row:2;
              <li><span class="broaurora-link" style="display:block;">[[File:torre123.png|22x22px|class=bro-ico|link=Torre_sem_Fim]] [[Torre sem Fim]]</span></li>
        min-width:0;
              <li><span class="broaurora-link" style="display:block;">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Torre_Sombria]] [[Torre Sombria]]</span></li>
        width:100%;
            </ul>
        box-sizing:border-box;
          </div>
        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;">Destaques</div>
         </div>
         </div>


        <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;">
            <li>
              <span class="broaurora-link" style="display:block; white-space:nowrap;">
                [[File:iconeorb.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;">
                [[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>
        </div>
       </div>
       </div>


      <!-- ENCANTAMENTOS E PROPRIEDADES -->
    </div>
      <div class="bro-home-card" style="flex:none; width:100%; max-width:100%; min-width:0; box-sizing:border-box; padding:12px; overflow:visible; box-sizing:border-box;">
 
        <div style="text-align:center; margin:0 0 12px;">
    <!-- ======================================================= -->
         <div style="display:inline-block; background:linear-gradient(180deg,#4f63e6,#3b4fd3); color:#FFD23C; padding:7px 18px; border-radius:999px; 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; box-shadow:0 3px 8px rgba(59,79,211,.18); text-transform:uppercase; white-space:nowrap;">Encantamentos e Propriedades</div>
    <!-- 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>
       </div>


         <div>
      <div style="padding:12px; flex:1;">
           <div style="display:flex; gap:12px; min-width:0;">
         <ul class="bro-list" style="margin:0 0 12px; padding:0; list-style:none;">
           <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[Entenda como funciona]]</span></li>
        </ul>


            <div style="width:50%; min-width:0;">
        <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; 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: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; white-space:nowrap;">[[Campo de Treinamento]]</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; white-space:nowrap;">[[File:Ico-eden.png|22x22px|class=bro-ico|link=Grupo_Éden]] [[Grupo Éden]]</span></li>
                <li><span class="broaurora-link" style="display:block;">[[Encantamento de Elmos]]</span></li>
        </ul>
              </ul>
            </div>


            <div style="width:50%; min-width:0;">
        <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;">
        <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; white-space:nowrap;">[[Éden Invertido]]</span></li>
                <li><span class="broaurora-link" style="display:block;">[[Encantamentos Ilusionais]]</span></li>
        </ul>
                <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>
        <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>
         </div>
        <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
          <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>
           <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>
       </div>
       </div>
     </div>
     </div>


Linha 200: Linha 267:




   <!-- ===== ÁREA DIVERSOS - MESMA DISPOSIÇÃO ANTERIOR ===== -->
   <!-- ===== 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;">


     <!-- EVENTOS -->
     <!-- EVENTOS -->
     <div class="bro-home-card" style="flex:1.0; padding:12px; overflow:visible; box-sizing:border-box; align-self:flex-start;">
     <div class="bro-home-card" style="flex:1.0; padding:0; overflow:hidden; align-self:flex-start;">
       <div style="text-align:center; margin:0 0 12px;">
       <div class="bro-home-head">
         <div style="display:inline-block; background:linear-gradient(180deg,#4f63e6,#3b4fd3); color:#FFD23C; padding:7px 18px; border-radius:999px; 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; box-shadow:0 3px 8px rgba(59,79,211,.18); text-transform:uppercase; white-space:nowrap;">Eventos</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;">Eventos</div>
       </div>
       </div>


       <div>
       <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>
Linha 241: Linha 303:


     <!-- PONTOS -->
     <!-- PONTOS -->
     <div class="bro-home-card" style="flex:0.6; padding:12px; overflow:visible; box-sizing:border-box; align-self:flex-start;">
     <div class="bro-home-card" style="flex:0.6; padding:0; overflow:hidden; align-self:flex-start;">
       <div style="text-align:center; margin:0 0 12px;">
       <div class="bro-home-head">
         <div style="display:inline-block; background:linear-gradient(180deg,#4f63e6,#3b4fd3); color:#FFD23C; padding:7px 18px; border-radius:999px; 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; box-shadow:0 3px 8px rgba(59,79,211,.18); text-transform:uppercase; white-space:nowrap;">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>
         <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:presenicone2.png|22x22px|class=bro-ico|link=Pontos_de_Presença]] [[Pontos de Presença]]</span></li>
           <li><span class="broaurora-link">[[File:presenicone2.png|22x22px|class=bro-ico|link=Pontos_de_Presença]] [[Pontos de Presença]]</span></li>
Linha 256: Linha 317:


     <!-- UTILITÁRIOS -->
     <!-- UTILITÁRIOS -->
     <div class="bro-home-card" style="flex:1.6; padding:12px; overflow:visible; box-sizing:border-box; align-self:flex-start;">
     <div class="bro-home-card" style="flex:1.6; padding:0; overflow:hidden; align-self:flex-start;">
       <div style="text-align:center; margin:0 0 12px;">
       <div class="bro-home-head">
         <div style="display:inline-block; background:linear-gradient(180deg,#4f63e6,#3b4fd3); color:#FFD23C; padding:7px 18px; border-radius:999px; 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; box-shadow:0 3px 8px rgba(59,79,211,.18); text-transform:uppercase; white-space:nowrap;">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>
         <div class="bro-home-grid-3">
         <div class="bro-home-grid-3">
           <ul class="bro-list">
           <ul class="bro-list">
             <li><span class="broaurora-link">[[File:Conquistas_new.png|22x22px|class=bro-ico|link=Conquistas]] [[Conquistas]]</span></li>
             <li><span class="broaurora-link">[[File:Conquistas_new.png|22x22px|class=bro-ico|link=Conquistas]] [[Conquistas]]</span></li>
Linha 279: Linha 338:
             <li><span class="broaurora-link">[[File:bigorna.png|22x22px|class=bro-ico|link=Refinaria]] [[Refinaria]]</span></li>
             <li><span class="broaurora-link">[[File:bigorna.png|22x22px|class=bro-ico|link=Refinaria]] [[Refinaria]]</span></li>
           </ul>
           </ul>
         </div>
         </div>
       </div>
       </div>

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”