/*
 * Mu Xephiron S6 - protected visual repairs
 * Loaded after the main theme so future module updates do not erase them.
 */

html {
	min-height: 100%;
	background: #020710;
}

body,
body[style] {
	min-height: 100vh;
	background-color: #020710 !important;
	background-image: linear-gradient(rgba(1,8,18,.58),rgba(1,8,18,.94)),url('../img/background.jpg') !important;
	background-repeat: no-repeat !important;
	background-position: center top !important;
	background-attachment: fixed !important;
	background-size: cover !important;
}

@media only screen and (min-width: 2000px) {
	body,
	body[style] {
		background-image: linear-gradient(rgba(1,8,18,.58),rgba(1,8,18,.94)),url('../img/background.jpg') !important;
		background-size: cover !important;
	}
}

/* Page headings used by Downloads, Server Information and the other modules */
.page-title {
	position: relative;
	display: flex;
	width: 100%;
	margin: 0 0 26px !important;
	align-items: center;
	justify-content: center;
	gap: 18px;
	color: #f0f8ff !important;
	font-family: "PT Sans", Arial, sans-serif !important;
	font-size: 28px !important;
	font-weight: 700 !important;
	line-height: 38px !important;
	text-align: center;
	text-shadow: 0 0 15px rgba(47,184,255,.27) !important;
}

