Caixa do Iniciante: mudanças entre as edições

De Edda World Wiki
Ir para navegação Ir para pesquisar
Sem resumo de edição
Sem resumo de edição
 
(Uma revisão intermediária pelo mesmo usuário não está sendo mostrada)
Linha 3: Linha 3:


<!-- HEADER DA PÁGINA -->
<!-- HEADER DA PÁGINA -->
<div style="background:#050E1F;border-radius:12px;padding:32px 32px 28px;text-align:center;margin-bottom:16px;position:relative;overflow:hidden;">
<div style="background:#241832;border-radius:12px;padding:28px 32px;text-align:center;margin-bottom:16px;position:relative;overflow:hidden;">
<div style="position:absolute;top:-30px;left:-20px;width:180px;height:180px;background:radial-gradient(circle,rgba(14,165,233,0.12) 0%,transparent 70%);border-radius:50%;pointer-events:none;"></div>
<div style="position:absolute;top:-30px;left:-20px;width:180px;height:180px;background:radial-gradient(circle,rgba(94,207,168,0.12) 0%,transparent 70%);border-radius:50%;pointer-events:none;"></div>
<div style="position:absolute;bottom:-20px;right:5%;width:140px;height:140px;background:radial-gradient(circle,rgba(125,216,255,0.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;"></div>
<div style="position:absolute;bottom:-20px;right:5%;width:140px;height:140px;background:radial-gradient(circle,rgba(168,135,212,0.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;"></div>
<div style="position:relative;z-index:1;">
<div style="position:relative;z-index:1;">
<img src="https://static.divine-pride.net/images/items/item/23285.png" width="48" height="48" style="image-rendering:pixelated;margin-bottom:10px;" alt="">
<img src="https://static.divine-pride.net/images/items/item/23285.png" width="48" height="48" style="image-rendering:pixelated;margin-bottom:10px;" alt="">
<div style="color:#fff;font-size:20px;font-weight:700;margin-bottom:6px;">Caixa do Iniciante</div>
<div style="color:#fff;font-size:20px;font-weight:700;margin-bottom:6px;">Caixa do Iniciante</div>
<div style="color:rgba(255,255,255,0.5);font-size:13px;max-width:460px;margin:0 auto;">Seu primeiro passo em Midgard já vem resolvido</div>
<div style="color:rgba(255,255,255,0.45);font-size:13px;">Seu primeiro passo em Midgard já vem resolvido</div>
</div>
</div>
</div>
</div>


<!-- HOOK / POR QUE EXISTE -->
<!-- HOOK / POR QUE EXISTE -->
<div style="background:#fff;border:1px solid rgba(14,165,233,0.16);border-left:3px solid #0EA5E9;border-radius:10px;padding:16px 20px;margin-bottom:14px;display:flex;align-items:flex-start;gap:12px;">
<div style="background:#fff;border:1px solid rgba(94,207,168,0.16);border-left:3px solid #5ECFA8;border-radius:10px;padding:14px 18px;margin-bottom:16px;display:flex;align-items:flex-start;gap:12px;">
<div style="background:#E0F4FF;border-radius:8px;padding:8px;flex-shrink:0;">
<div style="background:#E5F7EF;border-radius:8px;padding:8px;flex-shrink:0;">
<img src="https://static.divine-pride.net/images/items/item/19979.png" width="26" height="26" style="image-rendering:pixelated;display:block;" alt="">
<img src="https://static.divine-pride.net/images/items/item/19979.png" width="26" height="26" style="image-rendering:pixelated;display:block;" alt="">
</div>
</div>
<div>
<div>
<div style="font-size:12px;font-weight:700;color:#0284C7;margin-bottom:5px;">Por que essa caixa existe</div>
<div style="font-size:12px;font-weight:700;color:#2E8F6E;margin-bottom:4px;">Por que essa caixa existe</div>
<div style="font-size:13px;color:#3A5070;line-height:1.65;">
<div style="font-size:13px;color:#5C5468;line-height:1.6;">
Chegar num servidor novo dá trabalho: procurar montaria, testar o baú, entender os bônus, garantir um visual legal. A Caixa do Iniciante existe pra tirar essa fricção do caminho.<br><br>
Chegar num servidor novo dá trabalho: procurar montaria, testar o baú, entender os bônus, garantir um visual legal. A Caixa do Iniciante existe pra tirar essa fricção do caminho — assim que você cria sua conta, já recebe o essencial pra se locomover, guardar seus itens e sentir o servidor com folga.<br>
Assim que você cria sua conta, já recebe o essencial pra se locomover, guardar seus itens e sentir o servidor com folga. <strong style="color:#1A2640;">O único trabalho que sobra pra você é jogar e progredir no seu ritmo.</strong>
<strong style="color:#1A2640;">O único trabalho que sobra pra você é jogar e progredir no seu ritmo.</strong> Equipamento, cartas e prestígio continuam sendo conquista sua — a caixa garante conforto, não atalho.
</div>
</div>
</div>
</div>
</div>
</div>


