rafael
21/01/2010, 20:29
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tabela de Horários dos Eventos - MUCABRASIL</title>
<style>
/* Definindo variáveis apenas no escopo do elemento #muca-eventos-tabela */
#muca-eventos-tabela {
--primary: #f0f4f8;
--secondary: #e6f0ff;
--accent-1: #3a86ff;
--accent-2: #e2e8f0;
--text-dark: #2d3748;
--text-medium: #4a5568;
--blood-color: #cf2e2e;
--devil-color: #da9100;
--chaos-color: #2244dd;
--illusion-color: #0B6623;
--white-color: #333333;
--gold-color: #b7791f;
--death-color: #555555;
--border-color: #cbd5e0;
--header-bg: #3a86ff;
--highlight-bg: #fff8e6;
--alert-color: #e53e3e;
--success-color: #38a169;
}
/* Outros estilos mantidos para outros componentes além da tabela */
#muca-eventos-tabela * {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
#muca-eventos-tabela {
background-color: var(--primary);
color: var(--text-dark);
line-height: 1.6;
}
#muca-eventos-tabela .container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
margin-top: 20px;
margin-bottom: 20px;
}
#muca-eventos-tabela .header {
text-align: center;
margin-bottom: 25px;
border-bottom: 2px solid var(--accent-1);
padding-bottom: 20px;
}
#muca-eventos-tabela .title {
color: var(--accent-1);
font-size: 28px;
margin-bottom: 20px;
}
#muca-eventos-tabela .subtitle {
color: var(--accent-1);
margin: 25px 0 15px;
padding-bottom: 8px;
border-bottom: 1px solid var(--border-color);
font-size: 24px;
}
#muca-eventos-tabela .instructions {
background-color: var(--secondary);
border-left: 5px solid var(--accent-1);
padding: 15px;
margin-bottom: 25px;
border-radius: 0 8px 8px 0;
}
#muca-eventos-tabela .timezone-notice {
background-color: #fff3cd;
border-left: 5px solid #ffc107;
padding: 10px 15px;
margin-bottom: 15px;
border-radius: 0 8px 8px 0;
font-weight: bold;
text-align: center;
}
#muca-eventos-tabela .special-events {
background-color: var(--secondary);
padding: 20px;
border-radius: 8px;
margin-bottom: 30px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
#muca-eventos-tabela .special-events-title {
color: var(--alert-color);
border-bottom: 2px solid var(--alert-color);
padding-bottom: 10px;
margin-bottom: 20px;
font-size: 24px;
}
#muca-eventos-tabela .event-info {
background-color: white;
padding: 15px;
margin-bottom: 15px;
border-radius: 8px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border-left: 4px solid var(--accent-1);
}
#muca-eventos-tabela .event-info-title {
color: var(--accent-1);
margin-bottom: 10px;
display: flex;
align-items: center;
font-size: 20px;
}
#muca-eventos-tabela .event-info p {
margin-bottom: 8px;
line-height: 1.5;
}
#muca-eventos-tabela .event-title {
font-weight: bold;
color: var(--accent-1);
font-size: 20px;
}
#muca-eventos-tabela .event-emoji {
margin-right: 8px;
font-size: 1.4em;
}
#muca-eventos-tabela .additional-info {
background-color: var(--highlight-bg);
padding: 15px;
border-radius: 8px;
margin: 20px 0;
border-left: 4px solid var(--gold-color);
}
#muca-eventos-tabela .warning {
background-color: #ffe8e8;
padding: 15px;
border-radius: 8px;
margin: 20px 0;
border-left: 4px solid var(--alert-color);
}
#muca-eventos-tabela .note {
background-color: #e6fffa;
padding: 15px;
border-radius: 8px;
margin: 20px 0;
border-left: 4px solid var(--success-color);
}
#muca-eventos-tabela .legend {
background-color: var(--secondary);
padding: 20px;
border-radius: 8px;
margin-bottom: 30px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
#muca-eventos-tabela .legend-title {
font-weight: bold;
color: var(--accent-1);
font-size: 1.1rem;
margin-bottom: 10px;
display: block;
}
#muca-eventos-tabela .legend-content {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: space-between;
}
#muca-eventos-tabela .legend-item {
background-color: white;
padding: 8px 12px;
border-radius: 6px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
display: inline-flex;
align-items: center;
margin-bottom: 8px;
}
#muca-eventos-tabela .legend-abbr {
font-weight: bold;
margin-left: 5px;
background-color: #f0f0f0;
padding: 2px 6px;
border-radius: 4px;
font-size: 0.9em;
}
#muca-eventos-tabela .command {
background-color: var(--accent-2);
color: var(--text-dark);
padding: 2px 6px;
border-radius: 4px;
font-family: monospace;
font-weight: bold;
}
#muca-eventos-tabela a {
color: #3a86ff;
text-decoration: none;
font-weight: bold;
}
#muca-eventos-tabela .additional-info a {
color: #0056b3;
}
#muca-eventos-tabela a:hover {
text-decoration: underline;
}
#muca-eventos-tabela .observations {
margin-top: 30px;
}
#muca-eventos-tabela .observations-title {
color: var(--text-dark);
font-size: 22px;
}
#muca-eventos-tabela .observations ul {
list-style-type: none;
padding-left: 20px;
}
#muca-eventos-tabela .observations li {
margin-bottom: 10px;
position: relative;
}
#muca-eventos-tabela .observations li:before {
content: "•";
color: var(--accent-1);
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
font-size: 1.2em;
}
#muca-eventos-tabela .highlight {
font-weight: bold;
background-color: #fff3cd;
padding: 1px 3px;
border-radius: 3px;
}
@media (max-width: 768px) {
#muca-eventos-tabela .container {
padding: 10px;
}
#muca-eventos-tabela .title {
font-size: 1.8rem;
}
#muca-eventos-tabela .legend-content {
flex-direction: column;
}
}
</style>
</head>
<body>
<!-- ID único adicionado ao contêiner principal para isolar os estilos -->
<div id="muca-eventos-tabela">
<div class="container">
<header class="header">
<div style="color: #3a86ff; font-size: 36px !important; text-align: center; margin-bottom: 20px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;">Tabela com os horários dos eventos</div>
<div class="instructions">
<p><strong style="color: var(--alert-color);">Dica: dentro do jogo, utilize o comando <span class="command">/eventos</span> para saber de uma forma rápida e prática em qual dos eventos Blood Castle, Devil Square, Chaos Castle e Illusion Temple, você poderá participar.</strong></p>
<p><strong style="color: var(--accent-1);">O comando <span class="command">/tempo</span> mostrará dentro do jogo, a hora exata do Servidor MUCABRASIL.</strong></p>
</div>
<div class="timezone-notice">
<p>⏰ Todos os horários listados seguem o horário de Brasília (GMT -3)</p>
</div>
</header>
<!-- Tabela com estilos inline -->
<table style="width: 100%; border-collapse: collapse !important; margin-bottom: 15px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); border-radius: 8px; overflow: hidden;">
<thead>
<tr style="background-color: #3a86ff !important;">
<th style="background-color: #3a86ff !important; color: white !important; padding: 12px 15px; text-align: center; font-weight: bold;">Hora</th>
<th style="background-color: #3a86ff !important; color: white !important; padding: 12px 15px; text-align: center; font-weight: bold;">Evento</th>
<th style="background-color: #3a86ff !important; color: white !important; padding: 12px 15px; text-align: center; font-weight: bold;">Hora</th>
<th style="background-color: #3a86ff !important; color: white !important; padding: 12px 15px; text-align: center; font-weight: bold;">Evento</th>
</tr>
</thead>
<tbody>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">0:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span><span style="color: #2d3748; font-weight: bold;"> / White Wizard</span></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">0:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">1:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">1:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span></td>
</tr>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">2:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/cc" style="color: #2244dd; font-weight: bold;">Chaos Castle</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">2:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">3:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">3:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #555555; font-weight: bold;">Death King</span></td>
</tr>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">4:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">4:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">5:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">5:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/cc" style="color: #2244dd; font-weight: bold;">Chaos Castle</a></td>
</tr>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">6:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span><span style="color: #2d3748; font-weight: bold;"> / Red Dragon</span></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">6:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">7:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">7:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span><span style="color: #2d3748; font-weight: bold;"> / Gold Invasion</span></td>
</tr>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">8:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #333333; font-weight: bold;">White Wizard</span></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">8:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">9:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">9:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span></td>
</tr>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">10:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/cc" style="color: #2244dd; font-weight: bold;">Chaos Castle</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">10:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">11:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">11:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #555555; font-weight: bold;">Death King</span></td>
</tr>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">12:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">12:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">13:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">13:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/cc" style="color: #2244dd; font-weight: bold;">Chaos Castle</a></td>
</tr>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">14:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span><span style="color: #2d3748; font-weight: bold;"> / Red Dragon</span></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">14:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">15:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">15:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/goldinvasion" style="color: #b7791f; font-weight: bold;">Gold Invasion</a></td>
</tr>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">16:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span><span style="color: #2d3748; font-weight: bold;"> / White Wizard</span></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">16:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">17:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">17:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span></td>
</tr>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">18:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/cc" style="color: #2244dd; font-weight: bold;">Chaos Castle</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">18:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">19:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">19:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #555555; font-weight: bold;">Death King</span></td>
</tr>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">20:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span><span style="color: #2d3748; font-weight: bold;"> / Loren Deep</span></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">20:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">21:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">21:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/cc" style="color: #2244dd; font-weight: bold;">Chaos Castle</a></td>
</tr>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">22:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span><span style="color: #2d3748; font-weight: bold;"> / Red Dragon</span></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">22:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">23:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">23:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/goldinvasion" style="color: #b7791f; font-weight: bold;">Gold Invasion</a></td>
</tr>
</tbody>
</table>
<div class="legend">
<span class="legend-title">Abreviações de nome de eventos usadas pela comunidade:</span>
<div class="legend-content">
<div class="legend-item">Devil Square <span class="legend-abbr">DS</span></div>
<div class="legend-item">Blood Castle <span class="legend-abbr">BC</span></div>
<div class="legend-item">Illusion Temple <span class="legend-abbr">IT</span></div>
<div class="legend-item">Chaos Castle <span class="legend-abbr">CC</span></div>
<div class="legend-item">Castle Siege <span class="legend-abbr">CS</span></div>
<div class="legend-item">CryWolf <span class="legend-abbr">CW</span></div>
</div>
</div>
<div class="special-events">
<h2 class="special-events-title">Eventos Especiais:</h2>
<div class="event-info">
<h3 class="event-title"><span class="event-emoji">🏰</span><a href="http://muca.me/cs">Castle Siege</a>:</h3>
<p>Ocorre <strong>todos os domingos</strong> na sala de eventos do mapa Valley of Loren. Inicia pontualmente às <strong>21:00</strong> e termina às <strong>22:30</strong>. Este evento é uma grande batalha pelo controle do castelo, onde guildas competem pela dominação do território.</p>
</div>
<div class="event-info">
<h3 class="event-title"><span class="event-emoji">🐺</span><a href="http://muca.me/cw">CryWolf</a>:</h3>
<p>Acontece <strong>todos os sábados</strong> na sala de eventos do mapa CryWolf. O evento começa às <strong>18:40</strong> e não possui um horário fixo de término. Neste evento, os jogadores devem se unir para defender a fortaleza contra ondas de monstros invasores.</p>
</div>
<div class="event-info">
<h3 class="event-title"><span class="event-emoji">👑</span><a href="http://muca.me/kundun">Rei Kundun</a>:</h3>
<p>Este poderoso chefe aparece quando uma sala é aberta ou quando os monstros são reconfigurados. Após ser derrotado, ele ressurgirá entre <strong>8 e 12 horas</strong> depois. Quando o Rei Kundun nascer, todos os jogadores verão uma mensagem amarela informando sua localização no mapa <strong>Kalima 7</strong>.</p>
</div>
<div class="event-info">
<h3 class="event-title"><span class="event-emoji">😈</span><a href="http://muca.me/hellmaine">Hell Maine</a>:</h3>
<p>Similar ao Rei Kundun, este chefe aparece quando uma sala é aberta ou quando os monstros são reconfigurados. Após sua derrota, ele também ressurgirá entre <strong>8 e 12 horas</strong> depois. É um desafio que requer coordenação entre os jogadores.</p>
</div>
<div class="event-info">
<h3 class="event-title"><span class="event-emoji">🎁</span><a href="http://forum.mucabrasil.com.br/threads/26">Evento Leilão</a>:</h3>
<p>Estes eventos especiais podem ocorrer a qualquer dia e hora sem aviso prévio. Leilões especiais são anunciados com antecedência. Durante os leilões, itens raros são disponibilizados para que os jogadores façam suas ofertas. <strong>Lembre-se:</strong> Este evento é exclusivamente organizado pelos Administradores ou GMs do MUCABRASIL.</p>
</div>
<div class="event-info">
<h3 class="event-title"><span class="event-emoji">🐉</span><a href="http://forum.mucabrasil.com.br/threads/20678">Super Red Dragon</a>:</h3>
<p>Este dragão poderoso surge quando uma sala é aberta ou quando os monstros são reconfigurados. Após ser derrotado, ele reaparecerá entre <strong>8 e 12 horas</strong> depois. Representa um dos maiores desafios para grupos de jogadores e oferece recompensas valiosas.</p>
</div>
</div>
<div class="warning">
<p><strong style="color: var(--alert-color);">Atenção:</strong> <strong style="color: var(--success-color);">Os horários de início e término dos eventos são aproximados e podem variar ligeiramente. Devido ao longo tempo de funcionamento contínuo dos servidores (Uptime), é normal que ocorram pequenas variações nos horários programados.</strong></p>
</div>
<div class="additional-info">
<p><strong>Durante o período de Horário de Verão, os horários dos eventos podem sofrer ajustes temporários. Fique atento às notícias oficiais publicadas em nosso site <a href="http://www.mucabrasil.com.br">www.mucabrasil.com.br</a> para se manter informado sobre qualquer alteração.</strong></p>
</div>
<div class="observations">
<h2 class="observations-title">Dicas Importantes:</h2>
<hr style="border: 0; height: 1px; background: #ddd; margin: 10px 0 20px 0;">
<ul style="list-style-type: disc; padding-left: 40px;">
<li style="margin-bottom: 10px; padding-left: 5px;">Antes de participar de qualquer evento, verifique se há espaço suficiente em seu inventário para coletar os itens de recompensa.</li>
<li style="margin-bottom: 10px; padding-left: 5px;">Itens não coletados são permanentemente removidos do jogo - não deixe suas recompensas para trás!</li>
<li style="margin-bottom: 10px; padding-left: 5px;">Em raras ocasiões, problemas de conexão ou outros fatores podem impedir a conclusão de um evento. Esteja preparado para essa possibilidade.</li>
<li style="margin-bottom: 10px; padding-left: 5px;">Para melhor experiência, recomendamos participar dos eventos com alguns minutos de antecedência para garantir sua vaga.</li>
<li style="margin-bottom: 10px; padding-left: 5px;">Eventos como Blood Castle e Devil Square possuem divisões por nível - certifique-se de entrar na sala adequada ao seu personagem.</li>
</ul>
</div>
<div class="note">
<p><strong style="color: var(--success-color);">As informações deste guia podem ser atualizadas conforme o MUCABRASIL recebe melhorias e atualizações. Consulte regularmente o fórum oficial para obter as informações mais recentes sobre eventos e mecânicas de jogo.</strong></p>
</div>
</div>
</div>
</body>
</html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tabela de Horários dos Eventos - MUCABRASIL</title>
<style>
/* Definindo variáveis apenas no escopo do elemento #muca-eventos-tabela */
#muca-eventos-tabela {
--primary: #f0f4f8;
--secondary: #e6f0ff;
--accent-1: #3a86ff;
--accent-2: #e2e8f0;
--text-dark: #2d3748;
--text-medium: #4a5568;
--blood-color: #cf2e2e;
--devil-color: #da9100;
--chaos-color: #2244dd;
--illusion-color: #0B6623;
--white-color: #333333;
--gold-color: #b7791f;
--death-color: #555555;
--border-color: #cbd5e0;
--header-bg: #3a86ff;
--highlight-bg: #fff8e6;
--alert-color: #e53e3e;
--success-color: #38a169;
}
/* Outros estilos mantidos para outros componentes além da tabela */
#muca-eventos-tabela * {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
#muca-eventos-tabela {
background-color: var(--primary);
color: var(--text-dark);
line-height: 1.6;
}
#muca-eventos-tabela .container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
margin-top: 20px;
margin-bottom: 20px;
}
#muca-eventos-tabela .header {
text-align: center;
margin-bottom: 25px;
border-bottom: 2px solid var(--accent-1);
padding-bottom: 20px;
}
#muca-eventos-tabela .title {
color: var(--accent-1);
font-size: 28px;
margin-bottom: 20px;
}
#muca-eventos-tabela .subtitle {
color: var(--accent-1);
margin: 25px 0 15px;
padding-bottom: 8px;
border-bottom: 1px solid var(--border-color);
font-size: 24px;
}
#muca-eventos-tabela .instructions {
background-color: var(--secondary);
border-left: 5px solid var(--accent-1);
padding: 15px;
margin-bottom: 25px;
border-radius: 0 8px 8px 0;
}
#muca-eventos-tabela .timezone-notice {
background-color: #fff3cd;
border-left: 5px solid #ffc107;
padding: 10px 15px;
margin-bottom: 15px;
border-radius: 0 8px 8px 0;
font-weight: bold;
text-align: center;
}
#muca-eventos-tabela .special-events {
background-color: var(--secondary);
padding: 20px;
border-radius: 8px;
margin-bottom: 30px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
#muca-eventos-tabela .special-events-title {
color: var(--alert-color);
border-bottom: 2px solid var(--alert-color);
padding-bottom: 10px;
margin-bottom: 20px;
font-size: 24px;
}
#muca-eventos-tabela .event-info {
background-color: white;
padding: 15px;
margin-bottom: 15px;
border-radius: 8px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border-left: 4px solid var(--accent-1);
}
#muca-eventos-tabela .event-info-title {
color: var(--accent-1);
margin-bottom: 10px;
display: flex;
align-items: center;
font-size: 20px;
}
#muca-eventos-tabela .event-info p {
margin-bottom: 8px;
line-height: 1.5;
}
#muca-eventos-tabela .event-title {
font-weight: bold;
color: var(--accent-1);
font-size: 20px;
}
#muca-eventos-tabela .event-emoji {
margin-right: 8px;
font-size: 1.4em;
}
#muca-eventos-tabela .additional-info {
background-color: var(--highlight-bg);
padding: 15px;
border-radius: 8px;
margin: 20px 0;
border-left: 4px solid var(--gold-color);
}
#muca-eventos-tabela .warning {
background-color: #ffe8e8;
padding: 15px;
border-radius: 8px;
margin: 20px 0;
border-left: 4px solid var(--alert-color);
}
#muca-eventos-tabela .note {
background-color: #e6fffa;
padding: 15px;
border-radius: 8px;
margin: 20px 0;
border-left: 4px solid var(--success-color);
}
#muca-eventos-tabela .legend {
background-color: var(--secondary);
padding: 20px;
border-radius: 8px;
margin-bottom: 30px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
#muca-eventos-tabela .legend-title {
font-weight: bold;
color: var(--accent-1);
font-size: 1.1rem;
margin-bottom: 10px;
display: block;
}
#muca-eventos-tabela .legend-content {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: space-between;
}
#muca-eventos-tabela .legend-item {
background-color: white;
padding: 8px 12px;
border-radius: 6px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
display: inline-flex;
align-items: center;
margin-bottom: 8px;
}
#muca-eventos-tabela .legend-abbr {
font-weight: bold;
margin-left: 5px;
background-color: #f0f0f0;
padding: 2px 6px;
border-radius: 4px;
font-size: 0.9em;
}
#muca-eventos-tabela .command {
background-color: var(--accent-2);
color: var(--text-dark);
padding: 2px 6px;
border-radius: 4px;
font-family: monospace;
font-weight: bold;
}
#muca-eventos-tabela a {
color: #3a86ff;
text-decoration: none;
font-weight: bold;
}
#muca-eventos-tabela .additional-info a {
color: #0056b3;
}
#muca-eventos-tabela a:hover {
text-decoration: underline;
}
#muca-eventos-tabela .observations {
margin-top: 30px;
}
#muca-eventos-tabela .observations-title {
color: var(--text-dark);
font-size: 22px;
}
#muca-eventos-tabela .observations ul {
list-style-type: none;
padding-left: 20px;
}
#muca-eventos-tabela .observations li {
margin-bottom: 10px;
position: relative;
}
#muca-eventos-tabela .observations li:before {
content: "•";
color: var(--accent-1);
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
font-size: 1.2em;
}
#muca-eventos-tabela .highlight {
font-weight: bold;
background-color: #fff3cd;
padding: 1px 3px;
border-radius: 3px;
}
@media (max-width: 768px) {
#muca-eventos-tabela .container {
padding: 10px;
}
#muca-eventos-tabela .title {
font-size: 1.8rem;
}
#muca-eventos-tabela .legend-content {
flex-direction: column;
}
}
</style>
</head>
<body>
<!-- ID único adicionado ao contêiner principal para isolar os estilos -->
<div id="muca-eventos-tabela">
<div class="container">
<header class="header">
<div style="color: #3a86ff; font-size: 36px !important; text-align: center; margin-bottom: 20px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;">Tabela com os horários dos eventos</div>
<div class="instructions">
<p><strong style="color: var(--alert-color);">Dica: dentro do jogo, utilize o comando <span class="command">/eventos</span> para saber de uma forma rápida e prática em qual dos eventos Blood Castle, Devil Square, Chaos Castle e Illusion Temple, você poderá participar.</strong></p>
<p><strong style="color: var(--accent-1);">O comando <span class="command">/tempo</span> mostrará dentro do jogo, a hora exata do Servidor MUCABRASIL.</strong></p>
</div>
<div class="timezone-notice">
<p>⏰ Todos os horários listados seguem o horário de Brasília (GMT -3)</p>
</div>
</header>
<!-- Tabela com estilos inline -->
<table style="width: 100%; border-collapse: collapse !important; margin-bottom: 15px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); border-radius: 8px; overflow: hidden;">
<thead>
<tr style="background-color: #3a86ff !important;">
<th style="background-color: #3a86ff !important; color: white !important; padding: 12px 15px; text-align: center; font-weight: bold;">Hora</th>
<th style="background-color: #3a86ff !important; color: white !important; padding: 12px 15px; text-align: center; font-weight: bold;">Evento</th>
<th style="background-color: #3a86ff !important; color: white !important; padding: 12px 15px; text-align: center; font-weight: bold;">Hora</th>
<th style="background-color: #3a86ff !important; color: white !important; padding: 12px 15px; text-align: center; font-weight: bold;">Evento</th>
</tr>
</thead>
<tbody>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">0:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span><span style="color: #2d3748; font-weight: bold;"> / White Wizard</span></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">0:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">1:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">1:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span></td>
</tr>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">2:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/cc" style="color: #2244dd; font-weight: bold;">Chaos Castle</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">2:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">3:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">3:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #555555; font-weight: bold;">Death King</span></td>
</tr>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">4:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">4:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">5:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">5:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/cc" style="color: #2244dd; font-weight: bold;">Chaos Castle</a></td>
</tr>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">6:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span><span style="color: #2d3748; font-weight: bold;"> / Red Dragon</span></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">6:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">7:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">7:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span><span style="color: #2d3748; font-weight: bold;"> / Gold Invasion</span></td>
</tr>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">8:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #333333; font-weight: bold;">White Wizard</span></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">8:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">9:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">9:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span></td>
</tr>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">10:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/cc" style="color: #2244dd; font-weight: bold;">Chaos Castle</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">10:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">11:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">11:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #555555; font-weight: bold;">Death King</span></td>
</tr>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">12:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">12:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">13:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">13:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/cc" style="color: #2244dd; font-weight: bold;">Chaos Castle</a></td>
</tr>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">14:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span><span style="color: #2d3748; font-weight: bold;"> / Red Dragon</span></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">14:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">15:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">15:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/goldinvasion" style="color: #b7791f; font-weight: bold;">Gold Invasion</a></td>
</tr>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">16:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span><span style="color: #2d3748; font-weight: bold;"> / White Wizard</span></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">16:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">17:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">17:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span></td>
</tr>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">18:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/cc" style="color: #2244dd; font-weight: bold;">Chaos Castle</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">18:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">19:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">19:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #555555; font-weight: bold;">Death King</span></td>
</tr>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">20:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span><span style="color: #2d3748; font-weight: bold;"> / Loren Deep</span></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">20:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">21:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">21:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/cc" style="color: #2244dd; font-weight: bold;">Chaos Castle</a></td>
</tr>
<tr style="background-color: #f0f4f8 !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">22:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><span style="color: #0B6623; font-weight: bold;">Illusion Temple</span><span style="color: #2d3748; font-weight: bold;"> / Red Dragon</span></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">22:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/bc" style="color: #cf2e2e; font-weight: bold;">Blood Castle</a></td>
</tr>
<tr style="background-color: white !important;">
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">23:00</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/ds" style="color: #da9100; font-weight: bold;">Devil Square</a></td>
<td style="font-weight: bold; color: #4a5568; padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;">23:30</td>
<td style="padding: 10px 15px; border: 1px solid #cbd5e0; text-align: center; background-color: inherit !important;"><a href="https://muca.me/goldinvasion" style="color: #b7791f; font-weight: bold;">Gold Invasion</a></td>
</tr>
</tbody>
</table>
<div class="legend">
<span class="legend-title">Abreviações de nome de eventos usadas pela comunidade:</span>
<div class="legend-content">
<div class="legend-item">Devil Square <span class="legend-abbr">DS</span></div>
<div class="legend-item">Blood Castle <span class="legend-abbr">BC</span></div>
<div class="legend-item">Illusion Temple <span class="legend-abbr">IT</span></div>
<div class="legend-item">Chaos Castle <span class="legend-abbr">CC</span></div>
<div class="legend-item">Castle Siege <span class="legend-abbr">CS</span></div>
<div class="legend-item">CryWolf <span class="legend-abbr">CW</span></div>
</div>
</div>
<div class="special-events">
<h2 class="special-events-title">Eventos Especiais:</h2>
<div class="event-info">
<h3 class="event-title"><span class="event-emoji">🏰</span><a href="http://muca.me/cs">Castle Siege</a>:</h3>
<p>Ocorre <strong>todos os domingos</strong> na sala de eventos do mapa Valley of Loren. Inicia pontualmente às <strong>21:00</strong> e termina às <strong>22:30</strong>. Este evento é uma grande batalha pelo controle do castelo, onde guildas competem pela dominação do território.</p>
</div>
<div class="event-info">
<h3 class="event-title"><span class="event-emoji">🐺</span><a href="http://muca.me/cw">CryWolf</a>:</h3>
<p>Acontece <strong>todos os sábados</strong> na sala de eventos do mapa CryWolf. O evento começa às <strong>18:40</strong> e não possui um horário fixo de término. Neste evento, os jogadores devem se unir para defender a fortaleza contra ondas de monstros invasores.</p>
</div>
<div class="event-info">
<h3 class="event-title"><span class="event-emoji">👑</span><a href="http://muca.me/kundun">Rei Kundun</a>:</h3>
<p>Este poderoso chefe aparece quando uma sala é aberta ou quando os monstros são reconfigurados. Após ser derrotado, ele ressurgirá entre <strong>8 e 12 horas</strong> depois. Quando o Rei Kundun nascer, todos os jogadores verão uma mensagem amarela informando sua localização no mapa <strong>Kalima 7</strong>.</p>
</div>
<div class="event-info">
<h3 class="event-title"><span class="event-emoji">😈</span><a href="http://muca.me/hellmaine">Hell Maine</a>:</h3>
<p>Similar ao Rei Kundun, este chefe aparece quando uma sala é aberta ou quando os monstros são reconfigurados. Após sua derrota, ele também ressurgirá entre <strong>8 e 12 horas</strong> depois. É um desafio que requer coordenação entre os jogadores.</p>
</div>
<div class="event-info">
<h3 class="event-title"><span class="event-emoji">🎁</span><a href="http://forum.mucabrasil.com.br/threads/26">Evento Leilão</a>:</h3>
<p>Estes eventos especiais podem ocorrer a qualquer dia e hora sem aviso prévio. Leilões especiais são anunciados com antecedência. Durante os leilões, itens raros são disponibilizados para que os jogadores façam suas ofertas. <strong>Lembre-se:</strong> Este evento é exclusivamente organizado pelos Administradores ou GMs do MUCABRASIL.</p>
</div>
<div class="event-info">
<h3 class="event-title"><span class="event-emoji">🐉</span><a href="http://forum.mucabrasil.com.br/threads/20678">Super Red Dragon</a>:</h3>
<p>Este dragão poderoso surge quando uma sala é aberta ou quando os monstros são reconfigurados. Após ser derrotado, ele reaparecerá entre <strong>8 e 12 horas</strong> depois. Representa um dos maiores desafios para grupos de jogadores e oferece recompensas valiosas.</p>
</div>
</div>
<div class="warning">
<p><strong style="color: var(--alert-color);">Atenção:</strong> <strong style="color: var(--success-color);">Os horários de início e término dos eventos são aproximados e podem variar ligeiramente. Devido ao longo tempo de funcionamento contínuo dos servidores (Uptime), é normal que ocorram pequenas variações nos horários programados.</strong></p>
</div>
<div class="additional-info">
<p><strong>Durante o período de Horário de Verão, os horários dos eventos podem sofrer ajustes temporários. Fique atento às notícias oficiais publicadas em nosso site <a href="http://www.mucabrasil.com.br">www.mucabrasil.com.br</a> para se manter informado sobre qualquer alteração.</strong></p>
</div>
<div class="observations">
<h2 class="observations-title">Dicas Importantes:</h2>
<hr style="border: 0; height: 1px; background: #ddd; margin: 10px 0 20px 0;">
<ul style="list-style-type: disc; padding-left: 40px;">
<li style="margin-bottom: 10px; padding-left: 5px;">Antes de participar de qualquer evento, verifique se há espaço suficiente em seu inventário para coletar os itens de recompensa.</li>
<li style="margin-bottom: 10px; padding-left: 5px;">Itens não coletados são permanentemente removidos do jogo - não deixe suas recompensas para trás!</li>
<li style="margin-bottom: 10px; padding-left: 5px;">Em raras ocasiões, problemas de conexão ou outros fatores podem impedir a conclusão de um evento. Esteja preparado para essa possibilidade.</li>
<li style="margin-bottom: 10px; padding-left: 5px;">Para melhor experiência, recomendamos participar dos eventos com alguns minutos de antecedência para garantir sua vaga.</li>
<li style="margin-bottom: 10px; padding-left: 5px;">Eventos como Blood Castle e Devil Square possuem divisões por nível - certifique-se de entrar na sala adequada ao seu personagem.</li>
</ul>
</div>
<div class="note">
<p><strong style="color: var(--success-color);">As informações deste guia podem ser atualizadas conforme o MUCABRASIL recebe melhorias e atualizações. Consulte regularmente o fórum oficial para obter as informações mais recentes sobre eventos e mecânicas de jogo.</strong></p>
</div>
</div>
</div>
</body>
</html>