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


   <!-- ========================================================= -->
   <!-- ========================================================= -->
   <!-- LAYOUT COMPACTO EM GRADE                                  -->
   <!-- BLOCO PRINCIPAL                                          -->
   <!-- 1: Assinaturas | Farm | Masmorras | Progressão           -->
   <!-- Progressão define a altura total das duas primeiras linhas -->
   <!-- 2: Promoções   | Destaques (2 colunas) | Progressão     -->
   <!-- Promoções e Destaques preenchem exatamente o restante     -->
   <!-- 3: Encantamentos | Destaques (continua) | Progressão    -->
   <!-- Encantamentos fica separado e NÃO foi redimensionado      -->
   <!-- ========================================================= -->
   <!-- ========================================================= -->


   <div style="
   <div style="
     display:grid;
     display:grid;
     grid-template-columns:repeat(4,minmax(0,1fr));
     grid-template-columns:minmax(0,4fr) minmax(190px,1fr);
    grid-template-rows:auto auto auto;
     gap:12px;
     gap:12px;
     margin-top:12px;
     margin-top:12px;
     align-items:stretch;
     align-items:start;
   ">
   ">


     <!-- ASSINATURAS | COL 1 / LINHA 1 -->
     <!-- ======================================================= -->
     <div class="bro-home-card bro-home-card-wide" style="
     <!-- ÁREA ESQUERDA                                          -->
       grid-column:1;
    <!-- ======================================================= -->
       grid-row:1;
    <div style="
       display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
       grid-template-rows:auto auto;
      gap:12px;
       min-width:0;
       min-width:0;
      width:100%;
       height:auto;
       height:100%;
       align-self:start;
       box-sizing:border-box;
      padding:0;
      overflow:hidden;
      flex:none;
     ">
     ">
      <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>


       <div style="padding:12px;">
      <!-- ASSINATURAS -->
        <div style="display:flex; gap:12px; min-width:0;">
       <div class="bro-home-card" style="
          <div style="width:50%; min-width:0;">
        grid-column:1 / span 2;
            <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
        grid-row:1;
              <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>
        min-width:0;
              <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>
        width:100%;
              <li><span class="broaurora-link" style="display:block;">[[File:Vip1.png|22x22px|class=bro-ico|link=VIP]] [[VIP]]</span></li>
        height:100%;
            </ul>
        box-sizing:border-box;
          </div>
        padding:0;
 
        overflow:hidden;
           <div style="width:50%; min-width:0;">
        display:flex;
            <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
        flex-direction:column;
              <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>
        <div class="bro-home-head">
              <li><span class="broaurora-link" style="display:block;">[[File:androidicone.png|22x22px|class=bro-ico|link=Android]] [[Android]]</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>
            </ul>
          </div>
         </div>
         </div>
      </div>
    </div>


        <div style="padding:12px; flex:1; 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: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: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: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>
          </ul>


    <!-- MAPAS DE FARM | COL 2 / LINHA 1 -->
          <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; white-space:nowrap;">[[File:miaumiau.png|22x22px|class=bro-ico|link=Miaubank]] [[Miaubank]]</span></li>
      grid-column:2;
            <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>
      grid-row:1;
            <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:androidicone.png|22x22px|class=bro-ico|link=Android]] [[Android]]</span></li>
      min-width:0;
            <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>
      width:100%;
          </ul>
      height:100%;
        </div>
      box-sizing:border-box;
      padding:0;
      overflow:hidden;
      flex:none;
    ">
      <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>


       <div style="padding:12px;">
       <!-- MAPAS DE FARM -->
        <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
       <div class="bro-home-card" style="
          <li><span class="broaurora-link">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Caverna_Astral]] [[Caverna Astral]]</span></li>
        grid-column:3;
          <li><span class="broaurora-link">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Distrito_Mecânico]] [[Distrito Mecânico|Distrito]]</span></li>
        grid-row:1;
          <li><span class="broaurora-link">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Mineração]] [[Mineração]]</span></li>
        min-width:0;
          <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>
        width:100%;
        </ul>
        height:100%;
       </div>
        box-sizing:border-box;
    </div>
         padding:0;
 
         overflow:hidden;
 
    <!-- MASMORRAS | COL 3 / LINHA 1 -->
    <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;
      flex:none;
    ">
      <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;">
         <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><span class="broaurora-link" style="display:block;">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Jardim_Sagrado]] [[Jardim Sagrado]]</span></li>
          <li><span class="broaurora-link" style="display:block;">[[File:torre123.png|22x22px|class=bro-ico|link=Torre_sem_Fim]] [[Torre sem Fim]]</span></li>
          <li><span class="broaurora-link" style="display:block;">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Torre_Sombria]] [[Torre Sombria]]</span></li>
         </ul>
      </div>
    </div>
 
 
    <!-- PROGRESSÃO | COL 4 / LINHAS 1 A 3 -->
    <div class="bro-home-card" style="
      grid-column:4;
      grid-row:1 / span 3;
      min-width:0;
      width:100%;
      height:100%;
      box-sizing:border-box;
      padding:0;
      overflow:hidden;
      flex:none;
      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 style="
        padding:12px;
        flex:1;
         display:flex;
         display:flex;
         flex-direction:column;
         flex-direction:column;
        justify-content:space-between;
       ">
       ">
         <div>
         <div class="bro-home-head">
          <ul class="bro-list" style="margin:0 0 12px; padding:0; list-style:none;">
          <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>
            <li><span class="broaurora-link" style="display:block;">[[Entenda como funciona]]</span></li>
        </div>
          </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>
        <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;">[[Campo de Treinamento]]</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;">[[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: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>
      </div>


        <div>
      <!-- MASMORRAS -->
          <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>
      <div class="bro-home-card" style="
          <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
        grid-column:4;
            <li><span class="broaurora-link" style="display:block;">[[Éden Invertido]]</span></li>
        grid-row:1;
          </ul>
        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>


         <div>
         <div style="padding:12px; flex:1;">
          <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;">
           <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>


    <!-- PROMOÇÕES | COL 1 / LINHA 2 -->
        <div style="padding:12px;">
    <div class="bro-home-card" style="
          <div style="display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;">
      grid-column:1;
      grid-row:2;
      min-width:0;
      width:100%;
      height:100%;
      box-sizing:border-box;
      padding:0;
      overflow:hidden;
      flex:none;
    ">
      <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>
 
      <div style="padding:12px;">
        <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;">
             <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>
               <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>
             </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;">[[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;">[[Encantamentos de Malangdo]]</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; 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>


      <!-- DESTAQUES -->
      <div class="bro-home-card" style="
        grid-column:3 / 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;">Destaques</div>
        </div>


    <!-- ENCANTAMENTOS | COL 1 / LINHA 3 -->
        <div style="
    <div class="bro-home-card" style="
          padding:12px;
      grid-column:1;
          display:grid;
      grid-row:3;
          grid-template-columns:repeat(2,minmax(0,1fr));
      min-width:0;
          gap:12px;
      width:100%;
        ">
      height:100%;
          <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
      box-sizing:border-box;
            <li>
      padding:0;
              <span class="broaurora-link" style="display:block; white-space:nowrap;">
      overflow:hidden;
                [[File:Diamanteicone1.png|22x22px|class=bro-ico|link=Arena_de_Batalha]] [[Arena de Batalha]]
      flex:none;
              </span>
    ">
            </li>
      <div class="bro-home-head">
            <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;">Encantamentos e Propriedades</div>
              <span class="broaurora-link" style="display:block; white-space:nowrap;">
      </div>
                [[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>


      <div style="padding:12px;">
           <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
        <div style="display:flex; gap:12px; min-width:0;">
            <li>
           <div style="width:50%; min-width:0;">
              <span class="broaurora-link" style="display:block; white-space:nowrap;">
            <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
                [[File:iconeorb.png|22x22px|class=bro-ico|link=Orb_de_Cartas]] [[Orb de Cartas]]
              <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>
              </span>
              <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>
               <li><span class="broaurora-link" style="display:block;">[[Encantamento de Elmos]]</span></li>
            <li>
             </ul>
              <span class="broaurora-link" style="display:block; white-space:nowrap;">
          </div>
                [[File:Clonesreken.png|22x22px|class=bro-ico|link=Clones Rekenber]] [[Clones Rekenber]]
 
               </span>
          <div style="width:50%; min-width:0;">
             </li>
             <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
             <li>
               <li><span class="broaurora-link" style="display:block;">[[Encantamentos de Malangdo]]</span></li>
               <span class="broaurora-link" style="display:block; white-space:nowrap;">
              <li><span class="broaurora-link" style="display:block;">[[Encantamentos Ilusionais]]</span></li>
                [[File:Almadepet.png|22x22px|class=bro-ico|link=Alma de Pets]] [[Alma de Pets]]              
              <li><span class="broaurora-link" style="display:block;">[[File:forjaicone.png|22x22px|class=bro-ico|link=Forja_de_Propriedades]] [[Forja de Propriedades]]</span></li>
              </span>
             </ul>
             </li>
           </div>
           </ul>
         </div>
         </div>
       </div>
       </div>
     </div>
     </div>


 
    <!-- ======================================================= -->
     <!-- DESTAQUES | COLUNAS 2 E 3 / LINHAS 2 E 3 -->
     <!-- PROGRESSÃO À DIREITA - DEFINE A ALTURA DAS DUAS LINHAS -->
    <!-- ======================================================= -->
     <div class="bro-home-card" style="
     <div class="bro-home-card" style="
      grid-column:2 / span 2;
      grid-row:2 / span 2;
       min-width:0;
       min-width:0;
       width:100%;
       width:100%;
      height:100%;
       box-sizing:border-box;
       box-sizing:border-box;
       padding:0;
       padding:0;
       overflow:hidden;
       overflow:hidden;
       flex:none;
       align-self:start;
       display:flex;
       display:flex;
       flex-direction:column;
       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;">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;">Progressão</div>
       </div>
       </div>


       <div style="
       <div style="padding:12px; flex:1;">
        padding:12px;
         <ul class="bro-list" style="margin:0 0 12px; padding:0; list-style:none;">
        flex:1;
          <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[Entenda como funciona]]</span></li>
         display:flex;
        </ul>
        align-items:flex-start;
 
      ">
         <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>
         <div style="display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; width:100%;">
        <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;">[[Campo de Treinamento]]</span></li>
            <li><span class="broaurora-link" style="display:block;">[[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:Ico-eden.png|22x22px|class=bro-ico|link=Grupo_Éden]] [[Grupo Éden]]</span></li>
            <li><span class="broaurora-link" style="display:block;">[[File:grimorioicone2.png|22x22px|class=bro-ico|link=Grimório_de_Batalha]] [[Grimório de Batalha]]</span></li>
        </ul>
           </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; 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;">[[File:iconeorb.png|22x22px|class=bro-ico|link=Orb_de_Cartas]] [[Orb de Cartas]]</span></li>
        <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>
          <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>
        </div>
        </ul>
       </div>
       </div>
     </div>
     </div>
Linha 300: Linha 275:
         <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 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 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>

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”