<!-- QUICK FACTS -->
<!-- LISTA DE ITENS -->
<div style="display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;">
<div style="background:#fff;border:1px solid rgba(94,207,168,0.16);border-radius:12px;overflow:hidden;">
<div style="background:#F4F8FF;border:1px solid rgba(14,165,233,0.14);border-radius:20px;padding:6px 14px;font-size:11px;font-weight:700;color:#0C1A36;display:flex;align-items:center;gap:6px;">
<span style="color:#0EA5E9;">●</span> 12 itens
</div>
<div style="background:#F4F8FF;border:1px solid rgba(14,165,233,0.14);border-radius:20px;padding:6px 14px;font-size:11px;font-weight:700;color:#0C1A36;display:flex;align-items:center;gap:6px;">
<span style="color:#0EA5E9;">●</span> Entrega automática no 1º login
</div>
<div style="background:#F4F8FF;border:1px solid rgba(14,165,233,0.14);border-radius:20px;padding:6px 14px;font-size:11px;font-weight:700;color:#0C1A36;display:flex;align-items:center;gap:6px;">
<span style="color:#0EA5E9;">●</span> Custo zero
</div>
<div style="background:#F4F8FF;border:1px solid rgba(14,165,233,0.14);border-radius:20px;padding:6px 14px;font-size:11px;font-weight:700;color:#0C1A36;display:flex;align-items:center;gap:6px;">
<span style="color:#0EA5E9;">●</span> Preso à conta
</div>
</div>


<!-- CATEGORIA: MOBILIDADE -->
<div style="padding:16px 20px 6px 20px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;color:#5ECFA8;">Mobilidade</div>
<div style="background:#fff;border:1px solid rgba(14,165,233,0.16);border-radius:12px;overflow:hidden;margin-bottom:14px;">
<div style="background:#050E1F;padding:11px 20px;display:flex;align-items:center;justify-content:space-between;border-top:3px solid #0EA5E9;">
<div style="display:flex;align-items:center;gap:8px;">
<span style="font-size:14px;">🧭</span>
<div>
<div style="color:#7DD8FF;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;">Mobilidade</div>
<div style="color:rgba(255,255,255,0.4);font-size:10px;">Chegue rápido a qualquer lugar de Midgard</div>
</div>
</div>
<div style="background:rgba(14,165,233,0.2);border:1px solid rgba(14,165,233,0.4);color:#7DD8FF;font-size:9px;font-weight:700;padding:2px 9px;border-radius:20px;">3 itens</div>
</div>


<div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(14,165,233,0.07);">
<div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(94,207,168,0.07);">
<img src="https://static.divine-pride.net/images/items/item/23329.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<img src="https://static.divine-pride.net/images/items/item/23329.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<div style="flex:1;">
<div style="flex:1;">
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Cx. de Asa de Mosca Dourada <span style="font-size:11px;color:#8EA8C4;font-weight:400;">[7D]</span></div>
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Cx. de Asa de Mosca Dourada <span style="font-size:11px;color:#9B92A8;font-weight:400;">[7D]</span></div>
<div style="font-size:11px;color:#8EA8C4;margin-top:2px;">Teleporta o jogador para uma coordenada aleatória do mapa</div>
<div style="font-size:11px;color:#9B92A8;margin-top:2px;">Teleporta o jogador para uma coordenada aleatória do mapa</div>
</div>
</div>
<div style="text-align:right;flex-shrink:0;">
<div style="text-align:right;flex-shrink:0;">
<div style="font-size:13px;font-weight:700;color:#0EA5E9;">x1</div>
<div style="font-size:13px;font-weight:700;color:#5ECFA8;">x1</div>
<div style="font-size:10px;color:#8EA8C4;margin-top:2px;background:#F4F8FF;padding:2px 7px;border-radius:20px;">preso à conta</div>
<div style="font-size:10px;color:#9B92A8;margin-top:2px;background:#F0FBF6;padding:2px 7px;border-radius:20px;">preso à conta</div>
</div>
</div>
</div>
</div>


