/*!
    
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 
 * Author Lautaro Angelico (https://lautaroangelico.com/)
 * Copyright (c) 2013-2026 Lautaro Angelico, All Rights Reserved
 
 * Licensed under the MIT license
 * https://opensource.org/licenses/MIT
 
 =========================================================
 
*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: none !important;
}

a:focus, a:hover {
    color: inherit !important;
    text-decoration: none !important;
	outline: none !important;
}

.form-control {
	background: #fafafa;
	border: 1px solid #e3e3e3;
	color: #666;
}
.form-control:focus {
	border: 1px solid #ccc;
}

/* http://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3 */
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/* http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3 */
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.thumbnail {
    background-color: var(--webenginecolor27);
    border: 1px solid var(--webenginecolor16);
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: var(--webenginecolor1);
}

.btn-primary {
    color: var(--webenginecolor9);
    background-color: var(--webenginecolor8);
	border-color: var(--webenginecolor10);
    transition: all .1s ease-in;
	border-radius: 3px;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    color: var(--webenginecolor12) !important;
    background-color: var(--webenginecolor11) !important;
	border-color: var(--webenginecolor13) !important;
}

.form-horizontal .control-label {
	text-align: left !important;
}
/* =========================================================
   BUSHIDO MU - Season 3.5 custom theme
   Colores: negro grafito, dorado envejecido, rojo samurai y azul eléctrico
   ========================================================= */
:root {
    --webenginebg1: #020407;
    --webenginebg2: rgba(8, 10, 14, 0.92);
    --webenginebg3: rgba(4, 5, 8, 0.96);
    --webenginecolor1: #c99a3e;
    --webenginecolor2: #d9d6cc;
    --webenginecolor3: #d6ad54;
    --webenginecolor4: #54c7ff;
    --webenginecolor5: linear-gradient(90deg, #07090d 0%, #151923 45%, #3a110d 100%);
    --webenginecolor6: #f2dca3;
    --webenginecolor7: #b8892f;
    --webenginecolor8: #1a1f29;
    --webenginecolor9: #ead7a4;
    --webenginecolor10: #7e6125;
    --webenginecolor11: #8e1d18;
    --webenginecolor12: #ffffff;
    --webenginecolor13: #d4a348;
    --webenginecolor15: rgba(5,7,10,.96);
    --webenginecolor16: rgba(201,154,62,.28);
    --webenginecolor17: #e7e0cf;
    --webenginecolor19: #d8c392;
    --webenginecolor20: #ffffff;
    --webenginecolor22: rgba(10, 13, 18, .92);
    --webenginecolor23: #a9a18d;
    --webenginecolor24: rgba(10, 13, 18, .88);
    --webenginecolor25: #bfa465;
    --webenginecolor26: #d6ad54;
    --webenginecolor27: rgba(13, 16, 22, .91);
    --webenginecolor28: rgba(18, 22, 30, .91);
    --webenginecolor34: rgba(1,2,4,.86);
    --webenginecolor35: #978e7b;
    --webenginecolor37: #d0b36b;
    --webenginecolor38: #ffffff;
    --webenginecolor42: rgba(3, 5, 8, .62);
    --webenginecolor43: rgba(205, 160, 61, .35);
    --webenginecolor44: #cdbf9a;
    --webenginecolor47: #f7e8bb;
    --webenginecolor48: #86cfff;
    --webenginecolor49: #54c7ff;
    --webenginecolor50: rgba(0,0,0,.75);
    --webenginecolor51: rgba(201,154,62,.45);
    --webenginecolor52: linear-gradient(90deg,#8e1d18,#d9a342,#54c7ff);
    --webenginecolor63: rgba(201,154,62,.25);
}

html { min-width: 1040px; }
body {
    background-attachment: fixed;
    background-color: #020407 !important;
    color: #d9d6cc;
}
body:before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(circle at 50% 12%, rgba(78, 184, 255, .16), transparent 28%),
        radial-gradient(circle at 23% 28%, rgba(151, 22, 18, .20), transparent 25%),
        linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.78));
    pointer-events: none;
}

.global-top-bar,
#navbar {
    background: rgba(2, 3, 6, .78);
    border-bottom: 1px solid rgba(201,154,62,.25);
    box-shadow: 0 0 28px rgba(0,0,0,.65);
}
#navbar ul li a {
    font-family: 'Cinzel', serif;
    letter-spacing: .6px;
    text-shadow: 0 0 10px rgba(0,0,0,.75);
}
#navbar ul li a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 14px rgba(84,199,255,.65), 0 0 7px rgba(201,154,62,.55);
}

#header { padding: 54px 0 8px 0; }
.webengine-mu-logo {
    max-width: 620px;
    width: auto;
    height: auto;
    filter: drop-shadow(0 0 22px rgba(84,199,255,.28)) drop-shadow(0 0 28px rgba(201,154,62,.22));
}
.webengine-mu-logo:hover { transform: scale(1.015); }

