[Encerrado] Calendário de Eventos Julho/2026
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Programação de Eventos de Férias - Julho - MUCABRASIL</title>
<!-- FontAwesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" crossorigin="anonymous">
<!-- Google Fonts: Roboto -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap " rel="stylesheet">
<style>
.texto {
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 1.08em;
line-height: 1.65;
margin: 0 auto;
max-width: 1000px;
color: #27313d;
}
.texto strong {
font-weight: 700;
}
.hero-eventos {
background: #111827;
color: #ffffff;
border-radius: 10px;
padding: 22px 26px;
margin: 25px auto 20px;
max-width: 900px;
}
.hero-eventos {
position: relative;
}
.hero-eventos::after {
content: "";
position: absolute;
right: 0;
top: 18%;
bottom: 18%;
width: 2px;
background: linear-gradient(
to bottom,
transparent,
#d88a32 35%,
#d88a32 65%,
transparent
);
border-radius: 999px;
}
.hero-eventos h2 {
margin: 0 0 8px;
color: #ffffff;
font-size: 1.55em;
font-weight: 800;
letter-spacing: 0.3px;
}
.hero-eventos p {
margin: 0;
color: #d7dde6;
font-size: 1em;
}
.intro-box {
max-width: 900px;
margin: 0 auto 22px;
background: #f7f9fb;
border: 1px solid #dfe7ef;
border-radius: 10px;
padding: 18px 22px;
color: #334155;
}
.section-title {
max-width: 900px;
margin: 28px auto 10px;
padding: 0 0 8px;
color: #1f2937;
font-weight: 800;
font-size: 1.22em;
border-bottom: 2px solid #d88a32;
}
.section-title i {
color: #d88a32;
margin-right: 7px;
}
.divp {
color: #435266;
padding: 3px;
}
.divp table {
margin: 0 auto 1.2em;
max-width: 900px;
width: 100%;
background: #ffffff;
border-radius: 10px;
overflow: hidden;
border: 1px solid #dfe7ef;
border-collapse: separate;
border-spacing: 0;
}
.divp td,
.divp th {
padding: 0.85em 1.1em;
border: none;
text-align: center;
vertical-align: middle;
}
.divp th {
background-color: #1f2937;
font-weight: 700;
color: #ffffff;
white-space: nowrap;
font-size: 0.9em;
letter-spacing: 0.3px;
text-transform: uppercase;
}
.divp tbody tr:nth-child(2n-1) {
background-color: #ffffff;
}
.divp tbody tr:nth-child(2n) {
background-color: #f3f6f9;
}
.divp tbody tr:hover {
background-color: #fff4e6;
}
.divp td:first-child {
text-align: left;
font-weight: 500;
color: #263241;
}
.divp td i {
color: #d88a32;
margin-right: 7px;
}
.data-pill {
display: inline-block;
background: #eef2f7;
color: #1f2937;
padding: 5px 10px;
border-radius: 20px;
font-weight: 700;
white-space: nowrap;
}
.live-pill {
display: inline-block;
background: #DFF3D6;
color: #2F6B1F;
padding: 4px 9px;
border-radius: 20px;
font-weight: 700;
font-size: 0.92em;
margin-bottom: 4px;
}
.espacamento {
margin-top: 20px;
}
.divider {
border-top: 1px solid #dfe7ef;
margin: 26px auto;
max-width: 900px;
}
.footer-box {
max-width: 990px;
margin: 20px auto 0;
background-color: #fff8ef;
border: 1px solid #efc18a;
color: #2c3e50;
padding: 18px 22px;
border-radius: 10px;
}
.footer-box h3 {
color: #b8691f;
margin: 0 0 10px;
font-size: 1.02em;
}
.footer-box ul {
margin: 0;
padding-left: 22px;
}
.footer-box li {
margin-bottom: 7px;
}
.footer-box a,
.divp a {
color: #1f6fb2;
text-decoration: none;
font-weight: 600;
}
.footer-box a:hover,
.divp a:hover {
text-decoration: underline;
}
.follow-us {
text-align: center;
margin-top: 22px;
color: #1f2937;
}
.follow-us h3 {
margin-bottom: 10px;
font-weight: 800;
letter-spacing: 0.5px;
}
.follow-us a {
color: #1f6fb2;
text-decoration: none;
margin: 0 10px;
font-size: 1.6em;
}
.follow-us a:hover {
color: #d88a32;
}
</style>
</head>
<body>
<div class="texto espacamento">
<br />
<div class="hero-eventos">
<h2><i class="fas fa-calendar-alt"></i> Programação de Eventos de Férias - Julho</h2>
<p>Prepare seu personagem, chame sua guild e acompanhe a programação especial do mês no MUCABRASIL.</p>
</div>
<div class="intro-box">
O mês de julho trará uma programação especial de férias no <strong>MUCABRASIL</strong>! <br /><br />
Durante todo o mês, teremos eventos para aproveitar melhor a evolução dos personagens, buscar bons drops, participar de disputas especiais, enfrentar desafios e curtir momentos diferentes dentro do servidor.<br /><br />
Confira abaixo a programação completa dos eventos de férias de julho.
</div>
<div class="section-title">
<i class="fas fa-calendar-alt"></i> Eventos por período
</div>
<div class="divp espacamento">
<table align="center">
<thead>
<tr>
<th>Evento</th>
<th>Período</th>
<th>Informações adicionais</th>
</tr>
</thead>
<tbody>
<tr>
<td><i class="fas fa-arrow-up"></i> XP Dobrada + Zen Aumentado</td>
<td><span class="data-pill">01 a 05 de Julho</span></td>
<td><a href="https://forum.mucabrasil.com.br/threads/42811-Agendado-Calend%C3%A1rio-de-Eventos-Julho-2026?p=259888#post259888:~:text=Hoje%2C%C2%A023%3A 57-,%232,-BrN" target="_blank">Saiba mais</a></td>
</tr>
<tr>
<td><i class="fas fa-dragon"></i> Boss Attack x2</td>
<td><span class="data-pill">06 a 10 de Julho</span></td>
<td><a href="https://forum.mucabrasil.com.br/threads/42811-Agendado-Calend%C3%A1rio-de-Eventos-Julho-2026?p=259970&viewfull=1#post259970" target="_blank">Saiba mais</a></td>
</tr>
<tr>
<td><i class="fas fa-cogs"></i> Rate Especial - Chaos Machine</td>
<td><span class="data-pill">11 a 12 de Julho</span></td>
<td><a href="https://forum.mucabrasil.com.br/threads/42811-Agendado-Calend%C3%A1rio-de-Eventos-Julho-2026?p=260011&viewfull=1#post260011" target="_blank">Saiba mais</a></td>
</tr>
<tr>
<td><i class="fas fa-gem"></i> Drop Especial de Creations</td>
<td><span class="data-pill">13 a 17 de Julho</span></td>
<td><a href="https://forum.mucabrasil.com.br/threads/42811-Agendado-Calend%C3%A1rio-de-Eventos-Julho-2026?p=260027&viewfull=1#post260027" target="_blank">Saiba mais</a></td>
</tr>
<tr>
<td><i class="fas fa-skull-crossbones"></i> Blood Castle Especial</td>
<td><span class="data-pill">18 a 24 de Julho</span></td>
<td><a href="https://forum.mucabrasil.com.br/threads/42811-Agendado-Calend%C3%A1rio-de-Eventos-Julho-2026?p=260092&viewfull=1#post260092" target="_blank">Saiba mais</a></td>
</tr>
<tr>
<td><i class="fas fa-skull-crossbones"></i> Devil Square Especial</td>
<td><span class="data-pill">25 a 31 de Julho</span></td>
<td><a href="https://forum.mucabrasil.com.br/threads/42811-Agendado-Calend%C3%A1rio-de-Eventos-Julho-2026?p=260247&viewfull=1#post260247" target="_blank">Saiba mais</a></td>
</tr>
</tbody>
</table>
</div>
<div class="section-title">
<i class="fas fa-map-marker-alt"></i> Eventos em datas específicas
</div>
<div class="divp espacamento">
<table align="center">
<thead>
<tr>
<th>Evento</th>
<th>Data</th>
<th>Informações adicionais</th>
</tr>
</thead>
<tbody>
<tr>
<td><i class="fas fa-futbol"></i><a href="https://forum.mucabrasil.com.br/threads/42782"> Copa Battle Soccer </a></td>
<td><span class="data-pill">04 de Julho às 20h</span></td>
<td>
<span class="live-pill">Live - Sala 10</span>
Rhaegar e Zeno - <a href="https://twitch.tv/RodRafael" target="_blank">twitch.tv/RodRafael</a>
</td>
</tr>
<tr>
<td><i class="fas fa-gavel"></i> Leilão Especial de Férias</td>
<td><span class="data-pill">19 de Julho às 19:30h</span></td>
<td><a href="https://forum.mucabrasil.com.br/threads/42832-Agendado-Leil%C3%A3o-Especial-de-Julho-2026-MUCABRASIL?p=260048#post260048" target="_blank">Saiba mais</a></td>
</tr>
</tbody>
</table>
</div>
<div class="section-title">
<i class="fas fa-user-shield"></i> Eventos com GM
</div>
<div class="divp espacamento">
<table align="center">
<thead>
<tr>
<th>GM</th>
<th>Data</th>
<th>Horário</th>
<th>Sala dos Eventos</th>
</tr>
</thead>
<tbody>
<tr>
<td><i class="fas fa-user-shield"></i> GM Albafica</td>
<td><span class="data-pill">13 de Julho</span></td>
<td>A partir das 20h</td>
<td>Sala 3</td>
</tr>
<tr>
<td><i class="fas fa-user-shield"></i> GM Rhaegar</td>
<td><span class="data-pill">15 de Julho</span></td>
<td>A partir das 20h</td>
<td>Sala 3</td>
</tr>
<tr>
<td><i class="fas fa-user-shield"></i> GM Zeno</td>
<td><span class="data-pill">17 de Julho</span></td>
<td>A partir das 20h</td>
<td>Sala 3</td>
</tr>
</tbody>
</table>
</div>
<div class="divider"></div>
<div class="footer-box">
<h3>Nota Importante <i class="fas fa-exclamation-circle"></i></h3>
<ul>
<li>Este é o tópico oficial da programação de eventos de férias de julho no MUCABRASIL.</li>
<li>Detalhes sobre regras, premiações, drops e funcionamento serão divulgados de acordo com cada evento.</li>
<li>Os eventos com GM estão previstos para começar a partir das 20h.</li>
<li>Todas as datas e horários seguem o fuso horário GMT-3 - Horário de Brasília.</li>
<li>A programação pode receber ajustes caso seja necessário. Fique atento a este tópico e aos avisos oficiais.</li>
<li>Envie sugestões e feedback pelo nosso Telegram em <a href="https://t.me/mucabrasil">https://t.me/mucabrasil</a> ou por e-mail: <a href="mailto:suporte@mucabrasil.com.br">suporte@mu cabrasil.com.br</a>.</li>
</ul>
</div>
<div class="divider"></div>
</div>
</body>
</html>
Re: [Agendado] Calendário de Eventos Julho/2026
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Evento #01 - XP Dobrada e Zen Aumentado - Julho/2025 - MUCABRASIL</title>
<!-- FontAwesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" crossorigin="anonymous">
<!-- Google Fonts: Roboto -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap " rel="stylesheet">
<style>
.texto {
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 1.05em;
line-height: 1.45;
margin: 0 auto;
max-width: 1000px;
color: #27313d;
}
.texto strong {
font-weight: 700;
}
.hero-eventos {
background: #111827;
color: #ffffff;
border-radius: 10px;
padding: 20px 24px;
margin: 22px auto 18px;
max-width: 900px;
position: relative;
}
.hero-eventos::after {
content: "";
position: absolute;
right: 0;
top: 18%;
bottom: 18%;
width: 2px;
background: linear-gradient(
to bottom,
transparent,
#d88a32 35%,
#d88a32 65%,
transparent
);
border-radius: 999px;
}
.hero-eventos h2 {
margin: 0 0 6px;
color: #ffffff;
font-size: 1.48em;
font-weight: 800;
letter-spacing: 0.2px;
line-height: 1.25;
}
.hero-eventos h2 i {
margin-right: 8px;
}
.hero-eventos p {
margin: 0;
color: #d7dde6;
font-size: 0.98em;
line-height: 1.4;
}
.intro-box {
max-width: 900px;
margin: 0 auto 20px;
background: #f7f9fb;
border: 1px solid #dfe7ef;
border-radius: 10px;
padding: 16px 22px;
color: #334155;
}
.intro-box p {
margin: 0 0 10px;
line-height: 1.5;
}
.intro-box p:last-child {
margin-bottom: 0;
}
.section-title {
max-width: 900px;
margin: 24px auto 12px;
padding: 0 0 8px;
color: #1f2937;
font-weight: 800;
font-size: 1.18em;
border-bottom: 2px solid #d88a32;
line-height: 1.25;
}
.section-title i {
color: #d88a32;
margin-right: 7px;
}
.event-summary {
max-width: 900px;
margin: 0 auto 1.2em;
display: table;
width: 100%;
border-spacing: 10px 0;
}
.summary-card {
display: table-cell;
width: 33.333%;
background: #ffffff;
border: 1px solid #dfe7ef;
border-radius: 10px;
padding: 16px 18px;
color: #263241;
vertical-align: top;
}
.summary-card strong {
display: block;
font-size: 1.02em;
margin: 7px 0 3px;
color: #111827;
line-height: 1.35;
}
.summary-card small {
display: block;
color: #64748b;
font-size: 0.88em;
line-height: 1.35;
}
.summary-label {
display: block;
color: #b8691f;
font-weight: 700;
font-size: 0.86em;
text-transform: uppercase;
letter-spacing: 0.3px;
line-height: 1.25;
}
.summary-label i {
margin-right: 6px;
}
.bonus-card {
background: #f8fbf6;
border-color: #cfe8c5;
}
.bonus-list {
margin: 8px 0 4px;
line-height: 1.3;
}
.bonus-pill {
display: inline-block;
background: #DFF3D6;
color: #2F6B1F;
padding: 4px 9px;
border-radius: 20px;
font-weight: 700;
font-size: 0.9em;
margin: 2px 3px 2px 0;
line-height: 1.25;
}
.divp {
color: #435266;
padding: 3px;
}
.divp table {
margin: 0 auto 1.2em;
max-width: 900px;
width: 100%;
background: #ffffff;
border-radius: 10px;
overflow: hidden;
border: 1px solid #dfe7ef;
border-collapse: separate;
border-spacing: 0;
}
.divp td,
.divp th {
padding: 0.78em 1em;
border: none;
text-align: center;
vertical-align: middle;
line-height: 1.35;
}
.divp th {
background-color: #1f2937;
font-weight: 700;
color: #ffffff;
white-space: nowrap;
font-size: 0.88em;
letter-spacing: 0.3px;
text-transform: uppercase;
}
.divp tbody tr:nth-child(2n-1) {
background-color: #ffffff;
}
.divp tbody tr:nth-child(2n) {
background-color: #f3f6f9;
}
.divp tbody tr:hover {
background-color: #fff4e6;
}
.divp td:first-child {
text-align: left;
font-weight: 500;
color: #263241;
}
.divp td i {
color: #d88a32;
margin-right: 7px;
}
.data-pill {
display: inline-block;
background: #eef2f7;
color: #1f2937;
padding: 5px 10px;
border-radius: 20px;
font-weight: 700;
white-space: nowrap;
line-height: 1.25;
}
.espacamento {
margin-top: 18px;
}
.divider {
border-top: 1px solid #dfe7ef;
margin: 24px auto;
max-width: 900px;
}
.footer-box {
max-width: 900px;
margin: 20px auto 0;
background-color: #fff8ef;
border: 1px solid #efc18a;
color: #2c3e50;
padding: 16px 20px;
border-radius: 10px;
}
.footer-box h3 {
color: #b8691f;
margin: 0 0 9px;
font-size: 1.02em;
line-height: 1.3;
}
.footer-box ul {
margin: 0;
padding-left: 22px;
}
.footer-box li {
margin-bottom: 5px;
line-height: 1.45;
}
.footer-box li:last-child {
margin-bottom: 0;
}
.footer-box a,
.divp a {
color: #1f6fb2;
text-decoration: none;
font-weight: 600;
}
.footer-box a:hover,
.divp a:hover {
text-decoration: underline;
}
.follow-us {
text-align: center;
margin-top: 20px;
color: #1f2937;
}
.follow-us h3 {
margin: 0 0 10px;
font-weight: 800;
letter-spacing: 0.5px;
line-height: 1.25;
}
.follow-us a {
color: #1f6fb2;
text-decoration: none;
margin: 0 10px;
font-size: 1.6em;
}
.follow-us a:hover {
color: #d88a32;
}
@media (max-width: 700px) {
.texto {
font-size: 1em;
line-height: 1.45;
}
.hero-eventos,
.intro-box,
.footer-box {
padding: 15px 16px;
}
.hero-eventos h2 {
font-size: 1.25em;
}
.event-summary {
display: block;
border-spacing: 0;
}
.summary-card {
display: block;
width: auto;
margin-bottom: 10px;
}
}
</style>
</head>
<body>
<div class="texto espacamento">
<br />
<div class="hero-eventos">
<h2><i class="fas fa-chart-line"></i> Evento #01 - XP Dobrada e Zen Aumentado</h2>
<p>Avance nos resets, fortaleça seus personagens e aproveite o bônus especial de julho no MUCABRASIL.</p>
</div>
<div class="intro-box">
<p>Quer avançar nos resets ou acumular aquele Zen extra para fortalecer seus personagens?</p>
<p>Prepare-se para um dos eventos mais aguardados: <strong>XP Dobrada + Zen Aumentado</strong>.</p>
<p>Durante o período do evento, todas as salas estarão com bônus especial de <strong>+100% de XP</strong> e <strong>+30% de Zen</strong>.</p>
<p>Chame seus amigos, forme sua party e aproveite ao máximo para evoluir!</p>
</div>
<div class="section-title">
<i class="fas fa-calendar-alt"></i> Cronograma do evento
</div>
<div class="event-summary">
<div class="summary-card">
<span class="summary-label"><i class="fas fa-hourglass-start"></i> Início</span>
<strong>01/07/2026 às 00:00</strong>
<small>GMT-3 - Horário de Brasília</small>
</div>
<div class="summary-card">
<span class="summary-label"><i class="fas fa-hourglass-end"></i> Término</span>
<strong>05/07/2026 às 23:59</strong>
<small>GMT-3 - Horário de Brasília</small>
</div>
<div class="summary-card bonus-card">
<span class="summary-label"><i class="fas fa-bolt"></i> Bônus ativo</span>
<div class="bonus-list">
<span class="bonus-pill">+100% XP</span>
<span class="bonus-pill">+30% Zen</span>
</div>
<small>Válido em todas as salas</small>
</div>
</div>
<div class="divider"></div>
<div class="footer-box">
<h3>Ainda não é um jogador do MUCABRASIL? <i class="fas fa-user-plus"></i></h3>
<ul>
<li>Crie sua conta em <a href="https://muca.me/cadastro" target="_blank">muca.me/cadastro</a>.</li>
<li>Baixe o jogo em <a href="https://muca.me/download" target="_blank">muca.me/download</a>.</li>
</ul>
</div>
</div>
</body>
</html>
Re: [Agendado] Calendário de Eventos Julho/2026
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Evento #02 - Boss Attack x2 - Julho/2025 - MUCABRASIL</title>
<!-- FontAwesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" crossorigin="anonymous">
<!-- Google Fonts: Roboto -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap " rel="stylesheet">
<style>
.texto {
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 1.05em;
line-height: 1.45;
margin: 0 auto;
max-width: 1000px;
color: #27313d;
}
.texto strong {
font-weight: 700;
}
.hero-eventos {
background: #111827;
color: #ffffff;
border-radius: 10px;
padding: 20px 24px;
margin: 22px auto 18px;
max-width: 900px;
position: relative;
}
.hero-eventos::after {
content: "";
position: absolute;
right: 0;
top: 18%;
bottom: 18%;
width: 2px;
background: linear-gradient(
to bottom,
transparent,
#d88a32 35%,
#d88a32 65%,
transparent
);
border-radius: 999px;
}
.hero-eventos h2 {
margin: 0 0 6px;
color: #ffffff;
font-size: 1.48em;
font-weight: 800;
letter-spacing: 0.2px;
line-height: 1.25;
}
.hero-eventos h2 i {
margin-right: 8px;
}
.hero-eventos p {
margin: 0;
color: #d7dde6;
font-size: 0.98em;
line-height: 1.4;
}
.intro-box {
max-width: 900px;
margin: 0 auto 20px;
background: #f7f9fb;
border: 1px solid #dfe7ef;
border-radius: 10px;
padding: 16px 22px;
color: #334155;
}
.intro-box p {
margin: 0 0 10px;
line-height: 1.5;
}
.intro-box p:last-child {
margin-bottom: 0;
}
.event-image {
max-width: 900px;
margin: 0 auto 20px;
text-align: center;
}
.event-image img {
max-width: 100%;
border-radius: 10px;
border: 1px solid #dfe7ef;
}
.section-title {
max-width: 900px;
margin: 24px auto 12px;
padding: 0 0 8px;
color: #1f2937;
font-weight: 800;
font-size: 1.18em;
border-bottom: 2px solid #d88a32;
line-height: 1.25;
}
.section-title i {
color: #d88a32;
margin-right: 7px;
}
.boss-grid {
max-width: 900px;
margin: 0 auto 10px;
display: flex;
gap: 10px;
width: 100%;
}
.boss-card {
flex: 1;
background: #ffffff;
border: 1px solid #dfe7ef;
border-radius: 10px;
padding: 12px 15px;
color: #263241;
font-weight: 600;
min-height: 46px;
display: flex;
align-items: center;
box-sizing: border-box;
}
.boss-card i {
color: #d88a32;
margin-right: 8px;
font-size: 0.95em;
}
.event-summary {
max-width: 900px;
margin: 0 auto 1.2em;
display: flex;
gap: 10px;
width: 100%;
}
.summary-card {
flex: 1;
background: #ffffff;
border: 1px solid #dfe7ef;
border-radius: 10px;
padding: 15px 17px;
color: #263241;
vertical-align: top;
box-sizing: border-box;
}
.summary-card strong {
display: block;
font-size: 1.02em;
margin: 7px 0 3px;
color: #111827;
line-height: 1.35;
}
.summary-card small {
display: block;
color: #64748b;
font-size: 0.88em;
line-height: 1.35;
}
.summary-label {
display: block;
color: #b8691f;
font-weight: 700;
font-size: 0.86em;
text-transform: uppercase;
letter-spacing: 0.3px;
line-height: 1.25;
}
.summary-label i {
margin-right: 6px;
}
.bonus-card {
background: #f8fbf6;
border-color: #cfe8c5;
flex: 1.15;
}
.bonus-list {
margin: 8px 0 6px;
line-height: 1.3;
display: flex;
flex-wrap: nowrap;
gap: 6px;
align-items: center;
}
.bonus-pill {
display: inline-flex;
align-items: center;
justify-content: center;
background: #DFF3D6;
color: #2F6B1F;
padding: 4px 8px;
border-radius: 20px;
font-weight: 700;
font-size: 0.86em;
line-height: 1.2;
white-space: nowrap;
}
.info-box {
max-width: 900px;
margin: 0 auto 20px;
background: #fff8ef;
border: 1px solid #efc18a;
color: #2c3e50;
padding: 16px 20px;
border-radius: 10px;
}
.info-box p {
margin: 0 0 10px;
line-height: 1.5;
}
.info-box p:last-child {
margin-bottom: 0;
}
.info-box strong {
color: #b8691f;
}
.espacamento {
margin-top: 18px;
}
.divider {
border-top: 1px solid #dfe7ef;
margin: 24px auto;
max-width: 900px;
}
.footer-box {
max-width: 900px;
margin: 20px auto 0;
background-color: #fff8ef;
border: 1px solid #efc18a;
color: #2c3e50;
padding: 16px 20px;
border-radius: 10px;
}
.footer-box h3 {
color: #b8691f;
margin: 0 0 9px;
font-size: 1.02em;
line-height: 1.3;
}
.footer-box ul {
margin: 0;
padding-left: 22px;
}
.footer-box li {
margin-bottom: 5px;
line-height: 1.45;
}
.footer-box li:last-child {
margin-bottom: 0;
}
.footer-box a {
color: #1f6fb2;
text-decoration: none;
font-weight: 600;
}
.footer-box a:hover {
text-decoration: underline;
}
.follow-us {
text-align: center;
margin-top: 20px;
color: #1f2937;
}
.follow-us h3 {
margin: 0 0 10px;
font-weight: 800;
letter-spacing: 0.5px;
line-height: 1.25;
}
.follow-us a {
color: #1f6fb2;
text-decoration: none;
margin: 0 10px;
font-size: 1.6em;
}
.follow-us a:hover {
color: #d88a32;
}
@media (max-width: 700px) {
.texto {
font-size: 1em;
line-height: 1.45;
}
.hero-eventos,
.intro-box,
.footer-box,
.info-box {
padding: 15px 16px;
}
.hero-eventos h2 {
font-size: 1.25em;
}
.event-summary,
.boss-grid {
display: block;
}
.summary-card,
.boss-card {
width: auto;
margin-bottom: 10px;
}
.bonus-card {
flex: 1;
}
.bonus-list {
flex-wrap: wrap;
}
}
</style>
</head>
<body>
<div class="texto espacamento">
<br />
<div class="hero-eventos">
<h2><i class="fas fa-dragon"></i> Evento #02 - Boss Attack x2</h2>
<p>Prepare sua party para enfrentar bosses em dobro durante o evento especial de julho no MUCABRASIL.</p>
</div>
<div class="intro-box">
<p>Prepare sua party, pois os poderosos bosses do <strong>MUCABRASIL</strong> estão prontos para o desafio!</p>
<p>Durante o evento, cada caçada ficará ainda mais emocionante, com aumento na quantidade de bosses disponíveis para enfrentar.</p>
<p>A quantidade de bosses será multiplicada por <strong>2</strong>, tornando as caçadas mais desafiadoras e ainda mais gratificantes.</p>
</div>
<div class="event-image">
<img src="https://i.imgur.com/pedVqdq.png" alt="Boss Attack x2 - MUCABRASIL">
</div>
<div class="section-title">
<i class="fas fa-dragon"></i> Bosses disponíveis
</div>
<div class="boss-grid">
<div class="boss-card"><i class="fas fa-skull-crossbones"></i> Kundun</div>
<div class="boss-card"><i class="fas fa-skull-crossbones"></i> Illusion of Kundun</div>
<div class="boss-card"><i class="fas fa-skull-crossbones"></i> Hell Maine</div>
</div>
<div class="boss-grid">
<div class="boss-card"><i class="fas fa-skull-crossbones"></i> Genocider</div>
<div class="boss-card"><i class="fas fa-skull-crossbones"></i> Phoenix of Darkness</div>
<div class="boss-card"><i class="fas fa-skull-crossbones"></i> Death Beam Knight</div>
</div>
<div class="boss-grid">
<div class="boss-card"><i class="fas fa-skull-crossbones"></i> Hydra</div>
<div class="boss-card"><i class="fas fa-skull-crossbones"></i> Super Red Dragon</div>
<div class="boss-card"><i class="fas fa-skull-crossbones"></i> Erohim</div>
</div>
<div class="section-title">
<i class="fas fa-info-circle"></i> Informações do evento
</div>
<div class="info-box">
<p>O tempo de ressurgimento dos bosses será de <strong>8 a 12 horas</strong>.</p>
<p>Os anúncios serão exibidos em todos os mapas, ajudando os jogadores a se prepararem para cada batalha.</p>
<p>Forme sua party, organize sua guild e fique atento aos anúncios para não perder nenhuma caçada.</p>
</div>
<div class="section-title">
<i class="fas fa-calendar-alt"></i> Cronograma do evento
</div>
<div class="event-summary">
<div class="summary-card">
<span class="summary-label"><i class="fas fa-hourglass-start"></i> Início</span>
<strong>06/07/2026 às 00:00</strong>
<small>GMT-3 - Horário de Brasília</small>
</div>
<div class="summary-card">
<span class="summary-label"><i class="fas fa-hourglass-end"></i> Término</span>
<strong>10/07/2026 às 23:59</strong>
<small>GMT-3 - Horário de Brasília</small>
</div>
<div class="summary-card bonus-card">
<span class="summary-label"><i class="fas fa-bolt"></i> Evento ativo</span>
<div class="bonus-list">
<span class="bonus-pill">Boss Attack x2</span>
<span class="bonus-pill">Respawn 8 a 12h</span>
</div>
<small>Anúncios em todos os mapas</small>
</div>
</div>
<div class="divider"></div>
<div class="footer-box">
<h3>Ainda não é um jogador do MUCABRASIL? <i class="fas fa-user-plus"></i></h3>
<ul>
<li>Crie sua conta em <a href="https://muca.me/cadastro" target="_blank">muca.me/cadastro</a>.</li>
<li>Baixe o jogo em <a href="https://muca.me/download" target="_blank">muca.me/download</a>.</li>
</ul>
</div>
</div>
</body>
</html>
Re: [Agendado] Calendário de Eventos Julho/2026
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>Evento #03 - Rate Especial - Julho/2025 - MUCABRASIL</title>
<!-- FontAwesome -->
<link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" rel="stylesheet"/>
<!-- Google Fonts: Roboto -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display= swap" rel="stylesheet"/>
<style>
.texto {
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 1.05em;
line-height: 1.45;
margin: 0 auto;
max-width: 1000px;
color: #27313d;
}
.texto strong {
font-weight: 700;
}
.hero-eventos {
background: #111827;
color: #ffffff;
border-radius: 10px;
padding: 20px 24px;
margin: 22px auto 18px;
max-width: 900px;
position: relative;
}
.hero-eventos::after {
content: "";
position: absolute;
right: 0;
top: 18%;
bottom: 18%;
width: 2px;
background: linear-gradient(
to bottom,
transparent,
#d88a32 35%,
#d88a32 65%,
transparent
);
border-radius: 999px;
}
.hero-eventos h2 {
margin: 0 0 6px;
color: #ffffff;
font-size: 1.48em;
font-weight: 800;
letter-spacing: 0.2px;
line-height: 1.25;
}
.hero-eventos p {
margin: 0;
color: #d7dde6;
font-size: 0.98em;
line-height: 1.4;
}
.intro-box {
max-width: 900px;
margin: 0 auto 20px;
background: #f7f9fb;
border: 1px solid #dfe7ef;
border-radius: 10px;
padding: 16px 22px;
color: #334155;
}
.intro-box p {
margin: 0 0 10px;
line-height: 1.5;
}
.intro-box p:last-child {
margin-bottom: 0;
}
.event-summary {
max-width: 900px;
margin: 0 auto 1.2em;
display: flex;
gap: 10px;
width: 100%;
}
.summary-card {
flex: 1;
background: #ffffff;
border: 1px solid #dfe7ef;
border-radius: 10px;
padding: 15px 17px;
color: #263241;
box-sizing: border-box;
}
.summary-card strong {
display: block;
font-size: 1.02em;
margin: 7px 0 3px;
color: #111827;
line-height: 1.35;
}
.summary-card small {
display: block;
color: #64748b;
font-size: 0.88em;
line-height: 1.35;
}
.summary-label {
display: block;
color: #b8691f;
font-weight: 700;
font-size: 0.86em;
text-transform: uppercase;
letter-spacing: 0.3px;
line-height: 1.25;
}
.summary-label i {
margin-right: 6px;
}
.bonus-card {
background: #f8fbf6;
border-color: #cfe8c5;
flex: 1.15;
}
.bonus-list {
margin: 8px 0 6px;
line-height: 1.3;
display: flex;
flex-wrap: nowrap;
gap: 6px;
align-items: center;
}
.bonus-pill {
display: inline-flex;
align-items: center;
justify-content: center;
background: #DFF3D6;
color: #2F6B1F;
padding: 4px 8px;
border-radius: 20px;
font-weight: 700;
font-size: 0.86em;
line-height: 1.2;
white-space: nowrap;
}
.update-notice {
max-width: 900px;
margin: 0 auto 20px;
background: #fff4e6;
border: 1px solid #efb066;
border-left: 5px solid #d88a32;
color: #2c3e50;
padding: 15px 18px;
border-radius: 10px;
box-sizing: border-box;
}
.update-notice p {
margin: 0;
line-height: 1.5;
}
.update-notice i {
color: #d88a32;
margin-right: 7px;
}
.update-notice strong {
color: #9a5417;
}
.section-title {
max-width: 900px;
margin: 24px auto 12px;
padding: 0 0 8px;
color: #1f2937;
font-weight: 800;
font-size: 1.18em;
border-bottom: 2px solid #d88a32;
line-height: 1.25;
}
.divp {
color: #435266;
padding: 3px;
}
.divp table {
margin: 0 auto 1.2em;
max-width: 900px;
width: 100%;
background: #ffffff;
border-radius: 10px;
overflow: hidden;
border: 1px solid #dfe7ef;
border-collapse: separate;
border-spacing: 0;
}
.divp td,
.divp th {
padding: 0.78em 1em;
border: none;
text-align: center;
vertical-align: middle;
line-height: 1.35;
}
.divp th {
background-color: #1f2937;
font-weight: 700;
color: #ffffff;
white-space: nowrap;
font-size: 0.88em;
letter-spacing: 0.3px;
text-transform: uppercase;
}
.divp tbody tr:nth-child(2n-1) {
background-color: #ffffff;
}
.divp tbody tr:nth-child(2n) {
background-color: #f3f6f9;
}
.divp tbody tr:hover {
background-color: #fff4e6;
}
.divp td:first-child {
text-align: left;
font-weight: 500;
color: #263241;
}
.rate-pill {
display: inline-block;
background: #DFF3D6;
color: #2F6B1F;
padding: 4px 9px;
border-radius: 20px;
font-weight: 700;
font-size: 0.9em;
line-height: 1.25;
white-space: nowrap;
margin: 2px;
}
.tutorial-box {
max-width: 900px;
margin: 0 auto 20px;
background: #f7f9fb;
border: 1px solid #dfe7ef;
color: #334155;
padding: 14px 18px;
border-radius: 10px;
}
.tutorial-box p {
margin: 0;
line-height: 1.45;
}
.tutorial-box i {
color: #d88a32;
margin-right: 6px;
}
.tutorial-box a {
color: #1f6fb2;
text-decoration: none;
font-weight: 600;
}
.tutorial-box a:hover {
text-decoration: underline;
}
.espacamento {
margin-top: 18px;
}
.divider {
border-top: 1px solid #dfe7ef;
margin: 24px auto;
max-width: 900px;
}
.footer-box {
max-width: 900px;
margin: 20px auto 0;
background-color: #fff8ef;
border: 1px solid #efc18a;
color: #2c3e50;
padding: 16px 20px;
border-radius: 10px;
}
.footer-box h3 {
color: #b8691f;
margin: 0 0 9px;
font-size: 1.02em;
line-height: 1.3;
}
.footer-box ul {
margin: 0;
padding-left: 22px;
}
.footer-box li {
margin-bottom: 5px;
line-height: 1.45;
}
.footer-box li:last-child {
margin-bottom: 0;
}
.footer-box a,
.divp a {
color: #1f6fb2;
text-decoration: none;
font-weight: 600;
}
.footer-box a:hover,
.divp a:hover {
text-decoration: underline;
}
.follow-us {
text-align: center;
margin-top: 20px;
color: #1f2937;
}
.follow-us h3 {
margin: 0 0 10px;
font-weight: 800;
letter-spacing: 0.5px;
line-height: 1.25;
}
.follow-us a {
color: #1f6fb2;
text-decoration: none;
margin: 0 10px;
font-weight: 700;
}
.follow-us a:hover {
color: #d88a32;
}
@media (max-width: 700px) {
.texto {
font-size: 1em;
line-height: 1.45;
}
.hero-eventos,
.intro-box,
.footer-box,
.tutorial-box {
padding: 15px 16px;
}
.hero-eventos h2 {
font-size: 1.25em;
}
.event-summary {
display: block;
}
.summary-card {
width: auto;
margin-bottom: 10px;
}
.bonus-card {
flex: 1;
}
.bonus-list {
flex-wrap: wrap;
}
.divp table {
font-size: 0.92em;
}
.divp td,
.divp th {
padding: 0.7em 0.65em;
}
}
</style>
</head>
<body>
<div class="texto espacamento">
<br/>
<div class="hero-eventos">
<h2>Evento #03 - Rate Especial</h2>
<p>Aproveite dois dias de chances aumentadas em combinações da Chaos Machine e outros NPCs similares no MUCABRASIL.</p>
</div>
<div class="intro-box">
<p>Durante dois dias, a chance de sucesso de algumas combinações da <strong>Chaos Machine</strong> e de outros NPCs similares estará aumentada.</p>
<p>Este é um evento muito aguardado pelos jogadores, então junte seus ingredientes, organize seus itens e aproveite essa oportunidade.</p>
</div>
<div class="update-notice">
<p><i class="fas fa-exclamation-triangle"></i><strong>Atenção:</strong> para visualizar as porcentagens atualizadas dentro do jogo, é necessário fechar e abrir o cliente novamente.</p>
</div>
<div class="section-title">
Chaos Machine - Rate Especial
</div>
<div class="divp espacamento">
<table align="center">
<thead>
<tr>
<th>Combinação</th>
<th>Taxa de sucesso</th>
</tr>
</thead>
<tbody>
<tr>
<td>Dinorant</td>
<td><span class="rate-pill">80%</span></td>
</tr>
<tr>
<td>Item +12</td>
<td>
<span class="rate-pill">70% sem sorte</span>
<span class="rate-pill">90% com sorte</span>
</td>
</tr>
<tr>
<td>Item +13</td>
<td>
<span class="rate-pill">60% sem sorte</span>
<span class="rate-pill">80% com sorte</span>
</td>
</tr>
<tr>
<td>Asa Level 1</td>
<td><span class="rate-pill">70%</span></td>
</tr>
<tr>
<td>Asa Level 2 / Capa</td>
<td><span class="rate-pill">60%</span></td>
</tr>
</tbody>
</table>
</div>
<div class="section-title">
Fenrir - Bônus
</div>
<div class="divp espacamento">
<table align="center">
<thead>
<tr>
<th>Combinação</th>
<th>Taxa de sucesso</th>
</tr>
</thead>
<tbody>
<tr>
<td>Fragment of Horn</td>
<td><span class="rate-pill">80%</span></td>
</tr>
<tr>
<td>Broken Horn</td>
<td><span class="rate-pill">70%</span></td>
</tr>
<tr>
<td>Horn of Fenrir</td>
<td><span class="rate-pill">65%</span></td>
</tr>
<tr>
<td>Upgrade Fenrir</td>
<td><span class="rate-pill">79%</span></td>
</tr>
</tbody>
</table>
</div>
<div class="tutorial-box">
<p><i class="fas fa-book"></i> Tutorial: <a href="https://forum.mucabrasil.com.br/threads/54" target="_blank">Como criar ou evoluir o Fenrir</a></p>
</div>
<div class="section-title">
Torre de Refinação / Refining - Rate Especial
</div>
<div class="divp espacamento">
<table align="center">
<thead>
<tr>
<th>Combinação</th>
<th>Taxa de sucesso</th>
</tr>
</thead>
<tbody>
<tr>
<td>Refinamento de Gemstone</td>
<td><span class="rate-pill">60%</span></td>
</tr>
</tbody>
</table>
</div>
<div class="tutorial-box">
<p><i class="fas fa-book"></i> Tutorial: <a href="https://forum.mucabrasil.com.br/threads/70" target="_blank">Torre de refinação / Jewel of Harmony</a></p>
</div>
<div class="section-title">
Cronograma do evento
</div>
<div class="event-summary">
<div class="summary-card">
<span class="summary-label"><i class="fas fa-hourglass-start"></i> Início</span>
<strong>11/07/2026 às 00:00</strong>
<small>GMT-3 - Horário de Brasília</small>
</div>
<div class="summary-card">
<span class="summary-label"><i class="fas fa-hourglass-end"></i> Término</span>
<strong>12/07/2026 às 23:59</strong>
<small>GMT-3 - Horário de Brasília</small>
</div>
<div class="summary-card bonus-card">
<span class="summary-label"><i class="fas fa-bolt"></i> Evento</span>
<div class="bonus-list">
<span class="bonus-pill">Rate Especial</span>
<span class="bonus-pill">Chaos Machine</span>
</div>
<small>Combinações com chances aumentadas</small>
</div>
</div>
<div class="divider"></div>
<div class="footer-box">
<h3>Ainda não é um jogador do MUCABRASIL?</h3>
<ul>
<li>Crie sua conta em <a href="https://muca.me/cadastro" target="_blank">muca.me/cadastro</a>.</li>
<li>Baixe o jogo em <a href="https://muca.me/download" target="_blank">muca.me/download</a>.</li>
</ul>
</div>
</div>
</body>
</html>
Re: [Agendado] Calendário de Eventos Julho/2026
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Evento #04 - Drop Especial de Creations - Julho/2025 - MUCABRASIL</title>
<!-- FontAwesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" crossorigin="anonymous">
<!-- Google Fonts: Roboto -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap " rel="stylesheet">
<style>
.texto {
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 1.05em;
line-height: 1.45;
margin: 0 auto;
max-width: 1000px;
color: #27313d;
}
.texto strong {
font-weight: 700;
}
.hero-eventos {
background: #111827;
color: #ffffff;
border-radius: 10px;
padding: 20px 24px;
margin: 22px auto 18px;
max-width: 900px;
position: relative;
}
.hero-eventos::after {
content: "";
position: absolute;
right: 0;
top: 18%;
bottom: 18%;
width: 2px;
background: linear-gradient(
to bottom,
transparent,
#d88a32 35%,
#d88a32 65%,
transparent
);
border-radius: 999px;
}
.hero-eventos h2 {
margin: 0 0 6px;
color: #ffffff;
font-size: 1.48em;
font-weight: 800;
letter-spacing: 0.2px;
line-height: 1.25;
}
.hero-eventos p {
margin: 0;
color: #d7dde6;
font-size: 0.98em;
line-height: 1.4;
}
.intro-box {
max-width: 900px;
margin: 0 auto 20px;
background: #f7f9fb;
border: 1px solid #dfe7ef;
border-radius: 10px;
padding: 16px 22px;
color: #334155;
}
.intro-box p {
margin: 0 0 10px;
line-height: 1.5;
}
.intro-box p:last-child {
margin-bottom: 0;
}
.section-title {
max-width: 900px;
margin: 24px auto 12px;
padding: 0 0 8px;
color: #1f2937;
font-weight: 800;
font-size: 1.18em;
border-bottom: 2px solid #d88a32;
line-height: 1.25;
}
.event-summary {
max-width: 900px;
margin: 0 auto 1.2em;
display: flex;
gap: 10px;
width: 100%;
}
.summary-card {
flex: 1;
background: #ffffff;
border: 1px solid #dfe7ef;
border-radius: 10px;
padding: 15px 17px;
color: #263241;
box-sizing: border-box;
}
.summary-card strong {
display: block;
font-size: 1.02em;
margin: 7px 0 3px;
color: #111827;
line-height: 1.35;
}
.summary-card small {
display: block;
color: #64748b;
font-size: 0.88em;
line-height: 1.35;
}
.summary-label {
display: block;
color: #b8691f;
font-weight: 700;
font-size: 0.86em;
text-transform: uppercase;
letter-spacing: 0.3px;
line-height: 1.25;
}
.summary-label i {
margin-right: 6px;
}
.bonus-card {
background: #f8fbf6;
border-color: #cfe8c5;
flex: 1.15;
}
.bonus-list {
margin: 8px 0 6px;
line-height: 1.3;
display: flex;
flex-wrap: nowrap;
gap: 6px;
align-items: center;
}
.bonus-pill {
display: inline-flex;
align-items: center;
justify-content: center;
background: #DFF3D6;
color: #2F6B1F;
padding: 4px 8px;
border-radius: 20px;
font-weight: 700;
font-size: 0.86em;
line-height: 1.2;
white-space: nowrap;
}
.info-box {
max-width: 900px;
margin: 0 auto 20px;
background: #fff8ef;
border: 1px solid #efc18a;
color: #2c3e50;
padding: 16px 20px;
border-radius: 10px;
}
.info-box p {
margin: 0 0 10px;
line-height: 1.5;
}
.info-box p:last-child {
margin-bottom: 0;
}
.info-box strong {
color: #b8691f;
}
.maps-box {
max-width: 900px;
margin: 0 auto 20px;
background: #ffffff;
border: 1px solid #dfe7ef;
border-radius: 10px;
padding: 16px 20px;
box-sizing: border-box;
}
.maps-box p {
margin: 0 0 12px;
color: #334155;
line-height: 1.5;
}
.maps-grid {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 10px;
}
.map-pill {
display: inline-flex;
align-items: center;
background: #f7f9fb;
border: 1px solid #dfe7ef;
color: #263241;
padding: 7px 12px;
border-radius: 20px;
font-weight: 700;
font-size: 0.92em;
line-height: 1.2;
}
.map-pill i {
color: #d88a32;
margin-right: 6px;
}
.room-warning {
max-width: 900px;
margin: 0 auto 20px;
background: #fff1f2;
border: 1px solid #f3a6ad;
border-left: 4px solid #c93645;
color: #7f1d2d;
padding: 14px 18px;
border-radius: 10px;
box-sizing: border-box;
}
.room-warning p {
margin: 0;
line-height: 1.5;
font-weight: 600;
}
.room-warning i {
color: #c93645;
margin-right: 7px;
}
.tutorial-box {
max-width: 900px;
margin: 0 auto 20px;
background: #f7f9fb;
border: 1px solid #dfe7ef;
color: #334155;
padding: 14px 18px;
border-radius: 10px;
}
.tutorial-box p {
margin: 0;
line-height: 1.45;
}
.tutorial-box i {
color: #d88a32;
margin-right: 6px;
}
.tutorial-box a {
color: #1f6fb2;
text-decoration: none;
font-weight: 600;
}
.tutorial-box a:hover {
text-decoration: underline;
}
.espacamento {
margin-top: 18px;
}
.divider {
border-top: 1px solid #dfe7ef;
margin: 24px auto;
max-width: 900px;
}
.footer-box {
max-width: 900px;
margin: 20px auto 0;
background-color: #fff8ef;
border: 1px solid #efc18a;
color: #2c3e50;
padding: 16px 20px;
border-radius: 10px;
}
.footer-box h3 {
color: #b8691f;
margin: 0 0 9px;
font-size: 1.02em;
line-height: 1.3;
}
.footer-box ul {
margin: 0;
padding-left: 22px;
}
.footer-box li {
margin-bottom: 5px;
line-height: 1.45;
}
.footer-box li:last-child {
margin-bottom: 0;
}
.footer-box a {
color: #1f6fb2;
text-decoration: none;
font-weight: 600;
}
.footer-box a:hover {
text-decoration: underline;
}
.follow-us {
text-align: center;
margin-top: 20px;
color: #1f2937;
}
.follow-us h3 {
margin: 0 0 10px;
font-weight: 800;
letter-spacing: 0.5px;
line-height: 1.25;
}
.follow-us a {
color: #1f6fb2;
text-decoration: none;
margin: 0 10px;
font-weight: 700;
}
.follow-us a:hover {
color: #d88a32;
}
@media (max-width: 700px) {
.texto {
font-size: 1em;
line-height: 1.45;
}
.hero-eventos,
.intro-box,
.footer-box,
.info-box,
.maps-box {
max-width: 900px;
margin: 0 auto 20px;
background: #ffffff;
border: 1px solid #dfe7ef;
border-radius: 10px;
padding: 16px 20px;
box-sizing: border-box;
}
.maps-box p {
margin: 0 0 12px;
color: #334155;
line-height: 1.5;
}
.maps-grid {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 10px;
}
.map-pill {
display: inline-flex;
align-items: center;
background: #f7f9fb;
border: 1px solid #dfe7ef;
color: #263241;
padding: 7px 12px;
border-radius: 20px;
font-weight: 700;
font-size: 0.92em;
line-height: 1.2;
}
.map-pill i {
color: #d88a32;
margin-right: 6px;
}
.room-warning {
max-width: 900px;
margin: 0 auto 20px;
background: #fff1f2;
border: 1px solid #f3a6ad;
border-left: 4px solid #c93645;
color: #7f1d2d;
padding: 14px 18px;
border-radius: 10px;
box-sizing: border-box;
}
.room-warning p {
margin: 0;
line-height: 1.5;
font-weight: 600;
}
.room-warning i {
color: #c93645;
margin-right: 7px;
}
.tutorial-box {
padding: 15px 16px;
}
.hero-eventos h2 {
font-size: 1.25em;
}
.maps-box,
.room-warning {
padding: 14px 16px;
}
.maps-grid {
gap: 7px;
}
.map-pill {
font-size: 0.88em;
padding: 6px 10px;
}
.event-summary {
display: block;
}
.summary-card {
width: auto;
margin-bottom: 10px;
}
.bonus-card {
flex: 1;
}
.bonus-list {
flex-wrap: wrap;
}
}
</style>
</head>
<body>
<div class="texto espacamento">
<br />
<div class="hero-eventos">
<h2>Evento #04 - Drop Especial de Creations</h2>
<p>Aproveite o período especial para acumular Creations e se preparar para o leilão especial deste mês no MUCABRASIL.</p>
</div>
<div class="intro-box">
<p>Aproveite o evento de <strong>Drop Especial de Creations</strong> para acumular mais Creations e se preparar para o nosso leilão especial deste mês.</p>
<p>Durante o período do evento, todas as salas e mapas que já possuem drop de Creations terão esse drop aumentado.</p>
<p>Não será adicionado drop de Creations em mapas que nunca tiveram esse drop.</p>
</div>
<div class="section-title">
Informações do evento
</div>
<div class="info-box">
<p><strong>Importante:</strong> o aumento será aplicado apenas nos locais onde o drop de Creations já existe normalmente.</p>
<p>Organize sua rotina de farm, chame sua party e aproveite o período para juntar Creations antes do leilão especial.</p>
</div>
<div class="section-title">
Mapas com drop de Creations
</div>
<div class="maps-box">
<p>Durante o evento, o aumento do drop de Creations estará ativo nos seguintes mapas:</p>
<div class="maps-grid">
<span class="map-pill"><i class="fas fa-map-marker-alt"></i> Tarkan</span>
<span class="map-pill"><i class="fas fa-map-marker-alt"></i> Icarus</span>
<span class="map-pill"><i class="fas fa-map-marker-alt"></i> Kalima 4</span>
<span class="map-pill"><i class="fas fa-map-marker-alt"></i> Kalima 6</span>
<span class="map-pill"><i class="fas fa-map-marker-alt"></i> Aida</span>
<span class="map-pill"><i class="fas fa-map-marker-alt"></i> Kalima 7</span>
<span class="map-pill"><i class="fas fa-map-marker-alt"></i> Kanturu</span>
<span class="map-pill"><i class="fas fa-map-marker-alt"></i> Kanturu 3</span>
</div>
</div>
<div class="room-warning">
<p><i class="fas fa-exclamation-triangle"></i> <strong>Atenção:</strong> na Sala 1 não há drop de joias.</p>
</div>
<div class="tutorial-box">
<p><i class="fas fa-book"></i> Tutorial: <a href="https://forum.mucabrasil.com.br/threads/26" target="_blank">Como converter suas Creations em Creations virtuais</a></p>
</div>
<div class="section-title">
Cronograma do evento
</div>
<div class="event-summary">
<div class="summary-card">
<span class="summary-label"><i class="fas fa-hourglass-start"></i> Início</span>
<strong>13/07/2026 às 00:00</strong>
<small>GMT-3 - Horário de Brasília</small>
</div>
<div class="summary-card">
<span class="summary-label"><i class="fas fa-hourglass-end"></i> Término</span>
<strong>17/07/2026 às 23:59</strong>
<small>GMT-3 - Horário de Brasília</small>
</div>
<div class="summary-card bonus-card">
<span class="summary-label"><i class="fas fa-bolt"></i> Evento</span>
<div class="bonus-list">
<span class="bonus-pill">Drop Especial Creations</span>
</div>
<small>Drop aumentado em locais já existentes</small>
</div>
</div>
<div class="divider"></div>
<div class="footer-box">
<h3>Ainda não é um jogador do MUCABRASIL?</h3>
<ul>
<li>Crie sua conta em <a href="https://muca.me/cadastro" target="_blank">muca.me/cadastro</a>.</li>
<li>Baixe o jogo em <a href="https://muca.me/download" target="_blank">muca.me/download</a>.</li>
</ul>
</div>
</div>
</body>
</html>
Re: [Agendado] Calendário de Eventos Julho/2026
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Evento #06 - Blood Castle Especial - Julho/2025 - MUCABRASIL</title>
<!-- FontAwesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" crossorigin="anonymous">
<!-- Google Fonts: Roboto -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap " rel="stylesheet">
<style>
.texto {
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 1.05em;
line-height: 1.45;
margin: 0 auto;
max-width: 1000px;
color: #27313d;
}
.texto strong {
font-weight: 700;
}
.hero-eventos {
background: #111827;
color: #ffffff;
border-radius: 10px;
padding: 20px 24px;
margin: 22px auto 18px;
max-width: 900px;
position: relative;
}
.hero-eventos::after {
content: "";
position: absolute;
right: 0;
top: 18%;
bottom: 18%;
width: 2px;
background: linear-gradient(
to bottom,
transparent,
#d88a32 35%,
#d88a32 65%,
transparent
);
border-radius: 999px;
}
.hero-eventos h2 {
margin: 0 0 6px;
color: #ffffff;
font-size: 1.48em;
font-weight: 800;
letter-spacing: 0.2px;
line-height: 1.25;
}
.hero-eventos p {
margin: 0;
color: #d7dde6;
font-size: 0.98em;
line-height: 1.4;
}
.intro-box {
max-width: 900px;
margin: 0 auto 20px;
background: #f7f9fb;
border: 1px solid #dfe7ef;
border-radius: 10px;
padding: 16px 22px;
color: #334155;
}
.intro-box p {
margin: 0 0 10px;
line-height: 1.5;
}
.intro-box p:last-child {
margin-bottom: 0;
}
.section-title {
max-width: 900px;
margin: 24px auto 12px;
padding: 0 0 8px;
color: #1f2937;
font-weight: 800;
font-size: 1.18em;
border-bottom: 2px solid #d88a32;
line-height: 1.25;
}
.info-box {
max-width: 900px;
margin: 0 auto 20px;
background: #fff8ef;
border: 1px solid #efc18a;
color: #2c3e50;
padding: 16px 20px;
border-radius: 10px;
}
.info-box p {
margin: 0 0 10px;
line-height: 1.5;
}
.info-box p:last-child {
margin-bottom: 0;
}
.info-box strong {
color: #b8691f;
}
.feature-grid {
max-width: 900px;
margin: 0 auto 20px;
display: flex;
gap: 10px;
width: 100%;
}
.feature-card {
flex: 1;
background: #ffffff;
border: 1px solid #dfe7ef;
border-radius: 10px;
padding: 15px 17px;
color: #263241;
box-sizing: border-box;
}
.feature-card strong {
display: block;
color: #111827;
font-size: 1.02em;
margin-bottom: 6px;
}
.feature-card p {
margin: 0;
color: #435266;
line-height: 1.45;
}
.event-summary {
max-width: 900px;
margin: 0 auto 1.2em;
display: flex;
gap: 10px;
width: 100%;
}
.summary-card {
flex: 1;
background: #ffffff;
border: 1px solid #dfe7ef;
border-radius: 10px;
padding: 15px 17px;
color: #263241;
box-sizing: border-box;
}
.summary-card strong {
display: block;
font-size: 1.02em;
margin: 7px 0 3px;
color: #111827;
line-height: 1.35;
}
.summary-card small {
display: block;
color: #64748b;
font-size: 0.88em;
line-height: 1.35;
}
.summary-label {
display: block;
color: #b8691f;
font-weight: 700;
font-size: 0.86em;
text-transform: uppercase;
letter-spacing: 0.3px;
line-height: 1.25;
}
.summary-label i {
margin-right: 6px;
}
.bonus-card {
background: #f8fbf6;
border-color: #cfe8c5;
flex: 1.15;
}
.bonus-list {
margin: 8px 0 6px;
line-height: 1.3;
display: flex;
flex-wrap: nowrap;
gap: 6px;
align-items: center;
}
.bonus-pill {
display: inline-flex;
align-items: center;
justify-content: center;
background: #DFF3D6;
color: #2F6B1F;
padding: 4px 8px;
border-radius: 20px;
font-weight: 700;
font-size: 0.86em;
line-height: 1.2;
white-space: nowrap;
}
.tutorial-box {
max-width: 900px;
margin: 0 auto 20px;
background: #f7f9fb;
border: 1px solid #dfe7ef;
color: #334155;
padding: 14px 18px;
border-radius: 10px;
}
.tutorial-box p {
margin: 0;
line-height: 1.45;
}
.tutorial-box i {
color: #d88a32;
margin-right: 6px;
}
.tutorial-box a {
color: #1f6fb2;
text-decoration: none;
font-weight: 600;
}
.tutorial-box a:hover {
text-decoration: underline;
}
.espacamento {
margin-top: 18px;
}
.divider {
border-top: 1px solid #dfe7ef;
margin: 24px auto;
max-width: 900px;
}
.footer-box {
max-width: 900px;
margin: 20px auto 0;
background-color: #fff8ef;
border: 1px solid #efc18a;
color: #2c3e50;
padding: 16px 20px;
border-radius: 10px;
}
.footer-box h3 {
color: #b8691f;
margin: 0 0 9px;
font-size: 1.02em;
line-height: 1.3;
}
.footer-box ul {
margin: 0;
padding-left: 22px;
}
.footer-box li {
margin-bottom: 5px;
line-height: 1.45;
}
.footer-box li:last-child {
margin-bottom: 0;
}
.footer-box a {
color: #1f6fb2;
text-decoration: none;
font-weight: 600;
}
.footer-box a:hover {
text-decoration: underline;
}
.follow-us {
text-align: center;
margin-top: 20px;
color: #1f2937;
}
.follow-us h3 {
margin: 0 0 10px;
font-weight: 800;
letter-spacing: 0.5px;
line-height: 1.25;
}
.follow-us a {
color: #1f6fb2;
text-decoration: none;
margin: 0 10px;
font-weight: 700;
}
.follow-us a:hover {
color: #d88a32;
}
@media (max-width: 700px) {
.texto {
font-size: 1em;
line-height: 1.45;
}
.hero-eventos,
.intro-box,
.footer-box,
.info-box,
.tutorial-box {
padding: 15px 16px;
}
.hero-eventos h2 {
font-size: 1.25em;
}
.event-summary,
.feature-grid {
display: block;
}
.summary-card,
.feature-card {
width: auto;
margin-bottom: 10px;
}
.bonus-card {
flex: 1;
}
.bonus-list {
flex-wrap: wrap;
}
}
</style>
</head>
<body>
<div class="texto espacamento">
<br />
<div class="hero-eventos">
<h2>Evento #06 - Blood Castle Especial</h2>
<p>Participe de uma semana especial de Blood Castle com entradas mais frequentes e premiações dobradas no MUCABRASIL.</p>
</div>
<div class="intro-box">
<p>Prepare-se para uma semana intensa no <strong>MUCABRASIL</strong>.</p>
<p>Durante o período do evento, o <strong>Blood Castle</strong> receberá melhorias especiais para tornar a disputa ainda mais movimentada.</p>
<p>Com o tempo de espera reduzido e premiações dobradas, esta é uma ótima oportunidade para participar mais vezes e buscar recompensas melhores.</p>
</div>
<div class="section-title">
Detalhes do Devil Square Especial
</div>
<div class="feature-grid">
<div class="feature-card">
<strong>Recompensas dobradas</strong>
<p>As recompensas de todos os Blood Castle estarão dobradas durante o período do evento. Inclusive o ZEN</p>
</div>
<div class="feature-card">
<strong>Evento por período limitado</strong>
<p>Aproveite os dias especiais para participar mais vezes e buscar os melhores resultados.</p>
</div>
</div>
<div class="info-box">
<p><strong>Organize sua entrada com antecedência.</strong></p>
<p>Fique atento aos horários, prepare seus convites e aproveite o período especial para participar do Blood Castle mais vezes.</p>
</div>
<div class="tutorial-box">
<p><i class="fas fa-book"></i> Tutorial: <a href="https://muca.me/bc" target="_blank">Funcionamento e drops do Blood Castle</a></p>
</div>
<div class="section-title">
Cronograma do evento
</div>
<div class="event-summary">
<div class="summary-card">
<span class="summary-label"><i class="fas fa-hourglass-start"></i> Início</span>
<strong>18/07/2026 às 00:00</strong>
<small>GMT-3 - Horário de Brasília</small>
</div>
<div class="summary-card">
<span class="summary-label"><i class="fas fa-hourglass-end"></i> Término</span>
<strong>24/07/2026 às 23:59</strong>
<small>GMT-3 - Horário de Brasília</small>
</div>
<div class="summary-card bonus-card">
<span class="summary-label"><i class="fas fa-bolt"></i> Evento</span>
<div class="bonus-list">
<span class="bonus-pill">Blood Castle</span>
<span class="bonus-pill">Recompensas dobradas</span>
</div>
<small>Evento a cada 1 hora</small>
</div>
</div>
<div class="divider"></div>
<div class="footer-box">
<h3>Ainda não é um jogador do MUCABRASIL?</h3>
<ul>
<li>Crie sua conta em <a href="https://muca.me/cadastro" target="_blank">muca.me/cadastro</a>.</li>
<li>Baixe o jogo em <a href="https://muca.me/download" target="_blank">muca.me/download</a>.</li>
</ul>
</div>
</div>
</body>
</html>
Re: [Agendado] Calendário de Eventos Julho/2026
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Evento #07 - Devil Square Especial - Julho/2026 - MUCABRASIL</title>
<!-- FontAwesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" crossorigin="anonymous">
<!-- Google Fonts: Roboto -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap " rel="stylesheet">
<style>
.texto {
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 1.05em;
line-height: 1.45;
margin: 0 auto;
max-width: 1000px;
color: #27313d;
}
.texto strong {
font-weight: 700;
}
.hero-eventos {
background: #111827;
color: #ffffff;
border-radius: 10px;
padding: 20px 24px;
margin: 22px auto 18px;
max-width: 900px;
position: relative;
}
.hero-eventos::after {
content: "";
position: absolute;
right: 0;
top: 18%;
bottom: 18%;
width: 2px;
background: linear-gradient(
to bottom,
transparent,
#d88a32 35%,
#d88a32 65%,
transparent
);
border-radius: 999px;
}
.hero-eventos h2 {
margin: 0 0 6px;
color: #ffffff;
font-size: 1.48em;
font-weight: 800;
letter-spacing: 0.2px;
line-height: 1.25;
}
.hero-eventos p {
margin: 0;
color: #d7dde6;
font-size: 0.98em;
line-height: 1.4;
}
.intro-box {
max-width: 900px;
margin: 0 auto 20px;
background: #f7f9fb;
border: 1px solid #dfe7ef;
border-radius: 10px;
padding: 16px 22px;
color: #334155;
}
.intro-box p {
margin: 0 0 10px;
line-height: 1.5;
}
.intro-box p:last-child {
margin-bottom: 0;
}
.section-title {
max-width: 900px;
margin: 24px auto 12px;
padding: 0 0 8px;
color: #1f2937;
font-weight: 800;
font-size: 1.18em;
border-bottom: 2px solid #d88a32;
line-height: 1.25;
}
.info-box {
max-width: 900px;
margin: 0 auto 20px;
background: #fff8ef;
border: 1px solid #efc18a;
color: #2c3e50;
padding: 16px 20px;
border-radius: 10px;
}
.info-box p {
margin: 0 0 10px;
line-height: 1.5;
}
.info-box p:last-child {
margin-bottom: 0;
}
.info-box strong {
color: #b8691f;
}
.feature-grid {
max-width: 900px;
margin: 0 auto 20px;
display: flex;
gap: 10px;
width: 100%;
}
.feature-card {
flex: 1;
background: #ffffff;
border: 1px solid #dfe7ef;
border-radius: 10px;
padding: 15px 17px;
color: #263241;
box-sizing: border-box;
}
.feature-card strong {
display: block;
color: #111827;
font-size: 1.02em;
margin-bottom: 6px;
}
.feature-card p {
margin: 0;
color: #435266;
line-height: 1.45;
}
.event-summary {
max-width: 900px;
margin: 0 auto 1.2em;
display: flex;
gap: 10px;
width: 100%;
}
.summary-card {
flex: 1;
background: #ffffff;
border: 1px solid #dfe7ef;
border-radius: 10px;
padding: 15px 17px;
color: #263241;
box-sizing: border-box;
}
.summary-card strong {
display: block;
font-size: 1.02em;
margin: 7px 0 3px;
color: #111827;
line-height: 1.35;
}
.summary-card small {
display: block;
color: #64748b;
font-size: 0.88em;
line-height: 1.35;
}
.summary-label {
display: block;
color: #b8691f;
font-weight: 700;
font-size: 0.86em;
text-transform: uppercase;
letter-spacing: 0.3px;
line-height: 1.25;
}
.summary-label i {
margin-right: 6px;
}
.bonus-card {
background: #f8fbf6;
border-color: #cfe8c5;
flex: 1.15;
}
.bonus-list {
margin: 8px 0 6px;
line-height: 1.3;
display: flex;
flex-wrap: nowrap;
gap: 6px;
align-items: center;
}
.bonus-pill {
display: inline-flex;
align-items: center;
justify-content: center;
background: #DFF3D6;
color: #2F6B1F;
padding: 4px 8px;
border-radius: 20px;
font-weight: 700;
font-size: 0.86em;
line-height: 1.2;
white-space: nowrap;
}
.tutorial-box {
max-width: 900px;
margin: 0 auto 20px;
background: #f7f9fb;
border: 1px solid #dfe7ef;
color: #334155;
padding: 14px 18px;
border-radius: 10px;
}
.tutorial-box p {
margin: 0;
line-height: 1.45;
}
.tutorial-box i {
color: #d88a32;
margin-right: 6px;
}
.tutorial-box a {
color: #1f6fb2;
text-decoration: none;
font-weight: 600;
}
.tutorial-box a:hover {
text-decoration: underline;
}
.espacamento {
margin-top: 18px;
}
.divider {
border-top: 1px solid #dfe7ef;
margin: 24px auto;
max-width: 900px;
}
.footer-box {
max-width: 900px;
margin: 20px auto 0;
background-color: #fff8ef;
border: 1px solid #efc18a;
color: #2c3e50;
padding: 16px 20px;
border-radius: 10px;
}
.footer-box h3 {
color: #b8691f;
margin: 0 0 9px;
font-size: 1.02em;
line-height: 1.3;
}
.footer-box ul {
margin: 0;
padding-left: 22px;
}
.footer-box li {
margin-bottom: 5px;
line-height: 1.45;
}
.footer-box li:last-child {
margin-bottom: 0;
}
.footer-box a {
color: #1f6fb2;
text-decoration: none;
font-weight: 600;
}
.footer-box a:hover {
text-decoration: underline;
}
.follow-us {
text-align: center;
margin-top: 20px;
color: #1f2937;
}
.follow-us h3 {
margin: 0 0 10px;
font-weight: 800;
letter-spacing: 0.5px;
line-height: 1.25;
}
.follow-us a {
color: #1f6fb2;
text-decoration: none;
margin: 0 10px;
font-weight: 700;
}
.follow-us a:hover {
color: #d88a32;
}
@media (max-width: 700px) {
.texto {
font-size: 1em;
line-height: 1.45;
}
.hero-eventos,
.intro-box,
.footer-box,
.info-box,
.tutorial-box {
padding: 15px 16px;
}
.hero-eventos h2 {
font-size: 1.25em;
}
.event-summary,
.feature-grid {
display: block;
}
.summary-card,
.feature-card {
width: auto;
margin-bottom: 10px;
}
.bonus-card {
flex: 1;
}
.bonus-list {
flex-wrap: wrap;
}
}
</style>
</head>
<body>
<div class="texto espacamento">
<br />
<div class="hero-eventos">
<h2>Evento #07 - Devil Square Especial</h2>
<p>Enfrente o Devil Square durante o período especial e aproveite recompensas dobradas no MUCABRASIL.</p>
</div>
<div class="intro-box">
<p>Prepare-se para mais um evento clássico no <strong>MUCABRASIL</strong>.</p>
<p>Durante o período especial, o <strong>Devil Square</strong> terá recompensas dobradas, tornando cada participação ainda mais valiosa.</p>
<p>Reúna seus amigos, organize sua entrada e aproveite para buscar melhores recompensas ao longo do evento.</p>
</div>
<div class="section-title">
Detalhes do Devil Square Especial
</div>
<div class="feature-grid">
<div class="feature-card">
<strong>Recompensas dobradas</strong>
<p>As recompensas de todos os Devil Square estarão dobradas durante o período do evento. Inclusive o ZEN e XP</p>
</div>
<div class="feature-card">
<strong>Evento por período limitado</strong>
<p>Aproveite os dias especiais para participar mais vezes e buscar os melhores resultados.</p>
</div>
</div>
<div class="info-box">
<p><strong>Prepare-se antes de entrar.</strong></p>
<p>Confira seus convites, organize seu personagem e fique atento aos horários para não perder nenhuma entrada.</p>
</div>
<div class="tutorial-box">
<p><i class="fas fa-book"></i> Tutorial: <a href="https://muca.me/ds" target="_blank">Funcionamento e drops do Devil Square</a></p>
</div>
<div class="section-title">
Cronograma do evento
</div>
<div class="event-summary">
<div class="summary-card">
<span class="summary-label"><i class="fas fa-hourglass-start"></i> Início</span>
<strong>25/07/2026 às 00:00</strong>
<small>GMT-3 - Horário de Brasília</small>
</div>
<div class="summary-card">
<span class="summary-label"><i class="fas fa-hourglass-end"></i> Término</span>
<strong>31/07/2026 às 23:59</strong>
<small>GMT-3 - Horário de Brasília</small>
</div>
<div class="summary-card bonus-card">
<span class="summary-label"><i class="fas fa-bolt"></i> Evento ativo</span>
<div class="bonus-list">
<span class="bonus-pill">Devil Square</span>
<span class="bonus-pill">Recompensas dobradas</span>
</div>
<small>Evento a cada 1 hora</small>
</div>
</div>
<div class="divider"></div>
<div class="footer-box">
<h3>Ainda não é um jogador do MUCABRASIL?</h3>
<ul>
<li>Crie sua conta em <a href="https://muca.me/cadastro" target="_blank">muca.me/cadastro</a>.</li>
<li>Baixe o jogo em <a href="https://muca.me/download" target="_blank">muca.me/download</a>.</li>
</ul>
</div>
</div>
</body>
</html>
