/*!
    
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 * Licensed under the MIT license
 * http://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;
}

/* No forzar color en todos los hover globales (solo quitamos el subrayado) */
a:focus,
a:hover{
  text-decoration: none !important;
}

/* Para el navbar y auth: el color y fondo los mandamos nosotros */
#navbar ul li a:hover,
.amx-menu a:hover,
.amx-auth a:hover,
.amx-auth .amx-btn:hover{
  color:#fff !important; /* el texto sí debe ponerse blanco en hover */
}


.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: #f1f1f1;
    border: 1px solid #e3e3e3;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #ff0000;
}

.btn-primary {
    color: #3f6588;
    background-color: transparent;
	border-color: #3f6588;
	-moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    color: #fff !important;
    background-color: #3f6588 !important;
	border-color: #3f6588 !important;
}

.form-horizontal .control-label {
	text-align: left !important;
}
/* ===========================
   AMETHYST – override.css
   =========================== */

/* ------- Variables de tema ------- */
:root{
  /* Botones tipo “píldora” (navbar) */
  --amx-pill-fg:#ffffff;
  --amx-pill-bd:rgba(255,255,255,.12);
  --amx-pill-bg-alpha:rgba(255,255,255,.04);  /* base igual a Logout */
  --amx-pill-hover:#9b5cff;                    /* morado hover */
  --amx-pill-hover-bd:#9b5cff;
  --amx-pill-radius:12px;
  --amx-pill-fs:11px;      /* ← tamaño de texto global de los botones navbar */
  --amx-pill-pad-y:4px;    /* ← alto */
  --amx-pill-pad-x:8px;    /* ← ancho */
}

/* ------- Fondo global full-screen ------- */
html, body{ height:100%; }
body.bg-full{
  background:#000 url('../img/background.jpg') center top / cover no-repeat fixed;
}
@media (max-width:991px){
  body.bg-full{ background-attachment:scroll; }
}