.header-info-container { margin-top: 6px; }
.header-info-container .header-info {
    border: 1px solid rgba(201,154,62,.32);
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(0,0,0,.55), inset 0 0 18px rgba(84,199,255,.05);
}
.webengine-online-bar { border-radius: 20px; overflow: hidden; }
.webengine-online-bar-progress { background: linear-gradient(90deg,#8e1d18,#d9a342,#54c7ff) !important; }

.bushido-hero {
    width: 1040px;
    margin: 22px auto 14px auto;
    border: 1px solid rgba(201,154,62,.36);
    border-radius: 14px;
    background:
        linear-gradient(90deg, rgba(3,5,8,.92), rgba(8,13,19,.78)),
        radial-gradient(circle at 76% 30%, rgba(84,199,255,.18), transparent 32%),
        radial-gradient(circle at 18% 20%, rgba(151,22,18,.22), transparent 30%);
    box-shadow: 0 20px 60px rgba(0,0,0,.62), inset 0 0 34px rgba(201,154,62,.07);
    overflow: hidden;
    position: relative;
}
.bushido-hero:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, transparent 0%, rgba(255,255,255,.04) 42%, transparent 44%);
    pointer-events: none;
}
.bushido-hero-inner { padding: 28px 34px 24px 34px; position: relative; z-index: 1; }
.bushido-kicker {
    color: #54c7ff;
    font-family: 'Cinzel', serif;
    font-size: 13px;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}
.bushido-title {
    margin: 4px 0 8px 0;
    color: #f0d79b;
    font-family: 'Cinzel', serif;
    font-weight: 700;
    font-size: 36px;
    text-transform: uppercase;
    text-shadow: 0 0 18px rgba(201,154,62,.35), 0 3px 0 rgba(0,0,0,.72);
}
.bushido-subtitle { max-width: 760px; color: #c7c0ad; font-size: 14px; line-height: 1.6; }
.bushido-stats { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
.bushido-stat {
    min-width: 118px;
    padding: 12px 14px;
    border: 1px solid rgba(201,154,62,.28);
    border-radius: 10px;
    background: rgba(0,0,0,.42);
    box-shadow: inset 0 0 12px rgba(84,199,255,.05);
}
.bushido-stat strong { display:block; color:#fff2c6; font-family:'Cinzel',serif; font-size:19px; }
.bushido-stat span { display:block; color:#83cdf8; font-size:11px; text-transform:uppercase; letter-spacing:.8px; }

#container,
.footer {
    border: 1px solid rgba(201,154,62,.22);
    box-shadow: 0 22px 70px rgba(0,0,0,.65);
    backdrop-filter: blur(7px);
}
#container { border-radius: 14px 14px 0 0; }
.footer { border-radius: 0 0 14px 14px; color: #968d79; }

.panel,
.panel-news,
.panel-general,
.panel-sidebar,
.panel-sidebar-widget,
.thumbnail {
    border: 1px solid rgba(201,154,62,.25) !important;
    border-radius: 10px !important;
    background: rgba(9,12,18,.90) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.32);
}
.panel-heading,
.panel-news .panel-heading,
.panel-sidebar > .panel-heading,
.panel-downloads > .panel-body > .panel-title,
.panel-shop .panel-shop-title {
    background: linear-gradient(90deg,#07090d 0%,#161b25 48%,#43120f 100%) !important;
    border-bottom: 1px solid rgba(201,154,62,.45) !important;
    color: #f0d79b !important;
    font-family: 'Cinzel', serif;
    letter-spacing: .5px;
}
.panel-body,
.panel-news .panel-body,
.panel-sidebar-widget > .sidebar-widget-body {
    color: #d9d6cc;
}
.table,
.table tbody tr,
.table>tbody>tr>td { color: #d9d6cc; }

.btn-primary,
.btn-success,
.btn-default {
    border-radius: 8px !important;
    background: linear-gradient(180deg,#2a2f3a,#11151d) !important;
    border: 1px solid rgba(201,154,62,.55) !important;
    color: #f2dfad !important;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .4px;
}
.btn-primary:hover,
.btn-success:hover,
.btn-default:hover {
    background: linear-gradient(180deg,#9a241e,#40100d) !important;
    color: #fff !important;
    box-shadow: 0 0 16px rgba(84,199,255,.24);
}

.form-control {
    background: rgba(2,4,8,.75) !important;
    border: 1px solid rgba(201,154,62,.32) !important;
    color: #f0e8d4 !important;
}
.form-control:focus { box-shadow: 0 0 12px rgba(84,199,255,.25); border-color: #54c7ff !important; }

.page-title,
h1, h2, h3, h4,
.panel-body .panel-title { color: #f0d79b; font-family: 'Cinzel', serif; }
hr { border-top-color: rgba(201,154,62,.25); }