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

De Grimopedia
Ir para navegação Ir para pesquisar
← Edição anteriorEdição posterior →
VisualWikitexto
Sem resumo de edição
Sem resumo de edição
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;
Linha 32: Linha 31:
   ">
   ">


     <!-- 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 1fr;
      gap:12px;
       min-width:0;
       min-width:0;
      width:100%;
       height:100%;
       height:100%;
       box-sizing:border-box;
       align-self:stretch;
      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;
        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;">Assinaturas</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>
          </ul>


           <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>
          </ul>
            </ul>
          </div>
         </div>
         </div>
       </div>
       </div>
    </div>


      <!-- MAPAS DE FARM -->
      <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 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>


    <!-- MAPAS DE FARM | COL 2 / LINHA 1 -->
        <div style="padding:12px; flex:1;">
    <div class="bro-home-card" style="
          <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
      grid-column:2;
            <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>
      grid-row:1;
            <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]]</span></li>
      min-width:0;
            <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Mineração]] [[Mineração]]</span></li>
      width:100%;
            <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Templo_do_Deus_Demônio]] [[Templo do Deus Demônio]]</span></li>
      height:100%;
          </ul>
      box-sizing:border-box;
        </div>
      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;">
       <!-- MASMORRAS -->
        <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:4;
           <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;
        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;">
    <!-- MASMORRAS | COL 3 / 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:iconelemental.png|22x22px|class=bro-ico|link=Cheffenia_2.0]] [[Cheffênia 2.0]]</span></li>
      grid-column:3;
            <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>
      grid-row:1;
            <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[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; white-space:nowrap;">[[File:iconeinstancia.png|22x22px|class=bro-ico|link=Torre_Sombria]] [[Torre Sombria]]</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;">Masmorras</div>
       </div>
       </div>


       <div style="padding:12px;">
       <!-- PROMOÇÕES - PREENCHE TODA A ALTURA DA SEGUNDA LINHA -->
        <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:1 / 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>
        height:100%;
      </div>
        box-sizing:border-box;
    </div>
        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;">Promoções</div>
         </div>


        <div style="
          padding:12px;
          flex:1;
          display:grid;
          grid-template-columns:repeat(2,minmax(0,1fr));
          gap:12px;
          align-items:stretch;
        ">
          <ul class="bro-list" style="margin:0; padding:0; list-style:none; height:100%;">
            <li style="height:100%; display:flex;">
              <span class="broaurora-link" style="display:flex; align-items:center; width:100%; height:100%; white-space:nowrap;">
                [[File:caixa1.png|22x22px|class=bro-ico|link=Pacote_Apoiador - Caixas]] [[Pacote Apoiador - Caixas|Pacote Apoiador - Caixas]]
              </span>
            </li>
          </ul>


    <!-- PROGRESSÃO | COL 4 / LINHAS 1 A 3 -->
          <ul class="bro-list" style="margin:0; padding:0; list-style:none; height:100%;">
    <div class="bro-home-card" style="
            <li style="height:100%; display:flex;">
      grid-column:4;
              <span class="broaurora-link" style="display:flex; align-items:center; width:100%; height:100%; white-space:nowrap;">
      grid-row:1 / span 3;
                [[File:ropsmvpicone.png|22x22px|class=bro-ico|link=Recompensas por ROPs]] [[Recompensas por ROPs]]
      min-width:0;
              </span>
      width:100%;
            </li>
      height:100%;
          </ul>
      box-sizing:border-box;
        </div>
      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>


       <div style="
      <!-- DESTAQUES - PREENCHE TODA A ALTURA DA SEGUNDA LINHA -->
         padding:12px;
       <div class="bro-home-card" style="
         flex:1;
        grid-column:3 / span 2;
        grid-row:2;
        min-width:0;
        width:100%;
        height:100%;
        box-sizing:border-box;
         padding:0;
         overflow:hidden;
         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;">Destaques</div>
            <li><span class="broaurora-link" style="display:block;">[[Entenda como funciona]]</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;">Early Game</h4>
          <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;">[[File:Ico-eden.png|22x22px|class=bro-ico|link=Grupo_Éden]] [[Grupo Éden]]</span></li>
          </ul>
         </div>
         </div>


         <div>
         <div style="
          <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>
          padding:12px;
           <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
          flex:1;
             <li><span class="broaurora-link" style="display:block;">[[Éden Invertido]]</span></li>
          display:grid;
          grid-template-columns:repeat(2,minmax(0,1fr));
          gap:12px;
          align-items:stretch;
        ">
           <ul class="bro-list" style="
            margin:0;
            padding:0;
            list-style:none;
            height:100%;
            display:grid;
            grid-template-rows:repeat(2,minmax(0,1fr));
            gap:6px;
          ">
             <li style="display:flex;">
              <span class="broaurora-link" style="display:flex; align-items:center; width:100%; height:100%; white-space:nowrap;">
                [[File:Diamanteicone1.png|22x22px|class=bro-ico|link=Arena_de_Batalha]] [[Arena de Batalha]]
              </span>
            </li>
            <li style="display:flex;">
              <span class="broaurora-link" style="display:flex; align-items:center; width:100%; height:100%; white-space:nowrap;">
                [[File:grimorioicone2.png|22x22px|class=bro-ico|link=Grimório_de_Batalha]] [[Grimório de Batalha]]
              </span>
            </li>
           </ul>
           </ul>
        </div>


        <div>
           <ul class="bro-list" style="
           <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>
            margin:0;
          <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
            padding:0;
            <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>
            list-style:none;
             <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>
            height:100%;
            display:grid;
            grid-template-rows:repeat(2,minmax(0,1fr));
            gap:6px;
          ">
            <li style="display:flex;">
              <span class="broaurora-link" style="display:flex; align-items:center; width:100%; height:100%; white-space:nowrap;">
                [[File:iconeorb.png|22x22px|class=bro-ico|link=Orb_de_Cartas]] [[Orb de Cartas]]
              </span>
            </li>
             <li style="display:flex;">
              <span class="broaurora-link" style="display:flex; align-items:center; width:100%; height:100%; 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 | COL 1 / LINHA 2 -->
    <!-- PROGRESSÃO À DIREITA - DEFINE A ALTURA DAS DUAS LINHAS -->
     <!-- ======================================================= -->
     <div class="bro-home-card" style="
     <div class="bro-home-card" style="
      grid-column:1;
      grid-row: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:stretch;
      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;">Progressão</div>
       </div>
       </div>


       <div style="padding:12px;">
       <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;">
           <div style="width:50%; min-width:0;">
           <li><span class="broaurora-link" style="display:block; white-space:nowrap;">[[Entenda como funciona]]</span></li>
            <ul class="bro-list" style="margin:0; padding:0; list-style:none;">
        </ul>
              <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>
        <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>
        <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; white-space:nowrap;">[[File:Ico-eden.png|22x22px|class=bro-ico|link=Grupo_Éden]] [[Grupo Éden]]</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; white-space:nowrap;">[[Éden Invertido]]</span></li>
        </ul>


          <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;">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: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>
     </div>


  </div>


    <!-- ENCANTAMENTOS | COL 1 / LINHA 3 -->
 
  <!-- ========================================================= -->
  <!-- ENCANTAMENTOS - MANTIDO EXATAMENTE COMO ESTAVA            -->
  <!-- ========================================================= -->
  <div style="
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px;
    margin-top:12px;
    align-items:start;
  ">
     <div class="bro-home-card" style="
     <div class="bro-home-card" style="
       grid-column:1;
       grid-column:1 / span 2;
      grid-row:3;
       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;
     ">
     ">
       <div class="bro-home-head">
       <div class="bro-home-head">
Linha 230: Linha 311:


       <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;">
              <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>
 
 
    <!-- DESTAQUES | COLUNAS 2 E 3 / LINHAS 2 E 3 -->
    <div class="bro-home-card" style="
      grid-column:2 / span 2;
      grid-row:2 / span 2;
      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;">Destaques</div>
      </div>
 
      <div style="
        padding:12px;
        flex:1;
        display:flex;
        align-items:flex-start;
      ">
         <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;">[[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: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: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: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>


           <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: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;">[[Encantamentos de Malangdo]]</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;">[[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>
   </div>


Edição das 14h36min 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=2168”