﻿/*!
 * MU KING CLASIC — Bootstrap & module overrides
 */
.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 {
	text-decoration: none !important;
}

.form-horizontal .control-label {
	text-align: left !important;
	color: var(--we-text-muted, #a07850);
}

.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}

.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.label-default {
	background: rgba(192, 57, 43, 0.3);
	color: var(--we-text, #f0dfc0);
}
.label-success { background: rgba(34, 197, 94, 0.3); color: #86efac; }
.label-danger { background: rgba(239, 68, 68, 0.3); color: #fca5a5; }

.modal-content {
	background: var(--we-bg-elevated, #130808);
	border: 1px solid var(--we-border, rgba(192, 57, 43, 0.18));
	color: var(--we-text, #f0dfc0);
	border-radius: 12px;
}
.modal-header { border-color: var(--we-border); }
.modal-footer { border-color: var(--we-border); }

.dropdown-menu {
	background: var(--we-bg-elevated, #130808);
	border: 1px solid var(--we-border);
}
.dropdown-menu > li > a { color: var(--we-text-muted); }
.dropdown-menu > li > a:hover { background: rgba(192, 57, 43, 0.18); color: var(--we-text); }

.panel-sidebar-events .table tr td { border-color: var(--we-border) !important; }
.panel-sidebar-events .table tr:hover td { background: rgba(192, 57, 43, 0.05); }

/* ── Fondo de video en el hero ── */
.we-hero-bg-video {
	position: absolute;
	inset: 0;
	overflow: hidden;
	z-index: 0;
}
.we-hero-video-el {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 20%;
	pointer-events: none;
}

/* ── Z-index: partículas encima del video ── */
.we-hero-fx {
	position: absolute !important;
	inset: 0 !important;
	z-index: 3 !important;
	pointer-events: none !important;
}
.we-hero-particles {
	position: absolute !important;
	inset: 0 !important;
	z-index: 3 !important;
	overflow: visible !important;
}
.we-hero-particle {
	position: absolute !important;
	z-index: 3 !important;
	display: block !important;
}
.we-hero-overlay {
	z-index: 2 !important;
}
.we-hero-layout {
	z-index: 4 !important;
}

/* ── Shimmer más sutil ── */
.we-hero-shimmer {
	opacity: 0.3 !important;
}

/* ── Orbs: más suaves y más grandes ── */
.we-hero-glow-orb--1 {
	width: 600px !important;
	height: 600px !important;
	background: var(--we-primary) !important;
	opacity: 0.18 !important;
	top: 5% !important;
	left: -5% !important;
	filter: blur(90px) !important;
}
.we-hero-glow-orb--2 {
	width: 500px !important;
	height: 500px !important;
	background: var(--we-accent) !important;
	opacity: 0.15 !important;
	bottom: 10% !important;
	right: -5% !important;
	filter: blur(90px) !important;
}

/* ── Soporte GIF: igual que imagen, sin animación Ken Burns ── */
.we-hero-magic .we-hero-bg[style*=".gif"] {
	animation: none !important;
}

/* ── Botones principales ── */
.btn-primary,
.we-btn-primary {
	background: linear-gradient(135deg, #c0392b, #8b1a10) !important;
	border-color: rgba(192, 57, 43, 0.6) !important;
	color: #fff !important;
	box-shadow: 0 0 12px rgba(192, 57, 43, 0.4) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.we-btn-primary:hover {
	background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
	border-color: #e74c3c !important;
	color: #fff !important;
	box-shadow: 0 0 20px rgba(192, 57, 43, 0.65) !important;
}

/* ── Botón "+" de rankings y otros btn-xs ── */
.btn-primary.btn-xs,
.we-btn-more {
	background: linear-gradient(135deg, #c0392b, #8b1a10) !important;
	border-color: rgba(192, 57, 43, 0.5) !important;
	color: #fff !important;
}

/* ── FORGOT YOUR PASSWORD (btn-default) ── */
.btn-default {
	background: rgba(192, 57, 43, 0.15) !important;
	border-color: rgba(192, 57, 43, 0.4) !important;
	color: #f0dfc0 !important;
}
.btn-default:hover {
	background: rgba(192, 57, 43, 0.30) !important;
	color: #fff !important;
}
