/*!
    
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 
 * Author Lautaro Angelico (https://lautaroangelico.com/)
 * Copyright (c) 2013-2022 Lautaro Angelico, All Rights Reserved
 
 * Licensed under the MIT license
 * http://opensource.org/licenses/MIT
 
 =========================================================
 
*/
html {
	min-width: 1040px;
	height: 100%;
}

/* quita background del body o déjalo sólo con background-color */
body{
  background-color:#000;
}

/* fondo fijo a pantalla completa */
body::before{
  content:'';
  position: fixed;
  inset: 0;                        /* top:0; right:0; bottom:0; left:0 */
  background: #000 url('../img/background.jpg') center/cover no-repeat;
  z-index: -1;                     /* detrás de todo */
  will-change: transform;          /* mejora de rendimiento */
}


@media only screen and (min-width: 2000px) {
	body {
		background: #000000 url('../img/background-2600.jpg') no-repeat top center !important;
	}
}

a {
	color: #777;
	text-decoration: none;
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

a:hover {
	color: #ffda8a;
}

img {
	border: 0px;
}

input[type=text], input[type=password], input[type=number] {
	background: #fafafa;
	border: 1px solid #e3e3e3;
	color: #666;
}
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus {
	border: 1px solid #ccc;
}

#header {
	width: 100%;
	margin: 0px auto;
	padding: 80px 0px 10px 0px;
	text-align: center;
	color: #fff;
}

#container{
  background: rgba(0,0,0,.35); /* negro translúcido suave */
  width: 1040px;
  height: auto;
  margin: 0 auto;
  padding: 20px 0;
  border-radius: 5px 5px 0 0;
}


#content {
	width: 100%;
	overflow: auto;
	min-height: 500px;
	padding: 10px 20px 0px 20px;
}

/* ===== FOOTER — AMETHYST GLASS ===== */
.footer{
  position: relative;
  width: 1040px;
  margin: 0 auto 40px auto;
  padding: 28px 32px;
  color: var(--amx-txt, #E8E3FF);

  background:
    radial-gradient(120% 120% at 0% 0%, rgba(155,92,255,.10), transparent 55%),
    rgba(10,10,14,.78);
  border: 1px solid rgba(155,92,255,.35);
  border-top-width: 1px;

  border-radius: 0 0 8px 8px; /* combina con el container */
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  box-shadow:
    0 0 0 1px rgba(155,92,255,.08) inset,
    0 14px 32px rgba(0,0,0,.55);
}

/* línea glow superior (separa del contenido) */
.footer::before{
  content:'';
  position:absolute; left:0; right:0; top:0;
  height:2px;
  background: linear-gradient(90deg,#b000ff,#5200ff,#b000ff);
  box-shadow: 0 0 10px #b000ff80;
  opacity:.9;
  pointer-events:none;
}

/* contenedor interno conserva el ancho */
.footer > .footer-container{
  width: 100%;
  margin: 0 auto;
}

/* tipografía y enlaces dentro del footer */
.footer a{
  color:#cfcaf9 !important;
  text-decoration:none;
  transition: filter .2s ease, color .2s ease;
}
.footer a:hover{
  color:#ffffff !important;
  filter: brightness(1.12);
  text-decoration: none !important;
}

/* separadores y textos suaves */
.footer hr{
  border: 0;
  border-top: 1px solid rgba(155,92,255,.18);
  margin: 14px 0;
}
.footer small,
.footer .muted{ color: var(--amx-muted, #BFB7FF); }

/* iconos sociales */
.footer .footer-social-link{
  filter: grayscale(35%) drop-shadow(0 0 6px rgba(155,92,255,.25));
  transition: filter .25s ease, transform .2s ease;
}
.footer .footer-social-link:hover{
  filter: grayscale(0%) drop-shadow(0 0 10px rgba(176,0,255,.55));
  transform: translateY(-1px);
}

/* opcional: títulos dentro del footer más claros */
.footer h1, .footer h2, .footer h3,
.footer h4, .footer h5, .footer h6{
  color:#fff; margin-top:0;
}


/* ===== NAVBAR AMETHYST FUTURÍSTICO ===== */
#navbar{
  width:100%;
  background: rgba(10,10,14,.78);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(155,92,255,.25);
  box-shadow: 0 10px 28px rgba(0,0,0,.45), inset 0 -1px 0 rgba(155,92,255,.15);
}

#navbar ul{
  text-align:center;
  margin:0;
  padding:0;
}

#navbar ul li{
  list-style:none;
  display:inline-block;
  position:relative; /* necesario para dropdowns */
  font-size:16px;
}

#navbar ul li a{
  position:relative;
  display:inline-block;
  color:#cfcaf9 !important;
  text-decoration:none;
  padding:16px 26px;
  text-transform:uppercase;
  font-weight:700;
  letter-spacing:.45px;
  transition: all .25s ease;
  text-shadow:0 1px 1px rgba(0,0,0,.35);
  border-radius:10px;
  /* pulso sutil */
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)) transparent;
}

