/* ═══════════════════════════════════════════════════════════
   SKANKMU — BOREAL THEME
   boreal.css  →  templates/<seu_template>/css/boreal.css
   Substitui o style.css padrão do WebEngine 1.2.6
   Paleta: azul boreal + degradê preto + detalhes dourados
   ═══════════════════════════════════════════════════════════ */

:root{
	/* Pretos */
	--ink-900:#04070d;
	--ink-800:#070b14;
	--ink-700:#0b111c;
	--ink-600:#111a28;
	--line:rgba(140,180,220,.08);
	--line-hi:rgba(140,180,220,.18);

	/* Azul boreal */
	--boreal:#2ee6ff;
	--boreal-2:#0ea5e9;
	--boreal-3:#1e6fa8;
	--boreal-deep:#062033;
	--boreal-glow:rgba(46,230,255,.35);

	/* Dourado */
	--gold:#e8b84b;
	--gold-hi:#f7dc8c;
	--gold-dim:#9e7c2f;
	--gold-glow:rgba(232,184,75,.30);

	/* Cores temáticas por Evento */
	--ev-bc:#ef4444;       /* Blood Castle - Vermelho rubi */
	--ev-ds:#0ea5e9;       /* Devil Square - Azul tempestade */
	--ev-cc:#f59e0b;       /* Chaos Castle - Dourado combate */
	--ev-dragon:#f43f5e;   /* Dragon Invasion - Crimson */
	--ev-golden:#eab308;   /* Golden Invasion - Âmbar radiante */
	--ev-cs:#a855f7;       /* Castle Siege - Púrpura imperial */

	/* Verde / Sucesso */
	--green:#4ade80;
	--green-glow:rgba(74,222,128,.30);

	/* Texto */
	--text:#dbe6f2;
	--text-dim:#8aa0b8;
	--text-mute:#5c7089;

	--radius:8px;
	--wrap:1220px;
	--serif:'Cinzel',Georgia,serif;
	--sans:'Rajdhani','PT Sans',system-ui,sans-serif;
}

