/*!
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 
 * Author Lautaro Angelico (https://lautaroangelico.com/)
 * Copyright (c) 2013-2020 Lautaro Angelico, All Rights Reserved
 * Licensed under the MIT license
 * http://opensource.org/licenses/MIT
 =========================================================
*/

/*Fuentes*/
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Freckle+Face&display=swap');

*{padding:0;margin:0;position:relative;outline:none;list-style:none;outline:none;}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{border-top:none!important;}
.table-striped>tbody>tr:nth-of-type(odd){background-color:#231E20!important;}
.table{width:100%;max-width:100%;margin-bottom:0}

a:focus,a:hover{text-decoration:none!important}

.form-control{background:#fafafa;border:1px solid #e3e3e3;color:#666}
.form-control:focus{border:1px solid #ccc}

.nopadding{padding:0!important;margin:0!important}
.vcenter{display:inline-block;vertical-align:middle;float:none}

.thumbnail{background-color:#f1f1f1;border:1px solid #e3e3e3}
a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#ff0000}

.btn-primary{color:#8e867e;background-color:transparent;border-color:#55444e;transition:all .1s ease-in;border-radius:0}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{color:#fff!important;background-color:#1b1718!important;border-color:#734f63!important}

/* Barra topo */
#navigation-top{width:100%;height:52px;background:url(../img/nav-bg.png) no-repeat top center;position:relative;z-index:100}
.navigation-top-in{max-width:1150px;height:52px;margin:0 auto;display:flex;justify-content:space-between}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;position:relative;box-sizing:border-box}
#cssmenu{font-family:"Georgia";font-variant:small-caps;margin:0 0 0 20px}

/* REMOVER os itens da barra (mantém a faixa) */
#cssmenu ul{display:none!important}

.my-account{display:none} /* sem “Entrar” na barra */
.languages{display:none}
#ServerTime{color:#ab9f9c}

/* Efeitos */
.sparks{position:absolute;width:1200px;left:50%;margin-left:-600px;bottom:0}
.sparks>div{position:absolute}
.sparks .spark_1{background:url(../img/efectos/spark_1.png) no-repeat;width:764px;height:313px;right:0;bottom:-320px;transform:scale(.6);animation:spark-1 4s linear infinite;animation-delay:1s}
.sparks .spark_2{background:url(../img/efectos/spark_2.png) no-repeat;width:179px;height:335px;right:230px;bottom:-320px;transform:scale(.6);animation:spark-1 4s linear infinite;animation-delay:2s}
.sparks .spark_3{background:url(../img/efectos/spark_3.png) no-repeat;width:128px;height:165px;right:280px;bottom:-140px;transform:scale(.6);animation:spark-3 4s linear infinite;animation-delay:2s}
.sparks .spark-big{background:url(../img/efectos/spark_4.png) no-repeat;width:794px;height:176px;right:0;bottom:-180px;transform:scale(.6);animation:spark-5 4s linear infinite}
.sparks .spark_5{animation-delay:2s;right:40px}

@keyframes spark-1{0%{bottom:-320px;transform:scale(.6);opacity:1}25%{bottom:-240px;transform:scale(.7);opacity:1}50%{bottom:-160px;transform:scale(.8);opacity:1}75%{bottom:-80px;transform:scale(.9);opacity:.5}100%{bottom:0;transform:scale(1);opacity:0}}
@keyframes spark-3{0%{bottom:-140px;transform:scale(.6);opacity:1}25%{bottom:-80px;transform:scale(.7);opacity:1}50%{bottom:-20px;transform:scale(.8);opacity:1}75%{bottom:40px;transform:scale(.9);opacity:.5}100%{bottom:100px;transform:scale(1);opacity:0}}
@keyframes smoke{0%{background-position:left -1920px top 20px}100%{background-position:left 1920px top 20px}}
@keyframes spark-5{0%{bottom:-180px;transform:scale(.6);opacity:1}25%{bottom:-120px;transform:scale(.7);opacity:1}50%{bottom:-60px;transform:scale(.8);opacity:1}75%{bottom:0;transform:scale(.9);opacity:.5}100%{bottom:60px;transform:scale(1);opacity:0}}

#body{background-image:url(../img/efectos/smoke.png);background-position:left top 20px;background-repeat:repeat-x;animation:smoke 25s linear infinite;animation-fill-mode:forwards}


.start-game a{display:block;width:256px;height:58px;background:url(../img/startgame.png) no-repeat bottom right;margin:0 0 0 -10px;line-height:65px;text-indent:60px;letter-spacing:.7px;color:#fff;text-decoration:none;font-family:"Georgia";font-variant:small-caps;font-size:15px;font-weight:100}
.start-game a:hover{background:url(../img/startgame-hover.png) no-repeat bottom right}
.panelDownBlock{display:flex}
.torrent,.cloud{margin:17px 10px 0 10px;padding:7px 10px 0 50px}
.torrent span,.cloud span{display:block;height:14px}
.torrent{background:url(../img/torrent.png?v4) no-repeat left center}
.download-title a{font-family:"Georgia";text-transform:uppercase;font-size:11px;font-weight:100;color:#ada0a2;text-decoration:none}
.download-title a:hover{color:#fff}
.file-title{font-size:10px;color:#746264}
.cloud{background:url(../img/cloud.png) no-repeat left center}

/* Header */
#header{max-width:1200px;position:relative}

/* Containers/painéis */
.panel-sidebar .panel-title{font-size:13px;margin-top:5px}
.panel-sidebar .panel-body{color:#727272;font-family:"Times New Roman"}
.table>thead>tr>th{background:url(../img/hr.jpg) repeat-x bottom;border:0}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding-top:5px;padding-bottom:5px}

/* Botões padrão do tema */
.btnreg{background:url(../img/readmore-btn.png) no-repeat center;position:absolute;width:121px;height:27px;line-height:28px!important;text-align:center;color:#fff;display:block;text-decoration:none;font-size:12px;transition:.5s;border:0}
.btnreg:hover{background:url(../img/readmore-hover.png) no-repeat center;transition:.5s}

/* Layout colunas */
.sidebar{padding:0 5px;float:left}
.main_side{width:calc(100% - 292px - 292px);max-width:calc(100% - 292px - 292px);float:left}
.modules_cont{border:1px solid #211c1d;background:url(../img/some-bg.jpg);width:100%;float:left;border-radius:5px;padding:10px}
.modules_cont_full{border:1px solid #211c1d;background:url(../img/some-bg.jpg)}
#content{width:100%;overflow:auto;min-height:500px;padding:10px 0 0 0}

/* GameServers */
.server{margin:0 auto 15px;width:230px}
.server-info{display:flex;justify-content:space-between;padding:0 10px 3px 0;font-family:"Times New Roman"}
.server-info :first-child{color:#a9947b;font-size:13px;letter-spacing:.5px}
.server-info :last-child{color:#bebebe;font-size:13px;letter-spacing:.5px}
.box-1,.box-2,.box-3,.off,.on{display:inline-block;margin:0 0 0 2px}
.on,.off{width:13px;height:12px}
.on{background:url(../img/on.png) no-repeat center}
.server .box-1{background:url(../img/serv-bg.png) no-repeat center;width:200px;height:12px;position:relative}
.server .progress{width:192px;height:2px;position:absolute;margin:4px 0 0 4px}
.server .progress .progress-1{background:url(../img/progress-1.png);background-size:100% auto;height:2px}

/* Banner Castle Siege */
.castle-siege-banner{ text-shadow:2px 2px black;font-weight:bold;font-family:Arial;padding:14px;background:url(../img/banner_cs_bg.jpg) no-repeat;border-radius:5px;color:#f39c12;box-shadow:0 0 20px #000;overflow:auto;margin:0 auto 5px;width:100%;font-size:14px}
.castle-siege-banner .guild_owner,.castle-siege-banner .guild_owner a{color:#fff;font-size:30px;font-family:'Special Elite',cursive}
.castle-siege-banner .guild_master,.castle-siege-banner .guild_master a{color:#fff;font-size:16px}
.castle-siege-banner .guild_countdown{color:#fff;font-size:28px;font-family:'Special Elite',cursive}
.castle-siege-banner .guild_countdown span{color:#f39c12}
.cstitle1{line-height:25px;margin-bottom:5px}
.cstitle2{line-height:20px}

/* Utilidades */
body{cursor:url(http://www.rw-designer.com/cursor-extern.php?id=205341),auto}
a,a:hover,a:focus,button,.btn,.btn:hover,.btn:focus,input[type=button],input[type=submit],input[type=reset],label,[role="button"],.clickable{cursor:url(http://www.rw-designer.com/cursor-extern.php?id=205343),pointer!important}
.cursor-click,.cursor-click *{cursor:url(http://www.rw-designer.com/cursor-extern.php?id=205342),auto!important}

.header-login{position:absolute;right:30px;top:310px;width:300px;z-index:12000}
.header-login .panel{margin:0}

.onl-list{list-style:none;margin:0;padding:0}
.onl-list.collapsed{max-height:168px;overflow:hidden}
.onl-item{display:flex;align-items:center;gap:8px;color:#fff;font-size:12px;padding:5px 6px;border-bottom:1px solid rgba(255,255,255,.08)}
.onl-item:last-child{border-bottom:0}
.onl-item .dot{width:8px;height:8px;border-radius:50%;background:#13d213;box-shadow:0 0 8px rgba(19,210,19,.8);display:inline-block}
.onl-item .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.onl-empty{color:#ddd;font-size:12px;padding:6px;text-align:center}

.webengine-mu-logo{transition:transform .9s ease;transform-origin:center center}
@keyframes spin2x{to{transform:rotate(720deg)}}
.logo-spin{animation:spin2x .8s linear 1}

.footer-min{text-align:center;color:#e7e7e7;padding:18px 10px;font-size:13px;background:transparent;border:0}

html,body{scroll-behavior:auto}
.torrent{background:url(../img/cloud.png) no-repeat left center!important}
img,svg,canvas{-webkit-user-drag:none;user-drag:none}
::selection{background:transparent}
::-moz-selection{background:transparent}

/* ===== MENU LATERAL VERDE — usa a MESMA arte do botão Registrar ===== */
.left-ribbon-nav{position:absolute;left:40px;top: 10px;display:flex;flex-direction:column;gap:28px;width:20px;z-index:9000}
.left-ribbon-nav a{
  display:block;
  width:200px;height:60px;line-height:60px;
  text-align:center;color:#f2f2f2;
  font-family:"Georgia";font-variant:small-caps;font-weight:700;letter-spacing:.8px;text-decoration:none;
  text-shadow:0 1px 0 rgba(0,0,0,.65);
  user-select:none;
  background:url(../img/startgame.png) no-repeat bottom right;
  background-size:100% 100%;
  transition:transform .15s ease, filter .15s ease, background .15s ease;
}
.left-ribbon-nav a:hover{
  background:url(../img/startgame-hover.png) no-repeat bottom right;
  background-size:100% 100%;
  transform:translateX(6px);
  filter:brightness(1.06);
}
/* === NEWS TICKER NA BARRA SUPERIOR =============================== */
.top-news{
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  height:52px;
  z-index:12000;
  display:flex;
  align-items:center;
  gap:10px;
  pointer-events:auto;
}

.top-news .badge-news{
  padding:6px 12px;
  border-radius:999px;
  font-family:"Georgia";
  font-variant:small-caps;
  font-size:13px;
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.8);
  background:linear-gradient(#b52828,#7f1414);
  border:1px solid #3a0b0b;
  box-shadow:
    0 2px 0 #2a0606,
    inset 0 0 0 1px rgba(255,255,255,.08),
    inset 0 -6px 10px rgba(0,0,0,.25);
}

.top-news .news-viewport{
  position:relative;
  height:28px;
  line-height:28px;
  overflow:hidden;
  width:min(780px,65vw);
  mask-image: linear-gradient(to right, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
}

.top-news .news-track{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  white-space:nowrap;
  color:#f1e9e9;
  font-size:14px;
  text-shadow:0 1px 2px rgba(0,0,0,.6);
  /* valores controlados via JS */
  --start: 100%;
  --end: -100%;
  --dur: 12000ms;
  animation: newsTickerMove var(--dur) linear both;
}

.top-news:hover .news-track{
  animation-play-state: paused;      /* pausa ao passar o mouse */
  cursor: pointer;
}

@keyframes newsTickerMove{
  from{ transform: translate(var(--start), -50%); }
  to  { transform: translate(var(--end),   -50%); }
}

/* itens de conteúdo (você só edita o HTML; CSS deixa limpo) */
.top-news .news-item{ display:none; } /* ficam escondidos; o JS usa o texto */
/* ====== LIMPAR QUALQUER DUPLICAÇÃO DO BG-BOTTOM ====== */

/* se eu tiver colocado antes, mata o pseudo-elemento */
body::after{ display:none !important; }

/* classes/ids comuns que alguns temas usam para repetir o fundo */
.bg-bottom, #bg-bottom,
.footer-bg, .bottom-bg, .content-bottom, .page-bottom,
.footer, #footer, .bottom, .wrap-bottom {
  background: none !important;
}

/* caso o tema injete a arte como <img> */
img[src*="bg-bottom"]{ display:none !important; }

/* ====== 1 ÚNICO FUNDO NO RODAPÉ, EM CAMADA NO #body ====== */
/* (preserva o "smoke" animado como segunda camada) */
#body{
  /* 1ª camada: sua arte do rodapé  |  2ª camada: fumaça animada */
  background-image:
    url(../img/bg-bottom.jpg),
    url(../img/efectos/smoke.png) !important;
  background-position:
    center bottom,
    left top 20px !important;
  background-repeat:
    no-repeat,
    repeat-x !important;
  background-size:
    cover,
    auto !important;
  background-attachment:
    fixed,
    scroll !important;

  /* mantém a animação da fumaça */
  animation: smoke 25s linear infinite;
  animation-fill-mode: forwards;
}

/* ====== CENTRO TRANSLÚCIDO (vidro escuro) ====== */
.modules_cont,
.modules_cont_full{
  background: rgba(18, 15, 16, .55) !important;
  border: 1px solid rgba(255,255,255,.06);
  box-shadow: 0 8px 26px rgba(0,0,0,.35);
  backdrop-filter: blur(2.5px);
  -webkit-backdrop-filter: blur(2.5px);
}
/* === FUNDO FIXO (bg-bottom) + FUMAÇA ANIMADA POR CIMA === */

/* 1) Mantém o bg-bottom fixo no rodapé */
#body{
  background-image: url(../img/bg-bottom.jpg) !important;
  background-repeat: no-repeat !important;
  background-position: center bottom !important;
  background-size: cover !important;
  background-attachment: fixed !important;

  /* remove qualquer animação anterior aplicada no #body */
  animation: none !important;

  position: relative;
  z-index: 0;
}

/* 2) Fumaça animada em camada separada (por cima do bg-bottom) */
#body::before{
  content: "";
  position: fixed;          /* ocupa toda a viewport */
  inset: 0;
  pointer-events: none;     /* não bloqueia cliques */
  z-index: 1;               /* acima do bg-bottom, abaixo do resto */
  background-image: url(../img/efectos/smoke.png);
  background-repeat: repeat-x;
  background-position: left -1920px top 20px;   /* posição inicial */
  background-size: auto;
  animation: moveSmoke 25s linear infinite;     /* movimento contínuo */
  opacity: 1;                                    /* ajuste se quiser mais/menos forte */
}

/* 3) Animação da fumaça (vai da esquerda p/ a direita) */
@keyframes moveSmoke{
  100%   { background-position: left -1920px top 20px; }
  0% { background-position: left  1920px top 20px; }
}
/* === WhatsApp (botão animado + info) === */
.wa-panel .panel-body{ padding-top:12px; }

.wa-btn{
  display:flex; align-items:center; gap:10px;
  padding:12px 16px;
  background: linear-gradient(180deg,#25D366,#128C7E);
  border:1px solid #0f6b60; border-radius:8px;
  color:#fff; text-decoration:none; font-weight:700; letter-spacing:.2px;
  box-shadow: 0 2px 0 rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.12);
  position:relative; overflow:hidden;
  transition: transform .15s ease, filter .15s ease;
  animation: waPulse 2.6s infinite;
}
.wa-btn:hover{ transform:translateY(-1px) scale(1.01); filter:brightness(1.06); }
.wa-btn:active{ transform:translateY(0) scale(1.0); }

.wa-btn::after{
  content:"";
  position:absolute; top:0; left:-80px; height:100%; width:80px;
  transform: skewX(-25deg);
  background: linear-gradient(120deg, rgba(255,255,255,.45), rgba(255,255,255,0));
  opacity:0; transition: transform .55s ease, opacity .35s ease;
  pointer-events:none;
}
.wa-btn:hover::after{ transform: translateX(380px) skewX(-25deg); opacity:.9; }

@keyframes waPulse{
  0%   { box-shadow: 0 0 0 0 rgba(37,211,102,.45); }
  70%  { box-shadow: 0 0 0 14px rgba(37,211,102,0); }
  100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}

.wa-ico{
  width:24px; height:24px; flex:0 0 24px; border-radius:50%;
  background:#fff url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'>\
<path fill='%2325D366' d='M128 24c57.4 0 104 46.6 104 104s-46.6 104-104 104c-18 0-34.9-4.6-49.6-12.7L24 232l13.1-53.7C29 164.4 24 146.8 24 128 24 70.6 70.6 24 128 24zm0 24c-44.2 0-80 35.8-80 80 0 16.4 4.9 31.6 13.3 44.2l-8.7 35.7 36.4-8.5C101.1 206.8 114 208 128 208c44.2 0 80-35.8 80-80s-35.8-80-80-80zm47.2 117.6c-2 5.5-9.9 10.1-16.2 11.4c-4.3.9-9.9 1.6-28.6-6.2c-24.1-10-39.6-34.5-40.9-36s-9.8-13-9.8-24.8s6.2-17.6 8.4-20.1c2.2-2.5 4.8-3.1 6.4-3.1c1.6 0 3.2 0 4.6.1c1.5.1 3.5-.6 5.4 4.1c2 4.8 6.8 16.5 7.4 17.7s1.1 2.6.2 4.2c-.9 1.6-1.4 2.6-2.8 4.1c-1.4 1.6-2.9 3.5-4.1 4.7c-1.4 1.6-2.8 3.3-1.2 6.3c1.6 3 7 11.6 15 18.8c10.3 9.2 19 12.1 22 13.5c3 1.4 4.8 1.2 6.6-.7c1.8-2 7.6-8.8 9.7-11.8c2-3 4.2-2.4 7-.9c2.8 1.6 17.7 8.4 20.8 9.9c3 1.5 5 2.3 5.7 3.6c.7 1.2.7 6.7-1.3 12.2z'/>\
</svg>") no-repeat center/80%;
}

.wa-label{ font-family:"Georgia"; font-variant:small-caps; font-size:15px; }

.wa-info{
  margin-top:8px; color:#d8e9e4; font-size:12px; line-height:1.4;
  background: rgba(18,140,126,.18);
  border:1px solid rgba(18,140,126,.35);
  padding:8px 10px; border-radius:6px;
}
/* ===== Sparks nos cantos (clonadas) ===== */
.corner-sparks{
  position:fixed;
  bottom:0;
  width:520px;               /* ajuste fino de tamanho */
  height:260px;
  pointer-events:none;       /* não intercepta cliques */
  z-index:3;                 /* acima do bg, abaixo do UI */
  overflow:visible;
  mix-blend-mode:screen;     /* brilho bonito sobre o bg */
}
.corner-sparks.corner-left{ left:0; }
.corner-sparks.corner-right{ right:0; transform:scaleX(-1); } /* espelha p/ o lado direito */

/* itens (usam as mesmas texturas spark_*.png) */
.corner-sparks .sp{
  position:absolute;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  opacity:.95;
}

/* grande “faixa” de fagulhas */
.corner-sparks .sp-1{
  background-image:url(../img/efectos/spark_4.png);
  width:530px; height:118px; left:-10px; bottom:-18px;
  animation:cs-spark5 4.8s linear infinite;
}
/* spray longo */
.corner-sparks .sp-2{
  background-image:url(../img/efectos/spark_1.png);
  width:450px; height:185px; right:10px; bottom:-110px;
  animation:cs-spark1 5.6s linear infinite 1.2s;
}
/* coluna estreita de partículas */
.corner-sparks .sp-3{
  background-image:url(../img/efectos/spark_2.png);
  width:160px; height:300px; right:140px; bottom:-130px;
  animation:cs-spark1 6.2s linear infinite 2s;
}
/* plumas pequenas */
.corner-sparks .sp-4{
  background-image:url(../img/efectos/spark_3.png);
  width:120px; height:160px; right:210px; bottom:-65px;
  animation:cs-spark3 4.2s linear infinite 1.6s;
}

/* animações (variações das que você já usa) */
@keyframes cs-spark1{
  0%   { transform:translateY(0) scale(.78); opacity:.95; }
  50%  { opacity:.95; }
  100% { transform:translateY(-90px) scale(1); opacity:0; }
}
@keyframes cs-spark3{
  0%   { transform:translateY(0) scale(.85); opacity:.95; }
  100% { transform:translateY(-70px) scale(1); opacity:0; }
}
@keyframes cs-spark5{
  0%   { transform:translateY(0) scale(.82); opacity:1; }
  70%  { opacity:.85; }
  100% { transform:translateY(-60px) scale(1); opacity:0; }
}

/* esconde em telas menores para não poluir */
@media (max-width:1100px){
  .corner-sparks{ display:none; }
}