.page-title:before,
.page-title:after {
	content: "";
	display: block;
	width: 92px;
	height: 1px;
	background: linear-gradient(90deg,transparent,#239dd9);
	box-shadow: 0 0 7px rgba(35,157,217,.35);
}

.page-title:after { background: linear-gradient(90deg,#239dd9,transparent); }
.page-title span { position: relative; display: inline-block; padding: 0 7px; color: #62d8ff !important; }
.page-title span:before { content: ""; position: absolute; left: -9px; top: 15px; width: 7px; height: 7px; transform: rotate(45deg); background: #23b6f4; border: 1px solid #8cddff; box-shadow: 0 0 9px rgba(35,182,244,.7); }

/* Downloads */
.xe-downloads {
	position: relative;
	width: 100%;
	margin: 0 auto 30px;
	overflow: hidden;
	background: linear-gradient(145deg,rgba(10,25,42,.98),rgba(5,14,26,.99));
	border: 1px solid #294d69;
	border-radius: 6px;
	box-shadow: 0 16px 42px rgba(0,0,0,.42),inset 0 1px rgba(88,215,255,.045);
	color: #dcecff;
}

.xe-downloads:before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg,transparent,#1598ff,#61dfff,transparent); }
.xe-downloads-hero { position: relative; display: flex; min-height: 150px; padding: 28px 32px; align-items: center; gap: 22px; overflow: hidden; background: radial-gradient(circle at 82% 20%,rgba(26,158,232,.2),transparent 38%),linear-gradient(135deg,#102b43,#071522); border-bottom: 1px solid #294861; }
.xe-downloads-hero-glow { position: absolute; right: -55px; top: -90px; width: 270px; height: 270px; border-radius: 50%; background: rgba(38,172,240,.055); box-shadow: 0 0 0 28px rgba(38,172,240,.025),0 0 0 60px rgba(38,172,240,.012); pointer-events: none; }
.xe-downloads-main-icon { position: relative; z-index: 2; display: flex; width: 82px; height: 82px; flex: 0 0 82px; align-items: center; justify-content: center; background: linear-gradient(145deg,#123856,#06131f); border: 1px solid #37789e; border-radius: 50%; box-shadow: 0 0 25px rgba(31,167,238,.16),inset 0 0 18px rgba(0,0,0,.5); }
.xe-downloads-main-icon svg { width: 44px; height: 44px; fill: none; stroke: #66d9ff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 5px rgba(80,204,255,.4)); }
.xe-downloads-hero-copy { position: relative; z-index: 2; min-width: 0; flex: 1; }
.xe-downloads-kicker { display: block; margin-bottom: 5px; color: #55ccfa; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; }
.xe-downloads-hero-copy h2 { margin: 0 0 7px !important; color: #f5faff !important; font-family: "PT Sans",Arial,sans-serif !important; font-size: 27px !important; font-weight: 700 !important; line-height: 33px !important; text-shadow: 0 0 13px rgba(46,176,244,.2) !important; }
.xe-downloads-hero-copy p { margin: 0; color: #91aabd; font-size: 12px; line-height: 18px; }
.xe-downloads-status { position: relative; z-index: 2; display: inline-flex; padding: 8px 12px; align-items: center; gap: 7px; background: rgba(6,22,31,.8); border: 1px solid #2f675b; border-radius: 18px; color: #77e9b0; font-size: 10px; font-weight: 700; text-transform: uppercase; }
.xe-downloads-status span { width: 7px; height: 7px; background: #46e799; border-radius: 50%; box-shadow: 0 0 8px rgba(70,231,153,.8); }
.xe-downloads-list { min-height: 205px; padding: 24px 30px; }
.xe-downloads-empty { display: flex; min-height: 155px; padding: 24px; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(145deg,rgba(13,32,50,.82),rgba(7,19,32,.88)); border: 1px dashed #31536d; border-radius: 5px; text-align: center; }
.xe-downloads-empty-icon { display: flex; width: 44px; height: 44px; margin-bottom: 11px; align-items: center; justify-content: center; background: #0b2032; border: 1px solid #315c78; border-radius: 50%; color: #62d8ff; font-size: 23px; box-shadow: 0 0 13px rgba(37,165,232,.12); }
.xe-downloads-empty strong { color: #eaf6ff; font-size: 14px; }
.xe-downloads-empty p { margin: 5px 0 0; color: #829bad; font-size: 11px; }
.xe-downloads-footer-note { display: flex; min-height: 44px; padding: 10px 22px; align-items: center; justify-content: center; gap: 8px; background: rgba(5,15,25,.8); border-top: 1px solid #263f54; color: #7893a7; font-size: 10px; }
.xe-downloads-shield { display: inline-flex; width: 18px; height: 18px; align-items: center; justify-content: center; background: #12382d; border: 1px solid #2b6854; border-radius: 50%; color: #5be69e; font-weight: 700; }
.xe-download-item { display: flex; min-height: 86px; margin-bottom: 10px; padding: 13px 15px; align-items: center; background: #0d2235; border: 1px solid #2b4f6a; border-radius: 4px; }

/* Manual WCoinC purchase */
.manual-credits-page { position: relative; width: 100%; margin: 0 0 32px; color: #dcecff; }
.manual-credits-hero { position: relative; display: flex; min-height: 142px; padding: 27px 30px; align-items: center; overflow: hidden; background: radial-gradient(circle at 88% 20%,rgba(29,158,235,.2),transparent 39%),linear-gradient(140deg,#102b43,#071522); border: 1px solid #2b506c; border-radius: 6px 6px 0 0; box-shadow: 0 14px 34px rgba(0,0,0,.32); }
.manual-credits-hero:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg,transparent,#1598ff,#5fe0ff,transparent); }
.manual-credits-hero-copy { min-width: 0; flex: 1; }
.manual-credits-eyebrow { display: block; margin-bottom: 5px; color: #65d5ff; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; }
.manual-credits-hero h2 { margin: 0 0 7px !important; color: #f3f9ff !important; font-family: "PT Sans",Arial,sans-serif !important; font-size: 27px !important; font-weight: 700 !important; line-height: 34px !important; }
.manual-credits-hero p { margin: 0; color: #91a9bc; font-size: 12px; }
.manual-credits-hero-mark { display: flex; width: 76px; height: 76px; flex: 0 0 76px; align-items: center; justify-content: center; background: linear-gradient(145deg,#183e5c,#071522); border: 1px solid #3a7ba2; border-radius: 50%; box-shadow: 0 0 25px rgba(29,163,234,.16),inset 0 0 17px rgba(0,0,0,.45); }
.manual-credits-hero-mark span { color: #68dcff; font-family: Georgia,serif; font-size: 23px; font-weight: 700; text-shadow: 0 0 11px rgba(73,200,255,.52); }
.manual-credits-notice { display: flex; min-height: 70px; padding: 14px 20px; align-items: center; gap: 13px; background: #0c2133; border: 1px solid #2b506b; border-top: 0; }
.manual-credits-notice-icon { display: flex; width: 30px; height: 30px; flex: 0 0 30px; align-items: center; justify-content: center; background: #123b5b; border: 1px solid #3181ae; border-radius: 50%; color: #75ddff; font-family: Georgia,serif; font-size: 15px; font-weight: 700; }
.manual-credits-notice strong { color: #eaf6ff; font-size: 12px; }
.manual-credits-notice p { margin: 3px 0 0; color: #8fa8bb; font-size: 10px; line-height: 15px; }
.manual-credits-grid { display: grid; margin-top: 14px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.manual-credit-method { position: relative; overflow: hidden; background: linear-gradient(145deg,#0d2235,#071522); border: 1px solid #2b4e68; border-radius: 5px; box-shadow: 0 8px 23px rgba(0,0,0,.28); }
.manual-credit-method:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: linear-gradient(transparent,#1fa9ee,transparent); }
.manual-credit-method-header { display: flex; min-height: 72px; padding: 12px 15px; align-items: center; gap: 11px; background: rgba(17,42,62,.82); border-bottom: 1px solid #29475e; }
.manual-credit-method-logo { display: flex; width: 42px; height: 42px; flex: 0 0 42px; align-items: center; justify-content: center; background: #071522; border: 1px solid #34607d; border-radius: 50%; color: #63d5ff; font-size: 11px; font-weight: 800; box-shadow: inset 0 0 10px rgba(0,0,0,.55); }
.manual-credit-method-header>div { min-width: 0; flex: 1; }
.manual-credit-method-header small { color: #708ba0; font-size: 8px; letter-spacing: .6px; text-transform: uppercase; }
.manual-credit-method-header h3 { margin: 2px 0 0 !important; color: #edf7ff !important; font-family: "PT Sans",Arial,sans-serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 22px !important; }
.manual-credit-method-currency { padding: 4px 7px; background: #091b2b; border: 1px solid #31536d; border-radius: 3px; color: #79cce9; font-size: 9px; font-weight: 700; }
.manual-credit-method-body { padding: 15px; }
.manual-credit-account { margin-bottom: 13px; padding: 10px 11px; background: rgba(5,16,27,.7); border: 1px solid #263f54; border-radius: 3px; }
.manual-credit-account small { display: block; margin-bottom: 3px; color: #718da2; font-size: 8px; text-transform: uppercase; }
.manual-credit-account strong { display: block; overflow-wrap: anywhere; white-space: pre-line; color: #dceeff; font-size: 10px; font-weight: 600; line-height: 15px; }
.manual-credit-packages { overflow: hidden; border: 1px solid #2a465d; border-radius: 3px; }
.manual-credit-packages-title { display: flex; min-height: 30px; padding: 6px 10px; align-items: center; justify-content: space-between; background: #10283b; color: #94adbf; font-size: 9px; text-transform: uppercase; }
.manual-credit-packages-title small { color: #58d7ff; font-size: 8px; font-weight: 700; }
.manual-credit-package { display: flex; min-height: 38px; padding: 6px 10px; align-items: center; justify-content: space-between; background: rgba(7,20,33,.75); border-top: 1px solid #263f53; }
.manual-credit-package>span { display: inline-flex; align-items: baseline; gap: 4px; }
.manual-credit-package strong { color: #66d9ff; font-size: 14px; }
.manual-credit-package small { color: #7e99ad; font-size: 8px; font-weight: 600; }
.manual-credit-package b { color: #55e39e; font-size: 14px; }
.manual-credit-packages-empty { padding: 20px 10px; background: rgba(7,20,33,.72); color: #7892a6; font-size: 9px; text-align: center; }
.manual-credit-instructions { display: flex; min-height: 42px; margin-top: 12px; padding: 8px 10px; align-items: center; gap: 8px; background: rgba(12,43,35,.48); border: 1px solid #265747; border-radius: 3px; }
.manual-credit-instructions>span { display: flex; width: 18px; height: 18px; flex: 0 0 18px; align-items: center; justify-content: center; background: #174d3b; border-radius: 50%; color: #62e8a5; font-size: 10px; }
.manual-credit-instructions p { margin: 0; color: #92b6a7; font-size: 9px; line-height: 13px; }
.manual-credit-method.is-binance:before { background: linear-gradient(transparent,#f2c94c,transparent); }
.manual-credit-method.is-binance .manual-credit-method-logo { border-color: #76652c; color: #f2cb51; }
.manual-credit-method.is-mercadopago:before { background: linear-gradient(transparent,#29b6f6,transparent); }
.manual-credit-method.is-pagomovil:before { background: linear-gradient(transparent,#45dc95,transparent); }
.manual-credit-method.is-paypal:before { background: linear-gradient(transparent,#6caeff,transparent); }
.manual-credits-contact { display: flex; min-height: 76px; margin-top: 15px; padding: 14px 18px; align-items: center; justify-content: space-between; gap: 18px; background: linear-gradient(135deg,#10283d,#081725); border: 1px solid #2b506b; border-radius: 5px; }
.manual-credits-contact small,.manual-credits-contact strong { display: block; }
.manual-credits-contact small { color: #7792a7; font-size: 9px; text-transform: uppercase; }
.manual-credits-contact strong { margin-top: 3px; color: #e7f4ff; font-size: 12px; }
.manual-credits-contact a { display: inline-flex; padding: 9px 13px; align-items: center; gap: 8px; background: linear-gradient(#159ee8,#0874bd); border: 1px solid #42bdfb; border-radius: 3px; color: #fff !important; font-size: 10px; font-weight: 700; text-decoration: none !important; box-shadow: 0 4px 12px rgba(0,0,0,.3); }
.manual-credits-contact a:hover { background: linear-gradient(#27b3f5,#0b83cf); box-shadow: 0 0 14px rgba(35,170,237,.2); }

@media (max-width: 800px) {
	.page-title { font-size: 23px !important; gap: 10px; }
	.page-title:before,.page-title:after { width: 45px; }
	.xe-downloads-hero { padding: 22px 18px; }
	.xe-downloads-status { display: none; }
	.manual-credits-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
	.xe-downloads-main-icon { width: 62px; height: 62px; flex-basis: 62px; }
	.xe-downloads-main-icon svg { width: 34px; height: 34px; }
	.xe-downloads-hero-copy h2,.manual-credits-hero h2 { font-size: 21px !important; line-height: 27px !important; }
	.xe-downloads-list { padding: 15px; }
	.manual-credits-hero { padding: 22px 18px; }
	.manual-credits-hero-mark { width: 58px; height: 58px; flex-basis: 58px; }
	.manual-credits-contact { align-items: stretch; flex-direction: column; }
	.manual-credits-contact a { justify-content: center; }
}

/* ================================================================
   MU XEPHIRON - ENCABEZADOS EPICOS GLOBALES
   Aplica el mismo diseño premium a TODOS los encabezados principales
   que usan .page-title, sin tocar paneles, cards ni títulos internos.
   ================================================================ */
.page-title {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    min-height: 96px !important;
    margin: 0 0 24px !important;
    padding: 0 31% !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    gap: 0 !important;
    border: 1px solid rgba(66,151,202,.58) !important;
    border-radius: 7px !important;
    background:
        radial-gradient(ellipse at 50% -25%, rgba(72,211,255,.22), transparent 47%),
        radial-gradient(ellipse at 50% 125%, rgba(24,112,171,.10), transparent 48%),
        linear-gradient(90deg, rgba(4,14,26,.98), rgba(11,35,54,.98) 50%, rgba(4,14,26,.98)) !important;
    box-shadow:
        0 14px 34px rgba(0,0,0,.42),
        inset 0 1px rgba(137,231,255,.08),
        inset 0 -1px rgba(0,0,0,.65),
        0 0 18px rgba(20,137,205,.06) !important;
    color: #dff7ff !important;
    text-align: center !important;
    text-shadow: none !important;
}

/* Líneas de energía laterales */
.page-title:before,
.page-title:after {
    position: absolute !important;
    top: 50% !important;
    display: block !important;
    width: 28% !important;
    height: 2px !important;
    content: "" !important;
    transform: translateY(-50%) !important;
    background: linear-gradient(90deg, transparent, #168ed0 47%, #7ee7ff 100%) !important;
    box-shadow: 0 0 8px rgba(56,190,247,.42), 0 0 16px rgba(27,149,213,.16) !important;
}
.page-title:before { left: 3% !important; }
.page-title:after  { right: 3% !important; transform: translateY(-50%) scaleX(-1) !important; }

/* Placa central */
.page-title > span {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    min-width: 280px !important;
    max-width: 100% !important;
    min-height: 64px !important;
    padding: 17px 34px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 0 !important;
    border-right: 1px solid rgba(77,181,230,.16) !important;
    border-left: 1px solid rgba(77,181,230,.16) !important;
    background: radial-gradient(ellipse at center, rgba(29,132,185,.17), transparent 70%) !important;
    color: #dff7ff !important;
    font-family: "Cinzel", Georgia, "Times New Roman", serif !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    letter-spacing: .7px !important;
    text-transform: none !important;
    text-shadow: 0 2px 3px #000, 0 0 10px rgba(79,208,255,.34) !important;
}

/* Encabezado limpio: conserva el marco épico sin textos secundarios */
.page-title > span:before,
.page-title > span:after {
    content: none !important;
    display: none !important;
}


/* Pequeño cristal central en la parte superior */
.page-title {
    background-color: #061321 !important;
}
.page-title > span {
    box-shadow: inset 0 1px 0 rgba(130,225,255,.025) !important;
}

/* Compatibilidad por si un módulo usa el markup especial anterior de créditos */
.page-title.credits-epic-title > span small,
.page-title.credits-epic-title > span em { display: none !important; }
.page-title.credits-epic-title > span b {
    display: inline !important;
    margin: 0 !important;
    color: inherit !important;
    font: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    text-shadow: inherit !important;
}

@media (max-width: 760px) {
    .page-title {
        min-height: 86px !important;
        margin-bottom: 19px !important;
        padding: 0 22% !important;
    }
    .page-title:before,
    .page-title:after { width: 18% !important; }
    .page-title > span {
        min-width: 220px !important;
        min-height: 68px !important;
        padding: 25px 22px 17px !important;
        font-size: 20px !important;
        line-height: 25px !important;
        letter-spacing: .4px !important;
    }
    .page-title > span:before { top: 8px !important; font-size: 8px !important; letter-spacing: 2.2px !important; }
    .page-title > span:after  { bottom: 4px !important; font-size: 7px !important; letter-spacing: 1.5px !important; }
}

@media (max-width: 480px) {
    .page-title {
        min-height: 80px !important;
        padding: 0 15% !important;
        border-radius: 5px !important;
    }
    .page-title:before,
    .page-title:after { width: 12% !important; }
    .page-title:before { left: 2% !important; }
    .page-title:after  { right: 2% !important; }
    .page-title > span {
        min-width: 0 !important;
        width: 100% !important;
        padding: 24px 12px 16px !important;
        font-size: 17px !important;
        line-height: 22px !important;
    }
}