<div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(14,165,233,0.07);">
<div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(94,207,168,0.07);">
<img src="https://static.divine-pride.net/images/items/item/12507.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<img src="https://static.divine-pride.net/images/items/item/12507.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<div style="flex:1;">
<div style="flex:1;">
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Asa de Borboleta Dourada <span style="font-size:11px;color:#8EA8C4;font-weight:400;">[7D]</span></div>
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Asa de Borboleta Dourada <span style="font-size:11px;color:#9B92A8;font-weight:400;">[7D]</span></div>
<div style="font-size:11px;color:#8EA8C4;margin-top:2px;">Teleporta o jogador para o ponto de salvamento</div>
<div style="font-size:11px;color:#9B92A8;margin-top:2px;">Teleporta o jogador para o ponto de salvamento</div>
</div>
</div>
<div style="text-align:right;flex-shrink:0;">
<div style="text-align:right;flex-shrink:0;">
<div style="font-size:13px;font-weight:700;color:#0EA5E9;">x1</div>
<div style="font-size:13px;font-weight:700;color:#5ECFA8;">x1</div>
<div style="font-size:10px;color:#8EA8C4;margin-top:2px;background:#F4F8FF;padding:2px 7px;border-radius:20px;">preso à conta</div>
<div style="font-size:10px;color:#9B92A8;margin-top:2px;background:#F0FBF6;padding:2px 7px;border-radius:20px;">preso à conta</div>
</div>
</div>
</div>
</div>


<div style="display:flex;align-items:center;gap:14px;padding:14px 20px;">
<div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(94,207,168,0.07);">
<img src="https://static.divine-pride.net/images/items/item/12622.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<img src="https://static.divine-pride.net/images/items/item/12622.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<div style="flex:1;">
<div style="flex:1;">
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Rédeas <span style="font-size:11px;color:#8EA8C4;font-weight:400;">[7D]</span></div>
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Rédeas <span style="font-size:11px;color:#9B92A8;font-weight:400;">[7D]</span></div>
<div style="font-size:11px;color:#8EA8C4;margin-top:2px;">Habilita montaria no personagem</div>
<div style="font-size:11px;color:#9B92A8;margin-top:2px;">Habilita montaria no personagem</div>
</div>
</div>
<div style="text-align:right;flex-shrink:0;">
<div style="text-align:right;flex-shrink:0;">
<div style="font-size:13px;font-weight:700;color:#0EA5E9;">x1</div>
<div style="font-size:13px;font-weight:700;color:#5ECFA8;">x1</div>
<div style="font-size:10px;color:#8EA8C4;margin-top:2px;background:#F4F8FF;padding:2px 7px;border-radius:20px;">preso à conta</div>
<div style="font-size:10px;color:#9B92A8;margin-top:2px;background:#F0FBF6;padding:2px 7px;border-radius:20px;">preso à conta</div>
</div>
</div>
</div>
</div>
</div>


<!-- CATEGORIA: CONVENIÊNCIA -->
<div style="padding:16px 20px 6px 20px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;color:#5ECFA8;border-top:1px solid rgba(94,207,168,0.10);margin-top:4px;">Conveniência</div>
<div style="background:#fff;border:1px solid rgba(14,165,233,0.16);border-radius:12px;overflow:hidden;margin-bottom:14px;">
<div style="background:#050E1F;padding:11px 20px;display:flex;align-items:center;justify-content:space-between;border-top:3px solid #7C3AED;">
<div style="display:flex;align-items:center;gap:8px;">
<span style="font-size:14px;">🎒</span>
<div>
<div style="color:#D9C7FF;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;">Conveniência</div>
<div style="color:rgba(255,255,255,0.4);font-size:10px;">Resolva sem precisar sair do lugar</div>
</div>
</div>
<div style="background:rgba(124,58,237,0.2);border:1px solid rgba(124,58,237,0.4);color:#D9C7FF;font-size:9px;font-weight:700;padding:2px 9px;border-radius:20px;">2 itens</div>
</div>


