/* MU VIPER — ACERO NOCTURNO | capa visual, sin alterar módulos ni JS */
:root{--mu-gold:#bfc0c4;--mu-gold-soft:rgba(160,166,177,.12);--mu-panel:#101115;--mu-panel-2:#17191f;--mu-border:rgba(157,164,174,.3);--mu-muted:#999ba5;--viper-red:#a52330;--viper-silver:#c8c9ce;--viper-steel:#5f6570;--viper-ink:#08090d}
html{background:#08090c}
body,body.mu-theme-bg{background-color:#08090c!important;color:#c2c0c3!important}
body.mu-theme-bg{background-blend-mode:multiply}
.site-wrapper{background:radial-gradient(ellipse 65% 28% at 78% 1%,rgba(107,112,124,.16),transparent 85%),linear-gradient(180deg,rgba(6,7,10,.78),rgba(8,9,13,.92))!important}
/* Encabezado de hierro pulido */
.mu-topline,.mu-brandbar,.mu-nav-wrap,.mu-mobile-head,.mu-mobile-menu{background:linear-gradient(180deg,#191b20 0%,#0a0b0e 75%,#07080a 100%)!important;border-color:rgba(142,146,157,.3)!important}
.mu-topline{box-shadow:inset 0 -1px rgba(167,31,44,.3)}
.mu-brandbar{border-bottom:1px solid #494b52!important;box-shadow:inset 0 1px rgba(233,234,239,.08),0 7px 18px #0009}
.mu-brandbar:after,.mu-content:before{background:linear-gradient(90deg,transparent,#62646c 18%,#b6b9c2 50%,#66232d 78%,transparent)!important}
.mu-brand-copy strong,.mu-hero-title,.king-name{color:#eeeef0!important;text-shadow:0 2px 2px #000,0 0 18px rgba(179,181,193,.13)!important}
.mu-brand-copy small,.mu-hero-kicker,.mu-topline-item i{color:#b5b8c1!important}
.mu-brand-chip,.mu-nav-icon,.mu-lang-btn,.mu-mobile-toggle{background:linear-gradient(140deg,#25272e,#0c0d11)!important;border:1px solid #494b53!important;box-shadow:inset 0 1px rgba(255,255,255,.09),0 2px 8px #0007!important;color:#d1d2d6!important}
.mu-nav>li>a{color:#b8bac1!important;letter-spacing:.075em!important;text-shadow:0 1px #000}
.mu-nav>li>a:hover,.mu-nav>li.active>a,.mu-topline-link:hover,.mu-footer-links a:hover{color:#f0d7d9!important}
.mu-nav>li>a:after{background:linear-gradient(90deg,transparent,#9f2632,#e5a3a8,#9f2632,transparent)!important;height:2px!important}
.mu-nav>li.active>a,.mu-nav>li>a:hover{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(132,25,38,.15))!important}
/* Botones con marco metálico y corazón carmesí */
.mu-brand-cta,.mu-hero-actions .btn,.mu-module .btn-primary,.mu-module .btn-warning,.home-pro .btn-primary,.btn.btn-primary,.btn.btn-warning{background:linear-gradient(180deg,#b83b47 0%,#841d2b 48%,#4f111b 100%)!important;color:#fff0ef!important;border:1px solid #b07b80!important;border-radius:3px!important;box-shadow:inset 0 1px rgba(255,235,235,.28),inset 0 -2px rgba(0,0,0,.5),0 3px 12px #0008!important;text-shadow:0 1px 2px #28060a!important;font-weight:800!important}
.mu-brand-cta:hover,.mu-hero-actions .btn:hover,.mu-module .btn-primary:hover,.btn.btn-primary:hover,.btn.btn-warning:hover{background:linear-gradient(180deg,#d35460,#a12836 55%,#641722)!important;border-color:#e1a2a8!important;filter:none!important;transform:translateY(-1px)}
.mu-hero-actions .btn-secondary,.mu-module .btn-secondary,.btn.btn-secondary,.btn.btn-outline-light{background:linear-gradient(180deg,#30323b,#17191e)!important;color:#e2e2e6!important;border:1px solid #676b76!important;box-shadow:inset 0 1px #ffffff19,0 3px 10px #0008!important;border-radius:3px!important}
/* Hero oscuro, bruma y halo rojo sutil */
.mu-hero{background:radial-gradient(ellipse at 82% 35%,rgba(129,35,45,.17),transparent 45%),linear-gradient(90deg,rgba(5,6,9,.97),rgba(8,9,13,.84) 62%,rgba(8,9,13,.53))!important;border-bottom:1px solid #54545c!important}
.mu-hero:before{background:linear-gradient(180deg,transparent 60%,#090a0ed9),radial-gradient(circle at 76% 32%,#9296a51a,transparent 45%)!important}
.mu-hero-title span,.mu-hero-kicker{color:#d2b2b5!important}
.mu-hero-desc{color:#b6b6bd!important}
.mu-hero-stat,.mu-hero-stats{background:linear-gradient(180deg,#1b1c22,#0c0d12)!important;border:1px solid #44464e!important}
/* Superficies, cajas y anuncios */
.mu-content{background:radial-gradient(ellipse at 50% 0%,rgba(93,96,107,.11),transparent 60%),linear-gradient(180deg,#0d0e13ee,#08090cee)!important}
.mu-module,.home-pro{color:#c3c2c7}
.mu-module .card,.home-pro .card,.mu-module .panel,.home-pro .panel,.king-panel,.mu-hero-stat,.mu-brand-chip,.mu-module .alert,.home-pro .alert{background:linear-gradient(155deg,#202128 0%,#121319 40%,#0c0d11 100%)!important;border:1px solid #51525b!important;border-radius:3px!important;box-shadow:inset 0 1px rgba(245,245,255,.09),inset 0 0 20px #0005,0 8px 24px #0008!important}
.mu-module .card-header,.home-pro .card-header,.king-panel-head,.mu-module .panel-heading{background:linear-gradient(90deg,#282a31,#13151b 70%,#241016)!important;border-bottom:1px solid #5b5058!important;color:#e3e0e3!important;box-shadow:inset 0 1px #ffffff14!important}
.mu-module .card-header:before,.home-pro .card-header:before{content:"";display:inline-block;width:3px;height:13px;background:#a52d3c;margin-right:8px;vertical-align:-2px;box-shadow:0 0 8px #a52d3c77}
.mu-module h1,.mu-module h2,.mu-module h3,.home-pro h1,.home-pro h2,.home-pro h3{color:#e2e0e3}
.mu-module .text-warning,.home-pro .text-warning,.mu-module .text-primary{color:#d3aeb2!important}
.mu-module .border,.home-pro .border{border-color:#4c4e57!important}
.mu-module .bg-dark,.home-pro .bg-dark,.mu-module .bg-black{background-color:#101116!important}
.mu-module .table,.home-pro .table,.mu-table{--bs-table-bg:transparent!important;--bs-table-color:#c7c7cc!important;--bs-table-border-color:#42434a!important;color:#c7c7cc!important}
.mu-module table thead,.home-pro table thead,.mu-table thead{background:linear-gradient(180deg,#292b33,#14151b)!important;color:#dedee2!important}
.mu-module table tbody tr:hover,.home-pro table tbody tr:hover,.mu-table tbody tr:hover{background:rgba(120,33,45,.14)!important}
.mu-module input,.mu-module select,.mu-module textarea,.home-pro input,.home-pro select,.home-pro textarea{background:#101116!important;color:#e1e1e5!important;border:1px solid #555660!important;border-radius:3px!important}
.mu-module input:focus,.mu-module select:focus,.home-pro input:focus{border-color:#a24751!important;box-shadow:0 0 0 2px #a2475129!important}
/* Eventos, imágenes publicitarias: marco, sin tapar el arte original */
.mu-module img,.home-pro img{max-width:100%}
.mu-module .card img,.home-pro .card img{object-fit:cover}
.mu-module .badge,.home-pro .badge{border:1px solid #77707a;border-radius:2px!important}
.king-hero-card{border:1px solid #69646c!important;box-shadow:inset 0 0 70px #0008,0 9px 30px #000b!important}
.king-stat-strip{background:#39323a!important;border-color:#61515b!important}
.king-timer-box{border-color:#6b525a!important}
.king-timer-clock{color:#f0d3d6!important;text-shadow:0 0 16px #8d2c3b55!important}
/* Footer y componentes flotantes */
.mu-footer,.footer-secondary,.ssw-float{background:linear-gradient(180deg,#17181e,#090a0d)!important;border-color:#494b53!important}
.ssw-toggle input:checked+.ssw-track{background:#8e2836!important}
/* Accesibilidad y rendimiento */
@media(max-width:767px){.mu-hero{background:linear-gradient(90deg,#08090ded,#121016db)!important}.mu-module .card,.home-pro .card{box-shadow:inset 0 1px #ffffff13,0 4px 12px #0008!important}}
@media(prefers-reduced-motion:reduce){.mu-brand-cta,.mu-hero-actions .btn,.mu-module .btn{transition:none!important;transform:none!important}}
