/*
 * MYRION Public UI v7 — sistema visual transversal.
 * Normaliza páginas públicas legacy (login, cuenta, reglas, recuperación,
 * depósitos y mensajes) sin cambiar rutas, formularios ni lógica.
 */
:root{
 --myrion-red:#ff2638;--myrion-red-hi:#ff5360;--myrion-blood:#650912;
 --myrion-bg:#030304;--myrion-panel:rgba(13,11,13,.94);
 --myrion-panel-2:rgba(20,16,18,.94);--myrion-metal:rgba(170,160,164,.20);
 --myrion-text:#eee9eb;--myrion-muted:#91878a;
}
html body{
 color:var(--myrion-text)!important;
 background:
 radial-gradient(ellipse at 82% -12%,rgba(145,5,19,.18),transparent 34%),
 radial-gradient(ellipse at 8% 108%,rgba(94,0,12,.14),transparent 32%),
 linear-gradient(145deg,#080709 0%,#020203 52%,#080405 100%)!important;
 font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}
body #content.myrion-public-content{
 width:min(1480px,calc(100% - 48px))!important;
 max-width:1480px!important;
 margin:0 auto!important;
 padding:38px 24px 54px!important;
 min-height:calc(100vh - 210px)!important;
}
.myrion-public-content h1,.myrion-public-content h2,.myrion-public-content h3,
.myrion-public-content h4,.myrion-public-content h5{
 color:#f5f0f1!important;
 font-family:Cinzel,Inter,Georgia,serif!important;
 letter-spacing:.025em!important;
}
.myrion-public-content a{color:#d9d1d4!important;transition:.16s ease}
.myrion-public-content a:hover{color:#fff!important;text-shadow:0 0 10px rgba(255,38,56,.24)}
.myrion-public-content .card,.myrion-public-content .panel,
.myrion-public-content .well,.myrion-public-content .jumbotron,
.myrion-public-content .box,.myrion-public-content fieldset{
 border:1px solid rgba(170,158,163,.17)!important;
 border-radius:4px!important;
 background:
 linear-gradient(145deg,rgba(23,18,20,.97),rgba(6,6,7,.98))!important;
 box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 45px rgba(0,0,0,.28)!important;
}
.myrion-public-content .card-header,.myrion-public-content .panel-heading{
 color:#f0eaec!important;border-color:rgba(255,38,56,.17)!important;
 background:linear-gradient(180deg,rgba(29,23,25,.97),rgba(9,8,10,.98))!important;
}
.myrion-public-content table{
 width:100%!important;color:#c9c1c4!important;background:transparent!important;
 border-color:rgba(148,136,141,.13)!important;
}
.myrion-public-content table thead th{
 color:#eee8ea!important;text-transform:uppercase;letter-spacing:.07em;
 font-size:10px!important;border-color:rgba(255,38,56,.18)!important;
 background:linear-gradient(180deg,rgba(29,23,25,.98),rgba(10,9,11,.98))!important;
}
.myrion-public-content table td{border-color:rgba(148,136,141,.10)!important;vertical-align:middle!important}
.myrion-public-content table tbody tr:hover{background:rgba(255,38,56,.045)!important}
.myrion-public-content input,.myrion-public-content select,.myrion-public-content textarea,
.myrion-public-content .form-control{
 min-height:42px!important;border:1px solid rgba(160,147,152,.23)!important;
 border-radius:2px!important;color:#eee8ea!important;
 background:linear-gradient(180deg,rgba(14,12,14,.98),rgba(4,4,5,.99))!important;
 box-shadow:none!important;
}
.myrion-public-content input:focus,.myrion-public-content select:focus,
.myrion-public-content textarea:focus,.myrion-public-content .form-control:focus{
 border-color:rgba(255,38,56,.62)!important;
 box-shadow:0 0 0 2px rgba(255,38,56,.07),0 0 18px rgba(255,38,56,.06)!important;
 outline:none!important;
}
.myrion-public-content .btn,.myrion-public-content button{
 min-height:40px!important;border-radius:2px!important;
 font-weight:700!important;letter-spacing:.035em!important;
}
.myrion-public-content .btn-primary,.myrion-public-content .btn-danger,
.myrion-public-content button[type=submit]{
 border:1px solid rgba(255,38,56,.68)!important;
 color:#fff!important;
 background:linear-gradient(180deg,#a81220,#4c070d)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 14px rgba(255,38,56,.08)!important;
}
.myrion-public-content .btn-primary:hover,.myrion-public-content .btn-danger:hover,
.myrion-public-content button[type=submit]:hover{
 background:linear-gradient(180deg,#c91829,#650912)!important;
 box-shadow:0 0 18px rgba(255,38,56,.16)!important;
}
.myrion-public-content .btn-secondary,.myrion-public-content .btn-outline-secondary{
 color:#ddd5d8!important;border-color:rgba(170,158,163,.24)!important;
 background:linear-gradient(180deg,rgba(29,26,29,.96),rgba(7,7,8,.98))!important;
}
.myrion-public-content .alert{
 border-radius:2px!important;border:1px solid rgba(255,38,56,.25)!important;
 background:rgba(70,7,14,.34)!important;color:#eee4e6!important;
}
.myrion-public-content .nav-tabs{border-bottom:1px solid rgba(255,38,56,.20)!important}
.myrion-public-content .nav-tabs .nav-link{
 border:1px solid transparent!important;color:#9d9396!important;
 background:transparent!important;
}
.myrion-public-content .nav-tabs .nav-link.active,
.myrion-public-content .nav-tabs .nav-link:hover{
 color:#fff!important;border-color:rgba(255,38,56,.24)!important;
 background:linear-gradient(180deg,rgba(255,38,56,.13),rgba(255,38,56,.02))!important;
 box-shadow:inset 0 -2px var(--myrion-red)!important;
}
.myrion-public-content .pagination .page-link{
 color:#d9d1d4!important;border-color:rgba(150,138,143,.17)!important;background:#0a090b!important
}
.myrion-public-content .pagination .active .page-link{
 color:#fff!important;border-color:var(--myrion-red)!important;background:#650912!important
}
.myrion-public-content .progress{background:#161216!important;border-radius:1px!important}
.myrion-public-content .progress-bar{
 background:linear-gradient(90deg,#720913,var(--myrion-red))!important;
 box-shadow:0 0 9px rgba(255,38,56,.22)!important
}
.myrion-public-content .dropdown-menu{
 border:1px solid rgba(255,38,56,.20)!important;border-radius:3px!important;
 background:rgba(10,9,11,.98)!important;box-shadow:0 18px 40px rgba(0,0,0,.5)!important
}
.myrion-public-content .dropdown-item{color:#cfc7ca!important}
.myrion-public-content .dropdown-item:hover{color:#fff!important;background:rgba(255,38,56,.10)!important}
.myrion-public-content code,.myrion-public-content pre{
 color:#f0dadd!important;background:rgba(2,2,3,.72)!important;
 border-color:rgba(255,38,56,.12)!important
}
@media(max-width:767px){
 body #content.myrion-public-content{width:100%!important;padding:24px 12px 38px!important}
}

/*
 * Alcance transversal para vistas públicas que usan layout.light y plantillas
 * legacy sin el wrapper #content. No afecta la portada cuando existe #xzInfernalPortal.
 */
body:not(:has(#xzInfernalPortal)) .container,
body:not(:has(#xzInfernalPortal)) .container-fluid{
 color:var(--myrion-text)!important;
}
body:not(:has(#xzInfernalPortal)) .container{
 width:min(1180px,calc(100% - 36px))!important;
 max-width:1180px!important;
 margin-left:auto!important;margin-right:auto!important;
}
body:not(:has(#xzInfernalPortal)) .card,
body:not(:has(#xzInfernalPortal)) .panel,
body:not(:has(#xzInfernalPortal)) .well,
body:not(:has(#xzInfernalPortal)) .jumbotron,
body:not(:has(#xzInfernalPortal)) fieldset,
body:not(:has(#xzInfernalPortal)) .modal-content{
 border:1px solid rgba(170,158,163,.18)!important;
 border-radius:4px!important;
 background:linear-gradient(145deg,rgba(23,18,20,.98),rgba(6,6,7,.99))!important;
 color:var(--myrion-text)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 45px rgba(0,0,0,.28)!important;
}
body:not(:has(#xzInfernalPortal)) .card-header,
body:not(:has(#xzInfernalPortal)) .panel-heading,
body:not(:has(#xzInfernalPortal)) legend{
 color:#f2ecee!important;
 background:linear-gradient(180deg,rgba(31,24,27,.98),rgba(9,8,10,.99))!important;
 border-color:rgba(255,38,56,.20)!important;
}
body:not(:has(#xzInfernalPortal)) .form-group label,
body:not(:has(#xzInfernalPortal)) label{
 color:#cfc7ca!important;
 font-weight:600!important;
}
body:not(:has(#xzInfernalPortal)) .table-responsive{
 border:1px solid rgba(150,138,143,.15)!important;
 border-radius:3px!important;
}
body:not(:has(#xzInfernalPortal)) .table thead th{
 color:#f0eaec!important;
 background:linear-gradient(180deg,#21191c,#0d0b0e)!important;
 border-color:rgba(255,38,56,.18)!important;
 text-transform:uppercase!important;
 letter-spacing:.06em!important;
}
body:not(:has(#xzInfernalPortal)) .table td{
 color:#c9c1c4!important;
 border-color:rgba(150,138,143,.10)!important;
}
body:not(:has(#xzInfernalPortal)) .form-control,
body:not(:has(#xzInfernalPortal)) input,
body:not(:has(#xzInfernalPortal)) select,
body:not(:has(#xzInfernalPortal)) textarea{
 color:#eee8ea!important;
 background:linear-gradient(180deg,#100d10,#040405)!important;
 border:1px solid rgba(160,147,152,.24)!important;
 border-radius:2px!important;
}
body:not(:has(#xzInfernalPortal)) .form-control:focus,
body:not(:has(#xzInfernalPortal)) input:focus,
body:not(:has(#xzInfernalPortal)) select:focus,
body:not(:has(#xzInfernalPortal)) textarea:focus{
 border-color:rgba(255,38,56,.65)!important;
 box-shadow:0 0 0 2px rgba(255,38,56,.08),0 0 18px rgba(255,38,56,.07)!important;
}
body:not(:has(#xzInfernalPortal)) .btn-primary,
body:not(:has(#xzInfernalPortal)) .btn-danger,
body:not(:has(#xzInfernalPortal)) button[type=submit]{
 color:#fff!important;
 border:1px solid rgba(255,38,56,.70)!important;
 background:linear-gradient(180deg,#a81220,#4b070d)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 14px rgba(255,38,56,.08)!important;
}
body:not(:has(#xzInfernalPortal)) .btn-secondary,
body:not(:has(#xzInfernalPortal)) .btn-default,
body:not(:has(#xzInfernalPortal)) .btn-light{
 color:#ddd5d8!important;
 border:1px solid rgba(165,151,156,.24)!important;
 background:linear-gradient(180deg,#211c20,#0a090b)!important;
}
body:not(:has(#xzInfernalPortal)) .alert{
 color:#eee7e9!important;
 border:1px solid rgba(255,38,56,.24)!important;
 background:rgba(60,7,14,.30)!important;
}
body:not(:has(#xzInfernalPortal)) .pagination .page-link{
 color:#d9d1d4!important;border-color:rgba(150,138,143,.18)!important;background:#0a090b!important;
}
body:not(:has(#xzInfernalPortal)) .pagination .active .page-link{
 color:#fff!important;border-color:var(--myrion-red)!important;background:#650912!important;
}
body:not(:has(#xzInfernalPortal)) h1,
body:not(:has(#xzInfernalPortal)) h2,
body:not(:has(#xzInfernalPortal)) h3,
body:not(:has(#xzInfernalPortal)) h4{
 color:#f5eff1!important;
 font-family:Cinzel,Inter,Georgia,serif!important;
}
body:not(:has(#xzInfernalPortal)) .page-header{
 border-bottom:1px solid rgba(255,38,56,.20)!important;
 padding-bottom:12px!important;
 margin-bottom:24px!important;
}
body:not(:has(#xzInfernalPortal)) .text-muted{color:#8f8588!important}
@media(max-width:767px){
 body:not(:has(#xzInfernalPortal)) .container{width:calc(100% - 24px)!important}
}