<div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(14,165,233,0.07);">
<div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(94,207,168,0.07);">
<img src="https://static.divine-pride.net/images/items/item/12211.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<img src="https://static.divine-pride.net/images/items/item/12211.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<div style="flex:1;">
<div style="flex:1;">
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Cartão Kafra <span style="font-size:11px;color:#8EA8C4;font-weight:400;">[7D]</span></div>
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Cartão Kafra <span style="font-size:11px;color:#9B92A8;font-weight:400;">[7D]</span></div>
<div style="font-size:11px;color:#8EA8C4;margin-top:2px;">Permite abrir o armazém onde o jogador estiver</div>
<div style="font-size:11px;color:#9B92A8;margin-top:2px;">Permite abrir o armazém onde o jogador estiver</div>
</div>
</div>
<div style="text-align:right;flex-shrink:0;">
<div style="text-align:right;flex-shrink:0;">
<div style="font-size:13px;font-weight:700;color:#0EA5E9;">x1</div>
<div style="font-size:13px;font-weight:700;color:#5ECFA8;">x1</div>
<div style="font-size:10px;color:#8EA8C4;margin-top:2px;background:#F4F8FF;padding:2px 7px;border-radius:20px;">preso à conta</div>
<div style="font-size:10px;color:#9B92A8;margin-top:2px;background:#F0FBF6;padding:2px 7px;border-radius:20px;">preso à conta</div>
</div>
</div>
</div>
</div>


<div style="display:flex;align-items:center;gap:14px;padding:14px 20px;">
<div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(94,207,168,0.07);">
<img src="https://static.divine-pride.net/images/items/item/410185.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<img src="https://static.divine-pride.net/images/items/item/410185.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<div style="flex:1;">
<div style="flex:1;">
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Edda de Bolso <span style="font-size:11px;color:#8EA8C4;font-weight:400;">[7D]</span></div>
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Edda de Bolso <span style="font-size:11px;color:#9B92A8;font-weight:400;">[7D]</span></div>
<div style="font-size:11px;color:#8EA8C4;margin-top:2px;">Permite entregar missões do Edda onde estiver</div>
<div style="font-size:11px;color:#9B92A8;margin-top:2px;">Permite entregar missões do Edda onde estiver</div>
</div>
</div>
<div style="text-align:right;flex-shrink:0;">
<div style="text-align:right;flex-shrink:0;">
<div style="font-size:13px;font-weight:700;color:#0EA5E9;">x1</div>
<div style="font-size:13px;font-weight:700;color:#5ECFA8;">x1</div>
<div style="font-size:10px;color:#8EA8C4;margin-top:2px;background:#F4F8FF;padding:2px 7px;border-radius:20px;">preso à conta</div>
<div style="font-size:10px;color:#9B92A8;margin-top:2px;background:#F0FBF6;padding:2px 7px;border-radius:20px;">preso à conta</div>
</div>
</div>
</div>
</div>
</div>


<!-- CATEGORIA: VANTAGENS TEMPORÁRIAS -->
<div style="padding:16px 20px 6px 20px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;color:#5ECFA8;border-top:1px solid rgba(94,207,168,0.10);margin-top:4px;">Vantagens Temporárias</div>
<div style="background:#fff;border:1px solid rgba(14,165,233,0.16);border-radius:12px;overflow:hidden;margin-bottom:14px;">
<div style="background:#050E1F;padding:11px 20px;display:flex;align-items:center;justify-content:space-between;border-top:3px solid #D97706;">
<div style="display:flex;align-items:center;gap:8px;">
<span style="font-size:14px;">⭐</span>
<div>
<div style="color:#FFD9A8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;">Vantagens Temporárias</div>
<div style="color:rgba(255,255,255,0.4);font-size:10px;">Um empurrão extra pros primeiros dias</div>
</div>
</div>
<div style="background:rgba(217,119,6,0.2);border:1px solid rgba(217,119,6,0.4);color:#FFD9A8;font-size:9px;font-weight:700;padding:2px 9px;border-radius:20px;">3 itens</div>
</div>