/* subrayado neón (aparece en hover/activo) */
#navbar ul li a::after{
  content:'';
  position:absolute;
  left:14px; right:14px; bottom:8px;
  height:2px;
  border-radius:2px;
  background: linear-gradient(90deg,#b000ff, #5200ff, #b000ff);
  box-shadow: 0 0 8px #b000ff80;
  transform: scaleX(0);
  transform-origin:center;
  transition: transform .22s ease;
  opacity:.95;
}

/* hover/focus */
#navbar ul li a:hover,
#navbar ul li a:focus{
  color:#fff !important;
  filter: brightness(1.1);
  outline:none;
}
#navbar ul li a:hover::after,
#navbar ul li a:focus::after{
  transform: scaleX(1);
}

/* activo (compatible con distintas marcas que use el core) */
#navbar ul li.active > a,
#navbar ul li a.active,
#navbar ul li a[aria-current="page"],
#navbar ul li a[aria-current="true"]{
  color:#ffffff !important;
  filter: brightness(1.12);
  box-shadow: inset 0 0 0 1px rgba(155,92,255,.18);
}
#navbar ul li.active > a::after,
#navbar ul li a.active::after,
#navbar ul li a[aria-current="page"]::after,
#navbar ul li a[aria-current="true"]::after{
  transform: scaleX(1);
}


.admincp-button {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #ffffff !important;
	border: 2px solid #000000 !important;
	color: #000000 !important;
	font-weight: bold !important;
}

.page-title {
	color: #ff0000;
	font-family: 'PT Sans', sans-serif;
	font-size: 32px;
	margin-bottom: 10px;
	font-weight: bold;
}

/* NEWS MODULE */
.panel-news{
  margin-bottom:30px;
  background: rgba(10,10,14,.78); /* negro translúcido más fuerte */
  color:#E8E3FF;
  border:1px solid rgba(155,92,255,.35);
  border-radius:8px;
  box-shadow:0 0 0 1px rgba(155,92,255,.08) inset, 0 14px 32px rgba(0,0,0,.55);
  backdrop-filter: blur(6px);
}
.panel-news .panel-heading{
  background: transparent;
  border:0;
  border-bottom:1px solid rgba(155,92,255,.18);
  padding-top:10px;
  padding-bottom:10px;
  color:#ffffff;
}
.panel-news .panel-title{
  color:#ffffff;
  font-size:24px;
  font-weight:bold;
}
.panel-news .panel-body{
  background: transparent; /* usa el fondo del panel (negro .78) */
  color:#D8D5FF;
  padding:12px;
}
.panel-news .panel-footer{
  border-top:1px solid rgba(155,92,255,.18);
  background: rgba(255,255,255,.03);
  font-style: italic;
  font-size:11px;
  height:auto;
  color:#BFB7FF;
}


/* RANKINGS MODULE */
/* ===== RANKINGS MODULE — AMETHYST ===== */
.rankings-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  background: rgba(10,10,14,.78);
  border:1px solid rgba(155,92,255,.35);
  border-radius:10px;
  overflow:hidden; /* redondeo real */
  box-shadow: 0 0 0 1px rgba(155,92,255,.08) inset, 0 14px 32px rgba(0,0,0,.55);
}

/* Fila de encabezado (suele ser la primera) */
.rankings-table tr:first-child td{
  color:#ffffff;
  font-weight:700;
  font-size:18px;
  padding:12px 10px;
  background: linear-gradient(180deg, rgba(155,92,255,.22), rgba(155,92,255,.08));
  border-bottom:1px solid rgba(155,92,255,.25);
}

/* Celdas generales */
.rankings-table tr td{
  border-bottom:1px solid rgba(155,92,255,.18);
  padding:10px;
  font-size:16px;
  color:#e8e3ff;
  text-align:center;
  vertical-align:middle !important;
  background: transparent;
}

/* Zebra suave y hover con brillo */
.rankings-table tr:nth-child(2n+2) td{
  background: rgba(255,255,255,.02);
}
.rankings-table tr:hover td{
  background: rgba(155,92,255,.08);
}

/* Lugar/posición */
.rankings-table-place{
  color:#c7bfff;
  font-weight:800;
  font-size:22px;
  text-align:center;
  text-shadow:0 0 8px rgba(155,92,255,.35);
}