/* ── BASE ─────────────────────────────────────────────────── */
*{box-sizing:border-box}
html,body{height:100%}
body{
	margin:0;
	font-family:var(--sans);
	font-size:15.5px;
	line-height:1.65;
	color:var(--text);
	background:var(--ink-900);
	background-image:
		radial-gradient(1200px 600px at 50% -10%, #0d2438 0%, transparent 60%),
		linear-gradient(180deg, #060a12 0%, #04070d 45%, #02040a 100%);
	background-attachment:fixed;
	overflow-x:hidden;
	-webkit-font-smoothing:antialiased;
}
svg{max-width:100%;max-height:100%}
a{color:var(--boreal);text-decoration:none;transition:color .2s ease}
a:hover,a:focus{color:var(--gold-hi);text-decoration:none;outline:none}
img{max-width:100%;height:auto}
hr{border-color:var(--line)}

h1,h2,h3,h4,h5{
	font-family:var(--serif);
	font-weight:700;
	color:#eef4fb;
	letter-spacing:.02em;
	margin:0 0 14px;
}
h1{font-size:30px}
h2{font-size:25px}
h3{font-size:21px}
h4{font-size:17px}
h5{font-size:15px}

.bo-wrap{
	width:100%;
	max-width:var(--wrap);
	margin:0 auto;
	padding:0 18px;
}

/* ── FUNDO AURORA ─────────────────────────────────────────── */
.bo-aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bo-aurora span{position:absolute;display:block}
.bo-aurora-a{
	width:900px;height:900px;top:-380px;left:-220px;
	background:radial-gradient(circle, rgba(46,230,255,.16) 0%, transparent 65%);
	filter:blur(30px);
	animation:boDriftA 26s ease-in-out infinite alternate;
}
.bo-aurora-b{
	width:820px;height:820px;top:-260px;right:-200px;
	background:radial-gradient(circle, rgba(232,184,75,.10) 0%, transparent 65%);
	filter:blur(40px);
	animation:boDriftB 32s ease-in-out infinite alternate;
}
.bo-aurora-grid{
	inset:0;
	background-image:
		linear-gradient(rgba(140,180,220,.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(140,180,220,.045) 1px, transparent 1px);
	background-size:64px 64px;
	mask-image:radial-gradient(circle at 50% 0%, #000 0%, transparent 70%);
	-webkit-mask-image:radial-gradient(circle at 50% 0%, #000 0%, transparent 70%);
	width:100%;height:100%;
}
@keyframes boDriftA{from{transform:translate3d(0,0,0)}to{transform:translate3d(140px,90px,0)}}
@keyframes boDriftB{from{transform:translate3d(0,0,0)}to{transform:translate3d(-120px,70px,0)}}
@media (prefers-reduced-motion:reduce){.bo-aurora-a,.bo-aurora-b{animation:none}}

.bo-topbar,.bo-nav,.bo-hero,.bo-status,.bo-main,.bo-footer{position:relative;z-index:1}

/* ── TOP BAR ──────────────────────────────────────────────── */
.bo-topbar{
	background:rgba(2,5,10,.85);
	border-bottom:1px solid var(--line);
	font-size:12px;
}
.bo-topbar .bo-wrap{display:flex;align-items:center;justify-content:space-between;min-height:34px}
.bo-topbar a{color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;font-weight:600;font-size:11.5px}
.bo-topbar a:hover{color:var(--gold)}
.bo-sep{color:var(--text-mute);margin:0 8px}
.bo-logout:hover{color:#f87171 !important}

.bo-topbar-left ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:8px}
.bo-topbar-left li{display:inline-flex;align-items:center}
.bo-topbar-left img{width:18px;height:12px;object-fit:cover;border-radius:2px;opacity:.65;transition:opacity .2s ease}
.bo-topbar-left a:hover img{opacity:1}

/* ── NAVBAR ───────────────────────────────────────────────── */
.bo-nav{
	position:sticky;top:0;z-index:50;
	background:linear-gradient(180deg, rgba(7,12,20,.96) 0%, rgba(4,7,13,.92) 100%);
	border-bottom:1px solid var(--line);
	backdrop-filter:blur(10px);
	transition:box-shadow .25s ease, border-color .25s ease;
}
.bo-nav.is-stuck{
	box-shadow:0 10px 34px rgba(0,0,0,.6);
	border-bottom-color:rgba(46,230,255,.22);
}
.bo-nav::after{
	content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;
	background:linear-gradient(90deg, transparent, var(--boreal-glow) 25%, var(--gold-glow) 50%, var(--boreal-glow) 75%, transparent);
	opacity:.7;
}
.bo-nav-inner{display:flex;align-items:center;gap:18px;min-height:76px}

.bo-logo{display:flex;align-items:center;flex-shrink:0}
.bo-logo img{max-height:52px;width:auto;filter:drop-shadow(0 0 14px rgba(46,230,255,.35))}
.bo-logo-text{
	font-family:var(--serif);font-size:24px;font-weight:900;letter-spacing:.10em;
	background:linear-gradient(180deg,#fff 0%, var(--boreal) 55%, var(--boreal-3) 100%);
	-webkit-background-clip:text;background-clip:text;color:transparent;
	text-shadow:0 0 26px rgba(46,230,255,.25);
}

.bo-nav-menu{flex:1;display:flex;justify-content:center}
.bo-nav-menu ul{
	list-style:none;margin:0;padding:0;
	display:flex !important;align-items:center;flex-wrap:wrap;gap:2px;
	float:none !important;
}
.bo-nav-menu li{display:inline-flex;align-items:center;float:none !important}
.bo-nav-menu li a{
	position:relative;display:block;
	padding:10px 15px;
	font-family:var(--serif);
	font-size:12.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
	color:var(--text-dim);
	background:transparent !important;
	border-radius:var(--radius);
	transition:color .22s ease, background .22s ease;
}
.bo-nav-menu li a::after{
	content:'';position:absolute;left:50%;right:50%;bottom:4px;height:2px;
	background:linear-gradient(90deg, var(--boreal), var(--gold));
	transition:left .25s ease, right .25s ease;
	border-radius:2px;
}
.bo-nav-menu li a:hover,
.bo-nav-menu li.active a,
.bo-nav-menu li a.active{
	color:#fff;
	background:rgba(46,230,255,.06) !important;
}
.bo-nav-menu li a:hover::after,
.bo-nav-menu li.active a::after{left:16px;right:16px}

.bo-nav-cta{flex-shrink:0}

.bo-burger{
	display:none;background:none;border:1px solid var(--line-hi);border-radius:var(--radius);
	padding:9px 10px;cursor:pointer;
}
.bo-burger span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px}
.bo-burger span+span{margin-top:4px}

/* ── BOTÕES ───────────────────────────────────────────────── */
.bo-btn{
	display:inline-flex;align-items:center;justify-content:center;
	padding:9px 20px;
	font-family:var(--serif);
	font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
	border-radius:var(--radius);
	border:1px solid transparent;
	cursor:pointer;white-space:nowrap;
	transition:transform .18s ease, box-shadow .22s ease, background .22s ease, color .22s ease;
}
.bo-btn:hover{transform:translateY(-1px)}
.bo-btn-lg{padding:13px 30px;font-size:13px}
.bo-btn-block{width:100%}

.bo-btn-gold{
	color:#1a1206 !important;
	background:linear-gradient(180deg, var(--gold-hi) 0%, var(--gold) 45%, var(--gold-dim) 100%);
	border-color:rgba(247,220,140,.55);
	box-shadow:0 4px 18px rgba(232,184,75,.22), inset 0 1px 0 rgba(255,255,255,.35);
}
.bo-btn-gold:hover{
	color:#0f0a02 !important;
	box-shadow:0 6px 26px rgba(232,184,75,.42), inset 0 1px 0 rgba(255,255,255,.5);
}
.bo-btn-blue{
	color:#031420 !important;
	background:linear-gradient(180deg, #7ef1ff 0%, var(--boreal) 45%, var(--boreal-3) 100%);
	border-color:rgba(126,241,255,.5);
	box-shadow:0 4px 18px rgba(46,230,255,.22), inset 0 1px 0 rgba(255,255,255,.3);
}
.bo-btn-blue:hover{box-shadow:0 6px 26px rgba(46,230,255,.42)}
.bo-btn-ghost{
	color:var(--text) !important;
	background:rgba(255,255,255,.04);
	border-color:var(--line-hi);
	backdrop-filter:blur(4px);
}
.bo-btn-ghost:hover{
	color:#fff !important;
	border-color:var(--boreal);
	background:rgba(46,230,255,.10);
	box-shadow:0 0 22px rgba(46,230,255,.18);
}

/* ── HERO SLIDER ──────────────────────────────────────────── */
.bo-hero{
	position:relative;
	height:clamp(380px, 56vh, 620px);
	overflow:hidden;
	background:
		radial-gradient(900px 500px at 20% 20%, rgba(46,230,255,.12), transparent 60%),
		linear-gradient(135deg, var(--boreal-deep) 0%, #04070d 60%);
	border-bottom:1px solid var(--line);
}
.bo-hero-track{position:absolute;inset:0}
.bo-slide{
	position:absolute;inset:0;
	background-size:cover;background-position:center;
	opacity:0;visibility:hidden;
	transform:scale(1.06);
	transition:opacity 1s ease, transform 8s ease-out, visibility 1s;
	display:flex;align-items:center;
}
.bo-slide.is-active{opacity:1;visibility:visible;transform:scale(1)}
.bo-slide-veil{
	position:absolute;inset:0;
	background:
		linear-gradient(90deg, rgba(3,6,12,.94) 0%, rgba(3,6,12,.72) 45%, rgba(3,6,12,.25) 100%),
		linear-gradient(0deg, rgba(3,6,12,.96) 0%, transparent 45%);
}
.bo-slide-body{position:relative;z-index:2;max-width:var(--wrap)}
.bo-slide-tag{
	display:inline-block;margin-bottom:14px;
	padding:5px 14px;
	font-size:11px;font-weight:700;letter-spacing:.20em;text-transform:uppercase;
	color:var(--gold);
	border:1px solid rgba(232,184,75,.35);
	border-radius:100px;
	background:rgba(232,184,75,.07);
}
.bo-slide-title{
	font-family:var(--serif);
	font-size:clamp(34px, 5.4vw, 66px);
	font-weight:900;line-height:1.02;letter-spacing:.03em;
	margin:0 0 14px;
	color:#fff;
	text-shadow:0 6px 40px rgba(0,0,0,.75);
}
.bo-slide-title span{
	background:linear-gradient(180deg, var(--gold-hi) 0%, var(--gold) 50%, var(--gold-dim) 100%);
	-webkit-background-clip:text;background-clip:text;color:transparent;
}
.bo-slide-text{
	max-width:560px;margin:0 0 26px;
	font-size:17px;color:var(--text-dim);
	text-shadow:0 2px 14px rgba(0,0,0,.8);
}
.bo-slide-actions{display:flex;gap:12px;flex-wrap:wrap}

.bo-slide-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;max-width:560px}
.bo-slide-chips span{
	display:inline-flex;align-items:center;gap:7px;
	padding:5px 13px;
	font-size:11.5px;font-weight:700;letter-spacing:.08em;
	color:var(--text);
	background:rgba(255,255,255,.06);
	border:1px solid var(--line-hi);
	border-radius:100px;
	backdrop-filter:blur(6px);
}
.bo-slide-chips span::before{
	content:'';width:5px;height:5px;border-radius:50%;
	background:var(--boreal);box-shadow:0 0 8px var(--boreal-glow);
}

.bo-slide-art{
	position:absolute;top:50%;right:9%;z-index:1;
	transform:translateY(-50%);
	pointer-events:none;
}
.bo-phone-glow{
	position:absolute;top:50%;left:50%;
	width:520px;height:520px;
	transform:translate(-50%,-50%);
	background:radial-gradient(circle, rgba(46,230,255,.20) 0%, rgba(232,184,75,.08) 40%, transparent 68%);
	filter:blur(12px);
	z-index:-1;
}
.bo-phone{
	position:relative;
	width:216px;height:430px;
	padding:9px;
	border-radius:32px;
	background:linear-gradient(150deg,#2a3444 0%,#0d131d 45%,#05080e 100%);
	border:1px solid rgba(200,220,245,.22);
	box-shadow:0 40px 80px rgba(0,0,0,.65), 0 0 60px rgba(46,230,255,.15), inset 0 1px 0 rgba(255,255,255,.14);
	animation:boPhoneFloat 6s ease-in-out infinite;
}
@keyframes boPhoneFloat{
	0%,100%{transform:translateY(0) rotate(-4deg)}
	50%{transform:translateY(-16px) rotate(-4deg)}
}
.bo-phone-notch{
	position:absolute;top:9px;left:50%;transform:translateX(-50%);
	width:74px;height:18px;
	background:#05080e;
	border-radius:0 0 12px 12px;
	z-index:2;
}
.bo-phone-screen{
	position:relative;
	width:100%;height:100%;
	border-radius:24px;
	display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
	background:
		radial-gradient(160px 200px at 50% 22%, rgba(46,230,255,.28), transparent 70%),
		linear-gradient(180deg, #0a2438 0%, #061523 45%, #03070d 100%);
	border:1px solid rgba(46,230,255,.16);
	overflow:hidden;
}
.bo-phone-screen::after{
	content:'';position:absolute;top:0;left:-60%;
	width:55%;height:100%;
	background:linear-gradient(100deg, transparent, rgba(255,255,255,.13), transparent);
	animation:boPhoneShine 4.5s ease-in-out infinite;
}
@keyframes boPhoneShine{
	0%,65%{left:-60%}
	100%{left:120%}
}
.bo-phone-logo{
	font-family:var(--serif);font-size:26px;font-weight:900;letter-spacing:.08em;
	background:linear-gradient(180deg,#fff 0%, var(--gold-hi) 55%, var(--gold) 100%);
	-webkit-background-clip:text;background-clip:text;color:transparent;
	text-align:center;padding:0 10px;line-height:1.1;
}
.bo-phone-sub{font-size:9.5px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--boreal)}
.bo-phone-cta{
	margin-top:14px;padding:8px 26px;
	font-family:var(--serif);font-size:11px;font-weight:700;letter-spacing:.16em;
	color:#1a1206;
	background:linear-gradient(180deg, var(--gold-hi), var(--gold) 55%, var(--gold-dim));
	border-radius:100px;
	box-shadow:0 4px 18px rgba(232,184,75,.35);
}

.bo-slide.has-art .bo-slide-text,
.bo-slide.has-art .bo-slide-chips{max-width:470px}

.bo-slide.is-active .bo-slide-tag,
.bo-slide.is-active .bo-slide-title,
.bo-slide.is-active .bo-slide-text,
.bo-slide.is-active .bo-slide-actions{animation:boRise .8s cubic-bezier(.2,.7,.3,1) both}
.bo-slide.is-active .bo-slide-title{animation-delay:.10s}
.bo-slide.is-active .bo-slide-text{animation-delay:.20s}
.bo-slide.is-active .bo-slide-actions{animation-delay:.30s}
@keyframes boRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

.bo-hero-arrow{
	position:absolute;top:50%;transform:translateY(-50%);z-index:5;
	width:46px;height:46px;
	display:flex;align-items:center;justify-content:center;
	color:var(--text-dim);font-size:16px;
	background:rgba(4,8,14,.55);
	border:1px solid var(--line-hi);
	border-radius:50%;
	cursor:pointer;
	backdrop-filter:blur(6px);
	transition:all .22s ease;
}
.bo-hero-arrow:hover{color:#fff;border-color:var(--boreal);box-shadow:0 0 22px rgba(46,230,255,.28)}
.bo-prev{left:22px}
.bo-next{right:22px}

.bo-hero-dots{
	position:absolute;left:0;right:0;bottom:22px;z-index:5;
	display:flex;justify-content:center;gap:10px;
}
.bo-dot{
	width:34px;height:4px;padding:0;
	background:rgba(255,255,255,.20);
	border:none;border-radius:100px;cursor:pointer;overflow:hidden;
	transition:background .25s ease;
}
.bo-dot:hover{background:rgba(255,255,255,.38)}
.bo-dot.is-active{background:rgba(232,184,75,.25)}
.bo-dot i{display:block;height:100%;width:0}
.bo-dot.is-active i{
	width:100%;
	background:linear-gradient(90deg, var(--boreal), var(--gold));
	animation:boFill 6.5s linear forwards;
}

/* ── BARRA DE STATUS ──────────────────────────────────────── */
.bo-status{
	background:linear-gradient(180deg, rgba(11,17,28,.92) 0%, rgba(4,7,13,.92) 100%);
	border-bottom:1px solid var(--line);
}
.bo-status-grid{
	display:grid;
	grid-template-columns:1.3fr 1fr 1fr auto;
	gap:26px;
	align-items:center;
	padding-top:16px;padding-bottom:16px;
}
.bo-stat{display:flex;align-items:center;gap:12px;min-width:0}
.bo-stat+.bo-stat{border-left:1px solid var(--line);padding-left:26px}
.bo-stat-body{display:flex;flex-direction:column;min-width:0;flex:1}
.bo-stat-label{
	font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
	color:var(--text-mute);
}
.bo-stat-value{
	font-family:var(--serif);font-size:20px;font-weight:700;line-height:1.2;
	color:#fff;
}
.bo-stat-sub{font-size:12px;color:var(--text-mute)}
.bo-stat-cta{justify-content:flex-end}
.bo-stat-cta .bo-btn{width:100%}

.bo-stat-ico{
	width:10px;height:10px;border-radius:50%;flex-shrink:0;
	background:var(--boreal);
	box-shadow:0 0 12px var(--boreal-glow);
}
.bo-pulse{background:#4ade80;box-shadow:0 0 12px rgba(74,222,128,.6);animation:boPulse 2s ease-in-out infinite}
@keyframes boPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}
.bo-ico-clock{background:var(--gold);box-shadow:0 0 12px var(--gold-glow)}
.bo-ico-user{background:var(--boreal-2);box-shadow:0 0 12px rgba(14,165,233,.5)}

.bo-bar,.webengine-online-bar{
	height:4px;margin-top:6px;
	background:rgba(255,255,255,.07);
	border-radius:100px;overflow:hidden;
}
.bo-bar-fill,.webengine-online-bar-progress{
	height:100%;
	background:linear-gradient(90deg, var(--boreal-3), var(--boreal) 60%, var(--gold));
	box-shadow:0 0 12px var(--boreal-glow);
	border-radius:100px;
	transition:width .6s ease;
}

/* ── CONTEÚDO / PAINÉIS ───────────────────────────────────── */
.bo-main{padding:34px 0 46px;min-height:auto}
.is-home-main{padding:10px 0 0;min-height:0}

/* Na Home, remove qualquer borda residual */
.is-home-main .bo-panel,
.bo-panel-full{
	background:transparent !important;
	border:none !important;
	box-shadow:none !important;
	padding:0 !important;
}
.is-home-main .bo-panel:empty{display:none !important}

.bo-panel{
	position:relative;
	background:linear-gradient(180deg, rgba(14,22,34,.65) 0%, rgba(7,11,19,.75) 100%);
	border:1px solid rgba(140,180,220,.08);
	border-radius:12px;
	padding:26px 28px;
	box-shadow:0 14px 40px rgba(0,0,0,.4);
}

.bo-panel h1,.bo-panel h2,.bo-panel h3{
	position:relative;padding-bottom:12px;margin-bottom:20px;
	border-bottom:1px solid var(--line);
}
.bo-panel h1::after,.bo-panel h2::after,.bo-panel h3::after{
	content:'';position:absolute;left:0;bottom:-1px;width:70px;height:2px;
	background:linear-gradient(90deg, var(--gold), transparent);
}

/* ═══════════════════════════════════════════════════════════
   ULTRAMODERN EVENTS SCHEDULE & SIDEBAR (AAA ESPORTS STYLE)
   Transfere visualmente qualquer tabela do WebEngine para Cards
   ═══════════════════════════════════════════════════════════ */

/* ── SIDEBAR CONTAINER ── */
.bo-sidebar,
.col-md-4,
.col-sm-12:has(.panel-sidebar){
	display:flex;
	flex-direction:column;
	gap:20px;
}

/* ── BOX PRINCIPAL DE EVENTOS / SIDEBAR ── */
.panel.panel-sidebar,
.panel-default:has(.events-schedule),
.panel:has(table),
.bo-side-card{
	background:linear-gradient(180deg, rgba(11,18,30,.88) 0%, rgba(4,7,14,.95) 100%) !important;
	border:1px solid rgba(46,230,255,.18) !important;
	border-radius:14px !important;
	box-shadow:0 20px 50px rgba(0,0,0,.65), 0 0 30px rgba(46,230,255,.06) !important;
	overflow:hidden !important;
	position:relative !important;
	margin-bottom:24px !important;
}
.panel.panel-sidebar::before,
.panel-default:has(.events-schedule)::before,
.panel:has(table)::before,
.bo-side-card::before{
	content:'';position:absolute;top:0;left:18px;right:18px;height:2px;
	background:linear-gradient(90deg, transparent, var(--boreal), var(--gold), transparent);
	z-index:2;
}

/* ── CABEÇALHO DO MENU DE EVENTOS ── */
.panel.panel-sidebar .panel-heading,
.panel-default:has(.events-schedule) .panel-heading,
.panel:has(table) .panel-heading,
.bo-side-head{
	background:linear-gradient(90deg, rgba(46,230,255,.08) 0%, rgba(232,184,75,.04) 100%) !important;
	border-bottom:1px solid rgba(140,180,220,.12) !important;
	padding:16px 20px !important;
	display:flex !important;
	align-items:center !important;
	justify-content:space-between !important;
	position:relative !important;
}

.panel.panel-sidebar .panel-title,
.panel-default:has(.events-schedule) .panel-title,
.panel:has(table) .panel-title,
.bo-side-title{
	font-family:var(--serif) !important;
	font-size:16px !important;
	font-weight:900 !important;
	letter-spacing:.12em !important;
	text-transform:uppercase !important;
	background:linear-gradient(180deg, #ffffff 0%, var(--gold-hi) 60%, var(--gold) 100%) !important;
	-webkit-background-clip:text !important;
	background-clip:text !important;
	color:transparent !important;
	margin:0 !important;
	line-height:1.2 !important;
}

/* Selo "● AO VIVO" integrado ao cabeçalho */
.panel.panel-sidebar:not(:has(form)) .panel-heading::after,
.panel-default:has(.events-schedule) .panel-heading::after,
.panel:has(table) .panel-heading::after{
	content:'\25CF  AO VIVO';
	display:inline-flex;
	align-items:center;
	font-family:var(--sans);
	font-size:10.5px;
	font-weight:800;
	letter-spacing:.14em;
	color:#4ade80;
	background:rgba(74,222,128,.12);
	border:1px solid rgba(74,222,128,.35);
	padding:3px 10px;
	border-radius:100px;
	text-shadow:0 0 10px rgba(74,222,128,.5);
	animation:boPulse 1.8s ease-in-out infinite;
}

.panel.panel-sidebar .panel-body,
.panel-default:has(.events-schedule) .panel-body,
.panel:has(table) .panel-body{
	padding:16px !important;
}

/* ── TRANSFORMAÇÃO RADICAL DAS TABELAS EM CARDS MODERNOS ── */
.panel.panel-sidebar table,
.panel-default:has(.events-schedule) table,
.panel:has(table) table,
.col-md-4 table,
.bo-sidebar table,
table.events-schedule,
#events table{
	display:flex !important;
	flex-direction:column !important;
	gap:10px !important;
	width:100% !important;
	border:none !important;
	margin:0 !important;
	background:transparent !important;
}

.panel.panel-sidebar table tbody,
.panel-default:has(.events-schedule) table tbody,
.panel:has(table) table tbody,
.col-md-4 table tbody,
.bo-sidebar table tbody{
	display:flex !important;
	flex-direction:column !important;
	gap:10px !important;
	width:100% !important;
	border:none !important;
}

/* Cada linha da tabela vira um CARD 3D moderno */
.panel.panel-sidebar table tr,
.panel-default:has(.events-schedule) table tr,
.panel:has(table) table tr,
.col-md-4 table tr,
.bo-sidebar table tr{
	display:flex !important;
	align-items:center !important;
	justify-content:space-between !important;
	padding:12px 14px !important;
	background:linear-gradient(90deg, rgba(255,255,255,.035) 0%, rgba(255,255,255,.015) 100%) !important;
	border:1px solid rgba(140,180,220,.10) !important;
	border-left:4px solid var(--boreal) !important;
	border-radius:10px !important;
	transition:all .25s cubic-bezier(.2,.8,.2,1) !important;
	position:relative !important;
	box-shadow:0 4px 14px rgba(0,0,0,.3) !important;
}

.panel.panel-sidebar table tr:hover,
.panel-default:has(.events-schedule) table tr:hover,
.panel:has(table) table tr:hover,
.col-md-4 table tr:hover,
.bo-sidebar table tr:hover{
	background:linear-gradient(90deg, rgba(46,230,255,.08) 0%, rgba(46,230,255,.02) 100%) !important;
	border-color:rgba(46,230,255,.35) !important;
	transform:translateX(4px) translateY(-1px) !important;
	box-shadow:0 8px 22px rgba(0,0,0,.5), 0 0 20px rgba(46,230,255,.14) !important;
}

.panel.panel-sidebar table td,
.panel-default:has(.events-schedule) table td,
.panel:has(table) table td,
.col-md-4 table td,
.bo-sidebar table td{
	border:none !important;
	padding:0 !important;
	background:transparent !important;
	display:flex !important;
	flex-direction:column !important;
}

/* Coluna Esquerda: Nome do Evento */
.panel.panel-sidebar table td:first-child,
.panel-default:has(.events-schedule) table td:first-child,
.panel:has(table) table td:first-child,
.col-md-4 table td:first-child{
	font-family:var(--serif) !important;
	font-size:14.5px !important;
	font-weight:700 !important;
	color:#fff !important;
	letter-spacing:.03em !important;
	line-height:1.25 !important;
}
.panel.panel-sidebar table td:first-child small,
.panel.panel-sidebar table td:first-child span,
.col-md-4 table td:first-child small{
	font-family:var(--sans) !important;
	font-size:11px !important;
	font-weight:600 !important;
	color:var(--text-mute) !important;
	text-transform:uppercase !important;
	letter-spacing:.10em !important;
	margin-top:2px !important;
}

/* Coluna Direita: Horário & Timer Digital */
.panel.panel-sidebar table td:last-child,
.panel-default:has(.events-schedule) table td:last-child,
.panel:has(table) table td:last-child,
.col-md-4 table td:last-child{
	text-align:right !important;
	align-items:flex-end !important;
	gap:3px !important;
	font-size:11.5px !important;
	color:var(--text-dim) !important;
	font-weight:600 !important;
}

/* Chips de Contagem Regressiva Monospace Digital */
.panel.panel-sidebar table td:last-child span,
.panel.panel-sidebar table td:last-child span[id],
.col-md-4 table td:last-child span,
.bo-event-timer,
span[id*="bloodcastle"],
span[id*="devilsquare"],
span[id*="chaoscastle"],
span[id*="dragon"],
span[id*="golden"],
span[id*="castlesiege"]{
	display:inline-flex !important;
	align-items:center !important;
	padding:3px 10px !important;
	font-family:'Rajdhani','Consolas',monospace !important;
	font-size:12.5px !important;
	font-weight:700 !important;
	letter-spacing:.06em !important;
	color:#7ef1ff !important;
	background:rgba(46,230,255,.10) !important;
	border:1px solid rgba(46,230,255,.28) !important;
	border-radius:6px !important;
	text-shadow:0 0 10px rgba(46,230,255,.45) !important;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.1) !important;
}

/* ── IDENTIFICAÇÃO VISUAL POR EVENTO ESPECÍFICO ── */

/* 1. Blood Castle (Rubi) */
.panel.panel-sidebar table tr:nth-child(1),
.panel:has(table) table tr:nth-child(1),
.is-event-bc{
	border-left-color:var(--ev-bc) !important;
}
.panel.panel-sidebar table tr:nth-child(1):hover,
.panel:has(table) table tr:nth-child(1):hover{
	background:linear-gradient(90deg, rgba(239,68,68,.10) 0%, rgba(239,68,68,.02) 100%) !important;
	border-color:rgba(239,68,68,.4) !important;
	box-shadow:0 8px 22px rgba(0,0,0,.5), 0 0 20px rgba(239,68,68,.2) !important;
}
.panel.panel-sidebar table tr:nth-child(1) td:last-child span,
.panel:has(table) table tr:nth-child(1) td:last-child span{
	color:#fca5a5 !important;
	background:rgba(239,68,68,.12) !important;
	border-color:rgba(239,68,68,.35) !important;
	text-shadow:0 0 10px rgba(239,68,68,.5) !important;
}

/* 2. Devil Square (Azul Tempestade) */
.panel.panel-sidebar table tr:nth-child(2),
.panel:has(table) table tr:nth-child(2),
.is-event-ds{
	border-left-color:var(--ev-ds) !important;
}
.panel.panel-sidebar table tr:nth-child(2):hover,
.panel:has(table) table tr:nth-child(2):hover{
	background:linear-gradient(90deg, rgba(14,165,233,.10) 0%, rgba(14,165,233,.02) 100%) !important;
	border-color:rgba(14,165,233,.4) !important;
	box-shadow:0 8px 22px rgba(0,0,0,.5), 0 0 20px rgba(14,165,233,.2) !important;
}
.panel.panel-sidebar table tr:nth-child(2) td:last-child span,
.panel:has(table) table tr:nth-child(2) td:last-child span{
	color:#7dd3fc !important;
	background:rgba(14,165,233,.12) !important;
	border-color:rgba(14,165,233,.35) !important;
}

/* 3. Chaos Castle (Dourado Combate) */
.panel.panel-sidebar table tr:nth-child(3),
.panel:has(table) table tr:nth-child(3),
.is-event-cc{
	border-left-color:var(--ev-cc) !important;
}
.panel.panel-sidebar table tr:nth-child(3):hover,
.panel:has(table) table tr:nth-child(3):hover{
	background:linear-gradient(90deg, rgba(245,158,11,.10) 0%, rgba(245,158,11,.02) 100%) !important;
	border-color:rgba(245,158,11,.4) !important;
	box-shadow:0 8px 22px rgba(0,0,0,.5), 0 0 20px rgba(245,158,11,.2) !important;
}
.panel.panel-sidebar table tr:nth-child(3) td:last-child span,
.panel:has(table) table tr:nth-child(3) td:last-child span{
	color:#fcd34d !important;
	background:rgba(245,158,11,.12) !important;
	border-color:rgba(245,158,11,.35) !important;
}

/* 4. Dragon Invasion (Crimson) */
.panel.panel-sidebar table tr:nth-child(4),
.panel:has(table) table tr:nth-child(4),
.is-event-dragon{
	border-left-color:var(--ev-dragon) !important;
}
.panel.panel-sidebar table tr:nth-child(4):hover,
.panel:has(table) table tr:nth-child(4):hover{
	background:linear-gradient(90deg, rgba(244,63,94,.10) 0%, rgba(244,63,94,.02) 100%) !important;
	border-color:rgba(244,63,94,.4) !important;
	box-shadow:0 8px 22px rgba(0,0,0,.5), 0 0 20px rgba(244,63,94,.2) !important;
}
.panel.panel-sidebar table tr:nth-child(4) td:last-child span,
.panel:has(table) table tr:nth-child(4) td:last-child span{
	color:#fda4af !important;
	background:rgba(244,63,94,.12) !important;
	border-color:rgba(244,63,94,.35) !important;
}

/* 5. Golden Invasion (Âmbar Radiante) */
.panel.panel-sidebar table tr:nth-child(5),
.panel:has(table) table tr:nth-child(5),
.is-event-golden{
	border-left-color:var(--ev-golden) !important;
}
.panel.panel-sidebar table tr:nth-child(5):hover,
.panel:has(table) table tr:nth-child(5):hover{
	background:linear-gradient(90deg, rgba(234,179,8,.10) 0%, rgba(234,179,8,.02) 100%) !important;
	border-color:rgba(234,179,8,.4) !important;
	box-shadow:0 8px 22px rgba(0,0,0,.5), 0 0 20px rgba(234,179,8,.2) !important;
}
.panel.panel-sidebar table tr:nth-child(5) td:last-child span,
.panel:has(table) table tr:nth-child(5) td:last-child span{
	color:#fef08a !important;
	background:rgba(234,179,8,.12) !important;
	border-color:rgba(234,179,8,.35) !important;
}

/* 6. Castle Siege (Púrpura Imperial) */
.panel.panel-sidebar table tr:nth-child(6),
.panel:has(table) table tr:nth-child(6),
.is-event-cs{
	border-left-color:var(--ev-cs) !important;
}
.panel.panel-sidebar table tr:nth-child(6):hover,
.panel:has(table) table tr:nth-child(6):hover{
	background:linear-gradient(90deg, rgba(168,85,247,.10) 0%, rgba(168,85,247,.02) 100%) !important;
	border-color:rgba(168,85,247,.4) !important;
	box-shadow:0 8px 22px rgba(0,0,0,.5), 0 0 20px rgba(168,85,247,.2) !important;
}
.panel.panel-sidebar table tr:nth-child(6) td:last-child span,
.panel:has(table) table tr:nth-child(6) td:last-child span{
	color:#d8b4fe !important;
	background:rgba(168,85,247,.14) !important;
	border-color:rgba(168,85,247,.38) !important;
	text-shadow:0 0 10px rgba(168,85,247,.5) !important;
}

/* ── BANNER "JOIN NOW" E BOTÃO SIGN IN ── */
.col-md-4 a img,
.panel-sidebar img,
.bo-sidebar img{
	border-radius:10px !important;
	border:1px solid rgba(232,184,75,.35) !important;
	box-shadow:0 8px 24px rgba(0,0,0,.5), 0 0 20px rgba(232,184,75,.15) !important;
	transition:transform .25s ease, box-shadow .25s ease !important;
	display:block;
	width:100%;
}
.col-md-4 a img:hover,
.bo-sidebar a img:hover{
	transform:translateY(-3px) scale(1.01) !important;
	box-shadow:0 12px 30px rgba(0,0,0,.6), 0 0 28px rgba(232,184,75,.3) !important;
}

/* ── TABELAS GERAIS ───────────────────────────────────────── */
.table{color:var(--text);margin-bottom:18px}
.table>thead>tr>th{
	font-family:var(--serif);
	font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
	color:var(--gold);
	background:rgba(232,184,75,.05);
	border-bottom:1px solid rgba(232,184,75,.22) !important;
	padding:12px 14px;
}
.table>tbody>tr>td{
	border-top:1px solid var(--line) !important;
	padding:11px 14px;
	vertical-align:middle;
}
.table>tbody>tr:hover>td{background:rgba(46,230,255,.05)}
.table-striped>tbody>tr:nth-of-type(odd){background:rgba(255,255,255,.018)}
.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>thead>tr>th{border-color:var(--line) !important}

/* ── COMPONENTES BOOTSTRAP ────────────────────────────────── */
.panel,.well,.thumbnail{
	background:rgba(255,255,255,.03);
	border:1px solid var(--line);
	border-radius:var(--radius);
	box-shadow:none;
	color:var(--text);
}
.panel-heading{
	background:rgba(46,230,255,.06) !important;
	border-bottom:1px solid var(--line) !important;
	color:#fff;
	font-family:var(--serif);
	letter-spacing:.06em;
}
.panel-title{font-size:14px;font-weight:700}
.panel-footer{background:rgba(0,0,0,.25);border-top:1px solid var(--line)}

.form-control{
	height:42px;
	background:rgba(255,255,255,.05);
	border:1px solid var(--line-hi);
	border-radius:var(--radius);
	color:var(--text);
	box-shadow:none;
	transition:border-color .2s ease, box-shadow .2s ease;
}
.form-control:focus{
	background:rgba(255,255,255,.07);
	border-color:rgba(232,184,75,.5);
	box-shadow:0 0 0 3px rgba(232,184,75,.10);
	color:#fff;
}
.form-control::placeholder{color:var(--text-mute)}
select.form-control option{background:var(--ink-700);color:var(--text)}
label{color:var(--text-dim);font-weight:600;letter-spacing:.03em}
.input-group-addon{background:rgba(255,255,255,.05);border-color:var(--line-hi);color:var(--text-dim)}

.btn{border-radius:var(--radius);font-weight:700;letter-spacing:.06em;transition:all .2s ease}
.btn-primary{
	background:linear-gradient(180deg, var(--gold-hi), var(--gold) 50%, var(--gold-dim));
	border-color:rgba(247,220,140,.5);
	color:#1a1206;
	text-shadow:none;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active{
	background:linear-gradient(180deg,#fff0c2, var(--gold-hi) 50%, var(--gold));
	border-color:var(--gold-hi);
	color:#0f0a02;
	box-shadow:0 0 20px var(--gold-glow);
}
.btn-default{background:rgba(255,255,255,.05);border-color:var(--line-hi);color:var(--text-dim)}
.btn-default:hover,.btn-default:focus{background:rgba(46,230,255,.10);border-color:var(--boreal);color:#fff}
.btn-success{background:linear-gradient(180deg,#4ade80,#16a34a);border-color:#22c55e;color:#04210f}
.btn-danger{background:linear-gradient(180deg,#f87171,#b91c1c);border-color:#ef4444;color:#2a0606}

.alert{border-radius:var(--radius);border-width:1px;background:rgba(255,255,255,.04);color:var(--text)}
.alert-success{border-color:rgba(74,222,128,.35);background:rgba(74,222,128,.08);color:#bbf7d0}
.alert-danger{border-color:rgba(248,113,113,.35);background:rgba(248,113,113,.08);color:#fecaca}
.alert-info{border-color:rgba(46,230,255,.30);background:rgba(46,230,255,.07);color:#a5edff}
.alert-warning{border-color:rgba(232,184,75,.35);background:rgba(232,184,75,.08);color:#fde9b0}

.nav-tabs{border-bottom:1px solid var(--line)}
.nav-tabs>li>a{
	color:var(--text-dim);border:1px solid transparent;border-radius:var(--radius) var(--radius) 0 0;
	font-family:var(--serif);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;
}
.nav-tabs>li>a:hover{background:rgba(46,230,255,.07);border-color:transparent;color:#fff}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{
	background:rgba(232,184,75,.08);
	border-color:var(--line) var(--line) transparent;
	color:var(--gold);
}

.pagination>li>a,.pagination>li>span{
	background:rgba(255,255,255,.04);
	border-color:var(--line);
	color:var(--text-dim);
}
.pagination>li>a:hover{background:rgba(46,230,255,.12);border-color:var(--boreal);color:#fff}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover{
	background:var(--gold);border-color:var(--gold);color:#1a1206;
}

.list-group-item{background:rgba(255,255,255,.03);border-color:var(--line);color:var(--text)}
.list-group-item:hover{background:rgba(46,230,255,.06)}
.badge,.label{background:rgba(232,184,75,.15);color:var(--gold);font-weight:700}
.progress{background:rgba(255,255,255,.06);box-shadow:none;border-radius:100px}
.progress-bar{background:linear-gradient(90deg,var(--boreal-3),var(--boreal))}
.modal-content{background:var(--ink-700);border:1px solid var(--line-hi);border-radius:10px}
.modal-header,.modal-footer{border-color:var(--line)}
.close{color:var(--text);opacity:.6;text-shadow:none}
.close:hover{color:var(--gold);opacity:1}
.dropdown-menu{background:var(--ink-700);border:1px solid var(--line-hi);border-radius:var(--radius)}
.dropdown-menu>li>a{color:var(--text-dim)}
.dropdown-menu>li>a:hover{background:rgba(46,230,255,.08);color:#fff}
.tooltip-inner{background:var(--ink-600);border:1px solid var(--line-hi)}

/* ── SEÇÕES DA HOME ───────────────────────────────────────── */
.bo-section{padding:56px 0;position:relative;z-index:1}
.bo-section-alt{
	background:linear-gradient(180deg, rgba(8,13,22,.55) 0%, rgba(4,7,13,.30) 100%);
	border-top:1px solid var(--line);
	border-bottom:1px solid var(--line);
}
.bo-section-head{text-align:center;margin-bottom:38px}
.bo-eyebrow{
	display:inline-flex;align-items:center;gap:7px;
	margin-bottom:8px;
	font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
	color:var(--gold);
}
.bo-pulse-dot{
	width:7px;height:7px;border-radius:50%;
	background:var(--green);
	box-shadow:0 0 10px var(--green-glow);
	animation:boPulse 1.8s ease-in-out infinite;
}
.bo-section-head h2{
	font-size:clamp(24px,3vw,34px);margin:0;
	color:#fff;
}
.bo-section-head:not(.bo-section-head-left) h2::after{
	content:'';display:block;width:64px;height:2px;margin:14px auto 0;
	background:linear-gradient(90deg, transparent, var(--gold), transparent);
}

/* ── RATES ────────────────────────────────────────────────── */
.bo-rates{
	padding:26px 0;
	background:linear-gradient(180deg, rgba(6,32,51,.45) 0%, rgba(4,7,13,.25) 100%);
	border-bottom:1px solid var(--line);
}
.bo-rates-grid{
	display:grid;grid-template-columns:repeat(6,1fr);gap:14px;
}
.bo-rate{
	display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;
	padding:18px 10px;
	background:rgba(255,255,255,.025);
	border:1px solid var(--line);
	border-radius:10px;
	transition:border-color .25s ease, transform .25s ease, background .25s ease;
}
.bo-rate:hover{
	transform:translateY(-3px);
	border-color:rgba(46,230,255,.32);
	background:rgba(46,230,255,.05);
}
.bo-rate-ico{display:block;width:24px;height:24px;color:var(--boreal);margin-bottom:2px}
.bo-rate-ico svg{width:100%;height:100%;display:block}
.bo-rate:hover .bo-rate-ico{color:var(--gold)}
.bo-rate-value{
	font-family:var(--serif);font-size:23px;font-weight:900;line-height:1.1;
	background:linear-gradient(180deg,#fff 0%, var(--gold-hi) 60%, var(--gold) 100%);
	-webkit-background-clip:text;background-clip:text;color:transparent;
}
.bo-rate-label{
	font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
	color:var(--text-mute);
}

/* ═══════════════════════════════════════════════════════════
   MERCADO DAS PULGAS (TRADE R$) — MODO EM BREVE & ATIVO
   ═══════════════════════════════════════════════════════════ */
.bo-flea-section{
	position:relative;
	background:
		radial-gradient(900px 380px at 50% 0%, rgba(46,230,255,.08), transparent 70%),
		linear-gradient(180deg, rgba(8,13,22,.65) 0%, rgba(4,7,13,.4) 100%);
	border-top:1px solid var(--line);
	border-bottom:1px solid var(--line);
}

/* ── CARD PRINCIPAL DO MODO "EM BREVE" ── */
.bo-flea-soon-card{
	position:relative;
	background:
		radial-gradient(650px 320px at 50% -20%, rgba(232,184,75,.14), transparent 75%),
		linear-gradient(180deg, rgba(18,27,42,.75) 0%, rgba(8,12,22,.9) 100%);
	border:1px solid rgba(232,184,75,.32);
	border-radius:14px;
	padding:40px 36px 32px;
	box-shadow:0 20px 50px rgba(0,0,0,.5), 0 0 36px rgba(232,184,75,.08);
	overflow:hidden;
}
.bo-flea-soon-glow{
	position:absolute;
	top:-120px;left:50%;
	transform:translateX(-50%);
	width:500px;height:240px;
	background:radial-gradient(circle, rgba(46,230,255,.18) 0%, rgba(232,184,75,.12) 45%, transparent 70%);
	filter:blur(30px);
	pointer-events:none;
}
.bo-flea-soon-head{
	text-align:center;
	max-width:780px;
	margin:0 auto 36px;
}
.bo-flea-soon-badge{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:5px 16px;
	font-size:11px;
	font-weight:700;
	letter-spacing:.20em;
	text-transform:uppercase;
	color:var(--gold-hi);
	background:rgba(232,184,75,.10);
	border:1px solid rgba(232,184,75,.35);
	border-radius:100px;
	margin-bottom:16px;
}
.bo-flea-soon-head h2{
	font-size:clamp(26px, 3.4vw, 36px);
	color:#fff;
	margin:0 0 12px;
}
.bo-flea-soon-head h2 span{
	background:linear-gradient(180deg, var(--gold-hi) 0%, var(--gold) 55%, var(--gold-dim) 100%);
	-webkit-background-clip:text;background-clip:text;color:transparent;
}
.bo-flea-soon-lead{
	font-size:16px;
	color:var(--text-dim);
	margin:0;
	line-height:1.6;
}
.bo-flea-soon-lead strong{color:#fff}

/* 3 Pilares informativos do sistema */
.bo-flea-soon-pillars{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:20px;
	margin-bottom:34px;
}
.bo-flea-pillar{
	display:flex;
	flex-direction:column;
	padding:24px 20px;
	background:rgba(255,255,255,.025);
	border:1px solid var(--line);
	border-radius:10px;
	transition:border-color .25s ease, transform .25s ease;
}
.bo-flea-pillar:hover{
	border-color:rgba(46,230,255,.32);
	transform:translateY(-3px);
}
.bo-flea-pillar-ico{
	display:flex;
	align-items:center;
	justify-content:center;
	width:48px;
	height:48px;
	border-radius:10px;
	background:rgba(46,230,255,.08);
	border:1px solid rgba(46,230,255,.22);
	color:var(--boreal);
	margin-bottom:16px;
}
.bo-flea-pillar-ico svg{width:24px;height:24px}
.bo-flea-pillar h3{
	font-size:17px;
	color:#fff;
	margin:0 0 8px;
}
.bo-flea-pillar p{
	font-size:14px;
	color:var(--text-dim);
	margin:0;
	line-height:1.5;
}

/* Rodapé do card "Em Breve" */
.bo-flea-soon-footer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	padding-top:24px;
	border-top:1px solid var(--line);
	flex-wrap:wrap;
}
.bo-flea-soon-info{
	display:flex;
	flex-direction:column;
	gap:3px;
}
.bo-flea-info-tag{
	font-size:11.5px;
	font-weight:700;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:var(--gold);
}
.bo-flea-info-tag strong{
	color:var(--gold-hi);
}
.bo-flea-info-sub{
	font-size:13px;
	color:var(--text-mute);
}
.bo-flea-soon-actions{
	display:flex;
	gap:12px;
}

/* ── ROADMAP ──────────────────────────────────────────────── */
.bo-road-grid{
	display:grid;
	grid-template-columns:repeat(var(--road-cols,4),1fr);
	gap:16px;
	align-items:stretch;
}
.bo-road-item{
	position:relative;overflow:hidden;
	display:flex;flex-direction:column;
	padding:0 22px 22px;
	background:linear-gradient(180deg, rgba(17,26,40,.5) 0%, rgba(7,11,20,.65) 100%);
	border:1px solid var(--line);
	border-radius:12px;
	transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.bo-road-item:hover{transform:translateY(-5px);border-color:var(--line-hi)}

.bo-road-track{
	height:3px;margin:0 -22px 22px;
	background:rgba(255,255,255,.05);
	overflow:hidden;
}
.bo-road-track span{
	display:block;height:100%;width:0;
	border-radius:0 3px 3px 0;
	transition:width .8s cubic-bezier(.2,.7,.3,1);
}

.bo-road-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}
.bo-road-ico{
	display:block;width:42px;height:42px;padding:10px;
	border-radius:10px;
	color:var(--text-mute);
	background:rgba(255,255,255,.04);
	border:1px solid var(--line);
	transition:all .28s ease;
}
.bo-road-ico svg{width:100%;height:100%;display:block}
.bo-road-num{
	font-family:var(--serif);font-size:40px;font-weight:900;line-height:.9;
	color:rgba(255,255,255,.05);
	pointer-events:none;
}

.bo-road-date{
	display:block;margin-bottom:4px;
	font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
	color:var(--text-mute);
}
.bo-road-item h3{font-size:19px;margin-bottom:14px;color:#fff}

.bo-road-list{list-style:none;margin:0 0 18px;padding:0;flex:1}
.bo-road-list li{
	position:relative;padding-left:20px;margin-bottom:7px;
	font-size:13.5px;line-height:1.45;color:var(--text-dim);
}
.bo-road-list li::before{
	content:'';position:absolute;left:0;top:7px;
	width:6px;height:6px;border-radius:50%;
	background:var(--text-mute);
}

.bo-road-badge{
	align-self:flex-start;
	padding:4px 13px;
	font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
	border-radius:100px;
	border:1px solid var(--line-hi);
	color:var(--text-mute);
}

.bo-road-item.is-done .bo-road-track span{background:linear-gradient(90deg,#16a34a,#4ade80)}
.bo-road-item.is-done .bo-road-ico{color:#4ade80;background:rgba(74,222,128,.08);border-color:rgba(74,222,128,.25)}
.bo-road-item.is-done .bo-road-date{color:#86efac}
.bo-road-item.is-done h3{color:var(--text-dim)}
.bo-road-item.is-done .bo-road-list li::before{
	content:'\2713';
	width:auto;height:auto;top:0;border-radius:0;background:none;
	font-size:12px;font-weight:700;color:#4ade80;
}
.bo-road-item.is-done .bo-road-badge{border-color:rgba(74,222,128,.4);background:rgba(74,222,128,.08);color:#bbf7d0}

.bo-road-item.is-now{
	border-color:rgba(232,184,75,.42);
	background:
		radial-gradient(420px 260px at 50% -30%, rgba(232,184,75,.16), transparent 70%),
		linear-gradient(180deg, rgba(24,32,44,.75) 0%, rgba(9,13,22,.8) 100%);
	box-shadow:0 16px 44px rgba(0,0,0,.5), 0 0 40px rgba(232,184,75,.10);
}
.bo-road-item.is-now:hover{border-color:rgba(232,184,75,.6)}
.bo-road-item.is-now .bo-road-track span{
	background:linear-gradient(90deg, var(--gold-dim), var(--gold) 60%, var(--gold-hi));
	box-shadow:0 0 12px var(--gold-glow);
	animation:boRoadGrow 1.2s cubic-bezier(.2,.7,.3,1) both;
}
@keyframes boRoadGrow{from{width:0}}
.bo-road-item.is-now .bo-road-ico{
	color:#1a1206;
	background:linear-gradient(180deg, var(--gold-hi), var(--gold) 60%, var(--gold-dim));
	border-color:rgba(247,220,140,.5);
	box-shadow:0 0 22px var(--gold-glow);
}
.bo-road-item.is-now .bo-road-num{color:rgba(232,184,75,.13)}
.bo-road-item.is-now .bo-road-date{color:var(--gold)}
.bo-road-item.is-now h3{
	background:linear-gradient(180deg,#fff 0%, var(--gold-hi) 60%, var(--gold) 100%);
	-webkit-background-clip:text;background-clip:text;color:transparent;
}
.bo-road-item.is-now .bo-road-list li{color:var(--text)}
.bo-road-item.is-now .bo-road-list li::before{background:var(--gold);box-shadow:0 0 8px var(--gold-glow)}
.bo-road-item.is-now .bo-road-badge{
	border-color:rgba(232,184,75,.45);
	background:rgba(232,184,75,.12);
	color:var(--gold-hi);
}
.bo-road-item.is-now .bo-road-badge::before{
	content:'';display:inline-block;vertical-align:middle;
	width:6px;height:6px;margin:-2px 7px 0 0;
	border-radius:50%;background:var(--gold-hi);
	animation:boRoadPulse 1.8s ease-in-out infinite;
}
@keyframes boRoadPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}

.bo-road-item.is-next{opacity:.82}
.bo-road-item.is-next:hover{opacity:1;border-color:rgba(46,230,255,.28)}
.bo-road-item.is-next .bo-road-ico{color:var(--boreal-3);border-color:rgba(46,230,255,.16)}
.bo-road-item.is-next .bo-road-badge{border-color:rgba(46,230,255,.25);color:var(--text-mute)}

/* ── RANKINGS ─────────────────────────────────────────────── */
.bo-rank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bo-rank{
	display:block;padding:28px 24px;
	background:linear-gradient(180deg, rgba(17,26,40,.5) 0%, rgba(7,11,20,.6) 100%);
	border:1px solid var(--line);
	border-radius:10px;
	transition:border-color .25s ease, transform .25s ease, background .25s ease;
}
.bo-rank:hover{
	transform:translateY(-4px);
	border-color:rgba(232,184,75,.32);
	background:rgba(232,184,75,.04);
}
.bo-rank-ico{
	display:block;width:44px;height:44px;padding:10px;margin-bottom:14px;
	color:var(--gold);
	background:rgba(232,184,75,.08);
	border:1px solid rgba(232,184,75,.22);
	border-radius:10px;
}
.bo-rank-ico svg{width:100%;height:100%;display:block}
.bo-rank h3{font-size:18px;margin-bottom:8px;color:#fff}
.bo-rank p{font-size:14px;color:var(--text-dim);margin-bottom:12px}

.bo-link-gold{
	font-family:var(--serif);font-size:12px;font-weight:700;
	letter-spacing:.10em;text-transform:uppercase;
	color:var(--gold) !important;
}
.bo-link-gold:hover{color:var(--gold-hi) !important}

/* ── DIFERENCIAIS ─────────────────────────────────────────── */
.bo-feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bo-feat{
	padding:26px 22px;
	background:rgba(255,255,255,.025);
	border:1px solid var(--line);
	border-radius:10px;
	transition:border-color .25s ease, transform .25s ease, background .25s ease;
}
.bo-feat:hover{
	transform:translateY(-4px);
	border-color:rgba(46,230,255,.30);
	background:rgba(46,230,255,.04);
}
.bo-feat-ico{
	display:block;width:44px;height:44px;padding:10px;margin-bottom:14px;
	color:var(--boreal);
	background:rgba(46,230,255,.08);
	border:1px solid rgba(46,230,255,.20);
	border-radius:10px;
}
.bo-feat-ico svg{width:100%;height:100%;display:block}
.bo-feat:hover .bo-feat-ico{color:var(--gold);background:rgba(232,184,75,.08);border-color:rgba(232,184,75,.28)}
.bo-feat h3{font-size:16px;margin-bottom:8px;color:#fff}
.bo-feat p{font-size:14px;color:var(--text-dim);margin:0}

/* ── CHAMADA FINAL ────────────────────────────────────────── */
.bo-cta{
	padding:46px 0;
	background:
		radial-gradient(700px 300px at 50% 120%, rgba(46,230,255,.14), transparent 70%),
		linear-gradient(180deg, rgba(6,32,51,.4) 0%, rgba(4,7,13,.6) 100%);
	border-top:1px solid var(--line);
}
.bo-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.bo-cta-text h2{font-size:clamp(22px,2.6vw,30px);margin-bottom:6px;color:#fff}
.bo-cta-text p{margin:0;color:var(--text-dim)}
.bo-cta-actions{display:flex;gap:12px;flex-wrap:wrap}

/* ── INPUTS / FORMS ───────────────────────────────────────── */
#content input[type="text"],
#content input[type="password"],
#content input[type="email"],
.bo-panel input[type="text"],
.bo-panel input[type="password"],
.bo-panel input[type="email"],
.bo-panel-side input,
.bo-panel-side select,
.bo-panel-side textarea{
	background:rgba(255,255,255,.05) !important;
	border:1px solid var(--line-hi) !important;
	color:var(--text) !important;
	box-shadow:none !important;
}
#content input::placeholder,.bo-panel input::placeholder{color:var(--text-mute) !important}
#content input[type="text"]:focus,
#content input[type="password"]:focus,
#content input[type="email"]:focus{
	border-color:rgba(232,184,75,.5) !important;
	box-shadow:0 0 0 3px rgba(232,184,75,.10) !important;
	color:#fff !important;
}

/* ── RODAPÉ ───────────────────────────────────────────────── */
.bo-footer{
	padding:34px 0 30px;
	background:linear-gradient(180deg, rgba(4,7,13,.4) 0%, #02040a 100%);
	border-top:1px solid var(--line);
	color:var(--text-mute);
	font-size:13px;
	text-align:center;
}
.bo-footer::before{
	content:'';display:block;height:1px;margin:-34px 0 30px;
	background:linear-gradient(90deg, transparent, var(--boreal-glow), var(--gold-glow), transparent);
}
.bo-footer a{color:var(--text-dim)}
.bo-footer a:hover{color:var(--gold)}

/* Linha de links */
.bo-foot-links{
	display:flex;flex-wrap:wrap;
	align-items:center;justify-content:center;
	gap:0 6px;
	margin-bottom:24px;
}
.bo-foot-links a{
	position:relative;
	padding:4px 12px;
	font-size:12.5px;font-weight:600;letter-spacing:.04em;
	transition:color .2s ease;
}
/* Separador entre os links, menos depois do último */
.bo-foot-links a + a::before{
	content:'';position:absolute;left:-3px;top:50%;
	width:3px;height:3px;margin-top:-1.5px;
	border-radius:50%;
	background:var(--line-hi);
}

/* A barra de baixo: assinatura à esquerda, crédito no meio, redes à direita */
.bo-foot-bar{
	display:grid;
	grid-template-columns:1fr auto 1fr;
	align-items:center;
	gap:22px;
	padding-top:22px;
	border-top:1px solid var(--line);
}

.bo-foot-copy{
	display:flex;flex-direction:column;gap:3px;
	text-align:left;
}
.bo-foot-copy strong{
	font-family:var(--serif);
	font-size:15px;font-weight:700;letter-spacing:.04em;
	color:#e9f1fa;
}
.bo-foot-copy span{
	font-size:11.5px;letter-spacing:.06em;
	color:var(--text-mute);
}

/* ── O crédito do desenvolvedor — em destaque ─────────────── */
.bo-foot-dev{
	position:relative;overflow:hidden;isolation:isolate;
	display:inline-flex;align-items:center;gap:10px;
	padding:9px 22px;
	border:1px solid rgba(232,184,75,.35);
	border-radius:100px;
	background:linear-gradient(180deg, rgba(232,184,75,.10) 0%, rgba(232,184,75,.03) 100%);
	box-shadow:0 0 26px rgba(232,184,75,.10), inset 0 1px 0 rgba(255,255,255,.06);
}
/* Brilho que atravessa o selo de tempos em tempos */
.bo-foot-dev::after{
	content:'';position:absolute;top:0;left:-50%;z-index:0;
	width:40%;height:100%;
	background:linear-gradient(100deg, transparent, rgba(247,220,140,.18), transparent);
	animation:footDevBrilho 5.5s ease-in-out infinite;
	pointer-events:none;
}
@keyframes footDevBrilho{
	0%,70%{left:-50%}
	100%{left:130%}
}
.bo-foot-dev-rot{
	position:relative;z-index:1;
	font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
	color:var(--text-mute);
}
.bo-foot-dev-nome{
	position:relative;z-index:1;
	font-family:var(--serif);
	font-size:16px;font-weight:900;letter-spacing:.06em;
	background:linear-gradient(180deg, #fff6da 0%, var(--gold-hi) 45%, var(--gold) 100%);
	-webkit-background-clip:text;background-clip:text;color:transparent;
	filter:drop-shadow(0 0 12px rgba(232,184,75,.45));
}

/* ── Redes sociais ────────────────────────────────────────── */
.bo-foot-social{
	display:flex;align-items:center;justify-content:flex-end;gap:12px;
}
.bo-foot-social a{
	display:inline-flex;align-items:center;justify-content:center;
	width:38px;height:38px;
	border:1px solid var(--line);
	border-radius:10px;
	background:rgba(255,255,255,.03);
	transition:all .22s ease;
}
.bo-foot-social a:hover{
	border-color:rgba(232,184,75,.40);
	background:rgba(232,184,75,.08);
	transform:translateY(-2px);
}
/* Os SVGs originais sao coloridos e gritavam no rodape.
   Ficam apagados em repouso e ganham cor no hover. */
.bo-foot-social img{
	width:20px;height:20px;
	object-fit:contain;
	opacity:.45;
	filter:grayscale(1);
	transition:opacity .22s ease, filter .22s ease;
}
.bo-foot-social a:hover img{opacity:1;filter:none}

@media (max-width:760px){
	.bo-foot-bar{grid-template-columns:1fr;justify-items:center;gap:18px}
	.bo-foot-copy{text-align:center;align-items:center}
	.bo-foot-social{justify-content:center}
}

/* Sem o seletor de idiomas a coluna da esquerda fica vazia:
   escondida para nao abrir espaco no topo do celular. */
.bo-topbar-left:empty{display:none}

/* ── SCROLLBAR ────────────────────────────────────────────── */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#04070d}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--boreal-3),#0a2436);border-radius:100px;border:2px solid #04070d}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--boreal),var(--boreal-3))}
::selection{background:rgba(232,184,75,.30);color:#fff}

/* ── RESPONSIVO ───────────────────────────────────────────── */
@media (max-width:1100px){
	.bo-rates-grid{grid-template-columns:repeat(3,1fr)}
	.bo-feat-grid{grid-template-columns:repeat(2,1fr)}
	.bo-rank-grid{grid-template-columns:1fr}
	.bo-road-grid{grid-template-columns:repeat(2,1fr)}
	.bo-flea-grid{grid-template-columns:repeat(2, 1fr)}
	.bo-flea-soon-pillars{grid-template-columns:repeat(2, 1fr)}
	.bo-slide-art{right:5%}
	.bo-phone{width:180px;height:358px}
	.bo-phone-glow{width:420px;height:420px}
	.bo-phone-logo{font-size:22px}
	.bo-slide.has-art .bo-slide-text,
	.bo-slide.has-art .bo-slide-chips{max-width:400px}
	.bo-nav-menu li a{padding:10px 11px;font-size:11.5px}
	.bo-status-grid{grid-template-columns:1fr 1fr;gap:18px}
	.bo-stat:nth-child(3){border-left:none;padding-left:0}
	.bo-stat-cta{grid-column:1 / -1;justify-content:stretch;border-left:none;padding-left:0}
}
@media (max-width:860px){
	.bo-burger{display:block;margin-left:auto}
	.bo-nav-inner{flex-wrap:wrap;min-height:64px;gap:10px}
	.bo-nav-menu{
		order:3;flex-basis:100%;
		max-height:0;overflow:hidden;
		transition:max-height .3s ease;
	}
	.bo-nav-inner.is-open .bo-nav-menu{max-height:70vh;overflow-y:auto;padding-bottom:12px}
	.bo-nav-menu ul{flex-direction:column;align-items:stretch;width:100%;gap:0}
	.bo-nav-menu li{display:block;width:100%}
	.bo-nav-menu li a{padding:13px 8px;border-bottom:1px solid var(--line);border-radius:0}
	.bo-nav-menu li a::after{display:none}
	.bo-nav-cta{order:2;margin-left:auto}
	.bo-logo img{max-height:40px}
	.bo-hero{height:clamp(320px,58vh,460px)}
	.bo-hero-arrow{display:none}
	.bo-slide-veil{background:linear-gradient(0deg, rgba(3,6,12,.96) 10%, rgba(3,6,12,.55) 100%)}
	.bo-slide-text{font-size:15px}
	.bo-slide-art{right:-40px;opacity:.30}
	.bo-phone{width:150px;height:298px}
	.bo-phone-glow{width:320px;height:320px}
	.bo-slide.has-art .bo-slide-text,
	.bo-slide.has-art .bo-slide-chips{max-width:100%}
	.bo-slide-chips{gap:6px;margin-bottom:18px}
	.bo-slide-chips span{font-size:10.5px;padding:4px 10px}
	.bo-panel{padding:20px 16px}
	.bo-main{padding:20px 0 32px}
	.bo-section{padding:38px 0}
	.bo-flea-soon-card{padding:28px 20px 24px}
	.bo-flea-soon-pillars{grid-template-columns:1fr;gap:14px}
	.bo-flea-soon-footer{flex-direction:column;align-items:flex-start}
	.bo-flea-soon-actions{width:100%}
	.bo-flea-soon-actions .bo-btn{width:100%}
	.bo-road-grid{grid-template-columns:1fr;gap:12px}
	.bo-road-num{font-size:34px}
	.bo-cta-inner{flex-direction:column;text-align:center}
	.bo-cta-actions{width:100%;justify-content:center}
}
@media (max-width:560px){
	.bo-status-grid{grid-template-columns:1fr}
	.bo-stat+.bo-stat{border-left:none;padding-left:0;padding-top:14px;border-top:1px solid var(--line)}
	.bo-topbar .bo-wrap{flex-direction:column;gap:4px;padding-top:6px;padding-bottom:6px}
	.bo-slide-actions .bo-btn{flex:1}
	.bo-slide-art{display:none}
	.bo-slide-chips span:nth-child(n+3){display:none}
	.table>tbody>tr>td,.table>thead>tr>th{padding:8px 9px;font-size:13px}
	.bo-rates-grid{grid-template-columns:repeat(2,1fr);gap:10px}
	.bo-feat-grid{grid-template-columns:1fr}
	.bo-cta-actions .bo-btn{flex:1}
}

/* ═══════════════════════════════════════════════════════════
   BLOCO ADICIONAL — NOTÍCIAS, SIDEBAR E DAILY DEV
   Cole isto no FINAL do boreal.css. Não substitui nada.
   ═══════════════════════════════════════════════════════════ */

/* ── HOME: o painel externo vira só um contêiner ───────────
   O módulo home do WebEngine já traz o próprio grid 8/4.
   Sem isto vira card dentro de card e fica pesado. */
body.is-home #content > .col-xs-12 > .bo-panel{
	background:none;
	border:none;
	box-shadow:none;
	padding:0;
}
body.is-home #content > .col-xs-12 > .bo-panel::before{display:none}

/* ── BLOCO DE NOTÍCIAS (card com moldura) ────────────────── */
.home-news-block{
	position:relative;
	padding:26px 28px 28px;
	background:linear-gradient(180deg, rgba(17,26,40,.55) 0%, rgba(7,11,20,.75) 100%);
	border:1px solid var(--line);
	border-radius:12px;
	box-shadow:0 18px 50px rgba(0,0,0,.45);
}
/* Fio luminoso no topo */
.home-news-block::before{
	content:'';position:absolute;left:26px;right:26px;top:-1px;height:1px;
	background:linear-gradient(90deg, transparent, var(--boreal-glow), var(--gold-glow), transparent);
}
/* Cantos dourados — a moldura */
.home-news-block::after{
	content:'';position:absolute;inset:9px;border-radius:8px;pointer-events:none;
	background:
		linear-gradient(var(--gold),var(--gold)) left top,
		linear-gradient(var(--gold),var(--gold)) left top,
		linear-gradient(var(--gold),var(--gold)) right top,
		linear-gradient(var(--gold),var(--gold)) right top,
		linear-gradient(var(--gold),var(--gold)) left bottom,
		linear-gradient(var(--gold),var(--gold)) left bottom,
		linear-gradient(var(--gold),var(--gold)) right bottom,
		linear-gradient(var(--gold),var(--gold)) right bottom;
	background-repeat:no-repeat;
	background-size:18px 1px, 1px 18px, 18px 1px, 1px 18px,
	                18px 1px, 1px 18px, 18px 1px, 1px 18px;
	opacity:.45;
}

/* Cabeçalho "Latest News" + botão More */
.home-news-block-header{
	position:relative;
	margin-bottom:22px;padding-bottom:14px;
	border-bottom:1px solid var(--line);
}
.home-news-block-header::after{
	content:'';position:absolute;left:15px;bottom:-1px;width:70px;height:2px;
	background:linear-gradient(90deg, var(--gold), transparent);
}
.home-news-block-header h2{
	margin:0;font-size:24px;color:#fff;
	border:none;padding:0;
}
.home-news-block-header h2::after{display:none}
.home-news-block-header h2::before{
	content:'Notícias';
	display:block;margin-bottom:5px;
	font-family:var(--sans);
	font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
	color:var(--gold);
}
.home-news-block-header a{
	display:inline-flex;align-items:center;
	margin-top:22px;padding:6px 16px;
	font-family:var(--serif);
	font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
	color:var(--gold) !important;
	background:rgba(232,184,75,.07);
	border:1px solid rgba(232,184,75,.28);
	border-radius:100px;
	transition:all .22s ease;
}
.home-news-block-header a:hover{
	background:rgba(232,184,75,.16);
	border-color:rgba(232,184,75,.55);
	color:var(--gold-hi) !important;
}

/* ── CADA NOTÍCIA VIRA UM CARD ────────────────────────────
   Cobre os nomes de classe que o módulo pode usar e também
   qualquer filho direto, para funcionar de um jeito ou de outro. */
.home-news-block-body .news-article,
.home-news-block-body .news-article-row,
.home-news-block-body .news-item,
.home-news-block-body article,
.home-news-block-body > .col-xs-12 > div{
	position:relative;
	margin-bottom:14px;padding:20px 22px;
	background:rgba(255,255,255,.025);
	border:1px solid var(--line);
	border-left:2px solid rgba(232,184,75,.45);
	border-radius:10px;
	transition:border-color .25s ease, background .25s ease, transform .25s ease;
}
.home-news-block-body .news-article:hover,
.home-news-block-body .news-article-row:hover,
.home-news-block-body .news-item:hover,
.home-news-block-body article:hover,
.home-news-block-body > .col-xs-12 > div:hover{
	background:rgba(46,230,255,.05);
	border-color:rgba(46,230,255,.30);
	border-left-color:var(--gold);
	transform:translateX(4px);
}
.home-news-block-body h1,
.home-news-block-body h2,
.home-news-block-body h3,
.home-news-block-body .news-title{
	font-size:18px;margin-bottom:8px;color:#fff;
	border:none;padding:0;
}
.home-news-block-body h1::after,
.home-news-block-body h2::after,
.home-news-block-body h3::after{display:none}
.home-news-block-body p{color:var(--text-dim);font-size:14.5px;margin-bottom:0}
.home-news-block-body img{border-radius:8px;border:1px solid var(--line)}

/* Estado vazio — evita o buraco enorme quando não há notícia */
.home-news-block-body > .col-xs-12:not(:has(*)),
.home-news-block-body > .col-xs-12:empty{
	display:flex;align-items:center;justify-content:center;
	min-height:200px;
	border:1px dashed var(--line-hi);
	border-radius:10px;
	background:rgba(255,255,255,.015);
}
.home-news-block-body > .col-xs-12:not(:has(*))::after,
.home-news-block-body > .col-xs-12:empty::after{
	content:'Nenhuma notícia publicada ainda.';
	font-size:13.5px;letter-spacing:.04em;
	color:var(--text-mute);
}

/* ── SIDEBAR DA HOME (painéis do módulo) ─────────────────── */
.panel-sidebar{
	position:relative;
	margin-bottom:16px;
	background:linear-gradient(180deg, rgba(17,26,40,.5) 0%, rgba(7,11,20,.7) 100%) !important;
	border:1px solid var(--line) !important;
	border-radius:12px !important;
	box-shadow:0 14px 38px rgba(0,0,0,.4);
	overflow:hidden;
}
.panel-sidebar::before{
	content:'';position:absolute;left:20px;right:20px;top:0;height:1px;
	background:linear-gradient(90deg, transparent, var(--gold-glow), transparent);
	z-index:2;
}
.panel-sidebar > .panel-heading{
	padding:16px 20px 12px !important;
	background:rgba(232,184,75,.05) !important;
	border-bottom:1px solid var(--line) !important;
}
.panel-sidebar .panel-title{
	display:flex;align-items:center;justify-content:space-between;gap:10px;
	font-family:var(--serif);
	font-size:14px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;
	color:var(--gold);
	margin:0;
}
.panel-sidebar .panel-title .btn{
	font-size:9.5px;letter-spacing:.10em;padding:4px 11px;border-radius:100px;
}
.panel-sidebar .panel-body{padding:18px 20px 20px}
.panel-sidebar .panel-body .btn-primary{width:100%;margin-top:4px;padding:10px}

/* Agenda de eventos */
.panel-sidebar-events .panel-body{padding:6px 10px 12px;min-height:0 !important}
.panel-sidebar-events .table{margin:0}
.panel-sidebar-events .table td{
	border-top:1px solid var(--line) !important;
	padding:11px 10px !important;
	vertical-align:middle;
	font-size:13.5px;
	color:var(--text);
}
.panel-sidebar-events .table tr:first-child td{border-top:none !important}
.panel-sidebar-events .table tr:hover td{background:rgba(232,184,75,.05)}
/* Bolinha antes do nome do evento */
.panel-sidebar-events .table td:first-child{position:relative;padding-left:20px !important}
.panel-sidebar-events .table td:first-child::before{
	content:'';position:absolute;left:6px;top:16px;
	width:5px;height:5px;border-radius:50%;
	background:var(--boreal);box-shadow:0 0 8px var(--boreal-glow);
}
.panel-sidebar-events .table tr:first-child td:first-child::before{
	background:var(--gold);box-shadow:0 0 10px var(--gold-glow);
}
.panel-sidebar-events .smalltext{
	font-size:10.5px;letter-spacing:.10em;text-transform:uppercase;
	color:var(--text-mute);
}
.panel-sidebar-events .text-right span:first-child{color:var(--gold);font-weight:700}

/* Banner lateral */
.sidebar-banner{margin-bottom:16px}
.sidebar-banner img{
	width:100%;border-radius:12px;
	border:1px solid var(--line);
	transition:border-color .25s ease, transform .25s ease;
}
.sidebar-banner a:hover img{
	border-color:rgba(232,184,75,.45);
	transform:translateY(-3px);
}

/* ── DAILY DEV ────────────────────────────────────────────── */
.bo-dev{
	position:relative;
	max-width:840px;margin:0 auto;
	padding-left:8px;
}
/* Linha vertical do feed */
.bo-dev::before{
	content:'';position:absolute;left:47px;top:14px;bottom:14px;width:1px;
	background:linear-gradient(180deg, transparent, var(--line-hi) 6%, var(--line-hi) 94%, transparent);
}
.bo-dev-item{
	position:relative;
	display:flex;align-items:flex-start;gap:22px;
	padding:10px 0;
	transition:transform .25s ease;
}
.bo-dev-item:hover{transform:translateX(4px)}

.bo-dev-when{
	position:relative;z-index:1;flex-shrink:0;
	width:78px;
	display:flex;flex-direction:column;align-items:center;justify-content:center;
	padding:9px 0;
	background:linear-gradient(180deg, rgba(24,32,44,.95), rgba(9,13,22,.98));
	border:1px solid var(--line-hi);
	border-radius:10px;
}
.bo-dev-day{
	font-family:var(--serif);font-size:24px;font-weight:900;line-height:1;
	color:#fff;
}
.bo-dev-mon{
	font-size:9.5px;font-weight:700;letter-spacing:.20em;text-transform:uppercase;
	color:var(--text-mute);margin-top:3px;
}

.bo-dev-body{
	flex:1;min-width:0;
	padding:16px 20px;
	background:rgba(255,255,255,.022);
	border:1px solid var(--line);
	border-radius:10px;
	transition:border-color .25s ease, background .25s ease;
}
.bo-dev-item:hover .bo-dev-body{background:rgba(255,255,255,.04);border-color:var(--line-hi)}
.bo-dev-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.bo-dev-tag{
	padding:3px 11px;
	font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
	border-radius:100px;border:1px solid var(--line-hi);
	color:var(--text-mute);
}
.bo-dev-time{font-size:11px;letter-spacing:.10em;color:var(--text-mute)}
.bo-dev-body h3{font-size:17px;margin-bottom:6px;color:#fff}
.bo-dev-body p{font-size:14px;color:var(--text-dim);margin:0}

/* Cores por tipo de entrada */
.bo-dev-item.is-novo .bo-dev-body{border-left:2px solid var(--gold)}
.bo-dev-item.is-novo .bo-dev-tag{border-color:rgba(232,184,75,.45);background:rgba(232,184,75,.10);color:var(--gold-hi)}
.bo-dev-item.is-novo .bo-dev-day{color:var(--gold-hi)}

.bo-dev-item.is-fix .bo-dev-body{border-left:2px solid #4ade80}
.bo-dev-item.is-fix .bo-dev-tag{border-color:rgba(74,222,128,.4);background:rgba(74,222,128,.08);color:#bbf7d0}

.bo-dev-item.is-balance .bo-dev-body{border-left:2px solid var(--boreal)}
.bo-dev-item.is-balance .bo-dev-tag{border-color:rgba(46,230,255,.35);background:rgba(46,230,255,.08);color:#a5edff}

.bo-dev-item.is-aviso .bo-dev-body{border-left:2px solid #f87171}
.bo-dev-item.is-aviso .bo-dev-tag{border-color:rgba(248,113,113,.4);background:rgba(248,113,113,.08);color:#fecaca}

/* ── RESPONSIVO DO BLOCO NOVO ─────────────────────────────── */
@media (max-width:860px){
	.home-news-block{padding:20px 16px}
	.home-news-block::after{display:none}
	.home-news-block-header a{margin-top:10px}
	.bo-dev{padding-left:0}
	.bo-dev::before{display:none}
	.bo-dev-item{flex-direction:column;gap:12px;padding:8px 0}
	.bo-dev-when{
		width:auto;flex-direction:row;gap:8px;align-self:flex-start;
		padding:6px 14px;
	}
	.bo-dev-day{font-size:17px}
	.bo-dev-mon{margin-top:0}
}

/* Estado vazio do Daily Dev (quando $dailyDev = array()) */
.bo-dev-empty{
	display:flex;align-items:center;justify-content:center;
	min-height:150px;
	border:1px dashed var(--line-hi);
	border-radius:10px;
	background:rgba(255,255,255,.015);
	font-size:13.5px;letter-spacing:.04em;
	color:var(--text-mute);
}


/* ── PAINEL DE LOGIN DA HOME ───────────────────────────────
   O link "Forgot your password?" nasce dentro do <h3> do
   cabeçalho — é assim que o módulo do WebEngine gera. CSS não
   move elemento entre contêineres, então ele é posicionado de
   forma absoluta no rodapé do painel, logo abaixo do Sign In.
   ────────────────────────────────────────────────────────── */
/* O <h3 class="panel-title"> vem com position:relative, entao ele
   virava a referencia do absolute. Precisa ser static tambem. */
.panel.panel-sidebar:has(.panel-title .btn) .panel-heading,
.panel.panel-sidebar:has(.panel-title .btn) .panel-title{position:static !important}
.panel.panel-sidebar:has(.panel-title .btn) .panel-body{padding-bottom:58px !important}

.panel.panel-sidebar .panel-title .btn{
	position:absolute !important;
	left:16px !important;right:16px !important;bottom:16px !important;top:auto !important;
	display:flex !important;align-items:center;justify-content:center;
	width:auto !important;height:auto !important;float:none !important;
	padding:9px 0 !important;
	font-family:var(--sans) !important;
	font-size:12px !important;
	font-weight:600 !important;
	letter-spacing:.04em !important;
	text-transform:none !important;
	color:var(--text-mute) !important;
	background:none !important;
	border:1px solid var(--line) !important;
	border-radius:8px !important;
	box-shadow:none !important;
	text-shadow:none !important;
}
.panel.panel-sidebar .panel-title .btn:hover,
.panel.panel-sidebar .panel-title .btn:focus{
	color:var(--gold) !important;
	border-color:rgba(232,184,75,.35) !important;
	background:rgba(232,184,75,.06) !important;
}

/* ═══════════════════════════════════════════════════════════
   PAINEL DO USUÁRIO (UserCP)

   O menu é gerado por templateBuildUsercp() assim:
       <div class="panel panel-sidebar panel-usercp">
         <div class="panel-heading"><h3 class="panel-title">…<a class="btn">Logout</a></h3></div>
         <div class="panel-body">
           <ul><li><img src="…/icons/x.png"><a href="…">My Account</a></li>…</ul>
         </div>
       </div>

   O ícone gigante acontecia porque o único lugar que definia
   width/height dele era o style.css padrão, que o tema não
   carrega mais. Sem regra, o PNG renderiza no tamanho natural.
   ═══════════════════════════════════════════════════════════ */

/* ── O painel ─────────────────────────────────────────────── */
.panel-usercp{
	background:linear-gradient(180deg, rgba(17,26,40,.6) 0%, rgba(7,11,20,.75) 100%) !important;
	border:1px solid rgba(232,184,75,.22) !important;
}
/* Sem selo "AO VIVO" aqui — não faz sentido num menu */
.panel.panel-usercp .panel-heading::after{content:none !important;display:none !important}

.panel-usercp > .panel-heading{
	background:rgba(232,184,75,.06) !important;
}
.panel-usercp .panel-body{padding:10px 14px 14px !important}

/* ── A lista do menu ──────────────────────────────────────── */
.panel-usercp ul{
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
}
.panel-usercp ul li{
	display:block !important;
	width:100%;
	line-height:normal !important;
	border-bottom:1px solid var(--line);
}
.panel-usercp ul li:last-child{border-bottom:none}

/* A linha inteira vira área clicável */
.panel-usercp ul li a{
	display:flex !important;
	align-items:center;
	gap:11px;
	padding:11px 8px 11px 0;
	font-family:var(--serif);
	font-size:13px;
	font-weight:700 !important;
	letter-spacing:.04em;
	color:var(--text-dim) !important;
	transition:color .2s ease, padding .2s ease;
}
.panel-usercp ul li a::after{
	content:'\203A';
	margin-left:auto;
	font-size:17px;
	color:var(--text-mute);
	transition:color .2s ease;
}
.panel-usercp ul li a:hover,
.panel-usercp ul li a:active,
.panel-usercp ul li a:focus{
	color:var(--gold) !important;
	padding-left:6px;
}
.panel-usercp ul li a:hover::after{color:var(--gold)}

/* ── O ÍCONE — a correção do bug ──────────────────────────── */
.panel-usercp ul li img{
	position:static !important;
	top:auto !important;
	width:34px !important;
	height:34px !important;
	max-width:34px !important;
	max-height:34px !important;
	margin:0 !important;
	padding:6px;
	object-fit:contain;
	flex-shrink:0;
	background:rgba(46,230,255,.07);
	border:1px solid rgba(46,230,255,.18);
	border-radius:8px;
	transition:all .2s ease;
}
.panel-usercp ul li:hover img{
	background:rgba(232,184,75,.10);
	border-color:rgba(232,184,75,.30);
}

/* Trava geral: nenhuma imagem de painel lateral pode estourar */
.panel-sidebar .panel-body img{max-width:100%;height:auto}

/* ── Botão de logout no cabeçalho ─────────────────────────── */
.panel.panel-usercp .panel-title .btn{
	color:#fca5a5 !important;
	border-color:rgba(248,113,113,.30) !important;
}
.panel.panel-usercp .panel-title .btn:hover{
	color:#fecaca !important;
	border-color:rgba(248,113,113,.55) !important;
	background:rgba(248,113,113,.10) !important;
}

/* ── Conteúdo das páginas do UserCP ───────────────────────── */
/* Blocos de informação da conta */
.usercp-info,
.panel-usercp-content{
	background:rgba(255,255,255,.025);
	border:1px solid var(--line);
	border-radius:10px;
	padding:20px 22px;
	margin-bottom:16px;
}

/* Tabelas de dados da conta */
#content .table > tbody > tr > td:first-child{
	color:var(--text-dim);
	font-weight:600;
	width:40%;
}
#content .table > tbody > tr > td:last-child{color:#fff}

/* Formulários do painel */
#content form .form-group{margin-bottom:16px}
#content form label{
	display:block;
	margin-bottom:6px;
	font-size:11px;
	font-weight:700;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:var(--text-mute);
}
#content form .btn-primary{padding:10px 26px}

/* Barras de progresso (stats, resets) */
#content .progress{height:8px;margin-bottom:10px}

/* Avatares de personagem */
#content img[src*="character-avatars"]{
	width:56px;height:56px;
	border-radius:8px;
	border:1px solid var(--line-hi);
	object-fit:cover;
}

/* Título de página do módulo */
.page-title{
	position:relative;
	margin-bottom:22px;
	padding-bottom:14px;
	border-bottom:1px solid var(--line);
}
.page-title span{
	font-family:var(--serif);
	font-size:23px;
	font-weight:700;
	color:#fff;
}
.page-title::after{
	content:'';
	position:absolute;left:0;bottom:-1px;
	width:70px;height:2px;
	background:linear-gradient(90deg, var(--gold), transparent);
}

@media (max-width:860px){
	.panel-usercp ul li img{width:30px !important;height:30px !important}
	.panel-usercp ul li a{font-size:12.5px}
}

/* ═══════════════════════════════════════════════════════════
   USERCP COMPACTO + EVENTOS COM SELETOR
   Substitui o comportamento do bloco anterior onde conflita.
   ═══════════════════════════════════════════════════════════ */

/* ── MENU DO USERCP ───────────────────────────────────────
   O <img> é IRMÃO do <a> dentro do <li>, não filho.
   Por isso o flex tem que ficar no <li>. Estava no <a>, e o
   ícone caía numa linha própria acima do texto. */
.panel-usercp ul li{
	display:flex !important;
	align-items:center !important;
	gap:9px !important;
	padding:0 !important;
	border-bottom:1px solid var(--line);
}
.panel-usercp ul li:last-child{border-bottom:none}

.panel-usercp ul li a{
	display:block !important;
	flex:1 1 auto;
	min-width:0;
	padding:8px 0 !important;
	font-family:var(--serif);
	font-size:12px !important;
	font-weight:700 !important;
	letter-spacing:.03em;
	line-height:1.3;
	color:var(--text-dim) !important;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	transition:color .18s ease;
}
.panel-usercp ul li a::after{content:none !important}
.panel-usercp ul li::after{
	content:'\203A';
	flex-shrink:0;
	font-size:15px;
	color:var(--text-mute);
	transition:color .18s ease;
}
.panel-usercp ul li:hover a{color:var(--gold) !important}
.panel-usercp ul li:hover::after{color:var(--gold)}

.panel-usercp ul li img{
	position:static !important;
	top:auto !important;
	width:22px !important;
	height:22px !important;
	max-width:22px !important;
	max-height:22px !important;
	margin:0 !important;
	padding:0 !important;
	object-fit:contain;
	flex-shrink:0;
	background:none !important;
	border:none !important;
	border-radius:0 !important;
	opacity:.55;
	transition:opacity .18s ease;
}
.panel-usercp ul li:hover img{opacity:1}
.panel-usercp .panel-body{padding:4px 16px 12px !important}

/* ── EVENTOS: ABAS DE SELEÇÃO ─────────────────────────────── */
.bo-ev-tabs{
	display:flex;flex-wrap:wrap;gap:5px;
	padding:0 2px 12px;
	margin-bottom:10px;
	border-bottom:1px solid var(--line);
}
.bo-ev-tab{
	flex:0 0 auto;
	padding:4px 10px;
	font-family:var(--sans);
	font-size:10.5px;font-weight:700;letter-spacing:.10em;
	color:var(--text-mute);
	background:rgba(255,255,255,.03);
	border:1px solid var(--line);
	border-radius:100px;
	cursor:pointer;
	transition:all .18s ease;
}
.bo-ev-tab:hover{color:var(--text);border-color:var(--line-hi)}
.bo-ev-tab.is-on{
	color:#1a1206;
	background:linear-gradient(180deg,var(--gold-hi),var(--gold));
	border-color:var(--gold-hi);
}

/* ── EVENTOS: LINHAS COMPACTAS E SEM CORES AVULSAS ────────── */
.bo-events-widget .bo-event-row{
	display:flex !important;
	align-items:center !important;
	gap:10px !important;
	padding:8px 2px !important;
	margin:0 !important;
	background:none !important;
	border:none !important;
	border-bottom:1px solid var(--line) !important;
	border-radius:0 !important;
	box-shadow:none !important;
}
.bo-events-widget .bo-event-row:last-child{border-bottom:none !important}
.bo-events-widget .bo-event-row:hover{background:rgba(232,184,75,.04) !important}

/* Um só padrão de cor para todos os eventos */
.bo-events-widget [class*="is-event-"] .bo-event-badge{
	flex-shrink:0;
	width:30px !important;height:30px !important;
	display:flex !important;align-items:center;justify-content:center;
	font-family:var(--serif);
	font-size:10.5px !important;font-weight:700 !important;letter-spacing:.04em;
	color:var(--boreal) !important;
	background:rgba(46,230,255,.07) !important;
	border:1px solid rgba(46,230,255,.18) !important;
	border-radius:7px !important;
	box-shadow:none !important;
	text-shadow:none !important;
}
.bo-events-widget .bo-event-info{
	flex:1 1 auto;min-width:0;
	display:flex;flex-direction:column;gap:1px;
}
.bo-events-widget .bo-event-name{
	font-size:12.5px;font-weight:600;color:var(--text);
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.bo-events-widget .bo-event-time{
	font-size:10px;letter-spacing:.10em;text-transform:uppercase;
	color:var(--text-mute);
	background:none !important;border:none !important;padding:0 !important;
}
.bo-events-widget .bo-event-timer-wrap{
	flex-shrink:0;text-align:right;
	background:none !important;border:none !important;padding:0 !important;
}
.bo-events-widget .bo-event-timer{
	display:inline-block;
	font-family:Consolas,monospace;
	font-size:12px;font-weight:700;letter-spacing:.02em;
	color:var(--gold) !important;
	background:none !important;
	border:none !important;
	padding:0 !important;
	box-shadow:none !important;
	text-shadow:none !important;
}
.bo-events-widget .bo-event-timer.is-highlight{color:var(--gold-hi) !important}

/* ═══════════════════════════════════════════════════════════
   EVENTOS DA HOME — padrão único de cor
   A home usa a TABELA do módulo (não o sidebar.php), e as
   regras nth-child(1..6) davam uma cor para cada linha.
   Aqui elas são zeradas e todas passam a usar a mesma paleta.
   ═══════════════════════════════════════════════════════════ */
.panel.panel-sidebar.panel-sidebar-events table tbody tr:nth-child(n){
	background:rgba(255,255,255,.022) !important;
	border:1px solid var(--line) !important;
	border-left:2px solid rgba(46,230,255,.35) !important;
	border-radius:9px !important;
	box-shadow:none !important;
	padding:9px 12px !important;
}
.panel.panel-sidebar.panel-sidebar-events table tbody tr:nth-child(n):hover{
	background:rgba(232,184,75,.05) !important;
	border-left-color:var(--gold) !important;
}
/* Horário e contagem: mesma cor para todos */
.panel.panel-sidebar.panel-sidebar-events table tbody tr:nth-child(n) td:last-child span{
	background:none !important;
	border:none !important;
	box-shadow:none !important;
	padding:0 !important;
	color:var(--gold) !important;
	font-family:Consolas,monospace !important;
	font-size:11.5px !important;
	font-weight:700 !important;
	text-shadow:none !important;
}
.panel.panel-sidebar.panel-sidebar-events table tbody tr td:last-child .smalltext{
	color:var(--text-mute) !important;
	font-family:var(--sans) !important;
	font-weight:600 !important;
}
/* Nome do evento: sem pílula, texto simples */
.panel.panel-sidebar.panel-sidebar-events table tbody tr td:first-child span:first-child{
	background:none !important;
	border:none !important;
	padding:0 !important;
	box-shadow:none !important;
	color:var(--text) !important;
	font-family:var(--sans) !important;
	font-size:12.5px !important;
	font-weight:600 !important;
	letter-spacing:0 !important;
	text-transform:none !important;
}
.panel.panel-sidebar.panel-sidebar-events table tbody tr td .smalltext{
	font-size:10px !important;
	letter-spacing:.10em;
	text-transform:uppercase;
}
/* Linha escondida pelo filtro das abas */
.panel-sidebar-events table tbody tr.bo-ev-hide{display:none !important}
/* Abas injetadas na home */
.panel-sidebar-events .bo-ev-tabs{margin:0 0 10px;padding:0 0 10px}


/* ═══════════════════════════════════════════════════════════
   ÍCONES DO USERCP
   O módulo imprime <img src="…/icons/x.png"> sem tamanho e com
   arte fraca. A imagem é escondida e o ícone é desenhado em SVG
   por máscara — herda a cor do tema, acende no hover, e não
   precisa subir arquivo nenhum.
   A ordem segue o menu do admincp. Se reordenar lá, me avise.
   ═══════════════════════════════════════════════════════════ */
.panel-usercp ul li img{display:none !important}

.panel-usercp ul li::before{
	content:'';
	flex-shrink:0;
	width:19px;height:19px;
	background-color:var(--text-mute);
	-webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
	-webkit-mask-position:center;  mask-position:center;
	-webkit-mask-size:contain;     mask-size:contain;
	transition:background-color .18s ease;
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'/%3E%3C/svg%3E");
}
.panel-usercp ul li:hover::before{background-color:var(--gold)}

/* 1 — Minha Conta */
.panel-usercp ul li:nth-child(1)::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}
/* 2 — Reset de Personagem */
.panel-usercp ul li:nth-child(2)::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='23 4 23 10 17 10'/%3E%3Cpath d='M20.49 15a9 9 0 1 1-2.12-9.36L23 10'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='23 4 23 10 17 10'/%3E%3Cpath d='M20.49 15a9 9 0 1 1-2.12-9.36L23 10'/%3E%3C/svg%3E");
}
/* 3 — Destravar Personagem */
.panel-usercp ul li:nth-child(3)::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
/* 4 — Limpar PK */
.panel-usercp ul li:nth-child(4)::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cline x1='9.5' y1='9.5' x2='14.5' y2='14.5'/%3E%3Cline x1='14.5' y1='9.5' x2='9.5' y2='14.5'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cline x1='9.5' y1='9.5' x2='14.5' y2='14.5'/%3E%3Cline x1='14.5' y1='9.5' x2='9.5' y2='14.5'/%3E%3C/svg%3E");
}
/* 5 — Resetar Pontos */
.panel-usercp ul li:nth-child(5)::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='1 4 1 10 7 10'/%3E%3Cpath d='M3.51 15a9 9 0 1 0 2.13-9.36L1 10'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='1 4 1 10 7 10'/%3E%3Cpath d='M3.51 15a9 9 0 1 0 2.13-9.36L1 10'/%3E%3C/svg%3E");
}
/* 6 — Adicionar Pontos */
.panel-usercp ul li:nth-child(6)::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='16'/%3E%3Cline x1='8' y1='12' x2='16' y2='12'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='16'/%3E%3Cline x1='8' y1='12' x2='16' y2='12'/%3E%3C/svg%3E");
}
/* 7 — Limpar Árvore de Skills */
.panel-usercp ul li:nth-child(7)::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='6' y1='3' x2='6' y2='15'/%3E%3Ccircle cx='18' cy='6' r='3'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='M18 9a9 9 0 0 1-9 9'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='6' y1='3' x2='6' y2='15'/%3E%3Ccircle cx='18' cy='6' r='3'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='M18 9a9 9 0 0 1-9 9'/%3E%3C/svg%3E");
}
/* 8 — Votar por Créditos */
.panel-usercp ul li:nth-child(8)::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26'/%3E%3C/svg%3E");
}
/* 9 — Comprar Créditos */
.panel-usercp ul li:nth-child(9)::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2'/%3E%3Cline x1='1' y1='10' x2='23' y2='10'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2'/%3E%3Cline x1='1' y1='10' x2='23' y2='10'/%3E%3C/svg%3E");
}
/* 10 — Comprar Zen */
.panel-usercp ul li:nth-child(10)::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E");
}

/* ═══════════════════════════════════════════════════════════
   USERCP — MENU NOVO (5 itens)
     1  My Account
     2  Market          (destaque)
     3  Ticket Suporte  (destaque)
     4  Buy Credits
     5  Buy Zen

   Os ícones das posições 6 a 10 do bloco anterior ficam inertes
   quando o menu tiver 5 itens. Market e Buy Credits também são
   pegos pelo href, então acertam mesmo se a ordem mudar.
   ═══════════════════════════════════════════════════════════ */

/* ── 1 · My Account — pessoa ──────────────────────────────── */
.panel-usercp ul li:nth-child(1)::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

/* ── 2 · Market — sacola ──────────────────────────────────── */
.panel-usercp ul li:nth-child(2)::before,
.panel-usercp ul li:has(a[href*="market"])::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");
}

/* ── 3 · Ticket Suporte — boia salva-vidas ────────────────── */
.panel-usercp ul li:nth-child(3)::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cline x1='4.93' y1='4.93' x2='9.17' y2='9.17'/%3E%3Cline x1='14.83' y1='14.83' x2='19.07' y2='19.07'/%3E%3Cline x1='14.83' y1='9.17' x2='19.07' y2='4.93'/%3E%3Cline x1='4.93' y1='19.07' x2='9.17' y2='14.83'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cline x1='4.93' y1='4.93' x2='9.17' y2='9.17'/%3E%3Cline x1='14.83' y1='14.83' x2='19.07' y2='19.07'/%3E%3Cline x1='14.83' y1='9.17' x2='19.07' y2='4.93'/%3E%3Cline x1='4.93' y1='19.07' x2='9.17' y2='14.83'/%3E%3C/svg%3E");
}

/* ── 4 · Buy Credits — cartão ─────────────────────────────── */
.panel-usercp ul li:nth-child(4)::before,
.panel-usercp ul li:has(a[href*="donation"])::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2'/%3E%3Cline x1='1' y1='10' x2='23' y2='10'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2'/%3E%3Cline x1='1' y1='10' x2='23' y2='10'/%3E%3C/svg%3E");
}

/* ── 5 · Buy Zen — cifrão ─────────────────────────────────── */
.panel-usercp ul li:nth-child(5)::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E");
}

/* ═══════════════════════════════════════════════════════════
   DESTAQUE — Market e Ticket Suporte
   Fundo dourado suave, barra na lateral e texto mais forte.
   ═══════════════════════════════════════════════════════════ */
.panel-usercp ul li:nth-child(2),
.panel-usercp ul li:nth-child(3){
	position:relative;
	margin:5px 0;
	padding-left:10px !important;
	background:linear-gradient(90deg, rgba(232,184,75,.11), rgba(232,184,75,.02));
	border:1px solid rgba(232,184,75,.26) !important;
	border-radius:8px;
}
.panel-usercp ul li:nth-child(2)::marker,
.panel-usercp ul li:nth-child(3)::marker{content:''}

/* Barra dourada na lateral esquerda */
.panel-usercp ul li:nth-child(2) > a::before,
.panel-usercp ul li:nth-child(3) > a::before{
	content:'';
	position:absolute;left:0;top:6px;bottom:6px;
	width:2px;border-radius:2px;
	background:linear-gradient(180deg, var(--gold-hi), var(--gold-dim));
}

.panel-usercp ul li:nth-child(2) a,
.panel-usercp ul li:nth-child(3) a{
	color:var(--gold-hi) !important;
	font-size:12.5px !important;
}
.panel-usercp ul li:nth-child(2)::before,
.panel-usercp ul li:nth-child(3)::before{background-color:var(--gold) !important}
.panel-usercp ul li:nth-child(2)::after,
.panel-usercp ul li:nth-child(3)::after{color:var(--gold) !important}

.panel-usercp ul li:nth-child(2):hover,
.panel-usercp ul li:nth-child(3):hover{
	background:linear-gradient(90deg, rgba(232,184,75,.20), rgba(232,184,75,.05));
	border-color:rgba(232,184,75,.5) !important;
}
.panel-usercp ul li:nth-child(2):hover a,
.panel-usercp ul li:nth-child(3):hover a{color:#fff !important}

/* ═══════════════════════════════════════════════════════════
   MERCADO DAS PULGAS — CARDS DE ANÚNCIO
   O HTML já existia, mas nenhuma destas classes tinha regra:
   por isso os itens saíam empilhados e sem caixa.
   ═══════════════════════════════════════════════════════════ */

/* ── Cabeçalho da seção ───────────────────────────────────── */
.bo-flea-header{
	display:flex;align-items:flex-end;justify-content:space-between;
	gap:24px;flex-wrap:wrap;
	margin-bottom:24px;padding-bottom:18px;
	border-bottom:1px solid var(--line);
}
.bo-flea-title-wrap{flex:1 1 320px;min-width:0}
.bo-flea-desc{margin:6px 0 0;font-size:14.5px;color:var(--text-dim)}
.bo-flea-actions-head{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0}

/* ── A grade ──────────────────────────────────────────────── */
.bo-flea-grid{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:16px;
	align-items:stretch;
}

/* ── O card ───────────────────────────────────────────────── */
.bo-flea-card{
	position:relative;
	display:flex;flex-direction:column;
	padding:14px;
	background:linear-gradient(180deg, rgba(17,26,40,.62) 0%, rgba(7,11,20,.78) 100%);
	border:1px solid var(--line-hi);
	border-radius:12px;
	transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.bo-flea-card:hover{
	transform:translateY(-4px);
	border-color:rgba(232,184,75,.42);
	box-shadow:0 18px 40px rgba(0,0,0,.5);
}

/* Moldura — cantos dourados desenhados em CSS */
.bo-flea-card::after{
	content:'';position:absolute;inset:6px;border-radius:8px;pointer-events:none;
	background:
		linear-gradient(var(--gold),var(--gold)) left top,
		linear-gradient(var(--gold),var(--gold)) left top,
		linear-gradient(var(--gold),var(--gold)) right top,
		linear-gradient(var(--gold),var(--gold)) right top,
		linear-gradient(var(--gold),var(--gold)) left bottom,
		linear-gradient(var(--gold),var(--gold)) left bottom,
		linear-gradient(var(--gold),var(--gold)) right bottom,
		linear-gradient(var(--gold),var(--gold)) right bottom;
	background-repeat:no-repeat;
	background-size:14px 1px, 1px 14px, 14px 1px, 1px 14px,
	                14px 1px, 1px 14px, 14px 1px, 1px 14px;
	opacity:.30;
	transition:opacity .25s ease;
}
.bo-flea-card:hover::after{opacity:.75}

/* ── Topo: categoria e selo ───────────────────────────────── */
.bo-flea-top{
	position:relative;z-index:1;
	display:flex;align-items:center;justify-content:space-between;gap:8px;
	margin-bottom:10px;
}
.bo-flea-tag{
	padding:3px 10px;
	font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
	color:var(--text-mute);
	background:rgba(255,255,255,.04);
	border:1px solid var(--line);
	border-radius:100px;
	white-space:nowrap;
}
.bo-flea-badge-ver{
	display:inline-flex;align-items:center;gap:4px;
	padding:3px 9px;
	font-size:9px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;
	color:#bbf7d0;
	background:rgba(74,222,128,.10);
	border:1px solid rgba(74,222,128,.32);
	border-radius:100px;
	white-space:nowrap;
}
.bo-flea-badge-ver svg{width:11px;height:11px;flex-shrink:0}

/* ── Área da arte ─────────────────────────────────────────── */
.bo-flea-art{
	position:relative;z-index:1;
	display:flex;align-items:center;justify-content:center;
	height:118px;margin-bottom:12px;
	background:rgba(0,0,0,.28);
	border:1px solid var(--line);
	border-radius:9px;
	overflow:hidden;
}
.bo-flea-art-glow{
	position:absolute;top:50%;left:50%;
	width:150px;height:150px;transform:translate(-50%,-50%);
	background:radial-gradient(circle, rgba(232,184,75,.22) 0%, transparent 68%);
	filter:blur(6px);
}
.bo-flea-level-badge{
	position:absolute;top:7px;right:8px;z-index:2;
	padding:2px 8px;
	font-family:var(--serif);
	font-size:10.5px;font-weight:900;
	color:#1a1206;
	background:linear-gradient(180deg, var(--gold-hi), var(--gold));
	border-radius:100px;
}
.bo-flea-img{
	position:relative;z-index:1;
	max-width:88px;max-height:88px;
	object-fit:contain;
}
.bo-flea-item-render{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}
.bo-flea-render-ico{display:block;color:var(--gold-hi)}
.bo-flea-render-ico svg{display:block;filter:drop-shadow(0 0 12px rgba(232,184,75,.45))}

/* ── Corpo ────────────────────────────────────────────────── */
.bo-flea-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1}
.bo-flea-title{
	font-family:var(--serif);
	font-size:14.5px;font-weight:700;line-height:1.25;
	color:#fff;margin:0 0 5px;
	border:none;padding:0;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.bo-flea-title::after{display:none}
.bo-flea-options{
	font-size:12px;line-height:1.4;color:var(--text-dim);
	margin-bottom:10px;min-height:34px;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

.bo-flea-meta{
	display:flex;align-items:center;justify-content:space-between;gap:8px;
	margin-top:auto;padding:8px 0;
	border-top:1px solid var(--line);
	font-size:11.5px;
}
.bo-flea-seller{display:inline-flex;align-items:center;gap:5px;color:var(--text-dim);min-width:0}
.bo-flea-seller svg{width:12px;height:12px;flex-shrink:0;color:var(--text-mute)}
.bo-flea-seller strong{color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis}
.bo-flea-date{color:var(--text-mute);white-space:nowrap;flex-shrink:0}

/* ── Rodapé: preço e botão ────────────────────────────────── */
.bo-flea-footer{
	display:flex;align-items:center;justify-content:space-between;gap:10px;
	padding-top:10px;
	border-top:1px solid var(--line);
}
.bo-flea-price-block{display:flex;align-items:baseline;gap:3px;flex-wrap:wrap;min-width:0}
.bo-flea-cur{font-size:11px;font-weight:700;color:var(--gold-dim)}
.bo-flea-val{
	font-family:var(--serif);
	font-size:19px;font-weight:900;line-height:1;
	background:linear-gradient(180deg,#fff 0%, var(--gold-hi) 60%, var(--gold) 100%);
	-webkit-background-clip:text;background-clip:text;color:transparent;
}
.bo-flea-method{
	flex-basis:100%;
	font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
	color:var(--text-mute);
}
.bo-flea-btn{padding:8px 16px !important;font-size:11px !important;flex-shrink:0}

/* ── Variações de brilho por categoria ────────────────────── */
.bo-flea-card.is-glow-blue .bo-flea-art-glow{background:radial-gradient(circle, rgba(46,230,255,.22) 0%, transparent 68%)}
.bo-flea-card.is-glow-blue .bo-flea-render-ico{color:var(--boreal)}
.bo-flea-card.is-glow-blue .bo-flea-render-ico svg{filter:drop-shadow(0 0 12px rgba(46,230,255,.45))}
.bo-flea-card.is-glow-blue:hover{border-color:rgba(46,230,255,.42)}

.bo-flea-card.is-glow-purple .bo-flea-art-glow{background:radial-gradient(circle, rgba(167,139,250,.24) 0%, transparent 68%)}
.bo-flea-card.is-glow-purple .bo-flea-render-ico{color:#c4b5fd}
.bo-flea-card.is-glow-purple .bo-flea-render-ico svg{filter:drop-shadow(0 0 12px rgba(167,139,250,.45))}
.bo-flea-card.is-glow-purple:hover{border-color:rgba(167,139,250,.45)}

.bo-flea-card.is-glow-green .bo-flea-art-glow{background:radial-gradient(circle, rgba(74,222,128,.20) 0%, transparent 68%)}
.bo-flea-card.is-glow-green .bo-flea-render-ico{color:#86efac}
.bo-flea-card.is-glow-green .bo-flea-render-ico svg{filter:drop-shadow(0 0 12px rgba(74,222,128,.42))}
.bo-flea-card.is-glow-green:hover{border-color:rgba(74,222,128,.42)}

/* ── Responsivo ───────────────────────────────────────────── */
@media (max-width:1100px){
	.bo-flea-grid{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width:860px){
	.bo-flea-header{align-items:flex-start}
	.bo-flea-actions-head{width:100%}
	.bo-flea-actions-head .bo-btn{flex:1}
}
@media (max-width:560px){
	.bo-flea-grid{grid-template-columns:1fr}
	.bo-flea-art{height:100px}
}

/* ═══════════════════════════════════════════════════════════
   MERCADO — PÁGINA DE COMPRA DE UM ITEM
   ═══════════════════════════════════════════════════════════ */
.mk-voltar{
	display:inline-block;margin-bottom:6px;
	font-size:12.5px;font-weight:600;letter-spacing:.04em;
	color:var(--text-mute) !important;
}
.mk-voltar:hover{color:var(--gold) !important}

.mk-compra{
	display:grid;
	grid-template-columns:1fr 360px;
	gap:22px;
	align-items:start;
}

/* ── Coluna do item ───────────────────────────────────────── */
.mk-compra-item{
	padding:26px 28px;
	background:linear-gradient(180deg, rgba(17,26,40,.6) 0%, rgba(7,11,20,.75) 100%);
	border:1px solid var(--line);
	border-radius:12px;
}
.mk-compra-cat{
	font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
	color:var(--gold);margin-bottom:6px;
}
.mk-compra-nome{
	font-family:var(--serif);font-size:26px;font-weight:700;line-height:1.2;
	color:#fff;margin:0 0 16px;border:none;padding:0;
}
.mk-compra-nome::after{display:none}

.mk-compra-attrs{
	list-style:none;margin:0 0 14px;padding:0;
	display:flex;flex-wrap:wrap;gap:7px;
}
.mk-compra-attrs li{display:inline-flex}
.mk-compra-attrs .mk-exc{
	display:inline-block;padding:3px 10px;
	font-size:11px;
	color:#a5edff;
	background:rgba(46,230,255,.07);
	border:1px solid rgba(46,230,255,.22);
	border-radius:100px;
}
.mk-compra-vend{
	margin-top:16px;padding-top:14px;
	border-top:1px solid var(--line);
	font-size:13px;color:var(--text-dim);
}
.mk-compra-vend strong{color:var(--text)}

/* ── Coluna do pagamento ──────────────────────────────────── */
.mk-compra-pgto{
	padding:24px;
	background:
		radial-gradient(420px 220px at 50% 0%, rgba(232,184,75,.10), transparent 70%),
		linear-gradient(180deg, rgba(24,32,44,.7) 0%, rgba(9,13,22,.8) 100%);
	border:1px solid rgba(232,184,75,.26);
	border-radius:12px;
}
.mk-compra-preco{
	display:flex;align-items:baseline;gap:5px;
	font-family:var(--serif);font-size:38px;font-weight:900;line-height:1;
	margin-bottom:18px;
	background:linear-gradient(180deg,#fff 0%, var(--gold-hi) 55%, var(--gold) 100%);
	-webkit-background-clip:text;background-clip:text;color:transparent;
}
.mk-compra-preco small{font-size:16px;font-weight:700}

.mk-compra-timer{
	padding:9px 14px;margin-bottom:16px;
	font-size:12px;
	color:var(--gold-hi);
	background:rgba(232,184,75,.10);
	border:1px solid rgba(232,184,75,.30);
	border-radius:8px;
	text-align:center;
}

/* ── QR Code ──────────────────────────────────────────────── */
.mk-qr{
	display:flex;align-items:center;justify-content:center;
	min-height:210px;padding:14px;margin-bottom:14px;
	background:#fff;
	border-radius:10px;
}
.mk-qr svg{display:block;width:100%;height:auto;max-width:220px}

.mk-copia label{
	display:block;margin-bottom:5px;
	font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
	color:var(--text-mute);
}
.mk-copia textarea{
	width:100%;
	padding:10px;margin-bottom:9px;
	font-family:Consolas,monospace;font-size:10.5px;line-height:1.45;
	color:var(--text);
	background:rgba(0,0,0,.35);
	border:1px solid var(--line-hi);
	border-radius:8px;
	resize:vertical;
	word-break:break-all;
}
.mk-copia .bo-btn{width:100%}

@media (max-width:900px){
	.mk-compra{grid-template-columns:1fr}
	.mk-compra-preco{font-size:32px}
}

/* ═══════════════════════════════════════════════════════════
   IMAGENS DE ITEM
   Arquivos em templates/default/img/itens/GRUPO-INDICE.jpg
   Os originais sao 92x119px com fundo preto, entao o
   blend "screen" derruba o preto e deixa so a arte.
   ═══════════════════════════════════════════════════════════ */

/* Card da home — o pacote .webp ja vem com fundo transparente,
   entao nao usa mais o blend "screen" do pacote antigo. */
.bo-flea-img{
	position:relative;z-index:1;
	max-width:92px;max-height:100px;
	object-fit:contain;
	image-rendering:auto;
	filter:drop-shadow(0 4px 10px rgba(0,0,0,.6));
}

/* Miniatura na lista do baú */
.mk-mini{
	width:34px;height:44px;
	object-fit:contain;
	float:left;margin:0 10px 2px 0;
}

/* Página de compra */
.mk-compra-img{
	display:flex;align-items:center;justify-content:center;
	height:150px;margin-bottom:16px;
	background:
		radial-gradient(190px 150px at 50% 50%, rgba(232,184,75,.14), transparent 70%),
		rgba(0,0,0,.32);
	border:1px solid var(--line);
	border-radius:10px;
}
.mk-compra-img img{
	max-width:120px;max-height:130px;
	object-fit:contain;
	filter:drop-shadow(0 6px 14px rgba(0,0,0,.7));
}

@media (max-width:560px){
	.mk-compra-img{height:120px}
	.mk-compra-img img{max-width:95px;max-height:105px}
}

/* ═══════════════════════════════════════════════════════════
   MERCADO — ABAS, FILTROS, VITRINE, BAÚ E MEUS ANÚNCIOS
   ═══════════════════════════════════════════════════════════ */

/* ── Abas principais ──────────────────────────────────────── */
.mk-abas{
	display:flex;gap:4px;flex-wrap:wrap;
	margin:0 0 20px;
	border-bottom:1px solid var(--line);
}
.mk-aba{
	position:relative;
	padding:11px 20px;
	font-family:var(--serif);
	font-size:12.5px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;
	color:var(--text-mute) !important;
	border-bottom:2px solid transparent;
	transition:color .2s ease, border-color .2s ease;
}
.mk-aba:hover{color:var(--text) !important}
.mk-aba.is-on{
	color:var(--gold) !important;
	border-bottom-color:var(--gold);
}
.mk-aba em{
	display:inline-block;margin-left:6px;padding:1px 7px;
	font-style:normal;font-family:var(--sans);font-size:10px;font-weight:700;
	color:#1a1206;
	background:var(--gold);
	border-radius:100px;
}

/* ── Filtros de categoria ─────────────────────────────────── */
.mk-filtros{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}
.mk-filtro{
	padding:5px 14px;
	font-size:11.5px;font-weight:700;letter-spacing:.06em;
	color:var(--text-mute) !important;
	background:rgba(255,255,255,.03);
	border:1px solid var(--line);
	border-radius:100px;
	transition:all .18s ease;
}
.mk-filtro:hover{color:var(--text) !important;border-color:var(--line-hi)}
.mk-filtro.is-on{
	color:#1a1206 !important;
	background:linear-gradient(180deg,var(--gold-hi),var(--gold));
	border-color:var(--gold-hi);
}

.mk-vazio{
	padding:40px 20px;text-align:center;
	font-size:14px;color:var(--text-mute);
	background:rgba(255,255,255,.015);
	border:1px dashed var(--line-hi);
	border-radius:10px;
}
.mk-ajuda{font-size:13.5px;color:var(--text-dim);margin-bottom:18px}

/* ── Vitrine ──────────────────────────────────────────────── */
.mk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mk-card{
	display:flex;flex-direction:column;
	padding:13px;
	background:linear-gradient(180deg, rgba(17,26,40,.6) 0%, rgba(7,11,20,.76) 100%);
	border:1px solid var(--line-hi);
	border-radius:11px;
	transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.mk-card:hover{
	transform:translateY(-4px);
	border-color:rgba(232,184,75,.42);
	box-shadow:0 16px 34px rgba(0,0,0,.5);
}
.mk-card.is-meu{border-color:rgba(46,230,255,.30)}
.mk-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.mk-card-cat{
	padding:2px 9px;
	font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
	color:var(--text-mute);
	border:1px solid var(--line);
	border-radius:100px;
}
.mk-card-lvl{
	padding:2px 8px;
	font-family:var(--serif);font-size:10.5px;font-weight:900;
	color:#1a1206;
	background:linear-gradient(180deg,var(--gold-hi),var(--gold));
	border-radius:100px;
}
.mk-card-art{
	display:flex;align-items:center;justify-content:center;
	height:104px;margin-bottom:11px;
	background:
		radial-gradient(120px 100px at 50% 50%, rgba(232,184,75,.13), transparent 70%),
		rgba(0,0,0,.28);
	border:1px solid var(--line);
	border-radius:9px;
}
.mk-card-art img{max-width:80px;max-height:88px;object-fit:contain;
	filter:drop-shadow(0 4px 9px rgba(0,0,0,.6))}
.mk-card-ico{display:block;color:var(--gold-hi);opacity:.75}
.mk-card-ico svg{display:block}
.mk-card-nome{
	font-family:var(--serif);font-size:13.5px;font-weight:700;line-height:1.25;
	color:#fff;margin-bottom:4px;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.mk-card-opt{
	font-size:11.5px;line-height:1.4;color:var(--text-dim);
	margin-bottom:10px;min-height:32px;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.mk-card-pe{
	display:flex;align-items:baseline;justify-content:space-between;gap:8px;
	margin-top:auto;padding-top:9px;
	border-top:1px solid var(--line);
}
.mk-card-btn{width:100%;margin-top:10px;text-align:center}
.mk-card-btn.is-meu{
	padding:8px;
	font-size:10.5px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;
	color:var(--boreal);
	background:rgba(46,230,255,.07);
	border:1px solid rgba(46,230,255,.22);
	border-radius:var(--radius);
}

/* ── Meu baú ──────────────────────────────────────────────── */
.mk-bau-grid{display:flex;flex-direction:column;gap:10px}
.mk-bau-item{
	display:grid;
	grid-template-columns:76px 1fr 260px;
	gap:16px;align-items:center;
	padding:12px 14px;
	background:rgba(255,255,255,.022);
	border:1px solid var(--line);
	border-radius:10px;
	transition:border-color .2s ease, background .2s ease;
}
.mk-bau-item:hover{background:rgba(232,184,75,.045);border-color:rgba(232,184,75,.28)}
.mk-bau-art{
	position:relative;
	display:flex;align-items:center;justify-content:center;
	height:70px;
	background:rgba(0,0,0,.3);
	border:1px solid var(--line);
	border-radius:8px;
}
.mk-bau-art img{max-width:52px;max-height:60px;object-fit:contain}
.mk-bau-art .mk-card-ico svg{width:30px;height:30px}
.mk-bau-slot{
	position:absolute;top:3px;left:5px;
	font-size:9.5px;font-weight:700;color:var(--text-mute);
}
.mk-bau-info{min-width:0}
.mk-bau-nome{font-family:var(--serif);font-size:14.5px;font-weight:700;color:#fff;margin-bottom:5px}
.mk-bau-attrs{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.mk-bau-acao .input-group{margin:0}

/* ── Meus anúncios ────────────────────────────────────────── */
.mk-meus{display:flex;flex-direction:column;gap:10px}
.mk-meu-item{
	display:grid;
	grid-template-columns:70px 1fr 150px 130px;
	gap:16px;align-items:center;
	padding:12px 14px;
	background:rgba(255,255,255,.022);
	border:1px solid var(--line);
	border-left:2px solid var(--line-hi);
	border-radius:10px;
}
.mk-meu-item.is-active{border-left-color:rgba(74,222,128,.55)}
.mk-meu-item.is-reserved{border-left-color:var(--gold)}
.mk-meu-item.is-sold{border-left-color:var(--boreal)}
.mk-meu-art{
	display:flex;align-items:center;justify-content:center;
	height:62px;
	background:rgba(0,0,0,.3);
	border:1px solid var(--line);
	border-radius:8px;
}
.mk-meu-art img{max-width:46px;max-height:54px;object-fit:contain}
.mk-meu-art .mk-card-ico svg{width:26px;height:26px}
.mk-meu-info{min-width:0}
.mk-meu-preco{display:flex;flex-direction:column;gap:5px;align-items:flex-start}
/* inline-block + nowrap: como <span> inline, o rotulo quebrava em
   duas linhas e a borda era desenhada em cada pedaco — parecia cortado. */
.mk-status{
	display:inline-block;
	white-space:nowrap;
	padding:2px 10px;
	font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
	border-radius:100px;border:1px solid var(--line-hi);
	color:var(--text-mute);
}
.mk-status.is-active{border-color:rgba(74,222,128,.4);background:rgba(74,222,128,.08);color:#bbf7d0}
.mk-status.is-reserved{border-color:rgba(232,184,75,.45);background:rgba(232,184,75,.10);color:var(--gold-hi)}
.mk-status.is-sold{border-color:rgba(46,230,255,.35);background:rgba(46,230,255,.08);color:#a5edff}
.mk-meu-acao .bo-btn{width:100%}

/* ── Responsivo ───────────────────────────────────────────── */
@media (max-width:1100px){
	.mk-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
	.mk-grid{grid-template-columns:repeat(2,1fr)}
	.mk-bau-item{grid-template-columns:64px 1fr;gap:12px}
	.mk-bau-acao{grid-column:1 / -1}
	.mk-meu-item{grid-template-columns:60px 1fr;gap:12px}
	.mk-meu-preco,.mk-meu-acao{grid-column:1 / -1;flex-direction:row;align-items:center;gap:10px}
}
@media (max-width:560px){
	.mk-grid{grid-template-columns:1fr}
	.mk-aba{padding:10px 13px;font-size:11.5px}
}

/* ═══════════════════════════════════════════════════════════
   MERCADO — CADASTRO DE VENDEDOR
   ═══════════════════════════════════════════════════════════ */

/* Marcador de pendência na aba */
.mk-aba em.is-falta{
	background:#f87171;
	color:#2a0606;
	min-width:18px;text-align:center;
}

/* Aviso no baú quando falta cadastro */
.mk-alerta-dados{
	padding:20px 22px;margin-bottom:20px;
	background:
		radial-gradient(400px 180px at 20% 0%, rgba(248,113,113,.12), transparent 70%),
		rgba(248,113,113,.06);
	border:1px solid rgba(248,113,113,.34);
	border-radius:11px;
	font-size:14px;color:var(--text-dim);
	line-height:1.6;
}
.mk-alerta-dados b{color:#fecaca;font-size:15px}
.mk-alerta-dados .bo-btn{margin-top:14px}

/* Formulário */
.mk-form-dados{
	padding:26px 28px;
	background:linear-gradient(180deg, rgba(17,26,40,.55) 0%, rgba(7,11,20,.72) 100%);
	border:1px solid var(--line);
	border-radius:12px;
}
.mk-campos{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:18px 20px;
}
.mk-campo{display:flex;flex-direction:column;min-width:0}
.mk-campo-full{grid-column:1 / -1}
.mk-campo label{
	margin-bottom:6px;
	font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
	color:var(--text-mute);
}
.mk-campo .form-control{width:100%}
.mk-hint{
	margin-top:5px;
	font-size:11.5px;color:var(--text-mute);
}

.mk-form-pe{
	display:flex;align-items:center;gap:16px;flex-wrap:wrap;
	margin-top:24px;padding-top:20px;
	border-top:1px solid var(--line);
}

.mk-dados-resumo{
	display:flex;gap:22px;flex-wrap:wrap;
	margin-top:14px;padding:12px 16px;
	background:rgba(255,255,255,.02);
	border:1px solid var(--line);
	border-radius:9px;
	font-size:12.5px;
}
.mk-dados-resumo b{color:var(--text);font-family:Consolas,monospace}

@media (max-width:700px){
	.mk-campos{grid-template-columns:1fr}
	.mk-form-dados{padding:20px 16px}
}

/* ═══════════════════════════════════════════════════════════
   MERCADO — PAINEL DE ADMINISTRAÇÃO
   ═══════════════════════════════════════════════════════════ */

/* Sub-abas dentro da administração */
.mk-subabas{
	display:flex;gap:6px;flex-wrap:wrap;
	margin:0 0 20px;
}
.mk-subaba{
	padding:6px 15px;
	font-size:11.5px;font-weight:700;letter-spacing:.08em;
	color:var(--text-mute) !important;
	background:rgba(255,255,255,.03);
	border:1px solid var(--line);
	border-radius:100px;
	transition:all .18s ease;
}
.mk-subaba:hover{color:var(--text) !important;border-color:var(--line-hi)}
.mk-subaba.is-on{
	color:#1a1206 !important;
	background:linear-gradient(180deg,var(--gold-hi),var(--gold));
	border-color:var(--gold-hi);
}

/* Cartões de vendedor */
.mk-adm-lista{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:14px;
}
.mk-adm-card{
	padding:16px 18px;
	background:linear-gradient(180deg, rgba(17,26,40,.55) 0%, rgba(7,11,20,.72) 100%);
	border:1px solid var(--line);
	border-left:2px solid rgba(74,222,128,.45);
	border-radius:11px;
}
.mk-adm-card.is-bloq{border-left-color:#f87171}

.mk-adm-topo{
	display:flex;align-items:center;gap:9px;flex-wrap:wrap;
	margin-bottom:12px;padding-bottom:10px;
	border-bottom:1px solid var(--line);
}
.mk-adm-login{
	font-family:var(--serif);
	font-size:16px;font-weight:700;letter-spacing:.04em;
	color:#fff;
}
.mk-status.is-bloq{
	border-color:rgba(248,113,113,.45);
	background:rgba(248,113,113,.10);
	color:#fecaca;
}

.mk-adm-dados{display:flex;flex-direction:column;gap:1px;margin-bottom:12px}
.mk-adm-linha{
	display:flex;align-items:baseline;gap:10px;
	padding:5px 0;
	font-size:12.5px;
	border-bottom:1px solid rgba(140,180,220,.06);
}
.mk-adm-linha span{
	flex:0 0 92px;
	font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
	color:var(--text-mute);
}
.mk-adm-linha b{
	color:var(--text);font-weight:600;
	word-break:break-all;
	font-family:Consolas,monospace;
	font-size:12px;
}

.mk-adm-acoes{display:flex;gap:8px;flex-wrap:wrap}
.mk-adm-acoes .bo-btn{padding:6px 14px;font-size:10.5px}

/* Tabelas do admin */
.mk-adm-tabela{font-size:12.5px}
.mk-adm-tabela td{vertical-align:middle !important}
.mk-adm-tabela .bo-btn{padding:5px 12px;font-size:10px;white-space:nowrap}

@media (max-width:900px){
	.mk-adm-lista{grid-template-columns:1fr}
}

/* ═══════════════════════════════════════════════════════════
   MERCADO — classes que estavam no <style> inline do modulo.
   Trazidas para ca: o inline vinha depois no documento e
   sobrescrevia o design novo dos cards.
   ═══════════════════════════════════════════════════════════ */
.mk-sec-title{font-family:'Cinzel',serif;font-size:16px;font-weight:700;letter-spacing:.1em;
	text-transform:uppercase;color:#e8b84b;margin:26px 0 12px;padding-bottom:8px;
	border-bottom:1px solid rgba(140,180,220,.12)}
.mk-table td{vertical-align:middle !important}
.mk-dim{color:#5c7089;font-size:12.5px}
.mk-dim2{opacity:.6}
.mk-lvl{color:#f7dc8c;font-weight:700}
.mk-preco{color:#f7dc8c;font-family:'Cinzel',serif;font-weight:700;font-size:15px;white-space:nowrap}
.mk-tag{display:inline-block;padding:2px 9px;font-size:10.5px;font-weight:700;letter-spacing:.08em;
	border-radius:100px;border:1px solid rgba(140,180,220,.2);color:#8aa0b8}
.mk-luck{border-color:rgba(232,184,75,.4);background:rgba(232,184,75,.1);color:#f7dc8c}
.mk-card-rodape{display:flex;align-items:center;justify-content:space-between;gap:8px;
	margin-top:12px;padding-top:10px;border-top:1px solid rgba(140,180,220,.12)}

/* ── Sub-aba de notícias do painel de admin ───────────────── */
.mk-noticias{display:flex;flex-direction:column}
.mk-form-noticia textarea{
	font-family:var(--sans);
	font-size:14px;
	line-height:1.6;
	min-height:180px;
	resize:vertical;
}
.mk-check{
	display:inline-flex;align-items:center;gap:7px;
	margin:0;
	font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none;
	color:var(--text-dim);
	cursor:pointer;
}
.mk-check input{margin:0;cursor:pointer}

/* Diagnóstico do painel de notícias */
.mk-erro{color:#fca5a5}
.mk-ok{color:#86efac}

/* Painel de info dos admins do WebEngine */
.mk-adm-info{
	padding:12px 16px;margin-bottom:18px;
	background:rgba(46,230,255,.05);
	border:1px solid rgba(46,230,255,.22);
	border-radius:9px;
	font-size:12.5px;line-height:1.7;
	color:var(--text-dim);
}
.mk-adm-info b{color:var(--text)}
.mk-adm-nome{
	display:inline-block;margin:0 5px 3px 0;padding:2px 10px;
	font-family:Consolas,monospace;font-size:12px;
	color:var(--text);
	background:rgba(255,255,255,.05);
	border:1px solid var(--line-hi);
	border-radius:100px;
}
.mk-adm-nome.is-eu{
	color:#1a1206;
	background:linear-gradient(180deg,var(--gold-hi),var(--gold));
	border-color:var(--gold-hi);
	font-weight:700;
}

/* ── Tabela de transações do painel de admin ──────────────── */
.mk-tx td{vertical-align:middle !important;font-size:12.5px}
.mk-tx b{color:#fff;font-weight:600}
.mk-tx-seta{
	text-align:center;
	font-size:17px;
	color:var(--gold);
	width:28px;
}
.mk-tx .mk-status{white-space:nowrap}
.mk-tx .bo-btn{padding:6px 14px;font-size:10.5px;white-space:nowrap}
.mk-status.is-delivered{
	border-color:rgba(140,180,220,.3);
	background:rgba(255,255,255,.04);
	color:var(--text-mute);
}

/* ═══════════════════════════════════════════════════════════
   PÁGINA /info/
   ═══════════════════════════════════════════════════════════ */

/* ── Cartões do topo ──────────────────────────────────────── */
.info-destaques{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:14px;
	margin-bottom:34px;
}
.info-destaque{
	display:flex;flex-direction:column;gap:6px;
	padding:20px 18px;
	background:
		radial-gradient(220px 120px at 50% 0%, rgba(232,184,75,.10), transparent 70%),
		linear-gradient(180deg, rgba(17,26,40,.6) 0%, rgba(7,11,20,.75) 100%);
	border:1px solid var(--line-hi);
	border-radius:11px;
	text-align:center;
	transition:transform .22s ease, border-color .22s ease;
}
.info-destaque:hover{transform:translateY(-3px);border-color:rgba(232,184,75,.4)}
.info-destaque-rot{
	font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
	color:var(--text-mute);
}
.info-destaque-val{
	font-family:var(--serif);
	font-size:22px;font-weight:900;line-height:1.15;
	background:linear-gradient(180deg,#fff 0%, var(--gold-hi) 60%, var(--gold) 100%);
	-webkit-background-clip:text;background-clip:text;color:transparent;
}

/* ── Títulos de seção ─────────────────────────────────────── */
.info-titulo{
	position:relative;
	margin:36px 0 6px;padding-bottom:12px;
	font-family:var(--serif);
	font-size:22px;font-weight:700;
	color:#fff;
	border-bottom:1px solid var(--line);
}
.info-titulo::after{
	content:'';position:absolute;left:0;bottom:-1px;
	width:70px;height:2px;
	background:linear-gradient(90deg, var(--gold), transparent);
}
.info-nota{
	margin:0 0 16px;
	font-size:13px;color:var(--text-mute);
}

/* ── Tabelas ──────────────────────────────────────────────── */
.info-tabela-wrap{
	overflow-x:auto;
	border:1px solid var(--line);
	border-radius:11px;
	background:linear-gradient(180deg, rgba(17,26,40,.4) 0%, rgba(7,11,20,.55) 100%);
}
.info-tabela{margin:0 !important;min-width:520px}
.info-tabela th{
	font-family:var(--serif);
	font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
	color:var(--gold);
	background:rgba(232,184,75,.06) !important;
	border-bottom:1px solid rgba(232,184,75,.22) !important;
	padding:11px 14px !important;
	vertical-align:middle !important;
}
.info-tabela td{
	padding:12px 14px !important;
	border-top:1px solid var(--line) !important;
	vertical-align:middle !important;
	font-size:13.5px;
}
.info-tabela tbody tr:hover td{background:rgba(232,184,75,.04)}
.info-tabela td b{color:#fff;font-weight:600}
.info-taxa{
	font-family:Consolas,monospace;
	font-size:13px;font-weight:700;
	color:var(--boreal);
	white-space:nowrap;
}
.info-taxa.is-gold{color:var(--gold-hi)}

/* ── Comandos ─────────────────────────────────────────────── */
.info-comandos{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:9px;
}
.info-comando{
	display:flex;align-items:center;gap:14px;
	padding:11px 15px;
	background:rgba(255,255,255,.022);
	border:1px solid var(--line);
	border-left:2px solid rgba(46,230,255,.35);
	border-radius:9px;
	transition:all .2s ease;
}
.info-comando:hover{
	background:rgba(232,184,75,.05);
	border-left-color:var(--gold);
	transform:translateX(3px);
}
.info-comando code{
	flex:0 0 auto;min-width:150px;
	padding:4px 11px;
	font-family:Consolas,monospace;
	font-size:12.5px;font-weight:700;
	color:var(--gold-hi);
	background:rgba(232,184,75,.08);
	border:1px solid rgba(232,184,75,.22);
	border-radius:6px;
	white-space:nowrap;
}
.info-comando span{
	font-size:13px;
	color:var(--text-dim);
	min-width:0;
}

/* ── Vídeo ────────────────────────────────────────────────── */
.info-video{
	position:relative;
	padding-top:56.25%;              /* 16:9 */
	overflow:hidden;
	border:1px solid var(--line-hi);
	border-radius:12px;
	background:#000;
	box-shadow:0 18px 44px rgba(0,0,0,.5);
}
.info-video iframe{
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	border:0;
}

/* ── Responsivo ───────────────────────────────────────────── */
@media (max-width:1000px){
	.info-destaques{grid-template-columns:repeat(2, 1fr)}
	.info-comandos{grid-template-columns:1fr}
}
@media (max-width:560px){
	.info-destaques{grid-template-columns:1fr}
	.info-destaque-val{font-size:19px}
	.info-comando{flex-direction:column;align-items:flex-start;gap:7px}
	.info-comando code{min-width:0}
}

/* ═══════════════════════════════════════════════════════════
   ATALHOS DA BARRA LATERAL DA /info/
   ═══════════════════════════════════════════════════════════ */
.bo-passos{
	list-style:none;
	margin:0;padding:0;
	counter-reset:passo;
}
.bo-passos li{
	display:flex;align-items:flex-start;gap:12px;
	padding:13px 0;
	border-bottom:1px solid var(--line);
}
.bo-passos li:last-child{border-bottom:none}
.bo-passo-n{
	flex-shrink:0;
	width:26px;height:26px;
	display:flex;align-items:center;justify-content:center;
	font-family:var(--serif);
	font-size:12px;font-weight:900;
	color:#1a1206;
	background:linear-gradient(180deg,var(--gold-hi),var(--gold));
	border-radius:50%;
}
.bo-passos li div{display:flex;flex-direction:column;gap:2px;min-width:0}
.bo-passos b{
	font-family:var(--serif);
	font-size:13.5px;font-weight:700;
	color:#fff;
}
.bo-passos span{font-size:12px;color:var(--text-mute)}
.bo-passos a{
	margin-top:3px;
	font-size:11.5px;font-weight:700;letter-spacing:.06em;
	color:var(--gold) !important;
}
.bo-passos a:hover{color:var(--gold-hi) !important}

.bo-atalhos-extra{
	display:flex;flex-direction:column;
	margin-top:14px;padding-top:12px;
	border-top:1px solid var(--line);
}
.bo-atalhos-extra a{
	display:flex;align-items:center;justify-content:space-between;
	padding:9px 2px;
	font-family:var(--serif);
	font-size:12.5px;font-weight:700;letter-spacing:.05em;
	color:var(--text-dim) !important;
	border-bottom:1px solid rgba(140,180,220,.06);
	transition:color .18s ease, padding .18s ease;
}
.bo-atalhos-extra a:last-child{border-bottom:none}
.bo-atalhos-extra a::after{content:'\203A';font-size:16px;color:var(--text-mute)}
.bo-atalhos-extra a:hover{color:var(--gold) !important;padding-left:6px}
.bo-atalhos-extra a:hover::after{color:var(--gold)}
/* o card de atalhos usa o mesmo visual dos outros da lateral */
.bo-side-atalhos .bo-side-head{margin-bottom:4px}

/* ═══════════════════════════════════════════════════════════
   CARD DE SUPORTE DA BARRA LATERAL
   ═══════════════════════════════════════════════════════════ */
.bo-ajuda-lista{display:flex;flex-direction:column;gap:8px;margin-top:4px}

.bo-ajuda-item{
	display:flex;align-items:center;gap:12px;
	padding:11px 12px;
	background:rgba(255,255,255,.022);
	border:1px solid var(--line);
	border-radius:9px;
	transition:all .2s ease;
}
.bo-ajuda-item:hover{
	background:rgba(232,184,75,.06);
	border-color:rgba(232,184,75,.32);
	transform:translateX(3px);
}

.bo-ajuda-ico{
	flex-shrink:0;
	width:34px;height:34px;padding:8px;
	color:var(--boreal);
	background:rgba(46,230,255,.07);
	border:1px solid rgba(46,230,255,.18);
	border-radius:8px;
	transition:all .2s ease;
}
.bo-ajuda-ico svg{width:100%;height:100%;display:block}
.bo-ajuda-item:hover .bo-ajuda-ico{
	color:var(--gold);
	background:rgba(232,184,75,.09);
	border-color:rgba(232,184,75,.28);
}

/* O Discord é o principal: já nasce em dourado */
.bo-ajuda-item.is-discord{
	background:linear-gradient(90deg, rgba(232,184,75,.10), rgba(232,184,75,.02));
	border-color:rgba(232,184,75,.28);
}
.bo-ajuda-item.is-discord .bo-ajuda-ico{
	color:#1a1206;
	background:linear-gradient(180deg, var(--gold-hi), var(--gold));
	border-color:rgba(247,220,140,.5);
}
.bo-ajuda-item.is-discord b{color:var(--gold-hi)}
.bo-ajuda-item.is-discord:hover{
	background:linear-gradient(90deg, rgba(232,184,75,.20), rgba(232,184,75,.05));
	border-color:rgba(232,184,75,.5);
}
.bo-ajuda-item.is-discord:hover b{color:#fff}

.bo-ajuda-txt{display:flex;flex-direction:column;gap:1px;min-width:0}
.bo-ajuda-txt b{
	font-family:var(--serif);
	font-size:13px;font-weight:700;letter-spacing:.02em;
	color:#fff;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.bo-ajuda-txt span{
	font-size:11.5px;line-height:1.35;
	color:var(--text-mute);
}

/* ═══════════════════════════════════════════════════════════
   PÁGINA /downloads/
   ═══════════════════════════════════════════════════════════ */

/* ── APK: a área de destaque ──────────────────────────────── */
.dl-apk{
	position:relative;overflow:hidden;isolation:isolate;
	display:grid;
	grid-template-columns:1fr 300px;
	gap:34px;align-items:center;
	padding:42px 44px;
	margin-bottom:16px;
	background:
		linear-gradient(135deg, rgba(28,38,54,.9) 0%, rgba(9,14,24,.95) 55%, rgba(5,8,14,.97) 100%);
	border:1px solid rgba(232,184,75,.45);
	border-radius:16px;
	animation:dlPulsoBorda 4s ease-in-out infinite;
}
@keyframes dlPulsoBorda{
	0%,100%{
		border-color:rgba(232,184,75,.40);
		box-shadow:0 22px 60px rgba(0,0,0,.6), 0 0 40px rgba(232,184,75,.06);
	}
	50%{
		border-color:rgba(232,184,75,.72);
		box-shadow:0 22px 60px rgba(0,0,0,.6), 0 0 72px rgba(232,184,75,.18);
	}
}

/* Aurora girando dentro do card */
.dl-apk-glow{
	position:absolute;inset:-45%;z-index:0;
	background:conic-gradient(from 0deg,
		transparent 0deg,
		rgba(232,184,75,.55) 45deg,
		transparent 130deg,
		rgba(46,230,255,.45) 205deg,
		transparent 290deg,
		rgba(232,184,75,.35) 340deg,
		transparent 360deg);
	filter:blur(58px);
	opacity:.55;
	animation:dlGira 16s linear infinite;
	pointer-events:none;
}
@keyframes dlGira{to{transform:rotate(360deg)}}

/* Brilho diagonal atravessando o card */
.dl-apk::after{
	content:'';position:absolute;top:0;left:-45%;z-index:1;
	width:38%;height:100%;
	background:linear-gradient(100deg, transparent, rgba(255,255,255,.07), transparent);
	animation:dlBrilho 6s ease-in-out infinite;
	pointer-events:none;
}
@keyframes dlBrilho{
	0%,72%{left:-45%}
	100%{left:120%}
}

.dl-apk-txt{position:relative;z-index:2;min-width:0}

.dl-apk-tag{
	display:inline-flex;align-items:center;gap:8px;
	margin-bottom:14px;
	padding:6px 16px;
	font-size:10.5px;font-weight:700;letter-spacing:.20em;text-transform:uppercase;
	color:var(--gold-hi);
	background:rgba(232,184,75,.12);
	border:1px solid rgba(232,184,75,.45);
	border-radius:100px;
	box-shadow:0 0 20px rgba(232,184,75,.15);
}
.dl-apk-tag::before{
	content:'';width:6px;height:6px;border-radius:50%;
	background:#4ade80;box-shadow:0 0 10px rgba(74,222,128,.9);
	animation:dlPisca 1.8s ease-in-out infinite;
}
@keyframes dlPisca{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.65)}}

.dl-apk-titulo{
	font-family:var(--serif);
	font-size:clamp(30px, 4.4vw, 48px);
	font-weight:900;line-height:1.02;letter-spacing:.02em;
	color:#fff;margin:0 0 10px;
	border:none;padding:0;
	text-shadow:0 4px 30px rgba(0,0,0,.6);
}
.dl-apk-titulo::after{display:none}
.dl-apk-titulo span{
	background:linear-gradient(180deg, #fff5d6 0%, var(--gold-hi) 40%, var(--gold) 70%, var(--gold-dim) 100%);
	-webkit-background-clip:text;background-clip:text;color:transparent;
	filter:drop-shadow(0 0 22px rgba(232,184,75,.35));
}
.dl-apk-sub{font-size:16px;color:var(--text-dim);margin:0 0 18px}

.dl-apk-chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px}
.dl-apk-chips span{
	display:inline-flex;align-items:center;gap:8px;
	padding:6px 15px;
	font-size:12px;font-weight:700;letter-spacing:.05em;
	color:var(--text);
	background:rgba(255,255,255,.06);
	border:1px solid var(--line-hi);
	border-radius:100px;
	backdrop-filter:blur(4px);
	transition:all .25s ease;
}
.dl-apk-chips span:hover{
	color:#fff;
	border-color:rgba(46,230,255,.45);
	background:rgba(46,230,255,.10);
	transform:translateY(-2px);
}
.dl-apk-chips span::before{
	content:'';width:6px;height:6px;border-radius:50%;
	background:var(--boreal);box-shadow:0 0 10px var(--boreal-glow);
}

.dl-apk-acao{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.dl-apk-acao .bo-btn{
	padding:17px 44px;font-size:15px;
	animation:dlPulsoBotao 2.6s ease-in-out infinite;
}
@keyframes dlPulsoBotao{
	0%,100%{box-shadow:0 6px 22px rgba(232,184,75,.30), inset 0 1px 0 rgba(255,255,255,.4)}
	50%{box-shadow:0 8px 40px rgba(232,184,75,.60), inset 0 1px 0 rgba(255,255,255,.55)}
}
.bo-btn.is-off{
	opacity:.5;cursor:default;pointer-events:none;
	animation:none;
}
.dl-apk-meta{display:flex;flex-direction:column;gap:3px}
.dl-apk-meta span{
	font-size:12px;letter-spacing:.06em;
	color:var(--text-mute);
}
.dl-apk-nota{
	margin:20px 0 0;
	padding-left:13px;
	border-left:2px solid rgba(232,184,75,.3);
	font-size:12.5px;line-height:1.6;
	color:var(--text-mute);
	max-width:540px;
}

/* ── O celular ────────────────────────────────────────────── */
.dl-apk-art{
	position:relative;z-index:2;
	display:flex;align-items:center;justify-content:center;
}
.dl-apk-art::before{
	content:'';position:absolute;
	width:340px;height:340px;
	background:radial-gradient(circle, rgba(46,230,255,.30) 0%, rgba(232,184,75,.12) 42%, transparent 70%);
	filter:blur(14px);
	animation:dlHalo 5s ease-in-out infinite;
}
@keyframes dlHalo{
	0%,100%{opacity:.65;transform:scale(1)}
	50%{opacity:1;transform:scale(1.12)}
}
.dl-apk-art .bo-phone{
	width:210px;height:418px;
	box-shadow:
		0 40px 80px rgba(0,0,0,.7),
		0 0 70px rgba(46,230,255,.25),
		inset 0 1px 0 rgba(255,255,255,.18);
}

/* Mesmo sem APK ainda, o card continua vivo */
.dl-apk.is-breve{animation:none;border-color:rgba(232,184,75,.3)}
.dl-apk.is-breve .dl-apk-art{opacity:.88}
.dl-apk.is-breve .dl-apk-glow{opacity:.38}

@media (prefers-reduced-motion:reduce){
	.dl-apk,.dl-apk-glow,.dl-apk::after,.dl-apk-tag::before,
	.dl-apk-acao .bo-btn,.dl-apk-art::before{animation:none}
}

/* ── Lista de downloads ───────────────────────────────────── */
.dl-lista{display:flex;flex-direction:column;gap:11px}
.dl-item{
	display:grid;
	grid-template-columns:54px 1fr 140px;
	gap:18px;align-items:center;
	padding:16px 18px;
	background:linear-gradient(180deg, rgba(17,26,40,.5) 0%, rgba(7,11,20,.66) 100%);
	border:1px solid var(--line);
	border-left:2px solid rgba(46,230,255,.35);
	border-radius:11px;
	transition:all .22s ease;
}
.dl-item:hover{
	border-color:rgba(232,184,75,.35);
	border-left-color:var(--gold);
	transform:translateX(4px);
}
.dl-item.is-cliente{border-left-color:var(--gold)}

.dl-item-ico{
	width:48px;height:48px;padding:12px;
	color:var(--boreal);
	background:rgba(46,230,255,.07);
	border:1px solid rgba(46,230,255,.2);
	border-radius:10px;
}
.dl-item-ico svg{width:100%;height:100%;display:block}
.dl-item:hover .dl-item-ico{
	color:var(--gold);
	background:rgba(232,184,75,.08);
	border-color:rgba(232,184,75,.28);
}

.dl-item-txt{min-width:0}
.dl-item-topo{display:flex;align-items:center;gap:9px;margin-bottom:5px}
.dl-item-tipo{
	padding:2px 9px;
	font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
	color:var(--text-mute);
	border:1px solid var(--line);
	border-radius:100px;
}
.dl-item-tam{
	font-size:11px;font-weight:700;letter-spacing:.06em;
	color:var(--gold);
}
.dl-item-txt h3{
	font-family:var(--serif);
	font-size:16px;font-weight:700;
	color:#fff;margin:0 0 4px;
	border:none;padding:0;
}
.dl-item-txt h3::after{display:none}
.dl-item-txt p{font-size:13px;color:var(--text-dim);margin:0}

.dl-espelhos{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.dl-espelhos a{
	padding:3px 11px;
	font-size:11px;font-weight:700;
	color:var(--boreal) !important;
	background:rgba(46,230,255,.06);
	border:1px solid rgba(46,230,255,.2);
	border-radius:100px;
}
.dl-espelhos a:hover{color:var(--gold) !important;border-color:rgba(232,184,75,.3)}

.dl-item-acao{text-align:right}
.dl-item-acao .bo-btn{width:100%}
.dl-item-off{
	display:inline-block;width:100%;padding:9px 0;
	font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
	text-align:center;
	color:var(--text-mute);
	border:1px dashed var(--line-hi);
	border-radius:var(--radius);
}

/* ── Passos de instalação ─────────────────────────────────── */
.dl-passos{display:grid;grid-template-columns:repeat(4, 1fr);gap:14px}
.dl-passo{
	position:relative;overflow:hidden;
	display:flex;flex-direction:column;gap:5px;
	padding:20px 18px;
	background:rgba(255,255,255,.022);
	border:1px solid var(--line);
	border-radius:11px;
}
.dl-passo-n{
	font-family:var(--serif);
	font-size:26px;font-weight:900;line-height:1;
	color:rgba(232,184,75,.28);
}
.dl-passo b{
	font-family:var(--serif);
	font-size:14px;font-weight:700;
	color:#fff;
}
.dl-passo span:not(.dl-passo-n){font-size:12.5px;line-height:1.5;color:var(--text-dim)}

/* ── Requisitos ───────────────────────────────────────────── */
.dl-req{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}
.dl-req-item{
	display:flex;flex-direction:column;gap:3px;
	padding:13px 16px;
	background:rgba(255,255,255,.022);
	border:1px solid var(--line);
	border-radius:9px;
}
.dl-req-item span{
	font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
	color:var(--text-mute);
}
.dl-req-item b{font-size:13.5px;color:var(--text);font-weight:600}

/* ── Responsivo ───────────────────────────────────────────── */
@media (max-width:1000px){
	.dl-apk{grid-template-columns:1fr;padding:26px 22px}
	.dl-apk-art{display:none}
	.dl-passos{grid-template-columns:repeat(2, 1fr)}
	.dl-req{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width:660px){
	.dl-item{grid-template-columns:44px 1fr;gap:14px}
	.dl-item-ico{width:44px;height:44px;padding:10px}
	.dl-item-acao{grid-column:1 / -1}
	.dl-passos,.dl-req{grid-template-columns:1fr}
	.dl-apk-acao{flex-direction:column;align-items:stretch}
	.dl-apk-acao .bo-btn{width:100%}
}

/* ═══════════════════════════════════════════════════════════
   PÁGINA /donation/ — pacotes de créditos
   ═══════════════════════════════════════════════════════════ */

.dn-grid{
	display:grid;
	grid-template-columns:repeat(5, 1fr);
	gap:14px;
	align-items:stretch;
	margin-bottom:10px;
}

.dn-card{
	position:relative;
	display:flex;flex-direction:column;align-items:center;text-align:center;
	padding:26px 18px 22px;
	background:linear-gradient(180deg, rgba(17,26,40,.6) 0%, rgba(7,11,20,.78) 100%);
	border:1px solid var(--line-hi);
	border-radius:13px;
	transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.dn-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(0,0,0,.55)}

.dn-card-tier{
	font-size:9.5px;font-weight:700;letter-spacing:.24em;
	margin-bottom:8px;
}
.dn-card-nome{
	font-family:var(--serif);
	font-size:15px;font-weight:700;line-height:1.25;
	color:#fff;margin:0 0 16px;
	border:none;padding:0;min-height:38px;
}
.dn-card-nome::after{display:none}

.dn-card-cred{
	display:flex;flex-direction:column;gap:1px;
	font-family:var(--serif);
	font-size:30px;font-weight:900;line-height:1;
	margin-bottom:6px;
}
.dn-card-cred span{
	font-family:var(--sans);
	font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
	color:var(--text-mute);
}

.dn-card-bonus{
	margin-bottom:16px;padding:3px 11px;
	font-size:10.5px;font-weight:700;letter-spacing:.06em;
	color:#bbf7d0;
	background:rgba(74,222,128,.10);
	border:1px solid rgba(74,222,128,.32);
	border-radius:100px;
}
.dn-card-bonus.is-vazio{background:none;border-color:transparent;padding:3px 0}

.dn-card-preco{
	display:flex;align-items:baseline;gap:3px;
	font-family:var(--serif);
	font-size:26px;font-weight:900;line-height:1;
	color:#fff;
	margin-top:auto;margin-bottom:16px;
	padding-top:14px;
	border-top:1px solid var(--line);
	width:100%;justify-content:center;
}
.dn-card-preco small{font-size:13px;font-weight:700;color:var(--text-mute)}
.dn-card form{width:100%}
.dn-card .bo-btn{width:100%}

/* ── Cores por tier ───────────────────────────────────────── */
.dn-card.is-bronze  .dn-card-tier{color:#c98a4b}
.dn-card.is-bronze  .dn-card-cred{color:#e0a86a}
.dn-card.is-bronze:hover{border-color:rgba(201,138,75,.5)}

.dn-card.is-prata   .dn-card-tier{color:#b8c4d4}
.dn-card.is-prata   .dn-card-cred{color:#dbe6f2}
.dn-card.is-prata:hover{border-color:rgba(184,196,212,.5)}

.dn-card.is-gold    .dn-card-tier{color:var(--gold)}
.dn-card.is-gold    .dn-card-cred{
	background:linear-gradient(180deg,#fff 0%, var(--gold-hi) 55%, var(--gold) 100%);
	-webkit-background-clip:text;background-clip:text;color:transparent;
}
.dn-card.is-gold:hover{border-color:rgba(232,184,75,.6)}

.dn-card.is-platina .dn-card-tier{color:#7dd3fc}
.dn-card.is-platina .dn-card-cred{color:#bae6fd}
.dn-card.is-platina:hover{border-color:rgba(125,211,252,.5)}

.dn-card.is-diamond .dn-card-tier{color:#c4b5fd}
.dn-card.is-diamond .dn-card-cred{
	background:linear-gradient(180deg,#fff 0%, #ddd6fe 50%, #a78bfa 100%);
	-webkit-background-clip:text;background-clip:text;color:transparent;
}
.dn-card.is-diamond:hover{border-color:rgba(167,139,250,.55)}

/* ── O destaque ───────────────────────────────────────────── */
.dn-card.is-top{
	border-color:rgba(232,184,75,.5);
	background:
		radial-gradient(300px 180px at 50% 0%, rgba(232,184,75,.14), transparent 70%),
		linear-gradient(180deg, rgba(24,32,44,.75) 0%, rgba(9,13,22,.85) 100%);
	box-shadow:0 16px 44px rgba(0,0,0,.5), 0 0 46px rgba(232,184,75,.10);
}
.dn-selo{
	position:absolute;top:-11px;left:50%;transform:translateX(-50%);
	padding:4px 15px;
	font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
	white-space:nowrap;
	color:#1a1206;
	background:linear-gradient(180deg, var(--gold-hi), var(--gold));
	border-radius:100px;
	box-shadow:0 4px 16px rgba(232,184,75,.4);
}

/* ── Tela de pagamento ────────────────────────────────────── */
.dn-pgto{
	display:grid;
	grid-template-columns:1fr 380px;
	gap:22px;align-items:start;
}
.dn-pgto-resumo{
	padding:28px 30px;
	background:linear-gradient(180deg, rgba(17,26,40,.6) 0%, rgba(7,11,20,.75) 100%);
	border:1px solid var(--line);
	border-radius:12px;
}
.dn-pgto-rot{
	font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
	color:var(--gold);
}
.dn-pgto-nome{
	font-family:var(--serif);font-size:26px;font-weight:700;
	color:#fff;margin:6px 0 18px;border:none;padding:0;
}
.dn-pgto-nome::after{display:none}
.dn-pgto-cred{
	font-family:var(--serif);font-size:34px;font-weight:900;line-height:1;
	background:linear-gradient(180deg,#fff 0%, var(--gold-hi) 60%, var(--gold) 100%);
	-webkit-background-clip:text;background-clip:text;color:transparent;
	margin-bottom:4px;
}
.dn-pgto-cred span{
	font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.16em;
	text-transform:uppercase;
	-webkit-text-fill-color:var(--text-mute);
}
.dn-pgto-valor{
	display:flex;align-items:baseline;gap:4px;
	font-family:var(--serif);font-size:24px;font-weight:900;
	color:var(--text);
	margin:14px 0 18px;padding-top:16px;
	border-top:1px solid var(--line);
}
.dn-pgto-valor small{font-size:13px;color:var(--text-mute)}
.dn-pgto-ref,.dn-pgto-conta{
	display:flex;flex-direction:column;gap:2px;
	margin-top:12px;
	font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
	color:var(--text-mute);
}
.dn-pgto-ref b{
	font-family:Consolas,monospace;font-size:14px;letter-spacing:.04em;
	text-transform:none;color:var(--gold-hi);
}
.dn-pgto-conta b{
	font-family:var(--sans);font-size:14px;letter-spacing:.02em;
	text-transform:none;color:var(--text);
}

.dn-pgto-qr{
	padding:24px;
	background:
		radial-gradient(400px 200px at 50% 0%, rgba(232,184,75,.10), transparent 70%),
		linear-gradient(180deg, rgba(24,32,44,.7) 0%, rgba(9,13,22,.8) 100%);
	border:1px solid rgba(232,184,75,.26);
	border-radius:12px;
}
.dn-via{
	margin-bottom:12px;padding:7px 12px;
	font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
	text-align:center;
	color:var(--boreal);
	background:rgba(46,230,255,.07);
	border:1px solid rgba(46,230,255,.22);
	border-radius:8px;
}
.dn-ok{
	padding:20px;text-align:center;
	font-size:14px;line-height:1.6;
	color:#bbf7d0;
	background:rgba(74,222,128,.08);
	border:1px solid rgba(74,222,128,.35);
	border-radius:10px;
}
.dn-ok b{display:block;font-size:16px;margin-bottom:4px;color:#86efac}

.mk-status.is-pending{border-color:rgba(232,184,75,.45);background:rgba(232,184,75,.10);color:var(--gold-hi)}
.mk-status.is-paid{border-color:rgba(74,222,128,.4);background:rgba(74,222,128,.08);color:#bbf7d0}
.mk-status.is-cancelled{border-color:rgba(248,113,113,.35);background:rgba(248,113,113,.07);color:#fecaca}

/* ── Responsivo ───────────────────────────────────────────── */
@media (max-width:1200px){
	.dn-grid{grid-template-columns:repeat(3, 1fr)}
}
@media (max-width:900px){
	.dn-pgto{grid-template-columns:1fr}
	.dn-grid{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width:560px){
	.dn-grid{grid-template-columns:1fr}
}

/* Ações da tabela de transações de pacote */
.dn-acoes{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.dn-acoes form{margin:0}
.dn-acoes .bo-btn{padding:5px 12px;font-size:10px;white-space:nowrap}


/* ═══════════════════════════════════════════════════════════
   PAINEL DO JOGADOR — /usercp/
   Marcacao gerada por modules/usercp.php (versao SkankMU).
   O modulo original do WebEngine escrevia width="100px" no
   proprio <img>, entao nenhum CSS conseguia domar o icone.
   A versao nova usa SVG e nao depende de imagem nenhuma.
   ═══════════════════════════════════════════════════════════ */

/* ── Cabecalho ────────────────────────────────────────────── */
.ucp-topo{
	display:flex;align-items:center;justify-content:space-between;
	flex-wrap:wrap;gap:18px;
	padding:20px 24px;
	margin-bottom:28px;
	background:linear-gradient(135deg, rgba(20,30,45,.75) 0%, rgba(7,11,20,.85) 100%);
	border:1px solid var(--line-hi);
	border-radius:14px;
}

.ucp-topo-quem{display:flex;align-items:center;gap:14px;min-width:0}

.ucp-avatar{
	display:flex;align-items:center;justify-content:center;
	width:50px;height:50px;flex-shrink:0;
	font-family:var(--serif);
	font-size:22px;font-weight:900;
	color:#1a1204;
	background:linear-gradient(160deg, var(--gold-hi) 0%, var(--gold) 55%, var(--gold-dim) 100%);
	border-radius:14px;
	box-shadow:0 6px 20px rgba(232,184,75,.25), inset 0 1px 0 rgba(255,255,255,.5);
}

.ucp-topo-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.ucp-topo-ola{
	font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
	color:var(--text-mute);
}
.ucp-topo-nome{
	font-family:var(--serif);
	font-size:21px;font-weight:800;letter-spacing:.02em;
	color:#fff;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.ucp-topo-dados{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

.ucp-dado{
	display:flex;flex-direction:column;gap:2px;
	padding:8px 16px;
	background:rgba(255,255,255,.03);
	border:1px solid var(--line);
	border-radius:10px;
}
.ucp-dado-rot{
	font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
	color:var(--text-mute);
}
.ucp-dado-val{font-size:14px;font-weight:700;color:var(--text-dim)}
.ucp-dado-val.is-on{color:var(--green)}
.ucp-dado-val.is-gold{
	font-family:var(--serif);
	font-size:17px;
	color:var(--gold-hi);
}

.ucp-sair{
	padding:9px 18px;
	font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
	color:#fca5a5 !important;
	border:1px solid rgba(248,113,113,.28);
	border-radius:10px;
	transition:all .2s ease;
}
.ucp-sair:hover{
	color:#fecaca !important;
	border-color:rgba(248,113,113,.55);
	background:rgba(248,113,113,.10);
}

/* ── Titulo de secao ──────────────────────────────────────── */
.ucp-secao{
	display:flex;align-items:center;gap:12px;
	margin:30px 0 14px;
	font-size:10.5px;font-weight:700;letter-spacing:.20em;text-transform:uppercase;
	color:var(--text-mute);
}
.ucp-secao::after{
	content:'';flex:1;height:1px;
	background:linear-gradient(90deg, var(--line-hi), transparent);
}

/* ── A grade de cartoes ───────────────────────────────────── */
.ucp-grade{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
	gap:14px;
}
.ucp-grade.is-destaque{grid-template-columns:repeat(auto-fit, minmax(320px, 1fr))}

.ucp-card{
	position:relative;overflow:hidden;isolation:isolate;
	display:flex;align-items:center;gap:15px;
	padding:18px 20px;
	background:linear-gradient(160deg, rgba(17,26,40,.55) 0%, rgba(7,11,20,.70) 100%);
	border:1px solid var(--line);
	border-radius:13px;
	color:var(--text) !important;
	transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.ucp-card:hover{
	transform:translateY(-3px);
	border-color:rgba(46,230,255,.35);
	box-shadow:0 14px 34px rgba(0,0,0,.45), 0 0 26px rgba(46,230,255,.08);
}

/* Icone */
.ucp-card-ico{
	display:flex;align-items:center;justify-content:center;
	width:46px;height:46px;flex-shrink:0;
	color:var(--boreal);
	background:rgba(46,230,255,.07);
	border:1px solid rgba(46,230,255,.18);
	border-radius:12px;
	transition:all .22s ease;
}
.ucp-card-ico svg{width:22px;height:22px}
.ucp-card:hover .ucp-card-ico{
	background:rgba(46,230,255,.13);
	border-color:rgba(46,230,255,.38);
}

/* Texto */
.ucp-card-txt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.ucp-card-titulo{
	font-family:var(--serif);
	font-size:15.5px;font-weight:700;letter-spacing:.02em;
	color:#fff;
}
.ucp-card-desc{
	font-size:12.5px;line-height:1.45;
	color:var(--text-mute);
}
.ucp-card-selo{
	font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
	color:var(--gold);
}

/* Seta */
.ucp-card-seta{
	flex-shrink:0;
	font-size:22px;line-height:1;
	color:var(--text-mute);
	transition:transform .22s ease, color .22s ease;
}
.ucp-card:hover .ucp-card-seta{transform:translateX(4px);color:var(--gold)}

/* ── Os dois em destaque ──────────────────────────────────── */
.ucp-card.is-destaque{
	padding:24px 26px;
	gap:18px;
	border-color:rgba(232,184,75,.32);
	background:linear-gradient(135deg, rgba(30,40,58,.75) 0%, rgba(9,14,24,.88) 100%);
	box-shadow:0 12px 32px rgba(0,0,0,.45), 0 0 30px rgba(232,184,75,.05);
}
/* Brilho diagonal atravessando o cartao */
.ucp-card.is-destaque::after{
	content:'';position:absolute;top:0;left:-55%;z-index:-1;
	width:42%;height:100%;
	background:linear-gradient(100deg, transparent, rgba(255,255,255,.05), transparent);
	animation:ucpBrilho 7s ease-in-out infinite;
	pointer-events:none;
}
@keyframes ucpBrilho{
	0%,74%{left:-55%}
	100%{left:130%}
}
.ucp-card.is-destaque:hover{
	border-color:rgba(232,184,75,.60);
	box-shadow:0 18px 44px rgba(0,0,0,.55), 0 0 50px rgba(232,184,75,.16);
}
.ucp-card.is-destaque .ucp-card-ico{
	width:56px;height:56px;
	color:var(--gold-hi);
	background:rgba(232,184,75,.10);
	border-color:rgba(232,184,75,.30);
}
.ucp-card.is-destaque .ucp-card-ico svg{width:26px;height:26px}
.ucp-card.is-destaque:hover .ucp-card-ico{
	background:rgba(232,184,75,.18);
	border-color:rgba(232,184,75,.55);
}
.ucp-card.is-destaque .ucp-card-titulo{font-size:19px}
.ucp-card.is-destaque .ucp-card-desc{font-size:13px;color:var(--text-dim)}

@media (prefers-reduced-motion:reduce){
	.ucp-card.is-destaque::after{animation:none}
}

@media (max-width:620px){
	.ucp-topo{flex-direction:column;align-items:stretch}
	.ucp-topo-dados{justify-content:space-between}
	.ucp-grade,.ucp-grade.is-destaque{grid-template-columns:1fr}
	.ucp-card.is-destaque{padding:20px}
}