<div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(14,165,233,0.07);">
<div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(94,207,168,0.07);">
<img src="https://static.divine-pride.net/images/items/item/25876.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<img src="https://static.divine-pride.net/images/items/item/25876.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<div style="flex:1;">
<div style="flex:1;">
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Ticket VIP <span style="font-size:11px;color:#8EA8C4;font-weight:400;">[1D]</span></div>
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Ticket VIP <span style="font-size:11px;color:#9B92A8;font-weight:400;">[1D]</span></div>
<div style="font-size:11px;color:#8EA8C4;margin-top:2px;">Acesso à Sala VIP com seus benefícios exclusivos por 1 dia</div>
<div style="font-size:11px;color:#9B92A8;margin-top:2px;">Acesso à Sala VIP com seus benefícios exclusivos por 1 dia</div>
</div>
</div>
<div style="text-align:right;flex-shrink:0;">
<div style="text-align:right;flex-shrink:0;">
<div style="font-size:13px;font-weight:700;color:#0EA5E9;">x3</div>
<div style="font-size:13px;font-weight:700;color:#5ECFA8;">x3</div>
<div style="font-size:10px;color:#8EA8C4;margin-top:2px;background:#F4F8FF;padding:2px 7px;border-radius:20px;">preso à conta</div>
<div style="font-size:10px;color:#9B92A8;margin-top:2px;background:#F0FBF6;padding:2px 7px;border-radius:20px;">preso à conta</div>
</div>
</div>
</div>
</div>


<div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(14,165,233,0.07);">
<div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(94,207,168,0.07);">
<img src="https://static.divine-pride.net/images/items/item/12210.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<img src="https://static.divine-pride.net/images/items/item/12210.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<div style="flex:1;">
<div style="flex:1;">
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Goma de Mascar 50%</div>
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Goma de Mascar 50%</div>
<div style="font-size:11px;color:#8EA8C4;margin-top:2px;">Bônus de 50% de DROP por 30 minutos</div>
<div style="font-size:11px;color:#9B92A8;margin-top:2px;">Bônus de 50% de DROP por 30 minutos</div>
</div>
</div>
<div style="text-align:right;flex-shrink:0;">
<div style="text-align:right;flex-shrink:0;">
<div style="font-size:13px;font-weight:700;color:#0EA5E9;">x2</div>
<div style="font-size:13px;font-weight:700;color:#5ECFA8;">x2</div>
<div style="font-size:10px;color:#8EA8C4;margin-top:2px;background:#F4F8FF;padding:2px 7px;border-radius:20px;">preso à conta</div>
<div style="font-size:10px;color:#9B92A8;margin-top:2px;background:#F0FBF6;padding:2px 7px;border-radius:20px;">preso à conta</div>
</div>
</div>
</div>
</div>


<div style="display:flex;align-items:center;gap:14px;padding:14px 20px;">
<div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(94,207,168,0.07);">
<img src="https://static.divine-pride.net/images/items/item/12208.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<img src="https://static.divine-pride.net/images/items/item/12208.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<div style="flex:1;">
<div style="flex:1;">
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Manual de Combate &amp; Classe</div>
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Manual de Combate &amp; Classe</div>
<div style="font-size:11px;color:#8EA8C4;margin-top:2px;">Bônus de 50% de EXP Base &amp; Classe por 30 minutos</div>
<div style="font-size:11px;color:#9B92A8;margin-top:2px;">Bônus de 50% de EXP Base &amp; Classe por 30 minutos</div>
</div>
</div>
<div style="text-align:right;flex-shrink:0;">
<div style="text-align:right;flex-shrink:0;">
<div style="font-size:13px;font-weight:700;color:#0EA5E9;">x3</div>
<div style="font-size:13px;font-weight:700;color:#5ECFA8;">x3</div>
<div style="font-size:10px;color:#8EA8C4;margin-top:2px;background:#F4F8FF;padding:2px 7px;border-radius:20px;">preso à conta</div>
<div style="font-size:10px;color:#9B92A8;margin-top:2px;background:#F0FBF6;padding:2px 7px;border-radius:20px;">preso à conta</div>
</div>
</div>
</div>
</div>
</div>


<!-- CATEGORIA: VISUAL EXCLUSIVO -->
<div style="padding:16px 20px 6px 20px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;color:#5ECFA8;border-top:1px solid rgba(94,207,168,0.10);margin-top:4px;">Visual Exclusivo</div>
<div style="background:#fff;border:1px solid rgba(14,165,233,0.16);border-radius:12px;overflow:hidden;margin-bottom:16px;">
<div style="background:#050E1F;padding:11px 20px;display:flex;align-items:center;justify-content:space-between;border-top:3px solid #16A34A;">
<div style="display:flex;align-items:center;gap:8px;">
<span style="font-size:14px;">🎨</span>
<div>
<div style="color:#9CE8B5;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;">Visual Exclusivo</div>
<div style="color:rgba(255,255,255,0.4);font-size:10px;">Personalize seu visual desde o primeiro dia</div>
</div>
</div>
<div style="background:rgba(22,163,74,0.2);border:1px solid rgba(22,163,74,0.4);color:#9CE8B5;font-size:9px;font-weight:700;padding:2px 9px;border-radius:20px;">4 itens</div>
</div>