/* Icono/clase */
.rankings-class-image{
  width:34px; height:auto;
  border-radius:8px;
  box-shadow:0 0 8px rgba(0,0,0,.6);
}

/* Info de última actualización */
.rankings-update-time{
  text-align:right;
  font-size:11px;
  color:#bfb7ff;
  padding:10px 0;
  opacity:.9;
}

/* ===== RANKINGS TABS / MENÚ ===== */
.rankings_menu{
  width:100%;
  text-align:center;
  margin:14px 0 16px;
}
.rankings_menu span{
  display:inline-block; width:100%;
  padding:10px 0; color:#c9c5ff; font-size:18px;
}

.rankings_menu a{
  display:inline-block;
  min-width:150px;
  padding:8px 12px;
  margin:4px;
  color:#e8e3ff;
  text-decoration:none;
  border-radius:10px;
  background: linear-gradient(145deg, rgba(24,0,48,.85), rgba(64,0,128,.85));
  border:1px solid rgba(155,92,255,.35);
  box-shadow: 0 0 6px rgba(155,92,255,.25) inset, 0 6px 16px rgba(0,0,0,.45);
  transition: transform .18s ease, box-shadow .25s ease, filter .25s ease;
}
.rankings_menu a:hover{
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow: 0 0 10px rgba(155,92,255,.55), 0 0 18px -2px rgba(255,255,255,.18) inset;
}
.rankings_menu a.active{
  color:#fff;
  border-color:#b000ff;
  box-shadow: 0 0 10px #b000ff, 0 0 22px -2px rgba(255,255,255,.18) inset;
}

/* ===== RANKINGS: FILTRO POR CLASE ===== */
.rankings-class-filter{
  display:inline-block;
  list-style:none;
  margin:18px auto;
  padding:10px 16px;
  border-radius:12px;
  background: rgba(10,10,14,.78);
  border:1px solid rgba(155,92,255,.35);
  box-shadow: 0 0 0 1px rgba(155,92,255,.08) inset, 0 14px 32px rgba(0,0,0,.55);
}

.rankings-class-filter li{
  display:inline-block;
  margin:6px 8px;
  transition: transform .2s ease, filter .2s ease;
}
.rankings-class-filter li:hover{
  transform: translateY(-2px);
  filter: brightness(1.12);
}

/* Tarjetita de clase */
.rankings-class-filter-selection{
  display:inline-block;
  width:84px;
  text-align:center;
  color:#e8e3ff;
  font-size:11px;
  cursor:pointer;
}
.rankings-class-filter-selection img{
  width:46px; height:auto;
  border-radius:50%;
  margin-bottom:6px;
  box-shadow: 0 0 10px rgba(0,0,0,.45), 0 0 8px rgba(155,92,255,.35);
  transition: transform .2s ease, filter .2s ease;
}
.rankings-class-filter-selection:hover img{
  transform: scale(1.08);
  filter: brightness(1.15);
}
.rankings-class-filter-grayscale{
  filter: grayscale(100%);
}


/* MY ACCOUNT MODULE */
.myaccount-table {
	width: 100%;
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
}
.myaccount-table tr td:first-child {
	color: #666;
	font-weight: bold;
}
.myaccount-table tr td {
	border-bottom: 1px solid #e3e3e3;
	padding: 15px !important;
}
.myaccount-table tr:last-child td {
	border: 0px;
}

