/* SkankMU — topo e rodapé do visual novo (inc/header.php e inc/footer.php)
   Usado pela home e pelas páginas internas. Tudo com prefixo sk- para
   não brigar com o Bootstrap das páginas internas. */

.sk-wrap{max-width:1200px;margin:0 auto;padding:0 20px}

/* ── TOPO ── */
.sk-nav{position:fixed;inset:0 0 auto;z-index:50;transition:.25s;font-family:'Rajdhani',system-ui,sans-serif}
.sk-nav.stuck,.sk-nav.solid{background:rgba(5,7,12,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(140,180,220,.10)}
.sk-nav-in{display:flex;align-items:center;gap:28px;height:76px}
.sk-logo{display:flex;align-items:center;gap:10px;text-decoration:none!important}
.sk-logo img{height:46px;width:auto;filter:drop-shadow(0 0 10px rgba(46,230,255,.35))}
.sk-logo b{font:900 22px/1 'Cinzel',Georgia,serif;letter-spacing:.06em;color:#dbe6f2}
.sk-logo b span{color:#e8b84b}

.sk-menu{margin-left:12px}
.sk-menu-acc{display:none}
.sk-menu ul{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.sk-menu li{display:block;float:none}
.sk-menu a{display:block;padding:10px 14px;font-weight:600;font-size:15px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:#8aa0b8;border-radius:6px;transition:.2s;text-decoration:none!important}
.sk-menu a:hover,.sk-menu a.on{color:#fff}
.sk-menu a.on{box-shadow:inset 0 -2px 0 #e8b84b;border-radius:0}
.sk-menu li.bo-nav-destaque a{color:#e8b84b}
.sk-menu li.bo-nav-destaque a:hover{color:#f7dc8c}
/* "Jogar na Web": pílula ciano */
.sk-menu li.bo-nav-play{margin:0 6px}
.sk-menu li.bo-nav-play a{display:flex;align-items:center;gap:7px;padding:8px 14px 8px 12px;border:1px solid rgba(46,230,255,.45);border-radius:6px;background:rgba(46,230,255,.08);color:#bff6ff;box-shadow:0 0 16px rgba(46,230,255,.12)}
.sk-menu li.bo-nav-play a:hover{color:#fff;background:rgba(46,230,255,.16);box-shadow:0 0 22px rgba(46,230,255,.35)}
.sk-menu li.bo-nav-play a.on{box-shadow:0 0 16px rgba(46,230,255,.12)}
.sk-menu li.bo-nav-play svg{width:11px;height:11px;flex:none;color:#2ee6ff}

.sk-nav-r{margin-left:auto;display:flex;align-items:center;gap:10px}
.sk-login{font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:14px;color:#8aa0b8;padding:0 10px;text-decoration:none!important}
.sk-login:hover{color:#fff}
.sk-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 26px;border-radius:6px;font:700 15px/1 'Rajdhani',system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;transition:.2s;border:1px solid transparent;white-space:nowrap;text-decoration:none!important}
.sk-btn svg{width:18px;height:18px}
.sk-btn-sm{height:38px;padding:0 16px;font-size:13px}
.sk-btn-gold{background:linear-gradient(180deg,#f7dc8c,#e8b84b 55%,#9e7c2f);color:#1a1206!important;box-shadow:0 6px 24px rgba(232,184,75,.28),inset 0 1px 0 rgba(255,255,255,.5)}
.sk-btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(232,184,75,.28),inset 0 1px 0 rgba(255,255,255,.5)}
.sk-btn-web{border-color:rgba(46,230,255,.45);background:rgba(46,230,255,.10);color:#bff6ff!important;box-shadow:0 0 22px rgba(46,230,255,.15)}
.sk-btn-web:hover{background:rgba(46,230,255,.18);color:#fff!important;transform:translateY(-2px)}
.sk-btn-ghost{border-color:rgba(140,180,220,.22);background:rgba(10,16,26,.55);color:#dbe6f2!important}
.sk-btn-ghost:hover{border-color:#2ee6ff;color:#fff!important}
.sk-burger{display:none;margin-left:auto;background:none;border:1px solid rgba(140,180,220,.22);border-radius:6px;width:44px;height:44px;color:#fff;cursor:pointer;padding:0}

/* ── FAIXA DE TÍTULO (páginas internas) ── */
.sk-pagehead{position:relative;padding:150px 0 54px;overflow:hidden;isolation:isolate;border-bottom:1px solid rgba(140,180,220,.10)}
.sk-pagehead::before{content:"";position:absolute;inset:0;z-index:-2;background:url('../img/background.jpg') right 28%/cover no-repeat}
.sk-pagehead::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#05070c 0%,rgba(5,7,12,.92) 38%,rgba(5,7,12,.55) 70%,rgba(5,7,12,.35) 100%),linear-gradient(0deg,#05070c 0%,transparent 55%)}
.sk-pagehead-in{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.sk-crumb{display:flex;align-items:center;gap:8px;font:700 13px/1 'Rajdhani',system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#2ee6ff}
.sk-crumb a{color:#8aa0b8;text-decoration:none!important}
.sk-crumb a:hover{color:#fff}
.sk-crumb i{font-style:normal;color:#5c7089}
.sk-pagehead h1{margin:14px 0 0;padding:0;border:0;font:900 clamp(32px,4.6vw,54px)/1.05 'Cinzel',Georgia,serif;letter-spacing:.03em;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.sk-pagehead h1::after{display:none}
.sk-pagehead-side{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sk-live{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 12px;border:1px solid rgba(74,222,128,.3);background:rgba(74,222,128,.07);border-radius:40px;font:600 14px/1.2 'Rajdhani',system-ui,sans-serif;letter-spacing:.06em;color:#c9f5d8}
.sk-live b{color:#fff}
.sk-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;animation:skPulse 1.8s infinite}
@keyframes skPulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.6)}70%{box-shadow:0 0 0 10px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}

/* ── RODAPÉ ── */
.sk-foot{position:relative;z-index:1;border-top:1px solid rgba(140,180,220,.10);padding:46px 0 30px;background:#04060a;font-family:'Rajdhani',system-ui,sans-serif;color:#8aa0b8}
.sk-foot-g{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
.sk-foot h5{margin:0 0 14px;font:700 13px/1 'Rajdhani',system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#5c7089}
.sk-foot-g a:not(.sk-logo){display:block;color:#8aa0b8;padding:4px 0;font-size:15px;text-decoration:none!important}
.sk-foot-g a:not(.sk-logo):hover{color:#fff}
.sk-foot p{color:#8aa0b8;font-size:15px;margin:12px 0 0;max-width:300px;line-height:1.5}
.sk-soc{display:flex;gap:10px;margin-top:16px}
.sk-soc a{width:40px;height:40px;display:grid!important;place-items:center;padding:0!important;border:1px solid rgba(140,180,220,.22);border-radius:8px}
.sk-soc img,.sk-soc svg{width:18px;height:18px;opacity:.8}
.sk-foot-b{display:flex;justify-content:space-between;margin-top:36px;padding-top:20px;border-top:1px solid rgba(140,180,220,.10);color:#5c7089;font-size:14px;flex-wrap:wrap;gap:10px}
.sk-foot-b b{color:#e8b84b}

/* ── RESPONSIVO ── */
@media(max-width:1320px){
	.sk-nav-in{gap:18px}.sk-menu{margin-left:0}
	.sk-menu ul{gap:0}
	.sk-menu a{padding:10px 10px;font-size:14px;letter-spacing:.06em}
}
/* botão do Discord fixo em todas as páginas */
.sk-dc-fab{position:fixed;right:20px;bottom:20px;z-index:60;display:inline-flex;align-items:center;gap:9px;height:50px;padding:0 18px;border-radius:999px;
	background:#5865f2;color:#fff!important;font:700 15px/1 'Rajdhani',system-ui,sans-serif;letter-spacing:.04em;text-decoration:none!important;
	box-shadow:0 10px 30px rgba(88,101,242,.5);animation:skDcPulse 2.6s ease-out infinite;transition:transform .2s,background .2s}
.sk-dc-fab:hover{background:#6a76ff;transform:translateY(-2px)}
.sk-dc-ico{display:inline-block;flex:none;width:24px;height:24px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z'/%3E%3C/svg%3E") center/contain no-repeat}
@keyframes skDcPulse{0%{box-shadow:0 10px 30px rgba(88,101,242,.5),0 0 0 0 rgba(88,101,242,.55)}70%{box-shadow:0 10px 30px rgba(88,101,242,.5),0 0 0 16px rgba(88,101,242,0)}100%{box-shadow:0 10px 30px rgba(88,101,242,.5),0 0 0 0 rgba(88,101,242,0)}}
@media(prefers-reduced-motion:reduce){.sk-dc-fab{animation:none}}

/* Discord dentro do menu do celular */
.sk-menu a.sk-menu-dc{display:none}

@media(max-width:1100px){
	.sk-menu{display:none}.sk-login{display:none}
	.sk-burger{display:grid;place-items:center;margin-left:0}
	.sk-nav.open{background:#05070c;border-bottom:1px solid rgba(140,180,220,.10)}
	.sk-nav.open .sk-menu{display:block;position:absolute;left:0;right:0;top:76px;max-height:calc(100vh - 76px);overflow-y:auto;padding:8px 20px 18px;background:#05070c;border-bottom:1px solid rgba(140,180,220,.10);box-shadow:0 30px 60px rgba(0,0,0,.6)}
	.sk-menu-acc{display:flex;gap:10px;margin-top:16px}
	.sk-nav.open .sk-menu .sk-menu-acc a{flex:1;display:inline-flex;justify-content:center;height:44px;padding:0 14px;font-size:13px;border-radius:6px;border-bottom:0}
	.sk-nav.open .sk-menu .sk-menu-acc a.sk-btn-ghost{border:1px solid rgba(140,180,220,.22)}
	.sk-nav.open .sk-menu ul{flex-direction:column;align-items:stretch;gap:0}
	.sk-nav.open .sk-menu a{display:flex;padding:14px 4px;border-bottom:1px solid rgba(140,180,220,.10);border-radius:0;font-size:15px}
	.sk-nav.open .sk-menu a.on{box-shadow:none;color:#e8b84b}
	.sk-nav.open .sk-menu li.bo-nav-play{margin:10px 0}
	.sk-nav.open .sk-menu li.bo-nav-play a{justify-content:center;padding:13px;border:1px solid rgba(46,230,255,.45);border-radius:6px}
	.sk-nav.open .sk-menu a.sk-menu-dc{display:flex;align-items:center;justify-content:center;gap:9px;height:48px;margin-top:10px;padding:0;border:0;border-radius:6px;background:#5865f2;color:#fff}
}
@media(max-width:820px){
	.sk-nav-r .sk-btn{display:none}
	.sk-pagehead{padding:120px 0 40px}
	.sk-pagehead::before{background-position:72% 25%}
	.sk-pagehead::after{background:linear-gradient(0deg,#05070c 5%,rgba(5,7,12,.82) 60%,rgba(5,7,12,.6) 100%)}
	.sk-foot-g{grid-template-columns:1fr 1fr}
	.sk-foot-g a:not(.sk-logo){padding:9px 0}
	.sk-dc-fab{right:14px;bottom:14px;width:54px;height:54px;padding:0;justify-content:center}
	.sk-dc-fab span{display:none}
	.sk-dc-fab .sk-dc-ico{width:30px;height:30px}
}
@media(max-width:480px){
	.sk-wrap{padding:0 16px}
	.sk-foot-g{grid-template-columns:1fr}
}