<div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(14,165,233,0.07);">
<div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(94,207,168,0.07);">
<img src="https://static.divine-pride.net/images/items/item/19656.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<img src="https://static.divine-pride.net/images/items/item/19656.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<div style="flex:1;">
<div style="flex:1;">
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Chapéu do Bardo Verde <span style="font-size:11px;color:#8EA8C4;font-weight:400;">[7 dias]</span></div>
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Chapéu do Bardo Verde <span style="font-size:11px;color:#9B92A8;font-weight:400;">[7 dias]</span></div>
<div style="font-size:11px;color:#8EA8C4;margin-top:2px;">Visual exclusivo temporário</div>
<div style="font-size:11px;color:#9B92A8;margin-top:2px;">Visual exclusivo temporário</div>
</div>
</div>
<div style="text-align:right;flex-shrink:0;">
<div style="text-align:right;flex-shrink:0;">
<div style="font-size:13px;font-weight:700;color:#0EA5E9;">x1</div>
<div style="font-size:13px;font-weight:700;color:#5ECFA8;">x1</div>
<div style="font-size:10px;color:#8EA8C4;margin-top:2px;background:#F4F8FF;padding:2px 7px;border-radius:20px;">preso à conta</div>
<div style="font-size:10px;color:#9B92A8;margin-top:2px;background:#F0FBF6;padding:2px 7px;border-radius:20px;">preso à conta</div>
</div>
</div>
</div>
</div>


<div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(14,165,233,0.07);">
<div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(94,207,168,0.07);">
<img src="https://static.divine-pride.net/images/items/item/19551.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<img src="https://static.divine-pride.net/images/items/item/19551.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<div style="flex:1;">
<div style="flex:1;">
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Símbolo Élfico <span style="font-size:11px;color:#8EA8C4;font-weight:400;">[7 dias]</span></div>
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Símbolo Élfico <span style="font-size:11px;color:#9B92A8;font-weight:400;">[7 dias]</span></div>
<div style="font-size:11px;color:#8EA8C4;margin-top:2px;">Visual exclusivo temporário</div>
<div style="font-size:11px;color:#9B92A8;margin-top:2px;">Visual exclusivo temporário</div>
</div>
</div>
<div style="text-align:right;flex-shrink:0;">
<div style="text-align:right;flex-shrink:0;">
<div style="font-size:13px;font-weight:700;color:#0EA5E9;">x1</div>
<div style="font-size:13px;font-weight:700;color:#5ECFA8;">x1</div>
<div style="font-size:10px;color:#8EA8C4;margin-top:2px;background:#F4F8FF;padding:2px 7px;border-radius:20px;">preso à conta</div>
<div style="font-size:10px;color:#9B92A8;margin-top:2px;background:#F0FBF6;padding:2px 7px;border-radius:20px;">preso à conta</div>
</div>
</div>
</div>
</div>


