/* =====================================================================
   Mu-Inmortal - template "muinmortal" para DmN MuCMS
   Base: copia del template undead (vistas internas y JS).
   Este archivo se carga ultimo y define todo el aspecto.
   ===================================================================== */
:root{
	/* paleta v2: tomada del logo "Caballero Inmortal" (negro, carmesi, oro, acero) */
	--bg:#07070a; --bg-2:#0e0b10; --surface:#161117; --surface-2:#1f171f;
	--line:#3a282c; --line-soft:#261b1f;
	--blue:#b3161b; --blue-bright:#ff5a47; --blue-deep:#5c0c10; --blue-glow:rgba(255,60,40,.32);
	--violet:#9fb3d6; --violet-glow:rgba(159,179,214,.25);
	--gold:#e8b64c; --gold-bright:#ffd77a; --gold-glow:rgba(232,182,76,.30);
	--text:#ddd6d2; --muted:#a08f8b; --white:#f6f0ea; --danger:#ff6b5e; --green:#57d38a;
	--maxw:1600px;
	--fd:"Cinzel",Georgia,"Times New Roman",serif;
	--fb:"Barlow",-apple-system,"Segoe UI",Roboto,sans-serif;
	--fu:"Rajdhani","Barlow",sans-serif;
}

/* ---------- base ---------- */
html,body.mi{background:var(--bg) !important;}
body.mi{
	margin:0; color:var(--text); font-family:var(--fb); font-size:17px; line-height:1.55;
	background-image:
		radial-gradient(1000px 560px at 50% -10%, rgba(179,22,27,.16), transparent 62%),
		radial-gradient(760px 420px at 90% 40%, rgba(159,179,214,.06), transparent 60%) !important;
	background-attachment:fixed !important;
}
body.mi a{color:var(--blue-bright); text-decoration:none; transition:color .15s;}
body.mi a:hover{color:var(--gold-bright);}
body.mi h1,body.mi h2,body.mi h3,body.mi h4{font-family:var(--fd); color:var(--white); letter-spacing:.02em;}
body.mi *{box-sizing:border-box;}
body.mi ::selection{background:var(--gold); color:#111;}

/* ---------- botones ---------- */
.mi-btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; cursor:pointer;
	font-family:var(--fu); font-weight:700; font-size:15px; letter-spacing:.08em; text-transform:uppercase;
	padding:10px 18px; border-radius:6px; border:1px solid var(--line); background:var(--surface);
	color:var(--white) !important; transition:transform .12s, box-shadow .2s, background .2s; white-space:nowrap;}