/* GENERAL TABLE UI */
.general-table-ui {
	width: 100%;
	table-layout: fixed;
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
	padding: 10px;
	margin: 10px 0px;
}
.general-table-ui tr td {
	padding: 5px;
	vertical-align: middle !important;
}
.general-table-ui tr:first-child td {
	color: #ff0000;
}
.general-table-ui tr:nth-child(2n+2) td {
	background: #fafafa;
}
.general-table-ui tr td {
	text-align: center;
}
.general-table-ui img {
	width: 50px;
	height: auto;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/* TERMS OF SERVICE PAGE */
.tos_list li {
	color: #aa0000;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 40px;
}
.tos_list li p {
	color: #444;
	text-align: justify;
	text-justify: inter-word;
	text-transform: none;
	padding-right: 35px;
	font-size: 14px;
	font-weight: normal;
}

/* PAYPAL */
.paypal-gateway-container {
	width: 100%;
}

.paypal-gateway-content {
	background: #fef2da;
	border: 3px solid #f79433;
	padding: 15px;
	overflow: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
}

.paypal-gateway-logo {
	width: 100%;
	height: 100px;
	background: #fff9ec url('../img/paypal-logo-200-68.png') no-repeat center;
	background-size: contain;
	margin-bottom: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.paypal-gateway-conversion-rate {
	margin: 0px auto;
	text-align: center;
	color: #000;
	font-size: 18px;
	padding: 10px 0px;
}

.paypal-gateway-form {
	width: 100%;
	margin: 20px auto;
	text-align: center;
}

.paypal-gateway-form div {
	display: inline-block;
	padding: 0px 10px;
	color: #000;
	font-size: 24px;
}

.paypal-gateway-form input[type=text] {
	width: 60px;
	font-size: 24px;
	border: 3px solid #f79433;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #f79433;
}

.paypal-gateway-continue {
	margin: 0px auto;
	text-align: center;
}

.paypal-gateway-continue input[type=submit] {
	background: url('../img/paypal-submit.jpg') no-repeat;
	width: 200px;
	height: 40px;
	border: 0px;
}

.module-requirements {
	font-size: 12px;
	margin-top: 20px;
}

/* SIDEBAR */
.panel-sidebar{
  background: rgba(10,10,14,.78);
  color:#E8E3FF;
  border:1px solid rgba(155,92,255,.35);
  border-radius:8px;
  box-shadow:0 0 0 1px rgba(155,92,255,.08) inset, 0 14px 32px rgba(0,0,0,.55);
  backdrop-filter: blur(6px);
}
.panel-sidebar > .panel-heading{
  background: transparent;
  color:#ffffff;
  border:0;
  border-bottom:3px solid rgba(155,92,255,.35);
  font-family:'PT Sans',sans-serif;
}
.panel-usercp{
  background: url('../img/usercp_bg.jpg') no-repeat top center;
  background-size: cover;
}
.panel-usercp ul{ list-style-type:none; padding:0; margin:0; }
.panel-usercp ul li{ display:table; width:100%; line-height:30px; }
.panel-usercp ul li a{ color:#DDDDFF !important; font-weight:bold; }
.panel-usercp ul li a:hover{ color:#9B5CFF !important; }


.sidebar-banner {
	margin: 20px 0px;
	border: 0px;
}

.sidebar-banner img {
	-moz-box-shadow: 0 0 10px #e3e3e3;
	-webkit-box-shadow: 0 0 10px #e3e3e3;
	box-shadow: 0 0 10px #e3e3e3;
	border: 0px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}

/* GENERAL PANEL STYLING */
/* GENERAL PANEL STYLING */
.panel-general{
  margin-bottom:30px;
  background: rgba(10,10,14,.78);
  border:1px solid rgba(155,92,255,.35);
  border-radius:8px;
  color:#E8E3FF;
  box-shadow:0 0 0 1px rgba(155,92,255,.08) inset, 0 14px 32px rgba(0,0,0,.55);
  backdrop-filter: blur(6px);
}
.panel-body .panel-title{
  color:#FFFFFF;
  font-family:'PT Sans',sans-serif;
  font-size:14px;
  border-bottom:1px solid rgba(155,92,255,.18);
  margin-bottom:20px !important;
  font-weight:bold;
}


/* ADD STATS MODULE */
/* ADD STATS MODULE */
.panel-addstats{
  margin-bottom:30px;
  background: rgba(10,10,14,.78);
  border:1px solid rgba(155,92,255,.35);
  border-radius:8px;
  color:#E8E3FF;
  box-shadow:0 0 0 1px rgba(155,92,255,.08) inset, 0 14px 32px rgba(0,0,0,.55);
  backdrop-filter: blur(6px);
}
.panel-addstats .character-avatar img{
  width:100px; height:auto;
  border-radius:6px;
  box-shadow:0 0 5px rgba(0,0,0,.7);
}
.panel-addstats .character-name{
  color:#FFFFFF;
  font-family:'PT Sans',sans-serif;
  font-size:18px;
  border-bottom:1px solid rgba(155,92,255,.18);
  padding:20px 0;
  margin-bottom:20px !important;
  font-weight:bold;
}


/* DOWNLOADS */
/* DOWNLOADS */
.panel-downloads{
  margin-bottom:30px;
  background: rgba(10,10,14,.78);
  border:1px solid rgba(155,92,255,.35);
  border-radius:8px;
  color:#E8E3FF;
  box-shadow:0 0 0 1px rgba(155,92,255,.08) inset, 0 14px 32px rgba(0,0,0,.55);
  backdrop-filter: blur(6px);
}
.download-description{
  font-size:11px;
  position:relative;
  top:-7px;
  color:#BFB7FF;
}


.online-status-indicator {
	margin-left: 5px;
}

/* WEBENGINE CMS */
.webengine-powered { color: #777 !important; }
.webengine-powered:active, .webengine-powered:hover { color: #ff3214 !important; }

/* GLOBAL TOP BAR */
.global-top-bar {
	width: 100%;
	background: #101010;
	color: #777777;
	padding: 7px 0px 2px 0px;
	text-transform: uppercase;
	font-size: 12px;
}
	.global-top-bar .global-top-bar-content {
		width: 1040px;
		margin: 0px auto;
	}
		.global-top-bar .global-top-bar-content .row {
			margin: 0px;
			padding: 0px;
		}
	.global-top-bar a.logout {
		color: #ff0000 !important;
	}
	.global-top-bar a {
		color: #999999 !important;
	}
	.global-top-bar a:hover {
		color: #ffffff !important;
	}
.global-top-bar-nopadding {
	padding: 0px !important;
}
.global-top-bar-separator {
	padding: 0px 5px;
}

/* LANGUAGE PICKER */
.webengine-language-switcher {
	display: inline-block;
	list-style: none;
	padding: 0px !important;
	margin: 0px !important;
	width: 46px;
	height: 19px;
	overflow: hidden;
	transition: all .3s ease;
}
.webengine-language-switcher:hover {
	width: 400px;
}
	.webengine-language-switcher li {
		display: inline-block;
		list-style-type: none;
		background: #333333;
		padding: 0px 5px 2px 5px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-khtml-border-radius: 3px;
		transition: all .3s ease;
	}
	.webengine-language-switcher li:hover {
		-webkit-filter: brightness(120%);
		filter: brightness(120%);
	}
	.webengine-language-switcher li a {
		color: #999999;
	}
	.webengine-language-switcher li a:hover {
		color: #ffffff !important;
	}

/* WEBSITE LOGO */
.webengine-mu-logo{
  /* NUEVO: tamaño del logo */
  width: 410px;      /* ajusta aquí (mitad, 320px, 380px, etc.) */
  height: auto;      /* mantiene la proporción */

  /* lo que ya tenías */
  transition: all .3s ease;
}
.webengine-mu-logo:hover{
  -webkit-filter: brightness(120%);
  filter: brightness(120%);
}


/* HEADER INFO */
.header-info-container {
	width: 1040px;
	margin: 0px auto;
	text-align: right;
}
	.header-info-container .header-info {
		display: inline-block;
		width: 350px;
		background: rgba(0, 0, 0, 0.3);
		backdrop-filter: blur(5px);
		margin: 0px;
		padding: 20px;
		overflow: auto;
		-moz-box-shadow: 0 0 15px rgba(0,0,0,0.7);
		-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.7);
		box-shadow: 0 0 15px rgba(0,0,0,0.7);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-khtml-border-radius: 5px;
		text-shadow: 1px 1px 3px #000000;
		color: #ffffff;
		border: 1px solid rgba(255,255,255,0.1);
		font-size: 12px;
	}
		.header-info-container .header-info .header-info-block {
			padding: 0px;
			color: #aaaaaa;
		}
		.header-info-container .header-info .header-info-block #tServerTime, .header-info-container .header-info .header-info-block #tLocalTime {
			color: #ffffff;
		}
		.header-info-container .header-info .header-info-block #tServerDate, .header-info-container .header-info .header-info-block #tLocalDate {
			color: #cccccc;
		}
		.header-info-container .header-info .header-info-block .online-count {
			color: #00ff00;
		}
	
/* ONLINE BAR */
.webengine-online-bar {
	width: 100%;
	background: #000000;
	border: 1px solid #555555;
	height: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
	overflow: hidden;
	transition: all .3s ease;
}
	.webengine-online-bar .webengine-online-bar-progress {
		height: 8px;
		background: #00ff00 url('../img/online_progress_bar.jpg') no-repeat left center;
		-webkit-border-radius: 0px 1px 1px 0px;
		-moz-border-radius: 0px 1px 1px 0px;
		-khtml-border-radius: 0px 1px 1px 0px;
		border-radius: 0px 1px 1px 0px;
	}
	.webengine-online-bar:hover {
		-webkit-filter: brightness(120%);
		filter: brightness(120%);
	}

/* MY ACCOUNT CHARACTER LIST */
.myaccount-character-block {
	background: #333;
	border: 1px solid #666;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	margin: 0px auto;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
	.myaccount-character-block img {
		width: 100px;
		height: auto;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px #000;
		box-shadow: 0 0 5px #000;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
		.myaccount-character-block img:hover {
			-webkit-filter: brightness(120%);
			filter: brightness(120%);
		}
.myaccount-character-block-location {
	font-size: 12px;
	color: #000;
	margin-bottom: 20px;
	margin-top: 2px;
	line-height: 1.2;
}
.myaccount-character-block-level {
	position: relative;
	top: -77px;
	display: inline-block;
	background: rgba(0,0,0,0.5);
	padding: 0px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 10px;
}
.myaccount-character-name a {
	font-weight: bold;
	color: #000;
	font-size: 16px;
}

/* RANKINGS FILTER BY CLASS */

.rankings-class-filter {
	display: inline-block;
	list-style-type: none;
	margin: 20px auto;
	padding: 10px 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
}

	.rankings-class-filter li {
		display: inline-block;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		margin-bottom: 10px;
	}
	
	.rankings-class-filter li:hover {
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
	}

.rankings-class-filter-selection {
	display: inline-block;
	width: 75px;
	text-align: center;
	color: #000000;
	font-size: 11px;
	cursor: pointer;
}

	.rankings-class-filter-selection:hover {
		color: #000000 !important;
	}

	.rankings-class-filter-selection:hover img {
		-webkit-filter: brightness(120%);
		filter: brightness(120%);
	}

.rankings-class-filter-selection img {
	width: 40px;
	height: auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-khtml-border-radius: 50%;
	margin-bottom: 5px;
	-moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
}

.rankings-class-filter-grayscale {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
/* ==== AMETHYST — GRID MERCADO FLEX ==== */
.amx-market-grid{
  display:flex;
  flex-wrap:wrap;
  gap:14px;                 /* separación entre tarjetas */
  align-items:stretch;
}

.amx-market-item{
  flex: 1 1 calc(33.333% - 14px);   /* 3 columnas dentro del 66.66% */
  max-width: calc(33.333% - 14px);
  box-sizing: border-box;
  float: none !important;            /* neutraliza floats antiguos */
}

/* ===== MARKET GRID: universal, no invade el sidebar ===== */

/* Contenedores de grilla usados por distintos módulos */
#content > .col-xs-8 .itemsventas-container,
#content > .col-xs-8 .market-grid,
#content > .col-xs-8 .amx-market-grid{
  /* ocupar 100% de la columna izquierda (no 90%) */
  width: 100% !important;
  margin: 20px 0 !important;

  /* grilla adaptable que nunca “empuja” al sidebar */
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 18px !important;

  /* por si algún módulo viejo tenía floats */
  clear: both;
  box-sizing: border-box;
}

/* Tarjetas de ítems (cubre varias clases posibles) */
#content > .col-xs-8 .item-box,
#content > .col-xs-8 .market-card,
#content > .col-xs-8 .amx-market-item{
  /* permitir que la tarjeta se achique dentro de la grilla */
  min-width: 0 !important;
  float: none !important;
  box-sizing: border-box;
}

/* Ajustes finos responsivos */
@media (max-width: 1200px){
  #content > .col-xs-8 .itemsventas-container,
  #content > .col-xs-8 .market-grid,
  #content > .col-xs-8 .amx-market-grid{
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  }
}
@media (max-width: 900px){
  #content > .col-xs-8 .itemsventas-container,
  #content > .col-xs-8 .market-grid,
  #content > .col-xs-8 .amx-market-grid{
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
  }
}

/* Por si algún módulo mete overflow horizontal accidental */
#content > .col-xs-8{ overflow: hidden; }

/* Nombres largos no rompen el layout */
#content > .col-xs-8 .item-box .item-name,
#content > .col-xs-8 .market-card .item-name,
#content > .col-xs-8 .amx-market-item .item-name{
  overflow-wrap: anywhere;
  word-break: break-word;
}
/* ====== AMETHYST MESSAGES — CENTERED STACK ====== */
:root{
  --amx-glass: rgba(20,12,36,.92);
  --amx-border: rgba(155,92,255,.38);
  --amx-border-soft: rgba(155,92,255,.18);
  --amx-focus: rgba(155,92,255,.32);
  --amx-txt: #E8E3FF;
  --amx-muted:#BFB7FF;

  /* per-type */
  --amx-succ-1:#00d492; --amx-succ-2:#008a63;
  --amx-info-1:#00aaff; --amx-info-2:#0066ff;
  --amx-warn-1:#ffc300; --amx-warn-2:#ff8c00;
  --amx-err-1:#ff5c9a;  --amx-err-2:#ff3366;
}

/* Stack centrado + scrim */
#we-toastScrim{
  position:fixed; inset:0; background:rgba(0,0,0,.42);
  backdrop-filter: blur(1.5px); -webkit-backdrop-filter: blur(1.5px);
  z-index: 99990; display:none;
}
#we-toastScrim.show{ display:block; }

#we-toastStack{
  position: fixed;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  width: min(560px, 92vw);
  max-height: calc(100vh - 160px);
  display: flex; flex-direction: column; gap: 12px;
  overflow: hidden auto;
  z-index: 100000;
  pointer-events: none; /* los hijos sí reciben eventos */
}

/* Base compatible (.alert / .message) */
.alert, .message, .webengine-message{
  position: relative;
  margin: 0;
  padding: 14px 16px 16px 58px; /* deja sitio al icono */
  color: var(--amx-txt);
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(155,92,255,.12), transparent 55%),
    linear-gradient(145deg, rgba(24,0,48,.88), rgba(64,0,128,.90));
  border: 1px solid var(--amx-border);
  border-radius: 14px;
  box-shadow:
    0 0 0 1px rgba(155,92,255,.08) inset,
    0 18px 36px rgba(0,0,0,.60);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  line-height: 1.35;
  pointer-events: auto;
  overflow: hidden;
}

/* Borde lateral brillo */
.alert::before, .message::before{
  content:'';
  position:absolute; left:0; top:0; bottom:0; width:4px;
  background: linear-gradient(180deg,#b000ff,#5200ff);
  box-shadow: 0 0 10px #b000ff66;
}

/* Icono circular */
.we-icon{
  position:absolute; left:12px; top:12px;
  width:32px; height:32px; border-radius:10px;
  display:grid; place-items:center;
  color:#0e0b16; font-weight:900;
  background: linear-gradient(135deg,#b000ff,#5200ff);
  box-shadow: 0 0 12px #b000ff66, inset 0 0 10px rgba(255,255,255,.15);
  text-shadow:none;
}

/* Tipos: colores del icono y barra */
.alert-success .we-icon{ background: linear-gradient(135deg,var(--amx-succ-1),var(--amx-succ-2)); }
.alert-info    .we-icon{ background: linear-gradient(135deg,var(--amx-info-1),var(--amx-info-2)); }
.alert-warning .we-icon{ background: linear-gradient(135deg,var(--amx-warn-1),var(--amx-warn-2)); color:#2a1d00; }
.alert-danger  .we-icon,
.alert-error   .we-icon,
.message.error .we-icon{ background: linear-gradient(135deg,var(--amx-err-1),var(--amx-err-2)); }

/* Cierre */
.alert .close, .message .close, .we-alert-close{
  position:absolute; top:8px; right:8px;
  width:28px; height:28px; border-radius:8px;
  display:inline-flex; align-items:center; justify-content:center;
  color:#fff; background:rgba(255,255,255,.08);
  border:1px solid var(--amx-border-soft);
  cursor:pointer; font-weight:700; line-height:1; opacity:1;
  transition: transform .18s ease, filter .25s ease, background .25s ease;
}
.alert .close:hover, .we-alert-close:hover{ transform:scale(1.06); filter:brightness(1.1); }

/* Barra de tiempo (autocierre) */
.we-timebar{
  position:absolute; left:0; right:0; bottom:0; height:3px;
  background: linear-gradient(90deg,#b000ff,#5200ff,#b000ff);
  transform-origin:left center; transform: scaleX(1);
  animation: weTimer var(--we-timeout, 6500ms) linear forwards;
  box-shadow: 0 0 8px #b000ff80;
}
.alert-success .we-timebar{ background: linear-gradient(90deg,var(--amx-succ-1),var(--amx-succ-2)); }
.alert-info    .we-timebar{ background: linear-gradient(90deg,var(--amx-info-1),var(--amx-info-2)); }
.alert-warning .we-timebar{ background: linear-gradient(90deg,var(--amx-warn-1),var(--amx-warn-2)); }
.alert-danger  .we-timebar,
.alert-error   .we-timebar{ background: linear-gradient(90deg,var(--amx-err-1),var(--amx-err-2)); }

@keyframes weTimer{ to{ transform: scaleX(0); } }

/* Entrada/Salida centro */
.we-toast{ animation: weToastInCenter .22s ease-out both; }
.we-toast.hide{ animation: weToastOutCenter .24s ease-in both; }
@keyframes weToastInCenter{ from{opacity:0;transform:scale(.96)} to{opacity:1;transform:scale(1)} }
@keyframes weToastOutCenter{ to{opacity:0;transform:scale(.96)} }

/* Titulares opcionales */
.we-title{ font-weight:800; margin:0 0 4px; color:#fff; }
.we-text{ color: var(--amx-txt); }
.we-muted{ color: var(--amx-muted); font-size:12px; }

/* Responsive */
@media (max-width:520px){
  #we-toastStack{ width:min(480px,94vw); max-height: calc(100vh - 110px); }
}
/* Scroll suave global + margen de ancla si fuese usado directamente */
html{ scroll-behavior: smooth; }
#moduleTopAnchor{ scroll-margin-top: 90px; }

/* === AmethystMU - EventsSchedule Panel (Events + Invasions) === */
.amt-es-panel {
  margin-bottom: 18px;
  padding: 14px 18px;
  border-radius: 14px;
  background: radial-gradient(circle at top left,
    rgba(174, 92, 255, 0.25),
    rgba(10, 10, 25, 0.95));
  border: 1px solid rgba(162, 118, 255, 0.55);
  box-shadow:
    0 0 22px rgba(140, 90, 255, 0.55),
    0 0 40px rgba(0, 240, 255, 0.18);
  color: #f5efff;
  overflow: hidden;
}

.amt-es-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 14px;
  margin-bottom: 10px;
}

.amt-es-title-wrapper {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.amt-es-title {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 700;
  color: #ffffff;
}

.amt-es-tabs {
  display: flex;
  gap: 6px;
}

.amt-es-tab-button {
  border: 0;
  outline: 0;
  cursor: pointer;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  background: rgba(21, 13, 60, 0.9);
  color: #d6c9ff;
  transition: background 0.15s ease-out, color 0.15s ease-out, box-shadow 0.15s ease-out;
}

.amt-es-tab-button.is-active {
  background: linear-gradient(90deg, #6e3cff, #ff00ff);
  color: #ffffff;
  box-shadow: 0 0 11px rgba(130, 80, 255, 0.9);
}

.amt-es-body {
  border-radius: 10px;
  background: rgba(5, 5, 18, 0.80);
  border: 1px solid rgba(96, 73, 180, 0.7);
  overflow: hidden;
  padding: 10px 10px 8px;
}

.amt-es-tab-content {
  display: none;
}

.amt-es-tab-content.is-active {
  display: block;
}

.amt-es-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.amt-es-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 6px;
  font-size: 11px;
  border-bottom: 1px solid rgba(37, 29, 80, 0.85);
}

.amt-es-item:last-child {
  border-bottom: none;
}

.amt-es-item:nth-child(odd) {
  background: rgba(17, 16, 40, 0.85);
}

.amt-es-item:nth-child(even) {
  background: rgba(12, 11, 32, 0.85);
}

.amt-es-item-name {
  font-weight: 600;
  color: #f6f0ff;
}

.amt-es-item-time {
  font-size: 10px;
  opacity: 0.85;
  color: #9fd9ff;
  margin-left: 8px;
}

.amt-es-empty {
  font-size: 11px;
  opacity: 0.85;
  padding: 4px 6px;
}
/* === Wrapper fijo para EventsSchedule (lado izquierdo) === */
#amt-es-fixed-wrapper {
  position: fixed;
  left: 15px;
  top: 280px;
  z-index: 9500;
  width: 310px;
}

#amt-es-fixed-wrapper .amt-es-panel {
  margin-bottom: 0;
}

/* === Wrapper fijo para TrendingEvents (lado derecho) === */
#amt-tr-fixed-wrapper {
  position: fixed;
  right: 15px;
  top: 280px;
  z-index: 9500;
  width: 310px;
}

#amt-tr-fixed-wrapper .amt-tr-panel {
  margin-bottom: 0;
}

/* Responsive: en móvil solo mostramos el de la izquierda centrado (evitamos solapes) */
@media (max-width: 991px) {
  #amt-es-fixed-wrapper {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: auto;
    bottom: 10px;
    width: 90%;
  }

  #amt-tr-fixed-wrapper {
    display: none;
  }
  /* Barra de botones sociales (WhatsApp / TikTok) */
.amx-social-bar {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start; /* o center/right según dónde lo pongas */
    margin-top: 10px; /* ajusta según el sitio donde vaya */
}

.amx-social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.amx-social-btn img {
    display: block;
    max-height: 40px;   /* ajusta el tamaño del botón */
    width: auto;
    transition: transform 0.15s ease, filter 0.15s ease;
}

.amx-social-btn:hover img {
    transform: scale(1.05);
    filter: brightness(1.2);
}

}
/* === AmethystMU · Cursor global (fallback PNG) === */
html, body {
    cursor: url('/templates/default/assets/cursor/amethystcursor.png') 0 0, auto;
}

a,
button,
input[type="button"],
input[type="submit"],
[role="button"] {
    cursor: url('/templates/default/assets/cursor/amethystcursor.png') 0 0, pointer;
}
a,
button,
input[type="button"],
input[type="submit"],
[role="button"],
.amx-btn,
.btn {
    cursor: url('/templates/default/assets/cursor/amethysthand.png') 6 2, pointer;
}