<div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(14,165,233,0.07);">
<div style="display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(94,207,168,0.07);">
<img src="https://static.divine-pride.net/images/items/item/19713.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<img src="https://static.divine-pride.net/images/items/item/19713.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<div style="flex:1;">
<div style="flex:1;">
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Trevo Visual de Quatro Folhas <span style="font-size:11px;color:#8EA8C4;font-weight:400;">[7 dias]</span></div>
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Trevo Visual de Quatro Folhas <span style="font-size:11px;color:#9B92A8;font-weight:400;">[7 dias]</span></div>
<div style="font-size:11px;color:#8EA8C4;margin-top:2px;">Visual exclusivo temporário</div>
<div style="font-size:11px;color:#9B92A8;margin-top:2px;">Visual exclusivo temporário</div>
</div>
</div>
<div style="text-align:right;flex-shrink:0;">
<div style="text-align:right;flex-shrink:0;">
<div style="font-size:13px;font-weight:700;color:#0EA5E9;">x1</div>
<div style="font-size:13px;font-weight:700;color:#5ECFA8;">x1</div>
<div style="font-size:10px;color:#8EA8C4;margin-top:2px;background:#F4F8FF;padding:2px 7px;border-radius:20px;">preso à conta</div>
<div style="font-size:10px;color:#9B92A8;margin-top:2px;background:#F0FBF6;padding:2px 7px;border-radius:20px;">preso à conta</div>
</div>
</div>
</div>
</div>
Linha 233: Linha 173:
<img src="https://static.divine-pride.net/images/items/item/480110.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<img src="https://static.divine-pride.net/images/items/item/480110.png" width="36" height="36" style="image-rendering:pixelated;flex-shrink:0;" alt="">
<div style="flex:1;">
<div style="flex:1;">
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Mochila do Doram Aventureiro <span style="font-size:11px;color:#8EA8C4;font-weight:400;">[7 dias]</span></div>
<div style="font-size:13px;font-weight:700;color:#0C1A36;">Mochila do Doram Aventureiro <span style="font-size:11px;color:#9B92A8;font-weight:400;">[7 dias]</span></div>
<div style="font-size:11px;color:#8EA8C4;margin-top:2px;">Visual exclusivo temporário</div>
<div style="font-size:11px;color:#9B92A8;margin-top:2px;">Visual exclusivo temporário</div>
</div>
</div>
<div style="text-align:right;flex-shrink:0;">
<div style="text-align:right;flex-shrink:0;">
<div style="font-size:13px;font-weight:700;color:#0EA5E9;">x1</div>
<div style="font-size:13px;font-weight:700;color:#5ECFA8;">x1</div>
<div style="font-size:10px;color:#8EA8C4;margin-top:2px;background:#F4F8FF;padding:2px 7px;border-radius:20px;">preso à conta</div>
<div style="font-size:10px;color:#9B92A8;margin-top:2px;background:#F0FBF6;padding:2px 7px;border-radius:20px;">preso à conta</div>
</div>
</div>
</div>
</div>
</div>


<!-- FECHO -->
<div style="background:#F4F8FF;border:1px solid rgba(14,165,233,0.14);border-radius:12px;padding:18px 24px;text-align:center;">
<div style="font-size:12px;font-weight:700;color:#0EA5E9;margin-bottom:4px;">Da caixa em diante, é com você</div>
<div style="font-size:12px;color:#5A7A9A;line-height:1.6;max-width:520px;margin:0 auto;">Equipamento, cartas, prestígio — tudo isso é conquista sua. A caixa só garante que você começa com conforto, não com atalho.</div>
</div>
</div>


</html>
</html>

Edição atual tal como às 02h12min de 9 de julho de 2026

Caixa do Iniciante
Seu primeiro passo em Midgard já vem resolvido
Por que essa caixa existe
Chegar num servidor novo dá trabalho: procurar montaria, testar o baú, entender os bônus, garantir um visual legal. A Caixa do Iniciante existe pra tirar essa fricção do caminho — assim que você cria sua conta, já recebe o essencial pra se locomover, guardar seus itens e sentir o servidor com folga.
O único trabalho que sobra pra você é jogar e progredir no seu ritmo. Equipamento, cartas e prestígio continuam sendo conquista sua — a caixa garante conforto, não atalho.
Mobilidade
Cx. de Asa de Mosca Dourada [7D]
Teleporta o jogador para uma coordenada aleatória do mapa
x1
preso à conta
Asa de Borboleta Dourada [7D]
Teleporta o jogador para o ponto de salvamento
x1
preso à conta
Rédeas [7D]
Habilita montaria no personagem
x1
preso à conta
Conveniência
Cartão Kafra [7D]
Permite abrir o armazém onde o jogador estiver
x1
preso à conta
Edda de Bolso [7D]
Permite entregar missões do Edda onde estiver
x1
preso à conta
Vantagens Temporárias
Ticket VIP [1D]
Acesso à Sala VIP com seus benefícios exclusivos por 1 dia
x3
preso à conta
Goma de Mascar 50%
Bônus de 50% de DROP por 30 minutos
x2
preso à conta
Manual de Combate & Classe
Bônus de 50% de EXP Base & Classe por 30 minutos
x3
preso à conta
Visual Exclusivo
Chapéu do Bardo Verde [7 dias]
Visual exclusivo temporário
x1
preso à conta
Símbolo Élfico [7 dias]
Visual exclusivo temporário
x1
preso à conta
Trevo Visual de Quatro Folhas [7 dias]
Visual exclusivo temporário
x1
preso à conta
Mochila do Doram Aventureiro [7 dias]
Visual exclusivo temporário
x1
preso à conta