.mi-btn:hover{transform:translateY(-1px);}
.mi-btn.ghost{background:rgba(17,26,46,.7); border-color:var(--line);}
.mi-btn.ghost:hover{border-color:var(--blue-bright); box-shadow:0 0 0 1px var(--blue-glow) inset;}
.mi-btn.gold{background:linear-gradient(180deg,var(--gold-bright),var(--gold)); color:#1b1406 !important; border-color:#f3c766; box-shadow:0 6px 22px var(--gold-glow);}
.mi-btn.gold:hover{box-shadow:0 8px 30px rgba(232,182,76,.5);}
.mi-btn.blue{background:linear-gradient(180deg,var(--blue-bright),var(--blue)); border-color:#ff7a66; box-shadow:0 6px 22px var(--blue-glow);}
.mi-btn.big{font-size:18px; padding:15px 30px;}
.mi-btn.sm{font-size:13px; padding:6px 12px;}
.mi-btn.full{width:100%;}

/* ---------- nav ---------- */
.mi-nav{position:sticky; top:0; z-index:100; background:rgba(8,11,20,.88); 
	border-bottom:1px solid var(--line-soft);}
.mi-nav-inner{max-width:var(--maxw); margin:0 auto; padding:12px 22px; display:flex; align-items:center; gap:24px;}
.mi-brand{font-family:var(--fu); font-weight:700; font-size:18px; letter-spacing:.12em; color:var(--gold) !important; white-space:nowrap;}
.mi-brand span{color:var(--blue-bright);}
.mi-brand.big{font-size:30px;}
.mi-links{display:flex; gap:4px; flex:1; flex-wrap:wrap;}
.mi-links a{font-family:var(--fu); font-weight:600; font-size:15px; letter-spacing:.08em; text-transform:uppercase;
	color:var(--muted) !important; padding:10px 12px; border-radius:6px;}
.mi-links a:hover,.mi-links a.on{color:var(--white) !important; background:var(--surface);}
.mi-links a.mi-hl{background:linear-gradient(180deg,var(--gold-bright),var(--gold)); color:#1b1406 !important; box-shadow:0 4px 16px var(--gold-glow);}
.mi-nav-cta{display:flex; align-items:center; gap:10px;}
.mi-balance{font-family:var(--fu); font-weight:700; color:var(--gold-bright); background:var(--surface); border:1px solid var(--line);
	padding:8px 12px; border-radius:6px; white-space:nowrap;}
.mi-balance small{color:var(--muted); font-weight:600;}
.mi-dd{position:relative;}
.mi-dd-menu{display:none; position:absolute; right:0; top:calc(100% + 8px); min-width:220px; background:var(--surface);
	border:1px solid var(--line); border-radius:8px; padding:6px; box-shadow:0 18px 40px rgba(0,0,0,.5);}
.mi-dd.open .mi-dd-menu{display:block;}
.mi-dd-menu a{display:block; padding:9px 12px; border-radius:6px; color:var(--text) !important; font-size:15px;}
.mi-dd-menu a:hover{background:var(--surface-2); color:var(--white) !important;}
.mi-dd-menu a.mi-dd-out{color:var(--danger) !important; border-top:1px solid var(--line-soft); margin-top:4px;}
.mi-burger{display:none; background:none; border:0; padding:8px; cursor:pointer;}
.mi-burger span{display:block; width:24px; height:2px; background:var(--white); margin:5px 0;}

/* ---------- hero ---------- */
.mi-hero{position:relative; isolation:isolate; text-align:center; overflow:hidden;
	min-height:clamp(640px, 88vh, 900px); display:flex; align-items:center; justify-content:center;
	padding:30px 20px 46px; border-bottom:1px solid var(--line-soft);}
/* fondo nuevo: noche, brasas rojas del lado del BK y luz azul/dorada del lado del DW */
.mi-hero-bg{position:absolute; inset:0; z-index:-3;
	background:
		radial-gradient(48% 70% at 8% 55%, rgba(200,40,24,.38), transparent 70%),
		radial-gradient(48% 70% at 92% 50%, rgba(120,150,210,.24), transparent 70%),
		radial-gradient(40% 40% at 92% 30%, rgba(232,182,76,.22), transparent 70%),
		radial-gradient(34% 46% at 50% 40%, rgba(179,22,27,.28), transparent 72%),
		linear-gradient(180deg,#040405 0%,#0b080c 55%,var(--bg) 100%);}
.mi-hero-bg::before{content:""; position:absolute; inset:0;
	background:repeating-linear-gradient(115deg, rgba(255,255,255,.018) 0 2px, transparent 2px 9px);
	mask-image:radial-gradient(70% 60% at 50% 45%, #000, transparent);}
.mi-hero-bg::after{content:""; position:absolute; left:0; right:0; bottom:0; height:180px; background:linear-gradient(180deg,transparent,var(--bg));}
/* personajes: mitad afuera de cada costado */
.mi-char{position:absolute; z-index:-2; top:auto; bottom:0; width:clamp(760px, 78vw, 1560px); height:auto; pointer-events:none; user-select:none;
	filter:drop-shadow(0 20px 40px rgba(0,0,0,.6));
	-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 98%); mask-image:linear-gradient(180deg,#000 72%,transparent 98%);}
.mi-char-left{left:0; transform:translate(-34%,24%); animation:miFloatL 9s ease-in-out infinite; will-change:transform; filter:drop-shadow(0 0 8px rgba(255,90,40,.9)) drop-shadow(0 0 40px rgba(220,30,10,.45));}
.mi-char-right{right:0; transform:translate(34%,22%); animation:miFloatR 10s ease-in-out infinite; will-change:transform; filter:drop-shadow(0 0 8px rgba(150,200,255,.9)) drop-shadow(0 0 40px rgba(77,155,255,.45));}
@keyframes miFloatL{50%{transform:translate(-34%,calc(24% - 10px));}}
@keyframes miFloatR{50%{transform:translate(34%,calc(22% - 12px));}}
@keyframes miAuraRed{0%,100%{filter:drop-shadow(0 0 6px rgba(255,90,40,.85)) drop-shadow(0 0 22px rgba(255,40,20,.55)) drop-shadow(0 0 60px rgba(200,20,10,.35));} 50%{filter:drop-shadow(0 0 10px rgba(255,140,60,1)) drop-shadow(0 0 34px rgba(255,60,20,.75)) drop-shadow(0 0 90px rgba(220,30,10,.5));}}
@keyframes miAuraBlue{0%,100%{filter:drop-shadow(0 0 6px rgba(120,190,255,.85)) drop-shadow(0 0 22px rgba(77,155,255,.55)) drop-shadow(0 0 60px rgba(232,182,76,.30));} 50%{filter:drop-shadow(0 0 10px rgba(190,225,255,1)) drop-shadow(0 0 34px rgba(77,155,255,.8)) drop-shadow(0 0 90px rgba(255,200,90,.45));}}
/* brasas */
.mi-embers{position:absolute; inset:0; z-index:-1; pointer-events:none; overflow:hidden;}
.mi-embers i{position:absolute; left:var(--x); bottom:-10px; width:var(--s); height:var(--s); border-radius:50%;
	background:#ffcf7a; box-shadow:0 0 8px 2px rgba(255,170,60,.7); opacity:0; animation:miEmber var(--d) linear infinite; animation-delay:var(--t);}
@keyframes miEmber{0%{transform:translate(0,0); opacity:0;} 10%{opacity:.9;} 100%{transform:translate(40px,-110vh); opacity:0;}}
.mi-hero-center{position:relative; max-width:1120px; width:100%;}
.mi-hero-h1{margin:0; line-height:0;}
.mi-logo{width:min(1120px,100%); height:auto; display:block; margin:-10px auto 0; overflow:visible;
	filter:drop-shadow(0 6px 24px rgba(0,0,0,.8)) drop-shadow(0 0 40px rgba(139,92,246,.25));}
@media (prefers-reduced-motion:reduce){ .mi-char,.mi-embers i{animation:none !important;} }
.mi-mark{width:34px; height:34px; vertical-align:middle; margin-right:8px; border-radius:50%; object-fit:cover; border:1px solid var(--gold); box-shadow:0 0 12px var(--blue-glow);}
/* logo "Caballero Inmortal": imagen cuadrada con fondo negro, se funde con un borde radial */
.mi-logo-img{display:block; width:min(640px,80vw); height:auto; margin:-10px auto 4px;
	-webkit-mask-image:radial-gradient(circle at 50% 50%, #000 66%, transparent 76%); mask-image:radial-gradient(circle at 50% 50%, #000 66%, transparent 76%);
	filter:drop-shadow(0 0 40px rgba(179,22,27,.35)); animation:miLogoIn 1.2s ease-out both;}
@keyframes miLogoIn{from{opacity:0; transform:scale(.94);} to{opacity:1; transform:none;}}
.mi-emblem-img{display:block; width:92px; height:92px; margin:2px auto 12px; border-radius:50%; object-fit:cover; border:2px solid var(--gold); box-shadow:0 0 18px var(--blue-glow);}
.mi-emblem-svg{display:block; width:70px; height:78px; margin:4px auto 12px; filter:drop-shadow(0 0 14px var(--violet-glow));}

/* insignias de clase (reemplazan las miniaturas de personajes) */
.mi-cls{display:inline-flex; align-items:center; justify-content:center; width:34px; height:30px; font-family:var(--fu); font-weight:700; font-size:11px;
	letter-spacing:.04em; color:#fff; background:var(--c,#2f6fd0); clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
	text-shadow:0 1px 2px rgba(0,0,0,.6); box-shadow:inset 0 0 0 2px rgba(255,255,255,.15);}
.mi-cls.big{width:72px; height:64px; font-size:20px;}
.mi-cls.dw{--c:linear-gradient(160deg,#a78bfa,#5b21b6);} .mi-cls.dk{--c:linear-gradient(160deg,#f87171,#991b1b);}
.mi-cls.elf{--c:linear-gradient(160deg,#6ee7b7,#047857);} .mi-cls.mg{--c:linear-gradient(160deg,#fdba74,#c2410c);}
.mi-cls.dl{--c:linear-gradient(160deg,#fde68a,#b45309);} .mi-cls.sum{--c:linear-gradient(160deg,#f9a8d4,#9d174d);}
.mi-cls.rf{--c:linear-gradient(160deg,#67e8f9,#0e7490);} .mi-cls.otro{--c:linear-gradient(160deg,#94a3b8,#334155);}
.mi-ico{width:1em; height:1em; vertical-align:-.15em; display:inline-block;}
.mi-hero-tag{font-size:21px; color:var(--text); margin:0 auto 26px; max-width:720px; font-style:italic;}
.mi-hero-btns{display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin-bottom:30px;}
.mi-live{display:inline-flex; flex-wrap:wrap; justify-content:center; gap:0; background:rgba(11,17,32,.85);
	border:1px solid var(--line); border-radius:10px; overflow:hidden;}
.mi-live-item{display:flex; align-items:center; gap:10px; padding:12px 22px; border-right:1px solid var(--line-soft);}
.mi-live-item:last-child{border-right:0;}
.mi-live .lbl{font-family:var(--fu); font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); font-size:14px;}
.mi-live .val{font-family:var(--fu); font-weight:700; color:var(--gold-bright); font-size:18px;}
.mi-dot{width:9px; height:9px; border-radius:50%; background:var(--green); box-shadow:0 0 10px var(--green); animation:mipulse 1.8s infinite;}
@keyframes mipulse{50%{opacity:.4}}
.mi-pagehead{height:30px;}

/* ---------- layout ---------- */
.mi-wrap{max-width:var(--maxw); margin:30px auto 60px; padding:0 22px;}
.mi-layout{display:grid; grid-template-columns:300px minmax(0,1fr) 300px; grid-template-areas:"left main right"; gap:26px; align-items:start;}
.mi-side-left{grid-area:left;} .mi-main{grid-area:main;} .mi-side-right{grid-area:right;}
.mi-main{min-width:0;}
.mi-block{margin-bottom:34px;}
.mi-title{font-family:var(--fd); font-weight:700; font-size:30px; text-transform:uppercase; color:var(--white); margin:0 0 16px;
	display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;}
.mi-title em{font-style:normal; color:var(--gold);}
.mi-title-link{margin-left:auto; font-family:var(--fu); font-size:15px; letter-spacing:.08em;}
.mi-card{background:linear-gradient(180deg,var(--surface),var(--bg-2)); border:1px solid var(--line); border-radius:10px; padding:18px;}
.mi-empty{background:#f6efd9; color:#5a4a20; border-radius:6px; padding:14px 16px;}

.mi-stats{display:grid; grid-template-columns:repeat(4,1fr); gap:12px;}
.mi-stat{position:relative; background:linear-gradient(180deg,var(--surface),var(--bg-2)); border:1px solid var(--line); border-radius:8px;
	padding:16px; text-align:center; overflow:hidden;}
.mi-stat::after{content:""; position:absolute; top:0; right:0; border-style:solid; border-width:0 14px 14px 0; border-color:transparent var(--blue) transparent transparent;}
.mi-stat .lbl{display:block; font-family:var(--fu); font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); font-size:13px;}
.mi-stat b{display:block; font-family:var(--fd); font-size:24px; color:var(--gold-bright); margin-top:4px;}
.mi-stat b small{display:block; font-family:var(--fb); font-size:12px; color:var(--blue-bright); font-weight:500;}

.mi-news{list-style:none; margin:0; padding:0;}
.mi-news li{display:flex; align-items:center; gap:16px; padding:12px 4px; border-bottom:1px solid var(--line-soft);}
.mi-news li:last-child{border-bottom:0;}
.mi-news-date{min-width:70px; text-align:center; font-family:var(--fu); color:var(--muted); font-size:13px; text-transform:uppercase; line-height:1.1;}
.mi-news-date b{display:block; font-size:26px; color:var(--gold);}
.mi-news-title{flex:1; color:var(--white) !important; font-weight:600; font-size:18px;}
.mi-news-title:hover{color:var(--gold-bright) !important;}

.mi-features{display:grid; grid-template-columns:repeat(3,1fr); gap:12px;}
.mi-feat{background:linear-gradient(180deg,var(--surface),var(--bg-2)); border:1px solid var(--line); border-radius:8px; padding:20px 16px; text-align:center;
	transition:border-color .2s, transform .2s;}
.mi-feat:hover{border-color:var(--gold); transform:translateY(-2px);}
.mi-feat .mi-ico{width:38px; height:38px; color:var(--gold); margin-bottom:8px; filter:drop-shadow(0 0 10px var(--gold-glow));}
body.mi .mi-feat h3{font-size:18px; color:var(--gold-bright); margin:4px 0 6px;}
.mi-feat p{font-size:15px; color:var(--muted); margin:0;}

.mi-download{display:flex; align-items:center; gap:16px; background:linear-gradient(90deg,rgba(232,182,76,.10),var(--surface)); border:1px solid var(--line);
	border-left:4px solid var(--gold); border-radius:8px; padding:18px 20px; color:var(--text) !important;}
.mi-download > .mi-ico{width:40px; height:40px; color:var(--gold); flex:none;}
body.mi .mi-download span b{display:block; font-family:var(--fd); color:var(--white); font-size:20px;}
.mi-download span small{color:var(--muted);}
.mi-download .mi-btn{margin-left:auto;}

/* ---------- sidebar ---------- */
.mi-side{display:flex; flex-direction:column; gap:18px;}
.mi-panel{background:linear-gradient(180deg,var(--surface),var(--bg-2)); border:1px solid var(--line); border-radius:10px; overflow:hidden;}
.mi-panel-h{font-family:var(--fu); font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--white);
	padding:12px 16px; background:linear-gradient(90deg,var(--blue-deep),transparent); border-bottom:1px solid var(--line);}
.mi-panel-h .mi-ico{color:var(--gold); margin-right:6px; width:18px; height:18px;}
.mi-panel-b{padding:16px;}
.mi-emblem{width:76px; height:76px; margin:4px auto 14px; display:flex; align-items:center; justify-content:center;
	font-family:var(--fd); font-weight:900; font-size:24px; color:var(--gold-bright);
	background:var(--bg-2); border:2px solid var(--gold); clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);}
.mi-login label{display:block; font-family:var(--fu); font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); font-size:13px; margin:10px 0 6px;}
.mi-login input{width:100%; background:var(--bg); border:1px solid var(--line); border-radius:6px; color:var(--white); padding:11px 12px; font-size:16px;}
.mi-login input:focus{outline:0; border-color:var(--blue-bright); box-shadow:0 0 0 3px var(--blue-glow);}
.mi-login .mi-btn{margin-top:16px;}
.mi-small{font-size:13px; color:var(--muted); text-align:center; margin:12px 0 0;}
.mi-quick a{display:block; padding:9px 4px; border-bottom:1px solid var(--line-soft); color:var(--text) !important;}
.mi-quick a:hover{color:var(--gold-bright) !important;}
.mi-kv{list-style:none; margin:0; padding:0;}
.mi-kv li{display:flex; justify-content:space-between; padding:9px 0; border-bottom:1px solid var(--line-soft);}
.mi-kv li:last-child{border-bottom:0;}
.mi-kv span{font-family:var(--fu); font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); font-size:13px;}
.mi-kv b{font-family:var(--fd); color:var(--gold-bright);}
.mi-more{display:block; text-align:center; margin-top:10px; font-family:var(--fu); font-weight:600; letter-spacing:.06em; text-transform:uppercase; font-size:14px;}
.mi-rank .top-table{list-style:none; margin:0; padding:0; min-width:0 !important; width:100% !important;}
.mi-rank .top-table li{display:flex; align-items:center; gap:6px; padding:7px 0; border-bottom:1px solid var(--line-soft); font-size:15px;}
.mi-rank .top-table li.table-th{font-family:var(--fu); font-weight:700; text-transform:uppercase; color:var(--muted); font-size:12px; letter-spacing:.08em;}
.mi-rank .top-table .td-1{width:22px; color:var(--gold); font-weight:700;}
.mi-rank .top-table .td-2{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis;}
.mi-rank .top-table .td-3{width:30px; display:flex; justify-content:center;}
.mi-rank .top-table .td-4,.mi-rank .top-table .td-5{width:46px; text-align:right; color:var(--gold-bright); font-family:var(--fu); font-weight:700;}
body.mi .mi-pbanner{display:block; padding:24px 20px; border-radius:10px; border:1px solid var(--line); font-family:var(--fd); font-weight:700; font-size:24px;
	text-transform:uppercase; color:var(--white) !important; position:relative; overflow:hidden;}
.mi-pbanner small{display:block; font-family:var(--fu); font-size:13px; letter-spacing:.14em; color:var(--muted);}
.mi-pbanner.reg{background:linear-gradient(120deg,rgba(47,111,208,.35),var(--surface));}
.mi-pbanner.don{background:linear-gradient(120deg,rgba(232,182,76,.30),var(--surface));}
.mi-pbanner:hover{border-color:var(--gold);}

/* ---------- footer ---------- */
.mi-footer{border-top:1px solid var(--line-soft); background:var(--bg-2); padding:40px 20px 30px; text-align:center;}
.mi-flinks{display:flex; flex-wrap:wrap; gap:6px 22px; justify-content:center; margin:18px 0;}
.mi-flinks a{font-family:var(--fu); font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--muted) !important; font-size:14px;}
.mi-flinks a:hover{color:var(--gold-bright) !important;}
.mi-copy{font-size:14px; color:var(--muted);}
.mi-copy span{display:block; margin-top:4px; font-size:12px;}

/* =====================================================================
   Paginas internas: piel para las vistas heredadas del undead
   ===================================================================== */
body.mi .dmn-content,body.mi .dmn-page-box{background:none !important; padding:0 !important; margin:0 !important; width:auto !important;}
body.mi .dmn-page-box{background:linear-gradient(180deg,var(--surface),var(--bg-2)) !important; border:1px solid var(--line); border-radius:10px; overflow:hidden; margin-bottom:24px !important;}
body.mi .dmn-page-title{background:linear-gradient(90deg,var(--blue-deep),transparent) !important; border-bottom:1px solid var(--line); padding:14px 20px !important;}
body.mi .dmn-page-title h1{font-family:var(--fd) !important; font-size:26px !important; text-transform:uppercase; color:var(--white) !important; margin:0 !important;}
body.mi .dmn-page-content{padding:20px !important; color:var(--text);}
body.mi h2.title,body.mi .title{font-family:var(--fd) !important; color:var(--gold) !important; font-size:20px !important; text-transform:uppercase; border:0 !important; background:none !important;}
body.mi .home-block{background:linear-gradient(180deg,var(--surface),var(--bg-2)) !important; border:1px solid var(--line) !important; border-radius:10px;}
body.mi .home-block-title{font-family:var(--fd) !important; color:var(--white) !important;}
body.mi .form-control, body.mi select, body.mi textarea, body.mi input[type=text], body.mi input[type=password], body.mi input[type=email], body.mi input[type=number]{
	background:var(--bg) !important; border:1px solid var(--line) !important; color:var(--white) !important; border-radius:6px !important; box-shadow:none !important;}
body.mi .form-control:focus{border-color:var(--blue-bright) !important; box-shadow:0 0 0 3px var(--blue-glow) !important;}
body.mi label,body.mi .control-label{color:var(--muted); font-family:var(--fu); font-weight:600; letter-spacing:.06em;}
body.mi .btn-primary, body.mi .button, body.mi button[type=submit]:not(.mi-btn):not(.mi-kb), body.mi input[type=submit]{
	background:linear-gradient(180deg,var(--blue-bright),var(--blue)) !important; border:1px solid #ff7a66 !important; color:#fff !important;
	font-family:var(--fu) !important; font-weight:700 !important; letter-spacing:.08em; text-transform:uppercase; border-radius:6px !important; box-shadow:0 6px 18px var(--blue-glow);}
body.mi .btn-success{background:linear-gradient(180deg,var(--gold-bright),var(--gold)) !important; border-color:#f3c766 !important; color:#1b1406 !important;}
body.mi table, body.mi .table{color:var(--text) !important; background:transparent !important;}
body.mi .table th, body.mi table th{background:var(--surface-2) !important; color:var(--gold) !important; font-family:var(--fu); text-transform:uppercase; letter-spacing:.06em; border-color:var(--line) !important;}
body.mi .table td, body.mi table td{border-color:var(--line-soft) !important; background:transparent !important;}
body.mi .table-striped tbody tr:nth-of-type(odd){background:rgba(255,255,255,.02) !important;}
body.mi .alert-primary,body.mi .alert-info{background:rgba(47,111,208,.15) !important; border-color:var(--blue) !important; color:var(--text) !important;}
body.mi .alert-danger{background:rgba(224,87,76,.15) !important; border-color:var(--danger) !important; color:#ffd0cb !important;}
body.mi .alert-success{background:rgba(87,211,138,.12) !important; border-color:var(--green) !important; color:#c9f5da !important;}
body.mi .nav-tabs{border-color:var(--line) !important;}
body.mi .nav-tabs .nav-link{color:var(--muted) !important; background:transparent !important; border-color:transparent !important; font-family:var(--fu); text-transform:uppercase; letter-spacing:.06em;}
body.mi .nav-tabs .nav-link.active{color:var(--white) !important; background:var(--surface-2) !important; border-color:var(--line) var(--line) transparent !important;}
body.mi .pagination .page-link{background:var(--surface) !important; border-color:var(--line) !important; color:var(--text) !important;}
body.mi .pagination .active .page-link{background:var(--blue) !important; color:#fff !important;}
body.mi .card{background:var(--surface) !important; border-color:var(--line) !important; color:var(--text);}

/* modal de DmN (seleccion de server, compras) */
body.mi #select_server, body.mi .modal-content{background:var(--surface) !important; border:1px solid var(--line) !important; color:var(--text) !important; border-radius:10px;}
body.mi .modal-header{background:var(--surface-2) !important; border-color:var(--line) !important;}
body.mi .modal-header h2{font-family:var(--fd); color:var(--white) !important; font-size:22px;}
body.mi #loading{background:var(--surface) !important; color:var(--text) !important; border:1px solid var(--line);}

/* ---------- responsive ---------- */
@media (max-width:1280px){
	.mi-layout{grid-template-columns:280px minmax(0,1fr); grid-template-areas:"left main" "left right";}
}
@media (max-width:1100px){
	.mi-layout{grid-template-columns:1fr; grid-template-areas:"main" "right" "left";}
	.mi-stats{grid-template-columns:repeat(2,1fr);}
	.mi-features{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:860px){
	.mi-burger{display:block; margin-left:auto;}
	.mi-links{display:none; position:absolute; left:0; right:0; top:100%; flex-direction:column; background:var(--bg-2); border-bottom:1px solid var(--line); padding:10px 16px;}
	.mi-menu-open .mi-links{display:flex;}
	.mi-nav-cta .mi-balance small{display:none;}
	.mi-nav-inner{flex-wrap:wrap; position:relative; gap:12px; padding:10px 16px;}
	.mi-nav-cta{width:100%; justify-content:flex-end;}
	.mi-hero{min-height:0; padding:24px 14px 36px;}
	.mi-hero-tag{font-size:17px;}
	.mi-char{width:130vw; opacity:.45;} .mi-logo-img{width:min(420px,92vw);}
	.mi-live-item{border-right:0; border-bottom:1px solid var(--line-soft); width:50%; justify-content:center;}
	.mi-wrap{padding:0 16px;}
	.mi-title{font-size:22px;}
}
@media (max-width:520px){
	.mi-stats,.mi-features{grid-template-columns:1fr;}
	.mi-download{flex-wrap:wrap;}
	.mi-download .mi-btn{margin-left:0; width:100%;}
	.mi-live-item{width:100%;}
}

/* loader de DmN */
body.mi #loading{position:fixed !important; right:18px !important; bottom:18px !important; left:auto !important; top:auto !important; width:auto !important;
	padding:8px 14px !important; border-radius:20px !important; font-family:var(--fu); font-size:14px; z-index:999;}
body.mi #loading img{height:14px; vertical-align:middle; margin-right:6px;}
body.mi .mi-rank .top-table li{background:none !important; min-width:0 !important;}
body.mi .mi-rank .top-table .td-3 span{display:inline-flex !important; width:24px !important; height:24px !important;}

/* podio del ranking (vista heredada del undead) */
body.mi .topThree{display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:18px 0 30px !important;}
body.mi .topThree-block{max-width:none !important; height:auto !important; background:linear-gradient(180deg,var(--surface),var(--bg-2)); border:1px solid var(--line); border-radius:10px; overflow:hidden;}
body.mi .topThree-block_place{width:56px !important; background-size:contain !important;}
body.mi .topThree-block_class{width:88px !important; background:var(--bg-2) !important;}
body.mi .topThree-block_class .slider-nav-slide-block{width:110px !important; transform:scale(.62) !important; margin:-18px 0 0 -12px !important;}
body.mi .topThree-block_text{flex:1; width:auto !important; background:transparent !important; padding:12px !important; position:relative;}
body.mi .topThree-block_text-t p{color:var(--gold-bright) !important; margin-bottom:4px !important; font-family:var(--fd);}
body.mi .topThree-block_text-t span{color:var(--muted); font-size:14px;}
body.mi .topThree-block_text-b{position:static !important; margin-top:6px;}
body.mi .offline{color:var(--danger);}
body.mi .online{color:var(--green);}
@media (max-width:860px){ body.mi .topThree{grid-template-columns:1fr;} }

/* sacar los adornos del undead (calavera, esquinas, borde de imagen) */
body.mi .dmn-content, body.mi .home-block{border-image:none !important; min-height:0 !important; border:0 !important;}
body.mi .dmn-content::before, body.mi .dmn-content::after, body.mi .home-block::before, body.mi .home-block::after{display:none !important;}
body.mi .dmn-page-content .row{margin-left:-10px !important; margin-right:-10px !important;}
body.mi .dmn-page-content .form-group{margin-bottom:14px;}

/* =====================================================================
   v5 (2026-10-06): fondo "ciudadela carmesi", logo con transparencia,
   botones al estilo del "Kit de Interfaz Fantasia MU-Inmortal"
   ===================================================================== */

/* ---- hero ---- */
.mi-hero-bg{background:
	radial-gradient(30% 42% at 50% 38%, rgba(5,4,6,.6), transparent 75%),
	linear-gradient(90deg, rgba(5,4,6,.85) 0%, rgba(5,4,6,.15) 22%, rgba(5,4,6,.10) 78%, rgba(5,4,6,.85) 100%),
	linear-gradient(180deg, rgba(5,4,6,.55) 0%, rgba(5,4,6,.05) 30%, rgba(5,4,6,.25) 70%, var(--bg) 100%),
	url(../images/mi/fondo-ciudadela.webp) center 30% / cover no-repeat !important;}
.mi-hero-bg::before{display:none;}
.mi-hero-bg::after{display:none;}
/* fundido inferior por ENCIMA de los personajes: asi no hay cortes rectos */
.mi-hero-fade{position:absolute; left:0; right:0; bottom:0; height:38%; z-index:-1; pointer-events:none;
	background:linear-gradient(180deg, rgba(7,7,10,0) 0%, rgba(7,7,10,.75) 55%, var(--bg) 100%);}
.mi-char{-webkit-mask-image:none !important; mask-image:none !important;
	width:clamp(560px, 50vw, 1060px); bottom:0;}
.mi-char-left{transform:translate(-30%,14%);}
.mi-char-right{transform:translate(30%,12%);}
@keyframes miFloatL{50%{transform:translate(-30%,calc(14% - 10px));}}
@keyframes miFloatR{50%{transform:translate(30%,calc(12% - 12px));}}
.mi-logo-img{width:min(600px,74vw); -webkit-mask-image:none !important; mask-image:none !important;
	filter:drop-shadow(0 10px 30px rgba(0,0,0,.85)) drop-shadow(0 0 30px rgba(179,22,27,.45));}
.mi-hero-tag{text-shadow:0 2px 8px #000, 0 0 2px #000;}

/* ---- botones con marco ornamental ---- */
.mi-btn{--fr1:#ffe3a0; --fr2:#c8902f; --fr3:#6b4513; --in1:#2a0d10; --in2:#120608; --glow:rgba(255,50,30,.55);
	position:relative; isolation:isolate; border:0 !important; background:linear-gradient(180deg,var(--fr1),var(--fr2) 45%,var(--fr3) 55%,var(--fr2)) !important;
	clip-path:polygon(16px 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 16px 100%, 0 50%);
	padding:11px 30px; border-radius:0; font-family:var(--fd) !important; font-weight:700; letter-spacing:.06em;
	color:#ffe7b0 !important; text-shadow:0 1px 0 #000, 0 0 10px rgba(255,190,90,.35); box-shadow:none !important;}
.mi-btn::before{content:""; position:absolute; inset:2px; z-index:-1;
	clip-path:polygon(15px 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0 50%);
	background:radial-gradient(120% 140% at 50% 120%, var(--glow), transparent 60%), linear-gradient(180deg,var(--in1),var(--in2));
	box-shadow:inset 0 0 0 1px rgba(0,0,0,.6), inset 0 0 14px var(--glow);}
.mi-btn::after{content:""; position:absolute; left:50%; top:-1px; width:8px; height:8px; margin-left:-4px; transform:rotate(45deg);
	background:linear-gradient(135deg,#fff3c8,#d49a32); box-shadow:0 0 6px rgba(255,200,100,.8);}
.mi-btn:hover{transform:translateY(-1px); filter:brightness(1.15) drop-shadow(0 0 10px var(--glow));}
.mi-btn:active{filter:brightness(1.3) saturate(1.2);}
.mi-btn .mi-ico{width:18px; height:18px; color:#ffd77a; filter:drop-shadow(0 0 4px rgba(255,180,60,.6));}
.mi-btn.red,.mi-btn.gold{--in1:#5a0b0f; --in2:#1c0507; --glow:rgba(255,45,25,.65);}
.mi-btn.blue{--in1:#0d1a3a; --in2:#060a16; --glow:rgba(70,140,255,.6);}
.mi-btn.ghost{--in1:#1a1416; --in2:#0b0809; --glow:rgba(232,182,76,.25);}
.mi-btn.big{font-size:20px; padding:16px 44px;}
.mi-btn.sm{font-size:12px; padding:6px 18px;}
/* CTA de la portada: icono en un medallon arriba, como "JUGAR AHORA" del kit */
.mi-hero-btns{gap:26px; margin-top:6px;}
.mi-cta{min-width:250px; padding-top:22px !important; clip-path:none; overflow:visible;}
.mi-cta-ico{position:absolute; left:50%; top:-24px; transform:translateX(-50%); width:44px; height:44px; border-radius:50%;
	display:flex; align-items:center; justify-content:center; background:radial-gradient(circle,#2a0d10,#0b0506);
	border:2px solid #e8b64c; box-shadow:0 0 14px var(--glow), inset 0 0 8px rgba(0,0,0,.8); z-index:2;}
.mi-btn.blue .mi-cta-ico{background:radial-gradient(circle,#10204a,#060a16);}
.mi-cta-ico .mi-ico{width:24px; height:24px;}
.mi-cta, .mi-cta::before{clip-path:polygon(18px 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 18px 100%, 0 50%);}
.mi-cta{clip-path:none;}
.mi-cta{background:none !important;}
.mi-cta::before{inset:0; background:
	radial-gradient(120% 140% at 50% 120%, var(--glow), transparent 60%), linear-gradient(180deg,var(--in1),var(--in2)) padding-box,
	linear-gradient(180deg,var(--fr1),var(--fr2) 45%,var(--fr3) 55%,var(--fr2)) border-box;
	border:2px solid transparent;}
.mi-cta::after{top:auto; bottom:-1px;}
.mi-hero-btns .mi-cta{margin-top:20px;}

/* ---- menu superior con iconos y marco ---- */
.mi-links{gap:6px;}
.mi-links a{display:inline-flex; align-items:center; gap:7px; position:relative; padding:9px 16px !important; border-radius:0 !important;
	font-family:var(--fd) !important; font-weight:700; font-size:14px !important; letter-spacing:.05em; color:#e9d9b8 !important; background:none !important;
	clip-path:polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);}
.mi-links a::before{content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(232,182,76,.0),rgba(232,182,76,0)); transition:background .2s;}
.mi-links a .mi-ico{width:17px; height:17px; color:var(--gold);}
.mi-links a:hover::before, .mi-links a.on::before{background:linear-gradient(180deg,rgba(120,18,22,.85),rgba(40,6,8,.9));
	box-shadow:inset 0 0 0 1px rgba(232,182,76,.7);}
.mi-links a:hover, .mi-links a.on{color:#fff3d0 !important;}
.mi-links a.mi-hl::before{background:linear-gradient(180deg,#6a0c10,#2a0507); box-shadow:inset 0 0 0 1px #e8b64c, inset 0 0 12px rgba(255,60,30,.5);}
.mi-links a.mi-hl{color:#ffe3a0 !important; box-shadow:none !important;}
.mi-nav{background:linear-gradient(180deg,rgba(10,6,8,.96),rgba(10,6,8,.86)) !important; border-bottom:1px solid rgba(232,182,76,.35) !important;
	box-shadow:0 1px 0 rgba(0,0,0,.8), 0 6px 20px rgba(0,0,0,.5);}

/* paneles laterales con borde dorado fino, a juego */
.mi-panel{border-color:rgba(232,182,76,.28) !important;}
.mi-panel-h{background:linear-gradient(90deg,rgba(120,18,22,.9),rgba(30,8,10,.4)) !important; border-bottom-color:rgba(232,182,76,.35) !important; font-family:var(--fd) !important; letter-spacing:.05em !important;}

/* =====================================================================
   v6 (2026-10-06): botones = recortes del "Kit de Interfaz Fantasia"
   (images/mi/kit/*.png) + efectos de hover/activo como en el kit
   ===================================================================== */
.mi-kb{display:inline-block; position:relative; line-height:0; background:none !important; border:0 !important; padding:0 !important; cursor:pointer; box-shadow:none !important;
	clip-path:none !important; transition:transform .15s ease, filter .2s ease;}
.mi-kb::before,.mi-kb::after{display:none !important;}
.mi-kb img{display:block; height:100%; width:auto; transition:filter .2s ease;
	filter:drop-shadow(0 3px 6px rgba(0,0,0,.7));}
/* HOVER: brillo rojo intenso (fila "hover" del kit) */
.mi-kb:hover img{filter:brightness(1.18) saturate(1.25) drop-shadow(0 0 6px rgba(255,70,40,.9)) drop-shadow(0 0 16px rgba(255,40,20,.55));}
.mi-kb:hover{transform:translateY(-1px);}
/* ACTIVO / pagina actual: dorado (fila "activo" del kit) */
.mi-kb.on img,.mi-kb:active img{filter:sepia(.35) saturate(1.6) brightness(1.2) drop-shadow(0 0 6px rgba(255,190,80,.95)) drop-shadow(0 0 16px rgba(255,170,40,.55));}
.mi-kb:active{transform:translateY(1px) scale(.985);}
/* DESHABILITADO */
.mi-kb.off img,.mi-kb[disabled] img{filter:grayscale(1) brightness(.7);}
/* brillo que recorre el boton al pasar el mouse */
.mi-kb > img + .mi-kb-shine{display:none;}

.mi-links{gap:2px; align-items:center; flex-wrap:nowrap;}
.mi-links .mi-kb{height:58px; padding:0 !important; background:none !important;}
.mi-links .mi-kb:hover::before,.mi-links .mi-kb.on::before{display:none !important;}
.mi-nav-cta .mi-kb{height:58px;}
.mi-nav-inner{gap:14px; padding:8px 20px;}
.mi-mark{border-radius:0 !important; border:0 !important; width:44px !important; height:auto !important; box-shadow:none !important;}

/* portada */
.mi-hero-btns{align-items:center; gap:18px;}
.mi-kb-hero{height:128px;}
.mi-kb-hero2{height:110px;}
.mi-kb-hero img{animation:miPulse 2.6s ease-in-out infinite;}
@keyframes miPulse{0%,100%{filter:drop-shadow(0 3px 6px rgba(0,0,0,.7)) drop-shadow(0 0 8px rgba(255,40,20,.35));} 50%{filter:drop-shadow(0 3px 6px rgba(0,0,0,.7)) drop-shadow(0 0 20px rgba(255,50,25,.75));}}
.mi-kb-hero:hover img{animation:none;}

/* paneles */
.mi-kstack{display:flex; flex-direction:column; align-items:center; gap:6px;}
.mi-kstack .mi-kb{height:62px;}
.mi-side > .mi-kstack .mi-kb{height:70px;}
.mi-kb-full{display:block; height:76px; margin:14px auto 0 !important;}
.mi-emblem-kit{display:block; width:120px; height:auto; margin:0 auto 8px; filter:drop-shadow(0 0 14px rgba(179,22,27,.5));}
.mi-kb-head{display:block; height:84px; margin:10px auto 0; text-align:center;}
.mi-kb-head img{margin:0 auto;}
.mi-kb-dl{height:96px; margin-left:auto;}

/* tamanos grandes: ocupan el ancho del panel */
.mi-kb-full{display:block; width:100%; height:auto !important; margin:16px auto 0 !important;}
.mi-kb-full img{width:100%; height:auto;}
.mi-side > .mi-kstack{gap:10px;}
.mi-side > .mi-kstack .mi-kb,.mi-panel .mi-kstack .mi-kb{width:100%; height:auto !important;}
.mi-side > .mi-kstack .mi-kb img,.mi-panel .mi-kstack .mi-kb img{width:100%; height:auto;}
.mi-kb-head{width:88%; height:auto !important;}
.mi-kb-head img{width:100%; height:auto;}

/* miniaturas de clase (retratos oficiales de default_assets/images/char_icons) */
.mi-portrait{--pc:#e8b64c; display:inline-flex; width:30px; height:30px; flex:none; border-radius:6px; overflow:hidden; vertical-align:middle;
	border:1.5px solid var(--pc); box-shadow:0 0 8px color-mix(in srgb, var(--pc) 55%, transparent), inset 0 0 0 1px rgba(0,0,0,.6); background:#0b0809;}
.mi-portrait img{width:100%; height:100%; object-fit:cover; display:block;}
.mi-portrait.big{width:64px; height:64px; border-radius:10px; border-width:2px;}
.mi-portrait.dw{--pc:#a78bfa;} .mi-portrait.dk{--pc:#f87171;} .mi-portrait.elf{--pc:#6ee7b7;} .mi-portrait.mg{--pc:#fdba74;}
.mi-portrait.dl{--pc:#fde68a;} .mi-portrait.sum{--pc:#f9a8d4;} .mi-portrait.rf{--pc:#67e8f9;} .mi-portrait.otro{--pc:#94a3b8;}
.mi-td-class{white-space:nowrap;}
.mi-td-class .mi-portrait{width:26px; height:26px; margin-right:6px;}
body.mi .topThree-block_class{display:flex !important; align-items:center; justify-content:center;}

.mi-copy .mi-legal{display:block; margin-top:8px; font-size:11px; color:#6f6461; letter-spacing:.02em;}

/* botones de metodo de pago (Donar): texto centrado y estilo del sitio */
body.mi .dmn-donate-button, body.mi .dmn-download-button{display:flex !important; align-items:center; justify-content:center; text-align:center;
	height:auto !important; min-height:84px; padding:14px 18px !important; line-height:1.15 !important; font-size:20px !important; letter-spacing:.1em;
	border-radius:10px !important; white-space:normal;}

/* paquetes de MercadoPago / Binance (vista de los plugins) */
body.mi #paypal-options{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px;}
@media (max-width:640px){ body.mi #paypal-options{grid-template-columns:1fr;} }
body.mi #paypal-options li{background:linear-gradient(180deg,var(--surface-2),var(--bg-2)) !important; border:1px solid rgba(232,182,76,.35) !important;
	border-radius:12px; padding:18px 18px 16px !important; display:flex; flex-direction:column; gap:6px; color:var(--text) !important; margin:0 !important; float:none !important; width:auto !important; height:auto !important;}
body.mi #paypal-options li h4{font-family:var(--fd); color:var(--gold-bright) !important; font-size:22px; margin:0; float:none !important;}
body.mi #paypal-options li h3{font-family:var(--fb); color:var(--muted) !important; font-size:15px; font-weight:500; margin:0 0 8px; float:none !important; text-align:left !important;}
body.mi #paypal-options li h3 span[id^="price_"]{color:var(--white); font-weight:700; font-size:18px;}
body.mi #paypal-options .custom_button{float:none !important; display:block !important; width:100% !important; min-width:0 !important; max-width:none !important; box-sizing:border-box; overflow:hidden; text-align:center; margin:6px 0 0 !important; padding:12px 16px !important; height:auto !important; line-height:1.2 !important;
	font-family:var(--fu) !important; font-weight:700; font-size:16px !important; letter-spacing:.1em; text-transform:uppercase; white-space:nowrap;
	color:#fff !important; background:linear-gradient(180deg,#ff5a47,#b3161b) !important; border:1px solid #ff7a66 !important; border-radius:8px !important;
	box-shadow:0 6px 18px rgba(255,60,40,.3); cursor:pointer;}
body.mi #paypal-options .custom_button:hover{filter:brightness(1.12); box-shadow:0 8px 24px rgba(255,60,40,.5);}
body.mi .box-style1{background:none !important; border:0 !important; padding:0 !important;}
body.mi .i_note,body.mi .e_note{background:rgba(255,60,40,.12) !important; border:1px solid rgba(255,90,70,.5) !important; color:var(--text) !important; border-radius:8px; padding:12px 14px !important;}

/* panel de horarios de eventos */
.mi-events{list-style:none; margin:0; padding:0; max-height:520px; overflow:auto;}
.mi-events li{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 4px; border-bottom:1px solid var(--line-soft);}
.mi-events li:last-child{border-bottom:0;}
.mi-events .ev-n b{display:block; font-family:var(--fd); font-size:14px; color:var(--white); font-weight:700;}
.mi-events .ev-n small,.mi-events .ev-t small{font-family:var(--fu); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted);}
.mi-events .ev-t{text-align:right;}
.mi-events .ev-t span{display:block; font-family:var(--fu); font-weight:700; font-size:16px; color:var(--gold-bright); font-variant-numeric:tabular-nums;}
.mi-events li.next{background:linear-gradient(90deg,rgba(255,195,80,.12),transparent); border-left:2px solid var(--gold); padding-left:8px;}
.mi-events li.next .ev-t span{color:#fff3c8; text-shadow:0 0 10px rgba(255,195,80,.7);}

/* =====================================================================
   v7: cada boton se ilumina con SU color (rojo, azul, violeta, dorado)
   ===================================================================== */
.mi-kb{--kg:255,60,35;}
.mi-kb img[src*="/kit/info."],.mi-kb img[src*="/kit/reglas."],.mi-kb img[src*="/kit/descargar."],.mi-kb img[src*="/kit/registrarse."],
.mi-kb img[src*="/kit/crear."],.mi-kb img[src*="/kit/micuenta."],.mi-kb img[src*="/kit/soporte."],.mi-kb img[src*="/kit/facebook."]{--kg:70,150,255;}
.mi-kb img[src*="/kit/discord."]{--kg:150,100,255;}
.mi-kb img[src*="/kit/top."],.mi-kb img[src*="/kit/eventos."],.mi-kb img[src*="/kit/emblema."]{--kg:255,195,80;}
.mi-kb img[src*="/kit/wcoins."]{--kg:255,150,40;}
.mi-kb img{--kg:255,60,35;}
.mi-kb:hover img{filter:brightness(1.15) saturate(1.2) drop-shadow(0 0 6px rgba(var(--kg),.95)) drop-shadow(0 0 18px rgba(var(--kg),.6)) !important;}
.mi-kb:active img{filter:brightness(1.28) saturate(1.3) drop-shadow(0 0 8px rgba(var(--kg),1)) drop-shadow(0 0 24px rgba(var(--kg),.75)) !important;}
.mi-kb.on img{filter:drop-shadow(0 3px 6px rgba(0,0,0,.7)) !important;}
.mi-kb.on:hover img{filter:brightness(1.15) saturate(1.2) drop-shadow(0 0 6px rgba(var(--kg),.95)) drop-shadow(0 0 18px rgba(var(--kg),.6)) !important;}
.mi-kb-hero img{animation:none !important; filter:drop-shadow(0 3px 6px rgba(0,0,0,.7)) drop-shadow(0 0 14px rgba(var(--kg),.55));}
.mi-download .mi-kb-dl{flex:none;}
.mi-dl-card{display:flex !important; flex-direction:column; align-items:center; gap:8px; padding:16px 10px !important; background:linear-gradient(180deg,var(--surface),var(--bg-2)) !important; border:1px solid var(--line) !important; border-radius:10px;}
.mi-dl-card .mi-kb-dl{margin:0;}
.mi-dl-name{font-family:var(--fd); color:var(--gold-bright); font-size:15px; text-align:center;}

@media (max-width:1500px){ .mi-links .mi-kb,.mi-nav-cta .mi-kb{height:48px;} }
@media (max-width:1280px){ .mi-links .mi-kb,.mi-nav-cta .mi-kb{height:40px;} }
@media (max-width:860px){
	.mi-links{flex-wrap:wrap; justify-content:center;}
	.mi-links .mi-kb{height:44px;}
	.mi-nav-cta .mi-kb{height:40px; flex:none; max-width:none;}
	.mi-kb-hero{height:84px;} .mi-kb-hero2{height:72px;}
}

@media (max-width:860px){
	.mi-char{width:96vw; opacity:.35;}
	.mi-cta{min-width:0; width:100%;}
	.mi-links a{clip-path:none;}
	.mi-nav-cta{justify-content:center; gap:8px;}
	.mi-nav-cta .mi-btn{font-size:12px; padding:8px 18px; flex:1; max-width:48%;}
	.mi-nav-cta .mi-btn .mi-ico{width:14px; height:14px;}
}

.mi-brand{display:inline-flex !important; align-items:center; gap:6px;}
.mi-brand-img{height:40px; width:auto; display:block; filter:drop-shadow(0 2px 4px rgba(0,0,0,.9)) drop-shadow(0 0 10px rgba(232,182,76,.25));}
.mi-brand.big .mi-brand-img{height:auto; width:min(560px,86vw); margin:0 auto;}
@media (max-width:1500px){ .mi-brand-img{height:32px;} }
@media (max-width:860px){ .mi-brand-img{height:30px;} }

/* placas del kit con titulo escrito con la fuente del sitio (Server info, Top guilds) */
.mi-plate{position:relative; display:block; width:88%; margin:10px auto 0; line-height:0; text-decoration:none !important;}
.mi-plate img{width:100%; height:auto; display:block; filter:drop-shadow(0 3px 6px rgba(0,0,0,.7));}
.mi-plate span{position:absolute; transform:translate(-50%,-50%); white-space:nowrap; line-height:1;
	font-family:"Cinzel",Georgia,serif; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
	color:#f3e7cf; text-shadow:0 1px 0 #000, 0 2px 4px rgba(0,0,0,.9), 0 0 10px rgba(255,200,120,.25);}
.mi-plate-info span{left:59%; top:51%; font-size:clamp(14px,1.25vw,19px);}
.mi-plate-top span{left:49%; top:72%; font-size:clamp(14px,1.2vw,18px);}
a.mi-plate:hover img{filter:brightness(1.15) drop-shadow(0 0 6px rgba(255,195,80,.9)) drop-shadow(0 0 18px rgba(255,195,80,.5));}
body.mi #paypal-options .custom_button{white-space:normal !important; letter-spacing:.06em !important;}

/* boton TIENDA: placa de DONACIONES sin texto + titulo con la fuente del sitio */
.mi-kb-plate{position:relative;}
.mi-kb-plate span{position:absolute; left:50.7%; top:66%; transform:translate(-50%,-50%); white-space:nowrap; line-height:1; pointer-events:none;
	font-family:"Cinzel",Georgia,serif; font-weight:700; font-size:10px; letter-spacing:.05em; text-transform:uppercase;
	color:#f6ead2; text-shadow:0 1px 0 #000, 0 2px 4px rgba(0,0,0,.9), 0 0 8px rgba(255,200,120,.3);}
.mi-side .mi-kb-plate span{font-size:22px;}
@media (max-width:1500px){ .mi-links .mi-kb-plate span{font-size:8.5px;} }
@media (max-width:1280px){ .mi-links .mi-kb-plate span{font-size:7px;} }

/* TIENDA: paquetes primero, medio de pago despues */
.mi-shop-intro{color:var(--muted); margin:0 0 16px;}
.mi-shop{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px;}
.mi-shop-card{position:relative; display:flex; flex-direction:column; gap:12px; padding:20px; border-radius:14px;
	background:radial-gradient(120% 90% at 50% 0%, rgba(232,182,76,.12), transparent 60%), linear-gradient(180deg,var(--surface-2),var(--bg-2));
	border:1px solid rgba(232,182,76,.35); box-shadow:0 10px 30px rgba(0,0,0,.45); transition:transform .15s, border-color .2s, box-shadow .2s;}
.mi-shop-card:hover{transform:translateY(-2px); border-color:var(--gold); box-shadow:0 14px 36px rgba(0,0,0,.55), 0 0 22px rgba(232,182,76,.18);}
.mi-shop-card.test{border-style:dashed; opacity:.9;}
.mi-shop-amount{display:flex; align-items:baseline; gap:10px; color:var(--gold-bright);}
.mi-shop-amount .mi-ico{width:30px; height:30px; align-self:center; color:var(--gold);}
.mi-shop-amount b{font-family:var(--fd); font-size:36px; line-height:1; color:#ffe7a8; text-shadow:0 0 14px rgba(232,182,76,.35);}
.mi-shop-amount span{font-family:var(--fu); font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--muted);}
.mi-shop-tag{position:absolute; top:14px; right:14px; font-family:var(--fu); font-weight:700; font-size:12px; letter-spacing:.1em; text-transform:uppercase;
	padding:3px 10px; border-radius:20px; background:rgba(255,90,70,.18); color:#ffb4a8; border:1px solid rgba(255,90,70,.5);}
.mi-shop-prices{display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 14px;}
.mi-shop-prices div{font-family:var(--fu); font-weight:700; font-size:24px; color:var(--white);}
.mi-shop-prices div.alt{font-size:16px; color:var(--muted);}
.mi-shop-pay{display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:auto;}
.mi-shop-pay .lbl,.mi-shop-extra .lbl{width:100%; font-family:var(--fu); font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--muted);}
body.mi .mi-pay{flex:1; min-width:120px; display:inline-flex; align-items:center; justify-content:center; padding:11px 14px; border-radius:9px;
	font-family:var(--fu); font-weight:700; font-size:15px; letter-spacing:.06em; text-transform:uppercase; text-decoration:none !important;
	color:#fff !important; background:linear-gradient(180deg,#ff5a47,#b3161b); border:1px solid #ff7a66; box-shadow:0 6px 16px rgba(255,60,40,.25); transition:filter .15s, box-shadow .2s;}
body.mi .mi-pay.mp{background:linear-gradient(180deg,#22b4f3,#0a76c4); border-color:#5ccaf7; box-shadow:0 6px 16px rgba(0,158,227,.3);}
body.mi .mi-pay.bn{background:linear-gradient(180deg,#f8d33a,#d39b06); border-color:#ffe27a; color:#1b1404 !important; box-shadow:0 6px 16px rgba(240,185,11,.3);}
body.mi .mi-pay:hover{filter:brightness(1.12);}
.mi-shop-extra{display:flex; flex-wrap:wrap; gap:8px; margin-top:18px;}
.mi-shop-note{margin:18px 0 0; color:var(--muted); font-size:14px;}
@media (max-width:640px){ .mi-shop{grid-template-columns:1fr;} }
.mi-about p{font-size:17px; line-height:1.75; color:var(--text); margin:0 0 16px;}
.mi-about .mi-about-quote{font-family:var(--fd); font-size:22px; color:var(--gold-bright); text-align:center; margin:22px 0; text-shadow:0 0 14px rgba(232,182,76,.25);}
.mi-about .mi-about-end{text-align:center; font-size:18px; margin-top:24px;}
.mi-about .mi-about-end b{font-family:var(--fd); color:var(--gold-bright); font-size:22px;}
.mi-hero-tag{max-width:820px !important;}

/* Tienda v2: un boton Comprar por paquete y ventana con el medio de pago */
body.mi .mi-buy{flex:1; padding:12px 16px; border-radius:9px; border:1px solid var(--gold); cursor:pointer; font-family:var(--fu); font-weight:700; font-size:17px; letter-spacing:.1em; text-transform:uppercase;
  color:#1b1404; background:linear-gradient(180deg,#ffe08a,#c98f22); box-shadow:0 6px 18px rgba(232,182,76,.3);}
body.mi .mi-buy:hover{filter:brightness(1.1);}
.mi-paybox{position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; padding:16px; background:rgba(0,0,0,.72);}
.mi-paybox[hidden]{display:none;}
.mi-paybox-card{position:relative; width:100%; max-width:380px; display:flex; flex-direction:column; gap:12px; padding:26px 22px 22px; border-radius:14px;
  background:linear-gradient(180deg,#1d140c,#0e0a07); border:1px solid var(--gold); box-shadow:0 20px 60px rgba(0,0,0,.7), 0 0 30px rgba(232,182,76,.15);}
.mi-paybox-x{position:absolute; top:6px; right:10px; background:none; border:0; color:var(--muted); font-size:28px; line-height:1; cursor:pointer;}
.mi-paybox-head{font-family:var(--fd); font-size:22px; color:var(--gold-bright); text-align:center;}
.mi-paybox-head b{color:#ffe7a8;}
.mi-paybox-sub{text-align:center; color:var(--muted); margin-bottom:4px;}
body.mi .mi-paybox .mi-pay{flex:none; width:100%; gap:8px; font-size:17px; padding:13px 14px;}
body.mi .mi-paybox .mi-pay small{font-weight:600; opacity:.85;}
body.mi .mi-paybox .mi-pay:disabled{opacity:.6; cursor:wait;}
.mi-paybox-msg{min-height:18px; text-align:center; font-size:14px; color:var(--muted);}
/* Panel de cuenta v2: iconos de linea dorados en insignias */
.mi-ap-ico{flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%; color:var(--gold-bright);
  background:radial-gradient(circle at 50% 35%, rgba(232,182,76,.22), rgba(20,12,6,.9) 70%); border:1px solid rgba(232,182,76,.55);
  box-shadow:inset 0 0 10px rgba(232,182,76,.18), 0 0 12px rgba(232,182,76,.12);}
.mi-ap-ico svg{width:22px; height:22px;}
.mi-ap-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;}
.mi-ap-info{display:flex; align-items:center; gap:14px; padding:12px 14px; border-radius:12px; background:linear-gradient(180deg,rgba(40,28,16,.55),rgba(14,10,7,.75)); border:1px solid rgba(232,182,76,.16); min-width:0;}
.mi-ap-info > div{min-width:0;}
.mi-ap-info .lbl{display:block; font-family:var(--fu); font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--muted);}
.mi-ap-info .val{display:block; font-size:16px; font-weight:600; color:var(--white); overflow-wrap:anywhere;}
body.mi .mi-ap-link{margin-left:6px; font-size:13px; font-weight:700; color:var(--gold-bright) !important; text-decoration:underline;}
.mi-ap-h{margin:28px 0 14px !important;}
.mi-ap-opts{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;}
body.mi .mi-ap-opt{display:flex; align-items:center; gap:14px; padding:16px; border-radius:12px; text-decoration:none !important;
  background:linear-gradient(180deg,rgba(46,30,16,.6),rgba(14,10,7,.85)); border:1px solid rgba(232,182,76,.22); transition:transform .15s, border-color .15s, box-shadow .15s;}
body.mi .mi-ap-opt:hover{transform:translateY(-2px); border-color:var(--gold); box-shadow:0 10px 26px rgba(0,0,0,.5), 0 0 18px rgba(232,182,76,.18);}
body.mi .mi-ap-opt:hover .mi-ap-ico{color:#fff2c9; box-shadow:inset 0 0 12px rgba(232,182,76,.35), 0 0 16px rgba(232,182,76,.35);}
.mi-ap-opt div > b{display:block; font-family:var(--fd); font-size:17px; color:var(--gold-bright); margin-bottom:2px;}
.mi-ap-opt div > span{display:block; font-size:14px; line-height:1.4; color:var(--muted);}
@media (max-width:640px){ .mi-ap-grid,.mi-ap-opts{grid-template-columns:1fr;} }