/* ------- Navbar ultra-fina ------- */
.bg-navbar{ background:#000; }
@media (min-width:992px){
  .bg-navbar{ background:linear-gradient(rgba(0,0,0,1),rgba(0,0,0,.9),rgba(0,0,0,.9)); }
}
.amx-nav{
  position:sticky; top:0; z-index:1000;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.amx-nav .amx-nav-inner{
  max-width:1140px;
  margin:0 auto;
  padding:3px 8px;
  min-height:34px;
  display:flex; align-items:center; gap:6px;
}

/* Logo navbar (izquierda) */
.amx-logo{ display:inline-flex; align-items:center; margin-right:4px; }
.amx-logo img{ height:18px; width:auto; filter:drop-shadow(0 0 3px rgba(155,92,255,.28)); }

/* Menú generado por WebEngine (izquierda) */
.amx-menu{
  flex:1 1 auto; display:flex; align-items:center; justify-content:flex-start;
  min-width:0; overflow:auto; white-space:nowrap; -ms-overflow-style:none; scrollbar-width:none;
}
.amx-menu::-webkit-scrollbar{ display:none; }
.amx-menu > ul,
.amx-menu .nav,
.amx-menu .navbar-nav{
  list-style:none; margin:0; padding:0;
  display:flex; align-items:center; gap:4px; float:none !important;
}
.amx-menu li{ display:inline-flex; align-items:center; }

/* Acciones (derecha): UserCP / Logout / Login / Register */
.amx-auth{
  margin-left:auto;
  display:flex; align-items:center; gap:6px;
}

/* === LOOK UNIFICADO PARA TODOS LOS BOTONES DE LA BARRA (izq + der) === */
#navbar .navbar-nav > li > a,
#navbar .nav > li > a,
.amx-menu a,
.amx-auth a,
.amx-auth .amx-btn{
  display:inline-block;
  font-size:var(--amx-pill-fs) !important;
  line-height:1 !important;
  padding:var(--amx-pill-pad-y) var(--amx-pill-pad-x) !important;
  border-radius:var(--amx-pill-radius) !important;
  font-weight:800 !important;
  color:var(--amx-pill-fg) !important;
  background:var(--amx-pill-bg-alpha) !important;  /* mismo look que Logout */
  border:1px solid var(--amx-pill-bd) !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  transition:background .16s ease, border-color .16s ease, color .16s ease, transform .08s ease !important;
}
#navbar .navbar-nav > li > a:hover,
#navbar .nav > li > a:hover,
.amx-menu a:hover,
.amx-auth a:hover,
.amx-auth .amx-btn:hover{
  background:var(--amx-pill-hover) !important;
  border-color:var(--amx-pill-hover-bd) !important;
  color:#fff !important;
}
#navbar .navbar-nav > li > a:active,
#navbar .nav > li > a:active,
.amx-menu a:active,
.amx-auth a:active,
.amx-auth .amx-btn:active{
  transform: translateY(1px);
}
/* Cualquier botón “danger” se unifica al mismo look */
.amx-danger{
  background:var(--amx-pill-bg-alpha) !important;
  border-color:var(--amx-pill-bd) !important;
  color:var(--amx-pill-fg) !important;
}
.amx-danger:hover{
  background:var(--amx-pill-hover) !important;
  border-color:var(--amx-pill-hover-bd) !important;
  color:#fff !important;
}

/* Responsive compacto */
@media (max-width:768px){
  .amx-nav .amx-nav-inner{ padding:3px 6px; min-height:32px; }
  .amx-logo img{ height:17px; }
  .amx-menu > ul, .amx-menu .nav, .amx-menu .navbar-nav{ gap:3px; }
  #navbar .navbar-nav > li > a,
  #navbar .nav > li > a,
  .amx-menu a,
  .amx-auth a,
  .amx-auth .amx-btn{
    font-size:10.8px !important;
    padding:3.5px 7px !important;
    border-radius:11px !important;
  }
}

/* ------- Módulos oscuros estilo “Amethyst futurista” ------- */
#header,
#container,
#content,
.header-info-container,
.header-info,
.header-info-block{
  background:transparent !important;
  box-shadow:none !important;
}
.amx-block,
.panel,
.panel-body,
.well,
.jumbotron,
.module,
.content-box,
.box{
  background: rgba(0,0,0,0.88) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
  box-shadow:
    0 0 0 1px rgba(155,92,255,.06) inset,
    0 6px 24px rgba(0,0,0,0.45) !important;
  color:#eaeaea !important;
}
.panel-heading,
.panel-footer{
  background: rgba(0,0,0,0.92) !important;
  border-color: rgba(255,255,255,0.10) !important;
  color:#fff !important;
}
.amx-block a,
.panel a{ color:#b9a5ff; }
.amx-block a:hover,
.panel a:hover{ color:#ffffff; }

/* Tablas en oscuro legibles */
.amx-block table,
.panel table{ background:transparent; color:#eaeaea; }
.amx-block table thead tr,
.panel table thead tr{ background: rgba(255,255,255,0.06); color:#fff; }
.amx-block table tr:nth-child(even),
.panel table tr:nth-child(even){ background: rgba(255,255,255,0.03); }

/* Formularios oscuros */
.amx-block .form-control,
.panel .form-control{
  background:#0b0b0b !important;
  border:1px solid rgba(255,255,255,0.15) !important;
  color:#fff !important;
}
.amx-block .form-control:focus,
.panel .form-control:focus{
  border-color:#a971ff !important;
  box-shadow:0 0 0 2px rgba(169,113,255,0.25) !important;
}

/* ------- Logo central (header) más grande ------- */
#header{ text-align:center; padding:22px 0 8px; background:transparent; }
.webengine-mu-logo{
  display:inline-block; width:auto; height:auto; max-height:330px;
  filter: drop-shadow(0 0 12px rgba(155,92,255,.35));
}
@media (min-width:1200px){ .webengine-mu-logo{ max-height:370px; } }
@media (max-width:991px){ .webengine-mu-logo{ max-height:290px; } }
@media (max-width:575px){ .webengine-mu-logo{ max-height:260px; } }

/* ------- Oculta la top bar original del theme ------- */
.global-top-bar, .global-top-bar *{
  display:none !important; height:0 !important; margin:0 !important;
  padding:0 !important; border:0 !important; visibility:hidden !important; opacity:0 !important;
}
/* ===========================
   AMETHYST – Hard override navbar clásico
   =========================== */

/* Variables del look (puedes ajustar aquí tamaño y paddings) */
:root{
  --amx-pill-fs:11px;                     /* tamaño de letra */
  --amx-pill-pad-y:4px;                   /* alto interno */
  --amx-pill-pad-x:8px;                   /* ancho interno */
  --amx-pill-radius:12px;
  --amx-pill-fg:#ffffff;                  /* texto base */
  --amx-pill-bg:rgba(255,255,255,.04);    /* fondo base (Logout) */
  --amx-pill-bd:rgba(255,255,255,.12);    /* borde base */
  --amx-pill-hover:#9b5cff;               /* morado hover */
}

/* Aplica a TODO ítem del menú generado por WebEngine (izquierda) */
#navbar ul li a,
#navbar .navbar-nav > li > a,
#navbar .nav > li > a,
.amx-menu a{
  font-size:var(--amx-pill-fs) !important;
  line-height:1 !important;
  padding:var(--amx-pill-pad-y) var(--amx-pill-pad-x) !important;
  border-radius:var(--amx-pill-radius) !important;
  font-weight:800 !important;
  text-transform:none !important;
  color:var(--amx-pill-fg) !important;
  background:var(--amx-pill-bg) !important;
  border:1px solid var(--amx-pill-bd) !important;
  white-space:nowrap !important;
  transition:background .16s ease, border-color .16s ease, color .16s ease, transform .08s ease !important;
}

/* Aplica el mismo look a UserCP / Logout (derecha) */
.amx-auth a,
.amx-auth .amx-btn{
  font-size:var(--amx-pill-fs) !important;
  line-height:1 !important;
  padding:var(--amx-pill-pad-y) var(--amx-pill-pad-x) !important;
  border-radius:var(--amx-pill-radius) !important;
  font-weight:800 !important;
  color:var(--amx-pill-fg) !important;
  background:var(--amx-pill-bg) !important;
  border:1px solid var(--amx-pill-bd) !important;
}

/* Hover morado (izquierda y derecha) */
#navbar ul li a:hover,
#navbar .navbar-nav > li > a:hover,
#navbar .nav > li > a:hover,
.amx-menu a:hover,
.amx-auth a:hover,
.amx-auth .amx-btn:hover{
  background:var(--amx-pill-hover) !important;
  border-color:var(--amx-pill-hover) !important;
  color:#fff !important;
}

/* Active: pequeña presión */
#navbar ul li a:active,
.amx-menu a:active,
.amx-auth a:active,
.amx-auth .amx-btn:active{
  transform: translateY(1px);
}

/* Responsive compacto */
@media (max-width:768px){
  :root{
    --amx-pill-fs:10.8px;
    --amx-pill-pad-y:3.5px;
    --amx-pill-pad-x:7px;
    --amx-pill-radius:11px;
  }
}
/* ===========================
   AMETHYST – refuerzo de estilos (bordes + glow)
   =========================== */

/* 1) Unifica TODOS los “paneles” del theme a oscuro + borde suave
      (ganamos por especificidad y con !important) */
.panel,
.panel-news,
.panel-general,
.panel-addstats,
.panel-downloads,
.panel-sidebar,
.panel .panel-body,
.panel-news .panel-body,
.panel-general .panel-body,
.panel-addstats .panel-body,
.panel-downloads .panel-body,
.panel-sidebar .panel-body,
.well,
.jumbotron,
.module,
.content-box,
.box {
  background: rgba(0,0,0,0.88) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: #eaeaea !important;
  border-radius: 12px !important;
  box-shadow:
    0 0 0 1px rgba(155,92,255,.06) inset,
    0 8px 28px rgba(0,0,0,0.55) !important;
}

/* Cabeceras y pies de panel en oscuro */
.panel-heading,
.panel-footer {
  background: rgba(0,0,0,0.92) !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: #fff !important;
}

/* 2) Bloque “futurista Amethyst” para lo que envuelvas con .amx-block */
.amx-block {
  position: relative;
  background: rgba(0,0,0,0.88) !important;
  color: #eaeaea !important;
  border: 1px solid rgba(155,92,255,0.28) !important;      /* borde visible */
  border-radius: 12px !important;
  padding: 16px !important;
  box-shadow:
    0 0 0 1px rgba(155,92,255,.10) inset,                   /* contorno interno */
    0 10px 32px rgba(0,0,0,.60),                            /* sombra base */
    0 0 24px rgba(155,92,255,.18) !important;               /* glow amethyst */
}

/* Sutil brillo superior para “futurista” */
.amx-block::after {
  content: "";
  position: absolute;
  left: 12px; right: 12px; top: 8px; height: 1px;
  background: linear-gradient(90deg,
              rgba(155,92,255,.0) 0%,
              rgba(155,92,255,.35) 50%,
              rgba(155,92,255,.0) 100%);
  pointer-events: none;
}

/* Enlaces dentro de bloques oscuros */
.amx-block a,
.panel a { color:#b9a5ff !important; }
.amx-block a:hover,
.panel a:hover { color:#ffffff !important; }

/* Formularios oscuros dentro de bloques */
.amx-block .form-control,
.panel .form-control {
  background: #0b0b0b !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #fff !important;
}
.amx-block .form-control:focus,
.panel .form-control:focus {
  border-color: #a971ff !important;
  box-shadow: 0 0 0 2px rgba(169,113,255,0.25) !important;
}

/* 3) El navbar del theme usa #navbar ul li a. Los igualamos al “Logout”:
      pill oscuro, borde, y hover morado. */
#navbar ul li a,
.amx-menu a,
#navbar .nav > li > a,
#navbar .navbar-nav > li > a,
.amx-auth a,
.amx-auth .amx-btn {
  display: inline-block;
  font-size: 11px !important;
  line-height: 1 !important;
  padding: 4px 8px !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  background: rgba(255,255,255,.04) !important;            /* base pill oscura */
  border: 1px solid rgba(255,255,255,.12) !important;      /* borde visible */
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .08s ease !important;
}

#navbar ul li a:hover,
.amx-menu a:hover,
#navbar .nav > li > a:hover,
#navbar .navbar-nav > li > a:hover,
.amx-auth a:hover,
.amx-auth .amx-btn:hover {
  background: #9b5cff !important;        /* hover morado */
  border-color: #9b5cff !important;
  color: #fff !important;
}

#navbar ul li a:active,
.amx-menu a:active,
#navbar .nav > li > a:active,
#navbar .navbar-nav > li > a:active,
.amx-auth a:active,
.amx-auth .amx-btn:active {
  transform: translateY(1px);
}

/* 4) Fondo global fullscreen (por si el theme lo pisa) */
html, body { height: 100%; }
body.bg-full {
  background: #000 url('../img/background.jpg') center top / cover no-repeat fixed !important;
}
@media (max-width:991px){ body.bg-full { background-attachment: scroll !important; } }

/* 5) Asegura que los contenedores no tapen el fondo y se integren en oscuro */
#header,
#container,
#content,
.header-info-container,
.header-info,
.header-info-block {
  background: transparent !important;
  box-shadow: none !important;
}

/* 6) Responsive compacto */
@media (max-width:768px){
  #navbar ul li a,
  .amx-menu a,
  #navbar .nav > li > a,
  #navbar .navbar-nav > li > a,
  .amx-auth a,
  .amx-auth .amx-btn {
    font-size: 10.8px !important;
    padding: 3.5px 7px !important;
    border-radius: 11px !important;
  }
}
/* ===========================================
   AMETHYST ULTRA-NEÓN – PACK SIN SCROLL
   (pegar al final de override.css)
   =========================================== */

/* ===== Hardening global contra desbordes ===== */
html, body{
  height:100%;
  overflow-x:hidden;              /* evita scroll horizontal por animaciones */
}

/* ===== Variables globales ===== */
:root{
  --amx-neon:#9b5cff;             /* morado principal */
  --amx-neon-2:#b488ff;           /* morado claro */
  --amx-neon-3:#5c2cff;           /* morado profundo */
  --amx-neon-txt:#ffffff;         /* texto */

  --amx-neon-bg:rgba(0,0,0,.88);  /* fondo módulos */
  --amx-neon-bd:rgba(155,92,255,.76);

  --amx-pill-fs:11px;
  --amx-pill-pad-y:6px;
  --amx-pill-pad-x:10px;
  --amx-pill-radius:12px;
}

/* ====== NAVBAR con “respiración” neón (sin overflow) ====== */
#navbar,
.amx-nav.bg-navbar{
  position:sticky; top:0; z-index:1000;
  background:rgba(0,0,0,.75);
  backdrop-filter: blur(6px);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:
    0 6px 24px rgba(0,0,0,.6),
    0 0 18px rgba(155,92,255,.18);
  animation:amxNavBreath 4.4s ease-in-out infinite;
  overflow:hidden;                                /* <- clave: nada se sale */
}

/* Subrayado neón animado con background-pan (no translate) */
#navbar::after,
.amx-nav.bg-navbar::after{
  content:"";
  position:absolute; left:0; right:0; bottom:-2px; height:2px;
  background:linear-gradient(90deg,
    rgba(155,92,255,0) 0%,
    rgba(155,92,255,.0) 10%,
    rgba(155,92,255,.7) 45%,
    rgba(180,136,255,.95) 50%,
    rgba(155,92,255,.7) 55%,
    rgba(155,92,255,.0) 90%,
    rgba(155,92,255,0) 100%);
  background-size:200% 100%;                      /* pan suave */
  filter:blur(1px);
  pointer-events:none;
  animation:amxBorderPan 6.2s linear infinite;    /* NO mueve el elemento */
}

/* Contenedor interno fino */
.amx-nav .amx-nav-inner{
  max-width:1140px; margin:0 auto;
  padding:3px 8px; min-height:34px;
  display:flex; align-items:center; gap:6px;
}

/* Logo izquierda */
.amx-logo{ display:inline-flex; align-items:center; margin-right:4px; }
.amx-logo img{ height:18px; width:auto; filter:drop-shadow(0 0 3px rgba(155,92,255,.28)); }

/* Menú izquierda (scroll interno si hay muchos items) */
.amx-menu{
  flex:1 1 auto; display:flex; align-items:center; justify-content:flex-start;
  min-width:0; overflow:auto; white-space:nowrap; -ms-overflow-style:none; scrollbar-width:none;
}
.amx-menu::-webkit-scrollbar{ display:none; }
.amx-menu > ul, .amx-menu .nav, .amx-menu .navbar-nav{
  list-style:none; margin:0; padding:0;
  display:flex; align-items:center; gap:4px; float:none !important;
}
.amx-menu li{ display:inline-flex; align-items:center; }

/* Acciones derecha */
.amx-auth{
  margin-left:auto; display:flex; align-items:center; gap:6px;
}

/* ====== Botones unificados (menú izq + auth der) ====== */
#navbar ul li a,
.amx-menu a,
#navbar .nav > li > a,
#navbar .navbar-nav > li > a,
.amx-auth a,
.amx-auth .amx-btn{
  display:inline-block;
  color:var(--amx-neon-txt) !important;
  font-weight:800 !important;
  font-size:var(--amx-pill-fs) !important;
  line-height:1 !important;
  padding:var(--amx-pill-pad-y) var(--amx-pill-pad-x) !important;
  border-radius:var(--amx-pill-radius) !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  transition:
    background .14s ease,
    border-color .14s ease,
    color .14s ease,
    box-shadow .12s ease,
    transform .08s ease !important;
}

#navbar ul li a:hover,
.amx-menu a:hover,
#navbar .nav > li > a:hover,
#navbar .navbar-nav > li > a:hover,
.amx-auth a:hover,
.amx-auth .amx-btn:hover{
  background:linear-gradient(180deg, var(--amx-neon), var(--amx-neon-3)) !important;
  border-color:var(--amx-neon) !important;
  color:#fff !important;
  text-shadow:0 0 6px rgba(255,255,255,.45), 0 0 18px rgba(255,255,255,.20);
  box-shadow:
    0 0 0 1px rgba(155,92,255,.55),
    0 0 12px rgba(155,92,255,.8),
    0 0 26px rgba(155,92,255,.55),
    0 0 52px rgba(155,92,255,.38) !important;
  transform:translateY(-1px) scale(1.02);
}

#navbar ul li a:active,
.amx-menu a:active,
#navbar .nav > li > a:active,
#navbar .navbar-nav > li > a:active,
.amx-auth a:active,
.amx-auth .amx-btn:active{
  transform:translateY(0); box-shadow:none !important;
}

#navbar ul li a:focus,
.amx-menu a:focus,
#navbar .nav > li > a:focus,
#navbar .navbar-nav > li > a:focus,
.amx-auth a:focus,
.amx-auth .amx-btn:focus{
  outline:2px solid rgba(155,92,255,.55);
  outline-offset:2px;
}

/* ====== Módulos/Páneles ultra-neón (sin crear scroll) ====== */
.amx-block,
.panel,
.panel-news,
.panel-general,
.panel-addstats,
.panel-downloads,
.panel-sidebar,
.module,
.content-box,
.box{
  position:relative;
  background:var(--amx-neon-bg) !important;
  color:#eaeaea !important;
  border:1px solid var(--amx-neon-bd) !important;
  border-radius:14px !important;
  box-shadow:
    0 0 0 1px rgba(155,92,255,.12) inset,
    0 18px 42px rgba(0,0,0,.65),
    0 0 32px rgba(155,92,255,.35),
    0 0 64px rgba(155,92,255,.22) !important;
  overflow:hidden;                                /* <- clave: recorta halos */
  isolation:isolate;
}

/* Halo anular animado contenido dentro (inset:0, sin negativos) */
.amx-block::before,
.panel::before,
.panel-news::before,
.panel-general::before,
.panel-addstats::before,
.panel-downloads::before,
.panel-sidebar::before,
.module::before,
.content-box::before,
.box::before{
  content:"";
  position:absolute; inset:0; border-radius:inherit;    /* no se sale */
  background:conic-gradient(
    from 0deg,
    rgba(155,92,255,.0) 0%,
    rgba(155,92,255,.5) 22%,
    rgba(180,136,255,.82) 35%,
    rgba(92,44,255,.5) 48%,
    rgba(155,92,255,.0) 60%,
    rgba(155,92,255,.0) 100%
  );
  filter:blur(10px);
  opacity:.85; z-index:-1;
  animation:amxBorderFlow 6.5s linear infinite;
  pointer-events:none;
}

/* Halo ambiental (inset:0, blur contenido) */
.amx-block::after,
.panel::after,
.panel-news::after,
.panel-general::after,
.panel-addstats::after,
.panel-downloads::after,
.panel-sidebar::after,
.module::after,
.content-box::after,
.box::after{
  content:"";
  position:absolute; inset:0; border-radius:inherit;    /* contenido */
  background:radial-gradient(60% 60% at 50% 50%,
      rgba(155,92,255,.20) 0%,
      rgba(155,92,255,.10) 35%,
      rgba(155,92,255,.05) 60%,
      transparent 100%);
  filter:blur(14px);
  opacity:.55; z-index:-2;
  animation:amxPulse 3.4s ease-in-out infinite;
  pointer-events:none;
}

/* Cabeceras/pies coherentes */
.panel-heading, .panel-footer{
  background:rgba(0,0,0,.94) !important;
  border-color:rgba(155,92,255,.45) !important;
  color:#fff !important;
  box-shadow:0 0 18px rgba(155,92,255,.18) inset;
}

/* Formularios oscuros en módulos */
.amx-block .form-control,
.panel .form-control{
  background:#0b0b0b !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:#fff !important;
  border-radius:10px !important;
  transition:border-color .12s ease, box-shadow .12s ease;
}
.amx-block .form-control:focus,
.panel .form-control:focus{
  border-color:#b488ff !important;
  box-shadow:0 0 0 3px rgba(169,113,255,.28) !important;
}

/* ===== Animaciones optimizadas ===== */
@keyframes amxNavBreath{
  0%,100%{ box-shadow:
    0 6px 24px rgba(0,0,0,.6),
    0 0 12px rgba(155,92,255,.14); }
  50%{ box-shadow:
    0 10px 28px rgba(0,0,0,.7),
    0 0 26px rgba(155,92,255,.28); }
}
@keyframes amxBorderPan{
  0%{ background-position:0% 50%; }
  100%{ background-position:200% 50%; } /* mueve el degradado, no el elemento */
}
@keyframes amxBorderFlow{
  0%{ transform:rotate(0deg); }
  100%{ transform:rotate(360deg); }
}
@keyframes amxPulse{
  0%,100%{ opacity:.35; filter:blur(10px); }
  50%{ opacity:.75; filter:blur(14px); }
}

/* Respeto accesibilidad */
@media (prefers-reduced-motion: reduce){
  #navbar, .amx-nav.bg-navbar{ animation:none !important; }
  #navbar::after, .amx-nav.bg-navbar::after{ animation:none !important; }
  .amx-block::before, .amx-block::after,
  .panel::before, .panel::after,
  .module::before, .module::after,
  .content-box::before, .content-box::after{ animation:none !important; }
}

/* Responsive compacto */
@media (max-width:768px){
  .amx-nav .amx-nav-inner{ padding:3px 6px; min-height:32px; }
  .amx-logo img{ height:17px; }
  .amx-menu > ul, .amx-menu .nav, .amx-menu .navbar-nav{ gap:3px; }
  #navbar ul li a,
  .amx-menu a,
  #navbar .nav > li > a,
  #navbar .navbar-nav > li > a,
  .amx-auth a,
  .amx-auth .amx-btn{
    font-size:10.8px !important;
    padding:3.5px 7px !important;
    border-radius:11px !important;
  }
}

/* ------- Utilidad para “más brillo” en un panel puntual ------- */
.amx-ultra{
  box-shadow:
    0 0 0 1px rgba(155,92,255,.18) inset,
    0 24px 54px rgba(0,0,0,.7),
    0 0 40px rgba(155,92,255,.55),
    0 0 80px rgba(155,92,255,.38) !important;
}
/* === Forgot Password (btn-xs) — look Amethyst, tamaño original === */
.panel .btn.btn-primary.btn-xs,
.panel .panel-title .btn.btn-primary.btn-xs {
  /* Tamaño original Bootstrap 3 (XS) */
  font-size: 12px !important;
  line-height: 1.5 !important;
  padding: 1px 5px !important;
  border-radius: 3px !important;   /* XS original */

  /* Look Amethyst */
  color: #fff !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(155,92,255,.45) !important;
  text-transform: uppercase;
  letter-spacing: .3px;
  box-shadow:
    0 0 0 1px rgba(155,92,255,.12) inset,
    0 6px 18px rgba(0,0,0,.45);
  transition:
    background .18s ease,
    border-color .18s ease,
    transform .08s ease,
    box-shadow .18s ease;
}

.panel .btn.btn-primary.btn-xs:hover,
.panel .panel-title .btn.btn-primary.btn-xs:hover {
  background: #9b5cff !important;
  border-color: #9b5cff !important;
  transform: translateY(-1px);
  box-shadow:
    0 10px 26px rgba(155,92,255,.35),
    0 6px 18px rgba(0,0,0,.5);
}
/* ==== AMETHYST: tablas oscuras sin blancos de Bootstrap ==== */
/* Fondo base y bordes */
.amx-block .table,
.panel .table{
  background: transparent !important;
  border-color: rgba(255,255,255,0.10) !important;
  color: #eaeaea !important;
}

/* Encabezado */
.amx-block .table>thead>tr>th,
.panel .table>thead>tr>th{
  background: rgba(255,255,255,0.06) !important;
  color:#ffffff !important;
  border-color: rgba(255,255,255,0.12) !important;
}

/* Celdas cuerpo */
.amx-block .table>tbody>tr>td,
.amx-block .table>tbody>tr>th,
.panel .table>tbody>tr>td,
.panel .table>tbody>tr>th{
  background: rgba(0,0,0,0.25) !important; /* sin blanco */
  color:#eaeaea !important;
  border-color: rgba(255,255,255,0.08) !important;
}

/* Zebra (table-striped) en oscuro */
.amx-block .table-striped>tbody>tr:nth-of-type(odd)>td,
.amx-block .table-striped>tbody>tr:nth-of-type(odd)>th,
.panel .table-striped>tbody>tr:nth-of-type(odd)>td,
.panel .table-striped>tbody>tr:nth-of-type(odd)>th{
  background: rgba(255,255,255,0.03) !important;
}

/* Hover (table-hover) morado/amethyst */
.amx-block .table-hover>tbody>tr:hover>td,
.amx-block .table-hover>tbody>tr:hover>th,
.panel .table-hover>tbody>tr:hover>td,
.panel .table-hover>tbody>tr:hover>th{
  background: rgba(155,92,255,0.16) !important; /* Amethyst */
  color:#fff !important;
  border-color: rgba(155,92,255,0.35) !important;
}

/* Títulos H2 dentro del módulo de info (por si no lo tenías) */
.amx-h2{
  position:relative;
  margin:26px 0 12px;
  padding-left:16px;
  color:#d5cfff;
  font-weight:700;
  letter-spacing:.3px;
}
.amx-h2::before{
  content:"";
  position:absolute; left:0; top:.12em;
  width:4px; height:1.2em;
  background:#9b5cff; border-radius:2px;
  box-shadow:0 0 8px rgba(155,92,255,.7);
}
.amx-block .table-striped>tbody>tr:nth-of-type(odd)>td,
.amx-block .table-striped>tbody>tr:nth-of-type(odd)>th,
.panel .table-striped>tbody>tr:nth-of-type(odd)>td,
.panel .table-striped>tbody>tr:nth-of-type(odd)>th{
  background: rgba(0,0,0,0.25) !important;
}
/* =========================================================
   AMETHYST – Botones globales (unifica TODO Bootstrap)
   PÉGALO AL FINAL de override.css
   ========================================================= */

/* Reset global de botones (Bootstrap + nativos) */
.btn,
button,
input[type=submit],
input[type=button],
input[type=reset]{
  /* Look base */
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(155,92,255,.45) !important;
  color: #fff !important;

  /* Forma y tipografía */
  border-radius: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .2px;
  text-transform: uppercase;
  line-height: 1.25 !important;

  /* Espaciado por defecto */
  padding: 8px 12px !important;
  display: inline-block;

  /* Efectos */
  box-shadow:
    0 0 0 1px rgba(155,92,255,.12) inset,
    0 6px 18px rgba(0,0,0,.45) !important;
  transition:
    background .18s ease,
    border-color .18s ease,
    color .18s ease,
    transform .08s ease,
    box-shadow .18s ease !important;
  text-decoration: none !important;
}

/* Hover/active/focus coherentes (gradient Amethyst) */
.btn:hover,
button:hover,
input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover{
  background: linear-gradient(180deg, #9b5cff, #5c2cff) !important;
  border-color: #9b5cff !important;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow:
    0 10px 26px rgba(155,92,255,.35),
    0 6px 18px rgba(0,0,0,.5) !important;
}
.btn:active,
button:active,
input[type=submit]:active,
input[type=button]:active,
input[type=reset]:active{
  transform: translateY(0);
  box-shadow: none !important;
}
.btn:focus,
button:focus,
input[type=submit]:focus,
input[type=button]:focus,
input[type=reset]:focus{
  outline: 2px solid rgba(155,92,255,.55) !important;
  outline-offset: 2px !important;
}

/* Unifica variantes Bootstrap para que NO “vuelvan” al blanco */
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(155,92,255,.45) !important;
  color: #fff !important;
}
.btn-default:hover,
.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-warning:hover,
.btn-danger:hover{
  background: linear-gradient(180deg, #9b5cff, #5c2cff) !important;
  border-color: #9b5cff !important;
  color: #fff !important;
}

/* Tamaños Bootstrap (respeta alturas originales) */
.btn-lg{ padding: 12px 18px !important; border-radius: 12px !important; font-size: 15px !important; }
.btn-sm{ padding: 6px 10px !important;  border-radius: 8px !important;  font-size: 12px !important; }
.btn-xs{ padding: 2px 6px !important;   border-radius: 6px !important;  font-size: 11px !important; }

/* Botones “enlaces” que antes eran blancos */
a.btn,
.panel .btn,
.amx-block .btn{
  color:#fff !important;
}

/* Estado disabled coherente */
.btn[disabled],
button[disabled],
input[type=submit][disabled],
input[type=button][disabled],
input[type=reset][disabled],
.btn.disabled{
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.18) !important;
  color: rgba(255,255,255,.55) !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  transform: none !important;
}

/* En formularios dentro de paneles/bloques (más especificidad) */
.panel .btn,
.amx-block .btn{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(155,92,255,.45) !important;
  color: #fff !important;
}

/* Botón “link” de Bootstrap que suele quedar gris/blanco: lo forzamos a link morado */
.btn-link{
  background: transparent !important;
  border-color: transparent !important;
  color: #b9a5ff !important;
  font-weight: 700 !important;
  text-transform: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.btn-link:hover{
  color:#fff !important;
  text-decoration: none !important;
}

/* Inputs submit en tablas/footers (a veces los pisa Bootstrap) */
table .btn,
.panel-footer .btn{
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(155,92,255,.45) !important;
  color:#fff !important;
}

/* Paginations con look amethyst (por si las usas) */
.pagination>li>a,
.pagination>li>span{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(155,92,255,.45) !important;
  color: #fff !important;
}
.pagination>li>a:hover,
.pagination>li>span:hover{
  background: #9b5cff !important;
  border-color: #9b5cff !important;
  color:#fff !important;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.pagination>.active>a:hover,
.pagination>.active>span:hover{
  background: linear-gradient(180deg, #9b5cff, #5c2cff) !important;
  border-color:#9b5cff !important;
  color:#fff !important;
}
/* ===== Footer Amethyst Futurístico (override, sin cambiar HTML) ===== */
.footer{
  position: relative;
  background:#0a0a0d !important;          /* negro profundo */
  color:#d7dbff !important;
  border-radius:0 !important;
  box-shadow:none !important;
  border-top:1px solid rgba(164,94,255,.25) !important;
  overflow:hidden;
}

/* LUCES AMATISTA (capas) */
.footer::before,
.footer::after{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  background:
    radial-gradient(1000px 260px at 12% 0%, rgba(155,70,255,.12), transparent 60%),
    radial-gradient(900px 260px at 88% 0%, rgba(92,208,255,.10), transparent 65%);
  mix-blend-mode:screen;
}

/* Línea separadora con glow */
.footer hr{
  border:0 !important;
  height:1px;
  background:
    linear-gradient(90deg, transparent, rgba(164,94,255,.55), rgba(92,208,255,.45), transparent);
  box-shadow:0 0 18px rgba(164,94,255,.25);
  margin:16px 0 22px;
}

/* Enlaces del footer */
.footer a{
  color:#b48cff !important;               /* amatista */
  text-decoration:none !important;
  transition: color .2s ease, text-shadow .2s ease, opacity .2s ease, filter .2s ease;
}
.footer a:hover{
  color:#e9deff !important;
  text-shadow:0 0 10px rgba(164,94,255,.55), 0 0 18px rgba(92,208,255,.35);
}

/* Separadores “|” */
.footer span{
  color:#7b7e9e !important;
}

/* Contenedor interno transparente */
.footer > .footer-container{
  width:100%;
  margin:0 auto;
  background:transparent !important;
}

/* Íconos sociales con glow suave */
.footer .footer-social-link img{
  filter: drop-shadow(0 0 10px rgba(164,94,255,.35));
  transition: transform .18s ease, filter .2s ease, opacity .2s ease;
}
.footer .footer-social-link:hover img{
  transform: translateY(-1px) scale(1.03);
  filter:
    drop-shadow(0 0 10px rgba(164,94,255,.55))
    drop-shadow(0 0 20px rgba(92,208,255,.35));
  opacity:.95;
}

/* (Opcional) si arriba del footer ves un bloque blanco del contenedor central */
#container{
  background:transparent !important;
}

/* (Opcional) armoniza módulos cercanos al footer con el look oscuro/neón */
.panel-news,
.panel-general,
.panel-addstats,
.panel-downloads{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02)) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  box-shadow:none !important;
  color:#d8dbff !important;
}
.panel-news .panel-title{ color:#ffffff !important; }
.panel-body .panel-title{ color:#d8dbff !important; }

/* Responsivo suave */
@media (max-width: 480px){
  .footer{ padding: 28px 16px 32px !important; }
  .footer .col-xs-4.text-center{ margin-top:10px !important; }
}
/* =========================================================
   AMETHYST NEO — HEADER-INFO + ONLINE BAR (compact + glow)
   ========================================================= */

:root{
  --amx-neo-1:#ff3bf3;  /* magenta vivo */
  --amx-neo-2:#9b5cff;  /* amatista */
  --amx-neo-3:#5ccfff;  /* cian */
  --amx-ink:#0a0b10;    /* base oscura */
  --amx-text:#eef0ff;
  --amx-text-soft:#cfd3ff;
}

/* ---- Caja superior compacta (sin scroll) ---- */
.header-info-container{
  width:960px;                                /* MÁS PEQUEÑA */
  max-width:calc(100% - 20px);
  margin:0 auto;
  text-align:right;
  overflow:clip !important;
}
.header-info{
  position:relative;
  background:linear-gradient(180deg, rgba(18,18,30,.70), rgba(10,10,18,.66)) !important;
  border:1px solid rgba(155,92,255,.42) !important;
  border-radius:12px !important;              /* MÁS COMPACTA */
  padding:14px !important;                    /* MÁS COMPACTA */
  color:var(--amx-text) !important;
  box-shadow:
    0 0 0 1px rgba(155,92,255,.10) inset,
    0 14px 32px rgba(0,0,0,.50),
    0 0 24px rgba(155,92,255,.20) !important;
  backdrop-filter:blur(10px) saturate(115%);
  overflow:hidden !important;
  isolation:isolate;
}

/* Borde brillante extra (animado, contenido dentro → no genera scroll) */
.header-info::before{
  content:"";
  position:absolute; inset:-1px;              /* 1px fuera pero recortado por overflow */
  border-radius:inherit;
  padding:1px;
  background:conic-gradient(from 0deg,
    var(--amx-neo-1),
    var(--amx-neo-2),
    var(--amx-neo-3),
    var(--amx-neo-2),
    var(--amx-neo-1));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  animation:amx-glow 7s linear infinite;
  pointer-events:none;
  opacity:.95;
}
/* Halo ambiental sutil (contenido) */
.header-info::after{
  content:"";
  position:absolute; inset:0; border-radius:inherit;
  background:
    radial-gradient(70% 45% at 15% 0%, rgba(255,59,243,.18), transparent 70%),
    radial-gradient(70% 45% at 85% 0%, rgba(92,207,255,.16), transparent 72%);
  filter:blur(10px);
  mix-blend-mode:screen; pointer-events:none;
  opacity:.85;
}

@keyframes amx-glow{
  0%   { transform:rotate(0deg);   }
  100% { transform:rotate(360deg); }
}

/* Anti-overflow de columnas dentro del header-info */
.header-info .row{ margin-left:0 !important; margin-right:0 !important; }
.header-info .row > [class*="col-"]{ padding-left:10px !important; padding-right:10px !important; }

/* Tipos y contadores */
.header-info .header-info-block{ color:var(--amx-text-soft); }
.header-info .row > [class*="col-"].text-left{ color:var(--amx-text-soft); opacity:.95; }
.header-info .row > [class*="col-"].text-right{ color:#fff; }

.header-info .online-count{
  display:inline-block; min-width:62px; padding:3px 8px;
  text-align:right; border-radius:999px; font-weight:900; color:#fff !important;
  background:linear-gradient(90deg, var(--amx-neo-2), var(--amx-neo-1));
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 0 14px rgba(155,92,255,.40),
    0 0 26px rgba(92,207,255,.25);
}
#tServerTime, #tLocalTime{ color:#fff !important; font-weight:900; letter-spacing:.25px; text-shadow:0 0 12px rgba(155,92,255,.35); }
#tServerDate, #tLocalDate{ color:var(--amx-text-soft) !important; }
.header-info time{ padding:2px 6px; border-radius:8px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); }

/* ---- ONLINE BAR compacta (sin scroll, glow) ---- */
.header-info .webengine-online-bar,
.webengine-online-bar{
  position:relative !important;
  width:100% !important;
  height:14px !important;                     /* MÁS PEQUEÑA */
  margin:10px 0 4px !important;
  background:var(--amx-ink) !important;
  background-image:none !important;
  border:1px solid rgba(164,94,255,.45) !important;
  border-radius:10px !important;
  overflow:hidden !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 12px 20px rgba(0,0,0,.46),
    0 0 20px rgba(155,92,255,.22) !important;
  backdrop-filter:blur(6px);
}
.header-info .webengine-online-bar::before,
.webengine-online-bar::before{
  content:""; position:absolute; inset:0;
  background:
    linear-gradient(0deg, rgba(255,255,255,.06) 1px, transparent 1px) 0 0/100% 8px,
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px) 0 0/10px 100%;
  opacity:.22; pointer-events:none;
}
.header-info .webengine-online-bar .webengine-online-bar-progress,
.webengine-online-bar .webengine-online-bar-progress{
  position:relative !important;
  height:100% !important;
  border-radius:0 10px 10px 0 !important;
  background:linear-gradient(90deg, var(--amx-neo-2), var(--amx-neo-1) 40%, var(--amx-neo-3) 80%) !important;
  background-image:none !important;
  box-shadow:0 0 10px rgba(164,94,255,.55), 0 0 18px rgba(92,208,255,.38) !important;
  transition:width .38s ease, filter .25s ease;
}
.header-info .webengine-online-bar .webengine-online-bar-progress::before,
.webengine-online-bar .webengine-online-bar-progress::before{
  content:""; position:absolute; left:0; right:0; top:0; height:46%;
  background:linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,0));
  border-radius:inherit; pointer-events:none;
}
.header-info .webengine-online-bar .webengine-online-bar-progress::after,
.webengine-online-bar .webengine-online-bar-progress::after{
  content:""; position:absolute; top:0; bottom:0; left:-28%; width:28%;
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.34) 50%, rgba(255,255,255,0) 100%);
  filter:blur(5px); animation:amx-sheen 2.4s linear infinite; pointer-events:none;
}
@keyframes amx-sheen{
  0%{ transform:translateX(0%); opacity:.0; }
  10%{ opacity:.95; }
  50%{ transform:translateX(260%); opacity:.0; }
  100%{ transform:translateX(260%); opacity:.0; }
}

/* Anti-scroll horizontal global por si acaso */
html,body{ overflow-x:hidden; }