/* =====================================================================
   ZENIT — HIGHER REALM
   Capa de diseño moderna sobre WebEngine (se carga DESPUÉS de style.css)
   Estética: reino cristalino / celestial — hielo cian + amatista + cromo
   Autor de la reskin: generado para Pedro (ZENIT – Higher Realm)
   ===================================================================== */

/* ── Tokens ─────────────────────────────────────────────────────────── */
:root{
  --void:#04050b;          /* fondo más profundo */
  --abyss:#080a14;         /* base de paneles */
  --abyss-2:#0c0f1d;       /* panel elevado */
  --ink:#11152340;

  --ice:#3fe3ff;           /* cian primario (el glow del logo) */
  --ice-soft:#7af0e6;      /* menta-teal secundario */
  --ice-deep:#1aa6cf;
  --amethyst:#8b5cf6;      /* violeta (cristales púrpura) */
  --amethyst-soft:#b794ff;

  --chrome:#e8eef7;        /* plata/cromo (texto fuerte, metal) */
  --silver:#c2cee0;
  --steel:#8294b4;         /* texto secundario */
  --steel-dim:#586a8a;     /* texto terciario / labels */

  --line:rgba(120,180,230,.12);
  --line-2:rgba(120,180,230,.26);
  --glass:rgba(14,20,36,.62);
  --glass-2:rgba(18,26,46,.55);

  --glow-ice:0 0 24px rgba(63,227,255,.45);
  --glow-amy:0 0 24px rgba(139,92,246,.4);

  --ff-display:'Oswald',sans-serif;        /* monumental, condensado (eco del wordmark) */
  --ff-tech:'Rajdhani',sans-serif;         /* facetado/sci-fi para datos y UI */
  --ff-body:'Rajdhani',system-ui,sans-serif;

  --cut:14px;              /* tamaño del bisel de las esquinas (facetas de cristal) */
  --maxw:1240px;
}

/* ── Reset suave + base ─────────────────────────────────────────────── */
html{scroll-behavior:smooth;}
body{
  background:var(--void)!important;
  color:var(--silver)!important;
  font-family:var(--ff-body)!important;
  font-size:16px;
  line-height:1.6;
  overflow-x:hidden;
  position:relative;
  -webkit-font-smoothing:antialiased;
}
/* neutraliza fondos/imágenes del tema viejo */
body, .smoke, .top-panel-bg, .fon-bg-top, .fon-bg-bottom{background-image:none!important;}
.smoke{display:none!important;}
a{color:var(--ice);}
a:hover{color:var(--ice-soft);}
img{max-width:100%;}
::selection{background:rgba(63,227,255,.3);color:#fff;}

/* scrollbar */
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:#05070f;}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--ice-deep),var(--amethyst));border-radius:10px;}

/* ── Fondo cósmico en capas ─────────────────────────────────────────── */
.z-bg{position:fixed;inset:0;z-index:-3;
  background:
    radial-gradient(1200px 800px at 50% -10%, rgba(63,227,255,.10), transparent 60%),
    radial-gradient(900px 700px at 85% 20%, rgba(139,92,246,.10), transparent 55%),
    linear-gradient(180deg, rgba(4,5,11,.35), rgba(4,5,11,.72) 55%, rgba(4,5,11,.92)),
    url(../img/zenit-bg.jpg);
  background-size:cover,cover,cover,cover;
  background-position:center;
  background-attachment:fixed;
}
.z-aurora{position:fixed;inset:-20%;z-index:-2;pointer-events:none;opacity:.6;
  background:
    radial-gradient(40% 30% at 30% 30%, rgba(63,227,255,.12), transparent 70%),
    radial-gradient(35% 28% at 70% 60%, rgba(139,92,246,.12), transparent 70%);
  filter:blur(30px);
  animation:zAurora 22s ease-in-out infinite alternate;
}
@keyframes zAurora{
  0%{transform:translate3d(-3%,-2%,0) scale(1);}
  100%{transform:translate3d(3%,3%,0) scale(1.08);}
}
.z-stars{position:fixed;inset:0;z-index:-2;pointer-events:none;
  background-image:
    radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,.7), transparent),
    radial-gradient(1px 1px at 75% 15%, rgba(170,230,255,.7), transparent),
    radial-gradient(1px 1px at 50% 70%, rgba(255,255,255,.5), transparent),
    radial-gradient(1px 1px at 85% 80%, rgba(190,160,255,.6), transparent),
    radial-gradient(1px 1px at 12% 85%, rgba(255,255,255,.5), transparent),
    radial-gradient(2px 2px at 33% 55%, rgba(120,220,255,.5), transparent);
  background-repeat:repeat;background-size:520px 520px;
  animation:zTwinkle 6s steps(2) infinite;opacity:.55;}
@keyframes zTwinkle{0%,100%{opacity:.35}50%{opacity:.7}}
#z-particles{position:fixed;inset:0;z-index:-1;pointer-events:none;}

/* ── Contenedor ─────────────────────────────────────────────────────── */
.container{max-width:var(--maxw)!important;width:92%!important;margin:0 auto!important;padding:0!important;float:none!important;position:relative;z-index:1;}
.z-section{padding:54px 0;position:relative;}

/* ── Top bar (utilidades) ───────────────────────────────────────────── */
.z-topbar{position:relative;z-index:30;border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(8,11,22,.9),rgba(8,11,22,.4));
  backdrop-filter:blur(8px);}
.z-topbar__in{max-width:var(--maxw);width:92%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;
  height:40px;font-family:var(--ff-tech);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel-dim);}
.z-clock{display:flex;gap:22px;align-items:center;}
.z-clock b{color:var(--ice-soft);font-weight:600;margin-left:6px;}
.z-clock #tLocalTime,.z-clock #tServerTime{display:inline;color:var(--chrome);font-weight:600;}
.z-topbar__links{display:flex;gap:18px;align-items:center;}
.z-topbar__links a{color:var(--steel);text-decoration:none;transition:.2s;}
.z-topbar__links a:hover{color:var(--ice);}

/* ── Navbar ─────────────────────────────────────────────────────────── */
.z-nav{position:sticky;top:0;z-index:40;
  background:linear-gradient(180deg,rgba(6,8,16,.92),rgba(6,8,16,.72));
  border-bottom:1px solid var(--line);backdrop-filter:blur(12px);
  transition:background .3s,box-shadow .3s,border-color .3s;}
.z-nav.is-stuck{box-shadow:0 10px 40px rgba(0,0,0,.55),0 1px 0 rgba(63,227,255,.18);border-color:var(--line-2);}
.z-nav__in{max-width:var(--maxw);width:92%;margin:0 auto;display:flex;align-items:center;gap:14px;height:74px;}
.z-brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;}
.z-brand img{height:48px;width:auto;filter:drop-shadow(0 0 10px rgba(63,227,255,.35));}
.z-brand b{font-family:var(--ff-display);font-weight:700;font-size:22px;letter-spacing:.22em;color:var(--chrome);line-height:1;}
.z-brand span{display:block;font-family:var(--ff-tech);font-size:9px;letter-spacing:.42em;color:var(--ice-deep);text-transform:uppercase;}
.z-menu{display:flex;gap:4px;margin-left:auto;list-style:none;padding:0;}
.z-menu a{display:block;padding:10px 14px;font-family:var(--ff-tech);font-weight:600;font-size:14.5px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--silver);text-decoration:none;border-radius:7px;position:relative;transition:.2s;}
.z-menu a::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;background:var(--ice);
  transform:scaleX(0);transform-origin:center;transition:transform .25s;box-shadow:var(--glow-ice);}
.z-menu a:hover{color:#fff;}
.z-menu a:hover::after,.z-menu a.is-active::after{transform:scaleX(1);}
.z-menu a.is-active{color:var(--ice-soft);}
.z-nav__cta{display:flex;align-items:center;gap:10px;margin-left:14px;flex-shrink:0;}
.z-online-chip{display:flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--line-2);border-radius:30px;
  background:rgba(63,227,255,.06);font-family:var(--ff-tech);font-size:13px;color:var(--silver);white-space:nowrap;}
.z-online-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--ice);box-shadow:0 0 10px var(--ice);animation:zPulse 1.8s infinite;}
.z-online-chip b{color:var(--ice-soft);font-weight:700;}
@keyframes zPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}

/* botón cristal */
.z-btn{--c:var(--ice);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 22px;font-family:var(--ff-tech);font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;
  color:#021018;text-decoration:none;cursor:pointer;border:none;
  background:linear-gradient(135deg,var(--ice-soft),var(--ice));
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  box-shadow:0 6px 22px rgba(63,227,255,.32);transition:transform .2s,box-shadow .2s,filter .2s;}
.z-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(63,227,255,.5);filter:brightness(1.08);color:#021018;}
.z-btn--ghost{background:transparent;color:var(--ice-soft);border:1px solid var(--line-2);box-shadow:none;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);}
.z-btn--ghost:hover{background:rgba(63,227,255,.08);color:#fff;border-color:var(--ice);box-shadow:var(--glow-ice);}
.z-btn--amy{background:linear-gradient(135deg,var(--amethyst-soft),var(--amethyst));color:#0a0518;box-shadow:0 6px 22px rgba(139,92,246,.32);}
.z-btn--amy:hover{box-shadow:0 10px 30px rgba(139,92,246,.5);color:#0a0518;}

/* hamburguesa */
.z-burger{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--line-2);border-radius:8px;
  background:rgba(63,227,255,.05);cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center;}
.z-burger span{width:20px;height:2px;background:var(--ice);transition:.25s;}
.z-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.z-burger.open span:nth-child(2){opacity:0;}
.z-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ── HERO ───────────────────────────────────────────────────────────── */
.z-hero{position:relative;min-height:86vh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:40px 16px 36px;overflow:hidden;}
.z-hero__rings{position:absolute;top:50%;left:50%;width:min(720px,92vw);height:min(720px,92vw);
  transform:translate(-50%,-58%);pointer-events:none;}
.z-hero__rings::before,.z-hero__rings::after{content:"";position:absolute;inset:0;border-radius:50%;}
.z-hero__rings::before{border:1px solid rgba(63,227,255,.16);
  background:conic-gradient(from 0deg,transparent 0 78%,rgba(63,227,255,.5) 88%,transparent 96%);
  -webkit-mask:radial-gradient(closest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
  mask:radial-gradient(closest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
  animation:zSpin 18s linear infinite;}
.z-hero__rings::after{inset:11%;border:1px solid rgba(139,92,246,.16);
  background:conic-gradient(from 180deg,transparent 0 80%,rgba(139,92,246,.45) 90%,transparent 98%);
  -webkit-mask:radial-gradient(closest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
  mask:radial-gradient(closest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
  animation:zSpin 26s linear infinite reverse;}
@keyframes zSpin{to{transform:rotate(360deg);}}

.z-hero__eyebrow{font-family:var(--ff-tech);font-size:13px;font-weight:600;letter-spacing:.5em;text-transform:uppercase;
  color:var(--ice-deep);margin-bottom:8px;padding-left:.5em;
  display:inline-flex;align-items:center;gap:14px;opacity:0;animation:zRise .8s .1s forwards;}
.z-hero__eyebrow::before,.z-hero__eyebrow::after{content:"";width:30px;height:1px;background:linear-gradient(90deg,transparent,var(--ice-deep));}
.z-hero__eyebrow::after{background:linear-gradient(270deg,transparent,var(--ice-deep));}

.z-hero__logo{position:relative;z-index:2;width:min(500px,80vw);margin:0 auto;
  filter:drop-shadow(0 0 40px rgba(63,227,255,.28));opacity:0;animation:zRise 1s .2s forwards;}
.z-hero__tag{font-family:var(--ff-tech);font-size:clamp(15px,2.4vw,20px);letter-spacing:.45em;text-transform:uppercase;
  color:var(--steel);margin:6px 0 26px;padding-left:.45em;opacity:0;animation:zRise .9s .45s forwards;}
.z-hero__tag b{color:var(--ice-soft);font-weight:600;}
.z-hero__cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;z-index:2;opacity:0;animation:zRise .9s .6s forwards;}
.z-hero__note{margin-top:22px;font-family:var(--ff-tech);font-size:13px;letter-spacing:.16em;color:var(--steel-dim);
  text-transform:uppercase;opacity:0;animation:zRise .9s .8s forwards;}
.z-hero__note .on{color:var(--ice-soft);font-weight:700;}
@keyframes zRise{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:translateY(0);}}

.z-scroll{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-family:var(--ff-tech);font-size:11px;
  letter-spacing:.3em;color:var(--steel-dim);text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:7px;}
.z-scroll i{width:18px;height:28px;border:1px solid var(--line-2);border-radius:10px;position:relative;}
.z-scroll i::before{content:"";position:absolute;top:5px;left:50%;width:3px;height:6px;border-radius:3px;background:var(--ice);
  transform:translateX(-50%);animation:zScroll 1.6s infinite;}
@keyframes zScroll{0%{opacity:0;transform:translate(-50%,0)}40%{opacity:1}80%{opacity:0;transform:translate(-50%,10px)}}

/* ── Tira de stats ──────────────────────────────────────────────────── */
.z-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:-10px;}
.z-stat{position:relative;padding:20px 14px;text-align:center;background:var(--glass);border:1px solid var(--line);
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));
  transition:.25s;}
.z-stat:hover{border-color:var(--line-2);background:var(--glass-2);transform:translateY(-3px);}
.z-stat__num{font-family:var(--ff-display);font-weight:700;font-size:30px;color:var(--ice-soft);line-height:1;
  text-shadow:0 0 18px rgba(63,227,255,.35);}
.z-stat__lbl{font-family:var(--ff-tech);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--steel-dim);margin-top:7px;}

/* ── Encabezado de sección ──────────────────────────────────────────── */
.z-head{margin-bottom:26px;}
.z-head__eyebrow{font-family:var(--ff-tech);font-size:12px;font-weight:600;letter-spacing:.4em;text-transform:uppercase;color:var(--ice-deep);display:block;margin-bottom:8px;}
.z-head__title{font-family:var(--ff-display);font-weight:600;font-size:clamp(26px,3.6vw,40px);letter-spacing:.06em;
  text-transform:uppercase;color:var(--chrome);line-height:1.05;margin:0;}
.z-head__title em{font-style:normal;color:var(--ice-soft);text-shadow:0 0 22px rgba(63,227,255,.4);}
.z-head__line{height:1px;background:linear-gradient(90deg,var(--line-2),transparent);margin-top:14px;}

/* ── Panel facetado (firma de marca) ────────────────────────────────── */
.z-panel{position:relative;background:var(--glass);border:1px solid var(--line);
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));
  backdrop-filter:blur(6px);overflow:hidden;}
.z-panel::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--ice),transparent);opacity:.6;}
.z-panel__pad{padding:24px;}

/* ── Grilla principal (módulos WebEngine) ───────────────────────────── */
.z-grid-main{display:grid;grid-template-columns:340px 1fr;gap:22px;align-items:start;}
.z-col-left{display:flex;flex-direction:column;gap:22px;}

/* ====================================================================
   OVERRIDES DE CLASES LEGADAS DE WEBENGINE (módulos)
   ==================================================================== */

/* envoltura genérica de módulos -> look de panel cristal */
.content.last-news-left-small,
.right-content .content.last-news-small,
.game-infoBlock.block,
.top-pageBlock.block,
.mediaBlock.block{
  background:var(--glass)!important;border:1px solid var(--line)!important;border-radius:0!important;
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));
  box-shadow:none!important;padding:22px!important;position:relative;}
.content.last-news-left-small::before,
.game-infoBlock.block::before,
.top-pageBlock.block::before,
.mediaBlock.block::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--ice),transparent);opacity:.55;}

.right-content{width:auto!important;}
.right-content .content.last-news-small{height:100%!important;}

/* quita bordes-imagen del tema viejo */
.border,.border-bottom,.border-small,.border-small-bottom,
.border-left-small,.border-left-small-bottom,.content-border-top,.content-border-bottom{
  display:none!important;}

/* título de panel */
.page-title{font-family:var(--ff-display)!important;font-weight:600!important;font-size:18px!important;letter-spacing:.16em!important;
  text-transform:uppercase!important;color:var(--ice-soft)!important;text-align:left!important;background:none!important;
  padding:0 0 12px!important;margin-bottom:14px!important;border-bottom:1px solid var(--line)!important;
  text-shadow:0 0 16px rgba(63,227,255,.25);}

/* título de bloque grande */
.title-block{background:none!important;border:none!important;margin-bottom:18px!important;}
.title-block .title{font-family:var(--ff-display)!important;font-weight:600!important;font-size:clamp(24px,3vw,34px)!important;
  letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--chrome)!important;background:none!important;
  text-align:left!important;padding:0!important;line-height:1.1!important;}

/* tabla server info */
.block-usercp table,.table{width:100%!important;border:none!important;margin:0!important;background:none!important;}
.table td,.block-usercp td{border:none!important;border-bottom:1px solid var(--line)!important;padding:9px 4px!important;
  font-family:var(--ff-tech)!important;font-size:14.5px!important;color:var(--silver)!important;background:none!important;}
.table tr td:first-child{color:var(--steel)!important;text-transform:uppercase;letter-spacing:.06em;font-size:13px!important;}
.table tr td:last-child{color:var(--ice-soft)!important;font-weight:600!important;}
.table-striped>tbody>tr:nth-of-type(odd),.table-hover>tbody>tr:hover{background:rgba(63,227,255,.04)!important;}

/* botones "MAS" / more */
.more-btn,.more-btn-small{font-family:var(--ff-tech)!important;font-weight:700!important;letter-spacing:.12em!important;
  text-transform:uppercase!important;color:#021018!important;background:linear-gradient(135deg,var(--ice-soft),var(--ice))!important;
  border:none!important;border-radius:0!important;padding:10px 18px!important;width:auto!important;height:auto!important;
  display:inline-block;text-align:center;line-height:1.2!important;box-shadow:0 6px 20px rgba(63,227,255,.28)!important;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:.2s;}
.more-btn:hover,.more-btn-small:hover{filter:brightness(1.1);transform:translateY(-2px);color:#021018!important;
  box-shadow:0 10px 26px rgba(63,227,255,.45)!important;}

/* GAME INFO cards */
.content.game-info{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px!important;float:none!important;align-items:stretch!important;}
.content.game-info>div{background:var(--glass-2)!important;border:1px solid var(--line)!important;padding:30px 18px!important;
  text-align:center;width:auto!important;float:none!important;margin:0!important;transition:.25s;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);}
.content.game-info>div:hover{transform:translateY(-4px);border-color:var(--line-2)!important;background:rgba(18,26,46,.7)!important;}
.content.game-info h3{font-family:var(--ff-display)!important;font-weight:600!important;font-size:19px!important;letter-spacing:.1em!important;
  text-transform:uppercase!important;color:var(--chrome)!important;margin:14px 0 8px!important;}
.content.game-info img{filter:drop-shadow(0 0 12px rgba(63,227,255,.4));max-height:64px;width:auto;}
.content.game-info p{font-family:var(--ff-tech)!important;color:var(--steel)!important;font-size:14px!important;min-height:48px;}

/* RANKINGS tabs */
.topTabs{display:flex!important;gap:8px!important;justify-content:center;margin:0 auto 22px!important;flex-wrap:wrap;background:none!important;}
.topTab-button{font-family:var(--ff-tech)!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;
  font-size:14px!important;color:var(--steel)!important;background:rgba(63,227,255,.05)!important;border:1px solid var(--line)!important;
  padding:9px 20px!important;cursor:pointer;border-radius:0!important;transition:.2s;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);}
.topTab-button:hover{color:#fff!important;border-color:var(--line-2)!important;}
.topTab-button.active{color:#021018!important;background:linear-gradient(135deg,var(--ice-soft),var(--ice))!important;
  box-shadow:0 6px 18px rgba(63,227,255,.3)!important;}
.topTabBlock{display:none;}
.topTabBlock.active{display:block;animation:zFade .4s;}
@keyframes zFade{from{opacity:0}to{opacity:1}}

/* RANKINGS lista */
.top-list{list-style:none!important;margin:0!important;padding:0!important;}
.top-list li{display:grid!important;grid-template-columns:46px 60px 1fr 90px 90px 90px;align-items:center;gap:8px;
  padding:11px 10px!important;border:none!important;border-bottom:1px solid var(--line)!important;background:none!important;
  font-family:var(--ff-tech)!important;font-size:15px!important;color:var(--silver)!important;}
.top-list li.title-row{grid-template-columns:46px 60px 1fr 90px 90px 90px;color:var(--steel-dim)!important;text-transform:uppercase;
  letter-spacing:.1em;font-size:12px!important;border-bottom:1px solid var(--line-2)!important;}
.top-guilds .top-list li,.top-guilds .top-list li.title-row{grid-template-columns:46px 70px 1fr 1fr;}
#top-guilds .top-list li{grid-template-columns:46px 70px 1fr 1fr;}
#top-gens .top-list li{grid-template-columns:46px 70px 1fr 110px 100px;}
.top-list li.top-row:hover{background:rgba(63,227,255,.05)!important;}
.top-list li span{background:none!important;}
.top-list li span:first-child{color:var(--ice-soft)!important;font-weight:700;}
.top-list .top-Res,.top-list sup{color:var(--amethyst-soft)!important;}
.rankings-class-image,.rankings-gens-img{max-height:26px;width:auto;vertical-align:middle;}

/* NOTICIAS (módulo news/CMS) tipografía */
.panel-news h1,.panel-news h2,.panel-news h3,.panel-news h4,.right-content h1,.right-content h2,.right-content h3{
  font-family:var(--ff-display)!important;font-weight:600!important;letter-spacing:.04em!important;color:var(--chrome)!important;
  text-transform:none!important;}
.panel-news,.panel-news p,.panel-news li,.panel-news span,.panel-news div{font-family:var(--ff-tech)!important;color:var(--silver)!important;}
.panel-news p{color:var(--steel)!important;font-size:15px!important;line-height:1.6!important;}
.panel-news a{color:var(--ice)!important;}
.panel-news a:hover{color:var(--ice-soft)!important;}
.panel-news hr{border-color:var(--line)!important;}
.panel-news .date,.panel-news small,.news-date{color:var(--ice-deep)!important;font-family:var(--ff-tech)!important;
  letter-spacing:.08em;text-transform:uppercase;font-size:12px!important;}

/* MEDIA */
.mediaBlock .content.media{display:grid!important;grid-template-columns:2fr 1fr!important;gap:18px!important;
  float:none!important;max-width:100%!important;padding:0!important;margin:0!important;align-items:stretch!important;}
.mediaBlock .content.media>div{width:auto!important;margin:0!important;}
.mediaBlock .left-videosBlock .video{height:100%!important;min-height:300px!important;width:auto!important;}
.mediaBlock .right-videosBlock{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;flex-wrap:nowrap!important;}
.mediaBlock .right-videosBlock .video{width:auto!important;margin:0!important;aspect-ratio:16/11;filter:brightness(.85)!important;}
.mediaBlock .right-videosBlock .video:hover{filter:brightness(1.1)!important;}
.media .video{position:relative;overflow:hidden;border:1px solid var(--line);display:block!important;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);}
.media .video img{width:100%!important;height:100%!important;object-fit:cover;display:block;transition:.4s;}
.media .video:hover img{transform:scale(1.06);}
.play-video img{filter:drop-shadow(0 0 14px rgba(63,227,255,.6));}
.start-watch{font-family:var(--ff-tech);letter-spacing:.12em;text-transform:uppercase;}

/* USERCP list */
.block-usercp ul{list-style:none;padding:0;margin:0;}
.block-usercp ul li{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid var(--line);
  font-family:var(--ff-tech);font-size:15px;}
.block-usercp ul li img{width:20px;height:20px;}
.block-usercp ul li a{color:var(--silver);text-decoration:none;}
.block-usercp ul li a:hover{color:var(--ice-soft);}

/* CASTLE SIEGE widget (cs.php) */
.swiper-container.slider .page-title span{color:var(--ice-soft);}
.guild_countdown{color:var(--amethyst-soft)!important;font-weight:700;}
.alt{color:var(--steel)!important;text-transform:uppercase;letter-spacing:.06em;font-size:12px;}

/* ── Modales ────────────────────────────────────────────────────────── */
#overlay{background:rgba(2,4,10,.82)!important;backdrop-filter:blur(4px);}
.modal_div .modal-div,.modalContent{background:var(--abyss-2)!important;border:1px solid var(--line-2)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 50px rgba(63,227,255,.08)!important;
  clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);background-image:none!important;}
.modalTitle h2,.modalContent .title,.modalContent h2{font-family:var(--ff-display)!important;letter-spacing:.1em!important;
  text-transform:uppercase!important;color:var(--ice-soft)!important;background:none!important;}
.modal-form input[type=text],.modal-form input[type=password]{width:100%;background:rgba(63,227,255,.05)!important;
  border:1px solid var(--line)!important;color:#fff!important;padding:12px 14px!important;font-family:var(--ff-tech);
  background-image:none!important;border-radius:0;margin-bottom:6px;letter-spacing:.06em;}
.modal-form input:focus{outline:none;border-color:var(--ice)!important;box-shadow:var(--glow-ice);}
.modal-form .enter-button button.login{background:linear-gradient(135deg,var(--ice-soft),var(--ice))!important;color:#021018!important;
  border:none!important;padding:12px 28px!important;font-family:var(--ff-tech);font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  background-image:none!important;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);cursor:pointer;}
.form-links a{color:var(--steel)!important;font-family:var(--ff-tech);}
.form-links a:hover{color:var(--ice)!important;}

/* botón to-top */
.to-top{background:linear-gradient(135deg,var(--ice-deep),var(--amethyst))!important;border-radius:50%!important;
  width:46px;height:46px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.5);z-index:35;}

/* online ring (circliful) en el hero */
.z-onlinering{position:relative;width:180px;height:180px;margin:6px auto 0;}
.z-onlinering .serverInfo{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;}
.z-onlinering .serverInfo__name{font-family:var(--ff-tech);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--steel-dim);}
.z-onlinering .serverInfo__online{font-family:var(--ff-display);font-weight:700;font-size:46px;color:var(--ice-soft);line-height:1;text-shadow:0 0 22px rgba(63,227,255,.5);}
.z-onlinering .circlestat{margin:0 auto;}

/* ── Footer ─────────────────────────────────────────────────────────── */
.z-footer{position:relative;margin-top:50px;border-top:1px solid var(--line);
  background:linear-gradient(180deg,transparent,rgba(8,11,22,.7));padding:48px 0 26px;}
.z-footer__in{max-width:var(--maxw);width:92%;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;}
.z-footer__brand img{height:88px;filter:drop-shadow(0 0 16px rgba(63,227,255,.3));}
.z-footer__brand p{color:var(--steel);font-family:var(--ff-tech);margin-top:12px;max-width:34ch;font-size:14px;}
.z-fcol h4{font-family:var(--ff-display);font-weight:600;font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--ice-soft);margin:0 0 14px;}
.z-fcol a{display:block;color:var(--steel);text-decoration:none;font-family:var(--ff-tech);font-size:14.5px;padding:5px 0;transition:.2s;}
.z-fcol a:hover{color:var(--ice);padding-left:5px;}
.z-social{display:flex;gap:10px;}
.z-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);
  border-radius:9px;transition:.2s;background:rgba(63,227,255,.04);}
.z-social a:hover{border-color:var(--ice);box-shadow:var(--glow-ice);transform:translateY(-2px);}
.z-social img{width:20px;height:20px;}
.z-copy{max-width:var(--maxw);width:92%;margin:34px auto 0;padding-top:20px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--steel-dim);font-family:var(--ff-tech);font-size:13px;letter-spacing:.06em;}
.z-copy a{color:var(--steel);}
.z-copy a:hover{color:var(--ice);}

/* social sidebar flotante */
body>a[href="#"][target="_blank"]{filter:drop-shadow(0 0 8px rgba(63,227,255,.3));transition:.2s;}
body>a[href="#"][target="_blank"]:hover{transform:translateX(4px) scale(1.05);}

/* reveal on scroll */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s;}
.reveal.in{opacity:1;transform:none;}

/* ── Responsive ─────────────────────────────────────────────────────── */
@media(max-width:1024px){
  .z-grid-main{grid-template-columns:1fr;}
  .z-stats{grid-template-columns:repeat(3,1fr);}
  .z-footer__in{grid-template-columns:1fr 1fr;}
  .content.media{grid-template-columns:1fr;}
}
@media(max-width:820px){
  .z-menu{display:none;}
  .z-topbar__links{display:none;}
  .z-clock{gap:14px;font-size:11px;}
  .z-burger{display:flex;}
  .z-nav__cta{margin-left:auto;}
  .z-nav__cta .z-online-chip{display:none;}
  .z-menu.open{display:flex;position:absolute;top:74px;left:0;right:0;flex-direction:column;gap:0;
    background:rgba(6,8,16,.98);border-bottom:1px solid var(--line-2);padding:8px 16px;backdrop-filter:blur(14px);}
  .z-menu.open a{padding:14px 8px;border-bottom:1px solid var(--line);}
  .z-menu.open a::after{display:none;}
  .content.game-info{grid-template-columns:1fr;}
  .top-list li,.top-list li.title-row,#top-guilds .top-list li,#top-gens .top-list li{grid-template-columns:38px 1fr 70px 70px!important;font-size:13px!important;}
  .top-list li span:nth-child(n+5){display:none;}
}
@media(max-width:560px){
  .z-stats{grid-template-columns:repeat(2,1fr);}
  .z-footer__in{grid-template-columns:1fr;}
  .z-hero{min-height:80vh;}
}

/* accesibilidad */
a:focus-visible,button:focus-visible,input:focus-visible,.z-menu a:focus-visible{outline:2px solid var(--ice);outline-offset:3px;}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;scroll-behavior:auto!important;transition:none!important;}
  .reveal{opacity:1;transform:none;}
}

/* =====================================================================
   CONTENIDO DINÁMICO DE WEBENGINE  ($handler->loadModule)
   register / downloads / rankings / info / usercp / forgotpassword …
   Estilos para que toda página interna luzca ZENIT
   ===================================================================== */
.z-content{position:relative;}
.z-content h1,.z-content h2,.z-content h3,.z-content h4{font-family:var(--ff-display);font-weight:600;color:var(--chrome);
  letter-spacing:.04em;line-height:1.15;margin:0 0 14px;}
.z-content h1{font-size:30px;text-transform:uppercase;}
.z-content h2{font-size:24px;}
.z-content p,.z-content li,.z-content td,.z-content label,.z-content span{font-family:var(--ff-tech);color:var(--silver);}
.z-content p{color:var(--steel);line-height:1.65;}
.z-content a{color:var(--ice);}
.z-content a:hover{color:var(--ice-soft);}
.z-content hr{border-color:var(--line);}

/* paneles bootstrap/webengine */
.z-content .panel,.z-content .well,.z-content .webengine-box{background:var(--glass-2)!important;border:1px solid var(--line)!important;
  border-radius:0!important;box-shadow:none!important;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);}
.z-content .panel-heading{background:rgba(63,227,255,.06)!important;border-bottom:1px solid var(--line)!important;
  color:var(--ice-soft)!important;font-family:var(--ff-display);letter-spacing:.08em;text-transform:uppercase;}
.z-content .panel-title{font-family:var(--ff-display)!important;color:var(--ice-soft)!important;letter-spacing:.06em;}
.z-content .panel-body{color:var(--silver);}

/* inputs / selects / textarea */
.z-content input[type=text],.z-content input[type=password],.z-content input[type=email],
.z-content input[type=number],.z-content select,.z-content textarea,.z-content .form-control{
  background:rgba(63,227,255,.05)!important;border:1px solid var(--line)!important;color:#fff!important;
  border-radius:0!important;box-shadow:none!important;padding:11px 14px!important;font-family:var(--ff-tech)!important;
  height:auto!important;background-image:none!important;letter-spacing:.04em;}
.z-content input:focus,.z-content select:focus,.z-content textarea:focus,.z-content .form-control:focus{
  outline:none!important;border-color:var(--ice)!important;box-shadow:0 0 0 1px var(--ice),var(--glow-ice)!important;}
.z-content label{color:var(--steel)!important;text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:600;}
.z-content ::placeholder{color:var(--steel-dim)!important;}

/* botones de WebEngine -> botón cristal ZENIT */
.z-content .btn,.z-content button,.z-content input[type=submit],.z-content input[type=button]{
  font-family:var(--ff-tech)!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;
  color:#021018!important;background:linear-gradient(135deg,var(--ice-soft),var(--ice))!important;background-image:linear-gradient(135deg,var(--ice-soft),var(--ice))!important;
  border:none!important;border-radius:0!important;padding:11px 22px!important;cursor:pointer;box-shadow:0 6px 20px rgba(63,227,255,.28)!important;
  text-shadow:none!important;transition:.2s;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);}
.z-content .btn:hover,.z-content button:hover,.z-content input[type=submit]:hover{filter:brightness(1.1);transform:translateY(-2px);color:#021018!important;}
.z-content .btn-danger,.z-content .btn-warning{background:linear-gradient(135deg,var(--amethyst-soft),var(--amethyst))!important;
  background-image:linear-gradient(135deg,var(--amethyst-soft),var(--amethyst))!important;color:#0a0518!important;box-shadow:0 6px 20px rgba(139,92,246,.3)!important;}
.z-content .btn-default,.z-content .btn-link{background:transparent!important;background-image:none!important;border:1px solid var(--line-2)!important;
  color:var(--ice-soft)!important;box-shadow:none!important;}

/* tablas dentro de contenido */
.z-content .table{width:100%!important;}
.z-content .table thead th,.z-content table th{background:rgba(63,227,255,.06)!important;color:var(--ice-soft)!important;
  border:none!important;border-bottom:1px solid var(--line-2)!important;font-family:var(--ff-tech);text-transform:uppercase;
  letter-spacing:.06em;font-size:13px;padding:12px 10px!important;}
.z-content .table td,.z-content table td{border:none!important;border-bottom:1px solid var(--line)!important;
  color:var(--silver)!important;font-family:var(--ff-tech);padding:11px 10px!important;}
.z-content .table-striped>tbody>tr:nth-of-type(odd){background:rgba(63,227,255,.03)!important;}
.z-content .table-hover>tbody>tr:hover{background:rgba(63,227,255,.07)!important;}

/* alertas / mensajes */
.z-content .alert{border-radius:0!important;border:1px solid var(--line-2)!important;font-family:var(--ff-tech)!important;
  background:var(--glass-2)!important;color:var(--silver)!important;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);}
.z-content .alert-success{border-color:rgba(40,255,180,.4)!important;color:#7af0c0!important;background:rgba(40,255,180,.06)!important;}
.z-content .alert-danger,.z-content .alert-error{border-color:rgba(255,90,120,.45)!important;color:#ff9fb0!important;background:rgba(255,90,120,.06)!important;}
.z-content .alert-info{border-color:var(--line-2)!important;color:var(--ice-soft)!important;background:rgba(63,227,255,.06)!important;}

/* paginación */
.z-content .pagination>li>a,.z-content .pagination>li>span{background:var(--glass-2)!important;border:1px solid var(--line)!important;
  color:var(--silver)!important;border-radius:0!important;font-family:var(--ff-tech);}
.z-content .pagination>.active>a,.z-content .pagination>li>a:hover{background:linear-gradient(135deg,var(--ice-soft),var(--ice))!important;
  color:#021018!important;border-color:transparent!important;}

/* nav-tabs (rankings full, etc.) */
.z-content .nav-tabs{border-bottom:1px solid var(--line-2)!important;}
.z-content .nav-tabs>li>a{color:var(--steel)!important;border:none!important;font-family:var(--ff-tech);text-transform:uppercase;letter-spacing:.06em;border-radius:0!important;}
.z-content .nav-tabs>li.active>a,.z-content .nav-tabs>li>a:hover{color:var(--ice-soft)!important;background:rgba(63,227,255,.06)!important;
  border-bottom:2px solid var(--ice)!important;}

/* =====================================================================
   BANNER DE PÁGINAS INTERNAS (cuando NO es home)
   ===================================================================== */
.z-pagehead{position:relative;text-align:center;padding:54px 16px 26px;}
.z-pagehead img{height:60px;filter:drop-shadow(0 0 14px rgba(63,227,255,.4));}
.z-pagehead h1{font-family:var(--ff-display);font-weight:600;font-size:clamp(28px,4vw,44px);letter-spacing:.08em;
  text-transform:uppercase;color:var(--chrome);margin:14px 0 6px;}
.z-pagehead .z-breadcrumb{font-family:var(--ff-tech);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--steel-dim);}
.z-pagehead .z-breadcrumb a{color:var(--ice);text-decoration:none;}
.z-pagehead .z-breadcrumb a:hover{color:var(--ice-soft);}

/* =====================================================================
   COUNTDOWN DE LANZAMIENTO (interactivo)
   ===================================================================== */
.z-countdown{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:6px 0 26px;z-index:2;opacity:0;animation:zRise .9s .7s forwards;}
.z-cd{min-width:84px;padding:14px 10px 11px;background:var(--glass);border:1px solid var(--line);position:relative;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);}
.z-cd::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--ice),transparent);}
.z-cd b{display:block;font-family:var(--ff-display);font-weight:700;font-size:38px;line-height:1;color:var(--ice-soft);
  text-shadow:0 0 18px rgba(63,227,255,.4);font-variant-numeric:tabular-nums;}
.z-cd span{display:block;font-family:var(--ff-tech);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--steel-dim);margin-top:7px;}

/* badge "season 6 custom" chip reutilizable */
.z-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--line-2);border-radius:30px;
  font-family:var(--ff-tech);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ice-soft);background:rgba(63,227,255,.06);}

@media(max-width:560px){
  .z-cd{min-width:66px;padding:11px 6px 9px;}
  .z-cd b{font-size:28px;}
}

/* ── Rail social flotante ───────────────────────────────────────────── */
.z-rail{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:35;display:flex;flex-direction:column;gap:8px;
  padding:10px 8px;background:linear-gradient(180deg,rgba(8,11,22,.6),rgba(8,11,22,.3));border:1px solid var(--line);border-left:none;
  border-radius:0 12px 12px 0;backdrop-filter:blur(8px);}
.z-rail a{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:.2s;}
.z-rail a:hover{background:rgba(63,227,255,.12);transform:translateX(3px);}
.z-rail img{width:22px;height:22px;filter:drop-shadow(0 0 6px rgba(63,227,255,.4));}
@media(max-width:820px){.z-rail{display:none;}}

/* =====================================================================
   HERO INTERACTIVO — vórtice de cometas + destello del logo + letras
   ===================================================================== */
.z-hero__vortex{position:absolute;top:50%;left:50%;width:min(900px,98vw);height:min(900px,98vw);
  transform:translate(-50%,-57%);z-index:0;pointer-events:none;}

/* envoltura del logo con barrido de brillo ("deslumbra") */
.z-hero__logowrap{position:relative;z-index:2;width:min(500px,80vw);margin:0 auto;opacity:0;animation:zRise 1s .2s forwards;}
.z-hero__logowrap .z-hero__logo{position:relative;z-index:1;width:100%;display:block;opacity:1;animation:none;
  filter:drop-shadow(0 0 40px rgba(63,227,255,.28));}
.z-hero__shine{display:none;} /* (reemplazado por destellos por banda) */

/* Destellos directamente sobre las letras del logo (usando sus píxeles como máscara) */
.z-shine{position:absolute;inset:0;z-index:2;pointer-events:none;background-repeat:no-repeat;}
.z-shine--zenit{
  -webkit-mask:url(../img/logo-mask-zenit.png) center/contain no-repeat; mask:url(../img/logo-mask-zenit.png) center/contain no-repeat;
  background-image:linear-gradient(105deg, transparent 45%, rgba(255,255,255,.9) 50%, rgba(190,245,255,.35) 54%, transparent 60%);
  background-size:230% 100%; background-position:170% 0; mix-blend-mode:screen;
  animation:zSweep 7s ease-in-out 1s infinite;}
.z-shine--realm{
  -webkit-mask:url(../img/logo-mask-realm.png) center/contain no-repeat; mask:url(../img/logo-mask-realm.png) center/contain no-repeat;
  background-image:linear-gradient(105deg, transparent 42%, rgba(180,250,255,1) 50%, rgba(63,227,255,.5) 56%, transparent 62%);
  background-size:240% 100%; background-position:170% 0; mix-blend-mode:screen;
  animation:zSweep 7s ease-in-out 2.15s infinite;}
/* realce permanente del "HIGHER REALM" (es tenue en el PNG original) */
.z-shine--realmlift{
  -webkit-mask:url(../img/logo-mask-realm.png) center/contain no-repeat; mask:url(../img/logo-mask-realm.png) center/contain no-repeat;
  background:rgba(110,225,245,1); opacity:.52; mix-blend-mode:screen;}
@keyframes zSweep{
  0%{background-position:170% 0;}
  18%{background-position:-45% 0;}
  100%{background-position:-45% 0;}
}
@media(prefers-reduced-motion:reduce){
  .z-shine--zenit,.z-shine--realm{animation:none;background-position:-45% 0;}
}

/* =====================================================================
   CORRECCIONES sobre restos del tema viejo (Fearless) — v2
   ===================================================================== */

/* Tablas del contenido WebEngine (Rankings, Mi Cuenta/usercp):
   eliminar el granate #351925 de las filas y aplicar estilo ZENIT */
.z-content table{background:transparent!important;border:none!important;width:100%!important;}
.z-content table tr,
.z-content table tr:nth-child(odd),
.z-content table tr:nth-child(even){background-color:transparent!important;background-image:none!important;}
.z-content table tr:nth-child(even){background-color:rgba(63,227,255,.045)!important;}
.z-content table tr:hover{background-color:rgba(63,227,255,.09)!important;}
.z-content table td,.z-content table th{background:transparent!important;border:none!important;
  border-bottom:1px solid var(--line)!important;color:var(--silver)!important;font-family:var(--ff-tech)!important;
  font-size:14.5px!important;padding:11px 10px!important;}
.z-content table th{color:var(--ice-soft)!important;text-transform:uppercase;letter-spacing:.06em;font-size:13px!important;
  border-bottom:1px solid var(--line-2)!important;}
.z-content table a{color:var(--ice-soft)!important;}

/* Menú/sub-tabs del Ranking (usaban button_medium.jpg rosado) -> botón ZENIT */
.rankings_menu{margin:0 auto 20px!important;overflow:visible!important;}
.rankings_menu span{color:var(--steel)!important;font-size:16px!important;width:auto!important;}
.rankings_menu a{
  background:rgba(63,227,255,.06)!important;background-image:none!important;border:1px solid var(--line-2)!important;
  color:var(--silver)!important;width:auto!important;min-width:128px;height:auto!important;line-height:1.2!important;
  padding:11px 20px!important;margin:0 5px;font-family:var(--ff-tech)!important;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;text-decoration:none!important;display:inline-block;border-radius:0!important;
  background-position:0 0!important;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:.2s;}
.rankings_menu a:hover{background:rgba(63,227,255,.14)!important;color:#fff!important;border-color:var(--ice)!important;}
.rankings_menu a.active,.rankings_menu .active a,.rankings_menu a.selected{
  background:linear-gradient(135deg,var(--ice-soft),var(--ice))!important;color:#021018!important;border-color:transparent!important;
  box-shadow:0 6px 18px rgba(63,227,255,.3)!important;}
.rankings-update-time{color:var(--steel-dim)!important;}

/* CASTLE SIEGE widget: contador que NO desborde el cuadro */
.slider .row{display:block!important;margin:0!important;}
.slider .col-sm-6{width:100%!important;max-width:100%!important;flex:0 0 100%!important;float:none!important;
  display:block!important;text-align:center!important;padding:6px 4px!important;}
.slider .col-sm-6 .alt{display:inline-block;margin-top:8px;color:var(--steel)!important;text-transform:uppercase;letter-spacing:.08em;font-size:12px;}
.guild_countdown,#cscountdown{display:block!important;white-space:nowrap!important;overflow:visible!important;
  font-variant-numeric:tabular-nums;font-family:var(--ff-tech)!important;font-weight:700!important;font-size:17px!important;
  letter-spacing:.02em!important;color:var(--ice-soft)!important;text-shadow:0 0 12px rgba(63,227,255,.35);
  margin:4px auto 0!important;width:auto!important;text-align:center;}
.slider .panel-body{padding:0 6px 6px!important;overflow:visible!important;}
.slider .swiper-slide,.slider .swiper-wrapper,.slider .swiper-container{overflow:visible!important;}

/* =====================================================================
   CORRECCIONES v3 — modales (Trailer/Horarios/Login), registro y caché
   ===================================================================== */

/* .commonModal traía fondo granate viejo + fuente Candara -> ZENIT */
.commonModal{background:linear-gradient(rgba(10,14,26,.98),rgba(8,11,22,.98))!important;
  border:1px solid var(--line-2)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 50px rgba(63,227,255,.08)!important;}
.commonModal:after{display:none!important;}
.commonModal .title{font-family:var(--ff-display)!important;color:var(--ice-soft)!important;
  text-shadow:0 0 16px rgba(63,227,255,.3)!important;border-bottom:1px solid var(--line)!important;}
.commonModal h3{color:var(--ice-soft)!important;font-family:var(--ff-display)!important;}
.commonModal p,.commonModal li{color:var(--silver)!important;font-family:var(--ff-tech)!important;font-size:15px!important;line-height:1.7!important;}

/* contenido y tablas DENTRO de cualquier modal -> estilo ZENIT (no solo .z-content) */
.modalContent h1,.modalContent h2,.modalContent h3,.modalContent h4{font-family:var(--ff-display)!important;color:var(--chrome)!important;letter-spacing:.04em;}
.modalContent p,.modalContent td,.modalContent th,.modalContent span,.modalContent label{font-family:var(--ff-tech)!important;color:var(--silver)!important;}
.modalContent table{background:transparent!important;border:none!important;width:100%!important;}
.modalContent table tr,
.modalContent table tr:nth-child(odd),
.modalContent table tr:nth-child(even){background-color:transparent!important;background-image:none!important;}
.modalContent table tr:nth-child(even){background-color:rgba(63,227,255,.045)!important;}
.modalContent table td,.modalContent table th{background:transparent!important;border:none!important;
  border-bottom:1px solid var(--line)!important;color:var(--silver)!important;font-family:var(--ff-tech)!important;padding:11px 12px!important;}
.modalContent table th{color:var(--ice-soft)!important;text-transform:uppercase;letter-spacing:.06em;font-size:13px!important;
  border-bottom:1px solid var(--line-2)!important;}
.modalContent .btn,.modalContent button,.modalContent input[type=submit]{
  font-family:var(--ff-tech)!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;
  color:#021018!important;background:linear-gradient(135deg,var(--ice-soft),var(--ice))!important;background-image:linear-gradient(135deg,var(--ice-soft),var(--ice))!important;
  border:none!important;border-radius:0!important;padding:11px 22px!important;cursor:pointer;
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);}

/* CAMPOS VISIBLES en registro / login / formularios (antes casi invisibles) */
.z-content input[type=text],.z-content input[type=password],.z-content input[type=email],
.z-content input[type=number],.z-content select,.z-content textarea,.z-content .form-control,
.modalContent input[type=text],.modalContent input[type=password],.modalContent input[type=email],
.modal-form input[type=text],.modal-form input[type=password]{
  background:rgba(8,14,28,.9)!important;background-image:none!important;border:1px solid var(--line-2)!important;
  color:#ffffff!important;border-radius:0!important;box-shadow:none!important;padding:13px 14px!important;
  font-family:var(--ff-tech)!important;height:auto!important;width:100%!important;letter-spacing:.04em;margin-bottom:8px;}
.z-content input:focus,.modalContent input:focus,.modal-form input:focus,.z-content select:focus,.z-content textarea:focus{
  outline:none!important;border-color:var(--ice)!important;box-shadow:0 0 0 1px var(--ice),var(--glow-ice)!important;}
.z-content ::placeholder,.modalContent ::placeholder,.modal-form ::placeholder{color:var(--steel)!important;opacity:1;}

/* refuerzo: el panel de contenido siempre oscuro (registro lucía azul brillante) */
.right-content .panel,.right-content .panel-news,.z-content .panel,.z-content .panel-news{
  background:transparent!important;border:none!important;box-shadow:none!important;}

/* seguro extra: SOLO los modales propios ocultos hasta abrirse (no toca registro) */
#login:not([style*="block"]),#video:not([style*="block"]),#timers:not([style*="block"]){display:none;}

/* === Modal LOGIN: quitar íconos viejos, achicar título, botón cian === */
.modal_div{min-height:auto!important;background:linear-gradient(rgba(10,14,26,.98),rgba(8,11,22,.98))!important;}
.modal-form p:before,.modal-form p.password:before,.modal-form p.email:before{display:none!important;}
.modal-form p{margin-top:0!important;margin-bottom:6px!important;}
.modal-form input{height:auto!important;font-size:15px!important;background:rgba(8,14,28,.9)!important;}
.modalTitle{margin-bottom:6px!important;}
.modalTitle h2{font-size:26px!important;letter-spacing:.12em!important;color:var(--ice-soft)!important;
  font-family:var(--ff-display)!important;text-shadow:0 0 16px rgba(63,227,255,.3)!important;}
.modal-form .login,.login.bright,.enter-button .login{
  background:linear-gradient(135deg,var(--ice-soft),var(--ice))!important;background-image:linear-gradient(135deg,var(--ice-soft),var(--ice))!important;
  width:auto!important;min-width:190px;height:auto!important;padding:13px 30px!important;margin:18px auto 6px!important;
  color:#021018!important;font-family:var(--ff-tech)!important;font-weight:700!important;font-size:15px!important;
  letter-spacing:.12em!important;text-transform:uppercase!important;border:none!important;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);}
.modal_div .modal-div{padding:30px 34px!important;background:transparent!important;}
.modalContent{padding:6px 0!important;}

/* === Botón Ingresar (login) — forzado máximo + X de cerrar limpia === */
#login button,#login .login,#login .enter-button button,.modal-form button.login,.modal-form .enter-button button{
  background:#3fe3ff!important;background-image:linear-gradient(135deg,#7af0e6,#3fe3ff)!important;background-color:#3fe3ff!important;
  color:#021018!important;width:auto!important;min-width:190px!important;height:auto!important;line-height:1.2!important;
  padding:14px 30px!important;margin:18px auto 6px!important;border:none!important;cursor:pointer;display:block!important;
  font-family:'Rajdhani',sans-serif!important;font-weight:700!important;font-size:15px!important;letter-spacing:.12em!important;
  text-transform:uppercase!important;text-shadow:none!important;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);}
#login button:hover,.modal-form button.login:hover{filter:brightness(1.1);}

/* X de cerrar de los modales (era un recuadro negro) */
.modal_close{background:none!important;background-image:none!important;width:36px!important;height:36px!important;
  border:1px solid var(--line-2)!important;border-radius:50%!important;cursor:pointer;z-index:20;}
.modal_close:before,.modal_close:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;
  background:var(--ice-soft);transform-origin:center;}
.modal_close:before{transform:translate(-50%,-50%) rotate(45deg);}
.modal_close:after{transform:translate(-50%,-50%) rotate(-45deg);}
.modal_close:hover{border-color:var(--ice)!important;box-shadow:var(--glow-ice);}
.commonModal .modal_close{top:14px!important;right:14px!important;}

/* =====================================================================
   STREAMERS / Creadores de contenido
   ===================================================================== */
.z-streamers{position:relative;}
.z-stream-featured{position:relative;width:100%;max-width:900px;margin:0 auto 26px;aspect-ratio:16/9;
  border:1px solid var(--line-2);overflow:hidden;background:#05070f;
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);}
.z-stream-featured iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.z-live{position:absolute;top:12px;left:12px;z-index:3;font-family:var(--ff-tech);font-weight:700;font-size:12px;
  letter-spacing:.14em;color:#fff;background:rgba(255,40,80,.92);padding:5px 12px;border-radius:4px;
  box-shadow:0 0 16px rgba(255,40,80,.6);animation:zPulse 1.8s infinite;}

.z-stream-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.z-stream-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:24px 16px;
  text-decoration:none;background:var(--glass);border:1px solid var(--line);transition:.25s;position:relative;overflow:hidden;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);}
.z-stream-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--ice),transparent);opacity:.5;}
.z-stream-card:hover{transform:translateY(-4px);border-color:var(--line-2);background:var(--glass-2);}
.z-stream-av{width:74px;height:74px;border-radius:50%;background-size:cover;background-position:center;
  border:2px solid var(--line-2);box-shadow:0 0 18px rgba(63,227,255,.25);display:flex;align-items:center;justify-content:center;}
.z-stream-av--ph{background:linear-gradient(135deg,var(--ice-deep),var(--amethyst));color:#021018;
  font-family:var(--ff-display);font-weight:700;font-size:30px;}
.z-stream-info{display:flex;flex-direction:column;align-items:center;gap:7px;}
.z-stream-info b{font-family:var(--ff-display);font-weight:600;font-size:17px;letter-spacing:.04em;color:var(--chrome);}
.z-stream-badge{font-family:var(--ff-tech);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--pc,#3fe3ff);border:1px solid var(--pc,#3fe3ff);padding:3px 11px;border-radius:20px;
  box-shadow:0 0 12px color-mix(in srgb, var(--pc,#3fe3ff) 40%, transparent);}
.z-stream-go{font-family:var(--ff-tech);font-weight:600;font-size:13px;letter-spacing:.08em;color:var(--steel);transition:.2s;}
.z-stream-card:hover .z-stream-go{color:var(--ice-soft);}

@media(max-width:1024px){.z-stream-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:768px){.z-stream-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.z-stream-grid{grid-template-columns:1fr;}}

/* =====================================================================
   CORRECCIONES v4 — Media en miniaturas + MI CUENTA ordenado + registro
   ===================================================================== */

/* MEDIA: grilla de miniaturas chicas y parejas */
.z-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;}
.z-media-item{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line);
  background:#05070f;transition:.25s;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);}
.z-media-item img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s;}
.z-media-item:hover{border-color:var(--ice);box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 24px rgba(63,227,255,.12);}
.z-media-item:hover img{transform:scale(1.06);}
.z-media-item--video{grid-column:span 2;}
.z-media-item--video::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(2,8,18,.55));}
.z-media-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;
  background:rgba(63,227,255,.16);border:2px solid var(--ice-soft);box-shadow:0 0 26px rgba(63,227,255,.5);z-index:2;transition:.25s;}
.z-media-play::before{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);
  border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #eafcff;}
.z-media-item--video:hover .z-media-play{background:rgba(63,227,255,.32);transform:translate(-50%,-50%) scale(1.08);}
.z-media-tag{position:absolute;left:12px;bottom:10px;z-index:2;font-family:var(--ff-tech);font-weight:700;font-size:12px;
  letter-spacing:.12em;text-transform:uppercase;color:#eafcff;text-shadow:0 1px 8px rgba(0,0,0,.8);}
@media(max-width:560px){.z-media-item--video{grid-column:span 1;}}

/* MI CUENTA (usercp): menú limpio + botones de acción */
.z-usercp ul,.z-usercp ol{list-style:none!important;margin:0!important;padding:0!important;display:block!important;}
.z-usercp li{display:block!important;width:100%!important;float:none!important;margin:0 0 4px!important;padding:0!important;border:none!important;}
.z-usercp li a{display:flex!important;align-items:center;gap:12px;width:100%!important;padding:12px 14px!important;
  background:rgba(63,227,255,.04)!important;border:1px solid var(--line)!important;border-radius:0!important;
  color:var(--silver)!important;font-family:var(--ff-tech)!important;font-weight:600!important;letter-spacing:.04em;
  text-decoration:none!important;text-transform:none!important;transition:.2s;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);}
.z-usercp li a:hover{background:rgba(63,227,255,.12)!important;border-color:var(--line-2)!important;color:#fff!important;}
.z-usercp li a img{width:26px!important;height:26px!important;flex:0 0 26px;object-fit:contain;margin:0!important;}
.z-usercp-actions{display:flex;flex-direction:column;gap:10px;margin:16px 0 4px;}
.z-usercp-btn{display:block;text-align:center;padding:13px 16px;font-family:var(--ff-tech);font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;font-size:14px;text-decoration:none!important;cursor:pointer;transition:.2s;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);}
.z-usercp-btn--logout{background:linear-gradient(135deg,var(--ice-soft),var(--ice));color:#021018!important;}
.z-usercp-btn--logout:hover{filter:brightness(1.1);}
.z-usercp-btn--admin{background:linear-gradient(135deg,#a78bfa,var(--amethyst));color:#0c0716!important;}
.z-usercp-btn--admin:hover{filter:brightness(1.12);}

/* REGISTRO: asegurar que el formulario y sus campos SIEMPRE se vean */
.z-content form,.z-content fieldset,.z-content .form-group,.z-content .input-group,.z-content p,.z-content label{
  display:block!important;visibility:visible!important;opacity:1!important;}
.z-content label{color:var(--steel)!important;font-family:var(--ff-tech)!important;font-weight:600;
  letter-spacing:.04em;margin:4px 0 6px;text-transform:uppercase;font-size:13px;}
.z-content input[type=text],.z-content input[type=password],.z-content input[type=email]{min-height:46px!important;}

/* =====================================================================
   v5 — Login: texto SIEMPRE visible (fondo oscuro + texto blanco forzado)
   ===================================================================== */
#login input[type=text],#login input[type=password],#loginBox1,#loginBox2,
.modal-form input[type=text],.modal-form input[type=password]{
  background:rgba(8,14,28,.96)!important;background-image:none!important;
  color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;caret-color:#3fe3ff!important;
  border:1px solid var(--line-2)!important;text-align:left!important;}
#login input::placeholder,.modal-form input::placeholder{color:#7f93b4!important;-webkit-text-fill-color:#7f93b4!important;}
#login input:-webkit-autofill,.modal-form input:-webkit-autofill{
  -webkit-text-fill-color:#ffffff!important;
  -webkit-box-shadow:0 0 0 1000px rgba(8,14,28,.96) inset!important;
  caret-color:#3fe3ff!important;}

/* =====================================================================
   FIX ZENIT HR v8 — Registro + Guías integradas correctamente
   ===================================================================== */

/* Guías: se cargan como contenido parcial, sin HTML anidado ni panel recortado. */
.z-guides-shell{
  position:relative;
  z-index:1;
  padding-bottom:40px;
}
.z-guides-shell .container{
  max-width:1240px;
}
.z-guides-shell .game-infoBlock.block,
.z-guides-shell .z-guide-list-card{
  overflow:visible!important;
}
.z-guides-shell .cg-modal-overlay{
  z-index:99999!important;
}
.z-guides-shell .cg-modal{
  max-height:90vh!important;
  overflow-y:auto!important;
}
.z-guides-shell .cg-wrapper,
.z-guides-shell .cg-grid,
.z-guides-shell .cg-card{
  overflow:visible!important;
}

/* Registro: aislar el módulo real de WebEngine del layout viejo Fearless. */
.z-register-shell{
  max-width:960px!important;
  padding-top:26px!important;
  padding-bottom:46px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.z-register-content{
  width:100%!important;
  max-width:100%!important;
  display:block!important;
  float:none!important;
  margin:0 auto!important;
  overflow:visible!important;
}
.z-module-card,
.z-register-card{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  min-height:360px!important;
  height:auto!important;
  overflow:visible!important;
  padding:34px 38px 44px!important;
  background:rgba(14,20,36,.68)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.28)!important;
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));
  backdrop-filter:blur(6px);
}
.z-register-card::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--ice),transparent);
  opacity:.55;
}

/* Si el módulo usa #register, NO debe tomar estilos de modal antiguo. */
.z-register-card #register,
.z-register-card #register.modal_div,
.z-register-card .register-form,
.z-register-card form,
.z-register-card .form-horizontal,
.z-register-card .form-group,
.z-register-card .row,
.z-register-card .panel,
.z-register-card .panel-body,
.z-register-card .well,
.z-register-card .webengine-box,
.z-register-card .account-register,
.z-register-card .register-container,
.z-register-card .registration-form{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  margin-left:0!important;
  margin-right:0!important;
  max-width:100%!important;
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:auto!important;
}
.z-register-card #register{
  margin:0 auto!important;
  width:100%!important;
}
.z-register-card #register:before,
.z-register-card #register:after{
  display:none!important;
  content:none!important;
}

/* Bootstrap columns dentro del registro: apiladas y visibles. */
.z-register-card [class^="col-"],
.z-register-card [class*=" col-"]{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  float:none!important;
  width:100%!important;
  max-width:100%!important;
  min-height:1px!important;
  padding-left:0!important;
  padding-right:0!important;
  position:relative!important;
}
.z-register-card .control-label,
.z-register-card label{
  display:block!important;
  text-align:left!important;
  color:var(--ice-soft)!important;
  font-family:var(--ff-tech)!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  margin:12px 0 6px!important;
}
.z-register-card p,
.z-register-card div,
.z-register-card span,
.z-register-card small{
  color:var(--silver)!important;
}
.z-register-card h1,
.z-register-card h2,
.z-register-card h3,
.z-register-card .title,
.z-register-card .page-title{
  display:block!important;
  color:var(--chrome)!important;
  font-family:var(--ff-display)!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  margin:0 0 18px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid var(--line)!important;
  background:none!important;
  text-align:left!important;
}

/* Inputs del registro: forzados visibles aunque el CSS viejo intente ocultarlos. */
.z-register-card input:not([type="checkbox"]):not([type="radio"]),
.z-register-card select,
.z-register-card textarea,
.z-register-card .form-control,
.z-register-card .register-form input,
.z-register-card .register-form select,
.z-register-card #register input:not([type="checkbox"]):not([type="radio"]),
.z-register-card #register select{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  min-height:46px!important;
  height:auto!important;
  line-height:1.25!important;
  padding:12px 14px!important;
  margin:0 0 14px!important;
  background:rgba(8,14,28,.96)!important;
  background-image:none!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  border:1px solid var(--line-2)!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-family:var(--ff-tech)!important;
  font-size:15px!important;
  letter-spacing:.03em!important;
  text-align:left!important;
  z-index:2!important;
}
.z-register-card input:focus,
.z-register-card select:focus,
.z-register-card textarea:focus{
  outline:none!important;
  border-color:var(--ice)!important;
  box-shadow:0 0 0 1px var(--ice),var(--glow-ice)!important;
}
.z-register-card ::placeholder{
  color:var(--steel)!important;
  opacity:1!important;
  -webkit-text-fill-color:var(--steel)!important;
}
.z-register-card option{
  background:#070b15!important;
  color:#ffffff!important;
}
.z-register-card input[type="checkbox"],
.z-register-card input[type="radio"]{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin-right:8px!important;
}

/* Botón Create Account / Register. */
.z-register-card .btn,
.z-register-card button,
.z-register-card input[type="submit"],
.z-register-card input[type="button"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:210px!important;
  min-height:48px!important;
  height:auto!important;
  line-height:1.2!important;
  padding:13px 30px!important;
  margin:14px 0 0!important;
  background:linear-gradient(135deg,var(--ice-soft),var(--ice))!important;
  background-image:linear-gradient(135deg,var(--ice-soft),var(--ice))!important;
  color:#021018!important;
  -webkit-text-fill-color:#021018!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:0 6px 20px rgba(63,227,255,.28)!important;
  font-family:var(--ff-tech)!important;
  font-weight:700!important;
  font-size:14px!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
}
.z-register-card .btn:hover,
.z-register-card button:hover,
.z-register-card input[type="submit"]:hover{
  filter:brightness(1.1);
  transform:translateY(-2px);
}
.z-register-card .alert,
.z-register-card .form-errors,
.z-register-card .form-errors li{
  color:var(--silver)!important;
}

/* Ajuste final v9: registro compacto y centrado, sin salirse por la derecha. */
.z-register-card form{
  max-width:640px!important;
  margin:0 auto!important;
}
.z-register-card .g-recaptcha,
.z-register-card iframe[src*="recaptcha"],
.z-register-card iframe[title*="reCAPTCHA"]{
  max-width:100%!important;
}
.z-register-card .g-recaptcha{
  transform-origin:left top;
}
@media(max-width:520px){
  .z-register-card .g-recaptcha{transform:scale(.86);}
}

@media(max-width:820px){
  .z-module-card,
  .z-register-card{padding:22px 18px 34px!important;}
}


/* =====================================================================
   FIX v10 — Login funcional + Registro compacto real
   ===================================================================== */

/* Las piezas decorativas del modal no deben bloquear clicks sobre el botón. */
#login:before,
#login:after,
#login .modal-div:before,
#login .modal-div:after,
#login .modalContent:before,
#login .modalContent:after{
  pointer-events:none!important;
}
#login,
#login .modal-div,
#login .modalContent,
#login form,
#login .enter-button,
#login button.login{
  pointer-events:auto!important;
}
#login button.login,
#login .enter-button button,
#login_form button[type="submit"]{
  position:relative!important;
  z-index:60!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}

/* Registro: contenedor compacto y centrado. No se toca el módulo PHP de WebEngine. */
body.z-page-register .z-pagehead{display:none!important;}
body.z-page-register .z-register-shell{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:46px 18px 70px!important;
}
body.z-page-register .z-register-content{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  float:none!important;
  display:block!important;
}
body.z-page-register .z-register-card{
  width:100%!important;
  max-width:640px!important;
  margin:0 auto!important;
  padding:30px 34px 38px!important;
  min-height:0!important;
  overflow:visible!important;
  background:linear-gradient(180deg,rgba(12,18,34,.92),rgba(7,11,23,.88))!important;
  border:1px solid rgba(63,227,255,.32)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.36),0 0 34px rgba(63,227,255,.08)!important;
  clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)!important;
}
body.z-page-register .z-register-card,
body.z-page-register .z-register-card *{
  box-sizing:border-box!important;
}

/* Evita que estilos viejos de Fearless conviertan el registro en modal o panel gigante. */
body.z-page-register .z-register-card #register,
body.z-page-register .z-register-card .register-form,
body.z-page-register .z-register-card form,
body.z-page-register .z-register-card .form-horizontal,
body.z-page-register .z-register-card .panel,
body.z-page-register .z-register-card .panel-body,
body.z-page-register .z-register-card .well,
body.z-page-register .z-register-card .account-register,
body.z-page-register .z-register-card .registration-form,
body.z-page-register .z-register-card .webengine-box{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:520px!important;
  min-height:0!important;
  height:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  overflow:visible!important;
  z-index:auto!important;
}
body.z-page-register .z-register-card #register:before,
body.z-page-register .z-register-card #register:after{
  display:none!important;
  content:none!important;
  pointer-events:none!important;
}

/* Filas / columnas Bootstrap del módulo de registro. */
body.z-page-register .z-register-card .form-group,
body.z-page-register .z-register-card .row{
  display:block!important;
  width:100%!important;
  max-width:520px!important;
  margin:0 auto 17px!important;
  padding:0!important;
  clear:both!important;
  float:none!important;
}
body.z-page-register .z-register-card [class^="col-"],
body.z-page-register .z-register-card [class*=" col-"]{
  display:block!important;
  float:none!important;
  width:100%!important;
  max-width:520px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  position:relative!important;
}

/* Títulos del módulo. */
body.z-page-register .z-register-card .page-title,
body.z-page-register .z-register-card h1,
body.z-page-register .z-register-card h2,
body.z-page-register .z-register-card h3,
body.z-page-register .z-register-card .title{
  width:100%!important;
  max-width:520px!important;
  margin:0 auto 24px!important;
  padding:0 0 14px!important;
  text-align:center!important;
  border-bottom:1px solid rgba(63,227,255,.22)!important;
  background:none!important;
  color:#dfefff!important;
  font-family:var(--ff-display)!important;
  font-size:24px!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

/* Labels y textos de ayuda: dentro del mismo ancho que el input. */
body.z-page-register .z-register-card label,
body.z-page-register .z-register-card .control-label,
body.z-page-register .z-register-card p,
body.z-page-register .z-register-card small,
body.z-page-register .z-register-card .help-block,
body.z-page-register .z-register-card .text-muted{
  display:block!important;
  width:100%!important;
  max-width:520px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:left!important;
  font-family:var(--ff-tech)!important;
}
body.z-page-register .z-register-card label,
body.z-page-register .z-register-card .control-label{
  color:#7af0e6!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  margin-top:0!important;
  margin-bottom:6px!important;
  padding-top:0!important;
}
body.z-page-register .z-register-card p,
body.z-page-register .z-register-card small,
body.z-page-register .z-register-card .help-block,
body.z-page-register .z-register-card .text-muted,
body.z-page-register .z-register-card span:not(.glyphicon):not(.input-group-addon){
  color:#c5d3f4!important;
  font-size:13px!important;
  line-height:1.35!important;
}

/* Inputs compactos. */
body.z-page-register .z-register-card input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.z-page-register .z-register-card select,
body.z-page-register .z-register-card textarea,
body.z-page-register .z-register-card .form-control{
  display:block!important;
  width:100%!important;
  max-width:520px!important;
  min-width:0!important;
  min-height:48px!important;
  height:48px!important;
  line-height:1.25!important;
  margin:0 auto 8px!important;
  padding:11px 14px!important;
  background:rgba(4,10,22,.86)!important;
  background-image:none!important;
  border:1px solid rgba(63,227,255,.35)!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  font-family:var(--ff-tech)!important;
  font-size:15px!important;
  letter-spacing:.03em!important;
  text-align:left!important;
}
body.z-page-register .z-register-card input:focus,
body.z-page-register .z-register-card select:focus,
body.z-page-register .z-register-card textarea:focus{
  outline:none!important;
  border-color:#3fe3ff!important;
  box-shadow:0 0 0 1px rgba(63,227,255,.5),0 0 18px rgba(63,227,255,.18)!important;
}
body.z-page-register .z-register-card input[type="checkbox"],
body.z-page-register .z-register-card input[type="radio"]{
  display:inline-block!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0 8px 0 0!important;
}

/* Botón de crear cuenta compacto. */
body.z-page-register .z-register-card .btn,
body.z-page-register .z-register-card button,
body.z-page-register .z-register-card input[type="submit"],
body.z-page-register .z-register-card input[type="button"]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:260px!important;
  min-width:0!important;
  min-height:48px!important;
  height:48px!important;
  margin:20px auto 0!important;
  padding:12px 24px!important;
  background:#3fe3ff!important;
  background-image:linear-gradient(135deg,#7af0e6,#3fe3ff)!important;
  border:none!important;
  border-radius:0!important;
  color:#021018!important;
  -webkit-text-fill-color:#021018!important;
  box-shadow:0 8px 26px rgba(63,227,255,.28)!important;
  font-family:var(--ff-tech)!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)!important;
}

/* Captcha centrado y sin salirse. */
body.z-page-register .z-register-card .g-recaptcha,
body.z-page-register .z-register-card iframe[src*="recaptcha"],
body.z-page-register .z-register-card iframe[title*="reCAPTCHA"]{
  max-width:100%!important;
}
body.z-page-register .z-register-card .g-recaptcha{
  width:304px!important;
  max-width:100%!important;
  margin:18px auto 0!important;
  transform-origin:center top!important;
}
@media(max-width:620px){
  body.z-page-register .z-register-card{max-width:100%!important;padding:24px 18px 34px!important;}
  body.z-page-register .z-register-card .g-recaptcha{transform:scale(.86);}
}

/* =====================================================================
   FIX v11 — Registro reCAPTCHA + My Account + UserCP limpio
   ===================================================================== */

/* Google reCAPTCHA inserta un textarea llamado g-recaptcha-response.
   No debe tomar el estilo de input del registro ni mostrarse con el token. */
body.z-page-register .z-register-card textarea[name="g-recaptcha-response"],
body.z-page-register .z-register-card textarea.g-recaptcha-response,
body.z-page-register .z-register-card #g-recaptcha-response,
body.z-page-register .z-register-card .g-recaptcha-response{
  display:block!important;
  position:absolute!important;
  left:-99999px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  min-height:1px!important;
  max-height:1px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  resize:none!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
}

/* Mantener los textos legales debajo del captcha limpios y sin quedar tapados. */
body.z-page-register .z-register-card .g-recaptcha + p,
body.z-page-register .z-register-card p:has(a[href*="terms"]),
body.z-page-register .z-register-card p:has(a[href*="Terms"]){
  margin-top:16px!important;
  clear:both!important;
}

/* My Account: evitar que el correo largo choque con el botón Change. */
.z-content .myaccount-table,
.z-module-card .myaccount-table,
.block-usercp .myaccount-table{
  width:100%!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0 8px!important;
  background:transparent!important;
  border:0!important;
}
.z-content .myaccount-table tr,
.z-module-card .myaccount-table tr,
.block-usercp .myaccount-table tr{
  background:rgba(63,227,255,.055)!important;
}
.z-content .myaccount-table td,
.z-module-card .myaccount-table td,
.block-usercp .myaccount-table td{
  vertical-align:middle!important;
  padding:13px 14px!important;
  border-bottom:1px solid rgba(63,227,255,.12)!important;
}
.z-content .myaccount-table td:first-child,
.z-module-card .myaccount-table td:first-child,
.block-usercp .myaccount-table td:first-child{
  width:170px!important;
  color:#9cb1d6!important;
  white-space:nowrap!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.z-content .myaccount-table td:nth-child(2),
.z-module-card .myaccount-table td:nth-child(2),
.block-usercp .myaccount-table td:nth-child(2){
  width:auto!important;
  min-width:0!important;
  color:#7af0e6!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  white-space:normal!important;
  padding-right:20px!important;
}
.z-content .myaccount-table td:last-child,
.z-module-card .myaccount-table td:last-child,
.block-usercp .myaccount-table td:last-child{
  width:132px!important;
  text-align:right!important;
  white-space:nowrap!important;
}
.z-content .myaccount-table td:last-child .btn,
.z-content .myaccount-table td:last-child a,
.z-content .myaccount-table td:last-child button,
.z-content .myaccount-table td:last-child input[type="button"],
.z-content .myaccount-table td:last-child input[type="submit"]{
  display:inline-flex!important;
  width:112px!important;
  min-width:112px!important;
  height:34px!important;
  min-height:34px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 12px!important;
  margin:0!important;
  font-size:12px!important;
  letter-spacing:.1em!important;
  white-space:nowrap!important;
}

/* UserCP: quitar iconos pequeños heredados que ensucian el panel. */
.z-usercp li img,
.z-usercp ul li img,
.z-usercp ol li img,
.panel-usercp ul li img,
.block-usercp ul li img,
.inside ul li img{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  position:absolute!important;
  left:-9999px!important;
}
.z-usercp li a,
.panel-usercp ul li a,
.block-usercp ul li a,
.inside ul li a{
  justify-content:flex-start!important;
  padding-left:22px!important;
  gap:0!important;
}

@media(max-width:760px){
  .z-content .myaccount-table td:first-child,
  .z-module-card .myaccount-table td:first-child,
  .block-usercp .myaccount-table td:first-child{width:135px!important;}
  .z-content .myaccount-table td:last-child,
  .z-module-card .myaccount-table td:last-child,
  .block-usercp .myaccount-table td:last-child{width:116px!important;}
}


/* =====================================================================
   FIX v12 — Separación precisa en My Account (Email / Change)
   ===================================================================== */

/* Solo afecta la tabla de detalles de cuenta, no toca registro ni el menú UserCP. */
body.z-current-usercp .z-content .myaccount-table,
body.z-current-usercp .z-module-card .myaccount-table,
body.z-current-usercp .panel-news .myaccount-table,
body.z-current-usercp table.myaccount-table{
  width:100%!important;
  max-width:100%!important;
  table-layout:auto!important;
  border-collapse:separate!important;
  border-spacing:0 10px!important;
}

body.z-current-usercp .z-content .myaccount-table tr,
body.z-current-usercp .z-module-card .myaccount-table tr,
body.z-current-usercp .panel-news .myaccount-table tr,
body.z-current-usercp table.myaccount-table tr{
  background:rgba(63,227,255,.055)!important;
}

body.z-current-usercp .z-content .myaccount-table td,
body.z-current-usercp .z-module-card .myaccount-table td,
body.z-current-usercp .panel-news .myaccount-table td,
body.z-current-usercp table.myaccount-table td{
  vertical-align:middle!important;
  background:transparent!important;
  border-bottom:1px solid rgba(63,227,255,.12)!important;
  padding-top:13px!important;
  padding-bottom:13px!important;
}

/* Primera columna: etiqueta fija. */
body.z-current-usercp .z-content .myaccount-table td:first-child,
body.z-current-usercp .z-module-card .myaccount-table td:first-child,
body.z-current-usercp .panel-news .myaccount-table td:first-child,
body.z-current-usercp table.myaccount-table td:first-child{
  width:180px!important;
  min-width:180px!important;
  max-width:180px!important;
  padding-left:16px!important;
  padding-right:18px!important;
  text-align:left!important;
  white-space:nowrap!important;
}

/* Segunda columna: valor siempre alineado a la izquierda, no pegado al botón. */
body.z-current-usercp .z-content .myaccount-table td:nth-child(2),
body.z-current-usercp .z-module-card .myaccount-table td:nth-child(2),
body.z-current-usercp .panel-news .myaccount-table td:nth-child(2),
body.z-current-usercp table.myaccount-table td:nth-child(2){
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  padding-left:16px!important;
  padding-right:42px!important;
  text-align:left!important;
  justify-content:flex-start!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}

/* Tercera columna: botón Change con espacio reservado. */
body.z-current-usercp .z-content .myaccount-table tr:has(td:nth-child(3)) td:last-child,
body.z-current-usercp .z-module-card .myaccount-table tr:has(td:nth-child(3)) td:last-child,
body.z-current-usercp .panel-news .myaccount-table tr:has(td:nth-child(3)) td:last-child,
body.z-current-usercp table.myaccount-table tr:has(td:nth-child(3)) td:last-child{
  width:170px!important;
  min-width:170px!important;
  max-width:170px!important;
  padding-left:24px!important;
  padding-right:18px!important;
  text-align:right!important;
  white-space:nowrap!important;
}

body.z-current-usercp .z-content .myaccount-table tr:has(td:nth-child(3)) td:last-child a,
body.z-current-usercp .z-content .myaccount-table tr:has(td:nth-child(3)) td:last-child button,
body.z-current-usercp .z-content .myaccount-table tr:has(td:nth-child(3)) td:last-child input[type="submit"],
body.z-current-usercp .z-content .myaccount-table tr:has(td:nth-child(3)) td:last-child input[type="button"],
body.z-current-usercp .z-module-card .myaccount-table tr:has(td:nth-child(3)) td:last-child a,
body.z-current-usercp .z-module-card .myaccount-table tr:has(td:nth-child(3)) td:last-child button,
body.z-current-usercp .panel-news .myaccount-table tr:has(td:nth-child(3)) td:last-child a,
body.z-current-usercp table.myaccount-table tr:has(td:nth-child(3)) td:last-child a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:124px!important;
  min-width:124px!important;
  max-width:124px!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:8px 12px!important;
  font-size:12px!important;
  letter-spacing:.12em!important;
  text-align:center!important;
}

/* Fallback para navegadores sin :has(): aumenta el espacio de la columna del botón. */
body.z-current-usercp .z-content .myaccount-table td:last-child,
body.z-current-usercp .z-module-card .myaccount-table td:last-child,
body.z-current-usercp .panel-news .myaccount-table td:last-child,
body.z-current-usercp table.myaccount-table td:last-child{
  padding-left:24px!important;
}

@media(max-width:900px){
  body.z-current-usercp .z-content .myaccount-table td:first-child,
  body.z-current-usercp .z-module-card .myaccount-table td:first-child,
  body.z-current-usercp .panel-news .myaccount-table td:first-child,
  body.z-current-usercp table.myaccount-table td:first-child{
    width:145px!important;
    min-width:145px!important;
    max-width:145px!important;
  }
  body.z-current-usercp .z-content .myaccount-table tr:has(td:nth-child(3)) td:last-child,
  body.z-current-usercp .z-module-card .myaccount-table tr:has(td:nth-child(3)) td:last-child,
  body.z-current-usercp .panel-news .myaccount-table tr:has(td:nth-child(3)) td:last-child,
  body.z-current-usercp table.myaccount-table tr:has(td:nth-child(3)) td:last-child{
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
    padding-left:18px!important;
  }
  body.z-current-usercp .z-content .myaccount-table td:nth-child(2),
  body.z-current-usercp .z-module-card .myaccount-table td:nth-child(2),
  body.z-current-usercp .panel-news .myaccount-table td:nth-child(2),
  body.z-current-usercp table.myaccount-table td:nth-child(2){
    padding-right:28px!important;
  }
}


/* =====================================================================
   FIX v13 — Empujar botones Change más a la derecha en My Account
   ===================================================================== */
body.z-current-usercp .z-content .myaccount-table td:nth-child(2),
body.z-current-usercp .z-module-card .myaccount-table td:nth-child(2),
body.z-current-usercp .panel-news .myaccount-table td:nth-child(2),
body.z-current-usercp table.myaccount-table td:nth-child(2){
  padding-right:56px!important;
}

body.z-current-usercp .z-content .myaccount-table tr:has(td:nth-child(3)) td:last-child,
body.z-current-usercp .z-module-card .myaccount-table tr:has(td:nth-child(3)) td:last-child,
body.z-current-usercp .panel-news .myaccount-table tr:has(td:nth-child(3)) td:last-child,
body.z-current-usercp table.myaccount-table tr:has(td:nth-child(3)) td:last-child{
  width:192px!important;
  min-width:192px!important;
  max-width:192px!important;
  padding-left:34px!important;
  padding-right:20px!important;
}

body.z-current-usercp .z-content .myaccount-table tr:has(td:nth-child(3)) td:last-child a,
body.z-current-usercp .z-content .myaccount-table tr:has(td:nth-child(3)) td:last-child button,
body.z-current-usercp .z-content .myaccount-table tr:has(td:nth-child(3)) td:last-child input[type="submit"],
body.z-current-usercp .z-content .myaccount-table tr:has(td:nth-child(3)) td:last-child input[type="button"],
body.z-current-usercp .z-module-card .myaccount-table tr:has(td:nth-child(3)) td:last-child a,
body.z-current-usercp .z-module-card .myaccount-table tr:has(td:nth-child(3)) td:last-child button,
body.z-current-usercp .panel-news .myaccount-table tr:has(td:nth-child(3)) td:last-child a,
body.z-current-usercp table.myaccount-table tr:has(td:nth-child(3)) td:last-child a{
  margin-left:14px!important;
}

body.z-current-usercp .z-content .myaccount-table td:last-child,
body.z-current-usercp .z-module-card .myaccount-table td:last-child,
body.z-current-usercp .panel-news .myaccount-table td:last-child,
body.z-current-usercp table.myaccount-table td:last-child{
  padding-left:34px!important;
}

@media(max-width:900px){
  body.z-current-usercp .z-content .myaccount-table td:nth-child(2),
  body.z-current-usercp .z-module-card .myaccount-table td:nth-child(2),
  body.z-current-usercp .panel-news .myaccount-table td:nth-child(2),
  body.z-current-usercp table.myaccount-table td:nth-child(2){
    padding-right:40px!important;
  }
  body.z-current-usercp .z-content .myaccount-table tr:has(td:nth-child(3)) td:last-child,
  body.z-current-usercp .z-module-card .myaccount-table tr:has(td:nth-child(3)) td:last-child,
  body.z-current-usercp .panel-news .myaccount-table tr:has(td:nth-child(3)) td:last-child,
  body.z-current-usercp table.myaccount-table tr:has(td:nth-child(3)) td:last-child{
    width:168px!important;
    min-width:168px!important;
    max-width:168px!important;
    padding-left:22px!important;
  }
}


/* =====================================================================
   FIX v14 — My Account: botones Change cuando WebEngine los pone en la
   MISMA celda del valor (2 columnas, no 3 columnas).
   ===================================================================== */

/* El caso real de tu WebEngine es:
   [LABEL] [valor + botón Change]
   Por eso las reglas anteriores para una tercera columna casi no se veían.
*/
body.z-current-usercp .myaccount-table td:nth-child(2):has(a),
body.z-current-usercp .myaccount-table td:nth-child(2):has(button),
body.z-current-usercp .myaccount-table td:nth-child(2):has(input[type="button"]),
body.z-current-usercp .myaccount-table td:nth-child(2):has(input[type="submit"]){
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:42px!important;
  padding-left:16px!important;
  padding-right:22px!important;
  white-space:normal!important;
}

/* Empuja el botón Change hacia la derecha dentro de la misma celda. */
body.z-current-usercp .myaccount-table td:nth-child(2):has(a) a,
body.z-current-usercp .myaccount-table td:nth-child(2):has(button) button,
body.z-current-usercp .myaccount-table td:nth-child(2):has(input[type="button"]) input[type="button"],
body.z-current-usercp .myaccount-table td:nth-child(2):has(input[type="submit"]) input[type="submit"]{
  margin-left:auto!important;
  flex:0 0 132px!important;
  width:132px!important;
  min-width:132px!important;
  max-width:132px!important;
  height:36px!important;
  min-height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
}

/* Separación extra específica para email/password, sin afectar status/username. */
body.z-current-usercp .myaccount-table tr:nth-child(3) td:nth-child(2),
body.z-current-usercp .myaccount-table tr:nth-child(4) td:nth-child(2){
  padding-right:26px!important;
}

/* Fallback por si el navegador no toma :has en alguna regla:
   si el botón es .btn dentro de la celda del valor, también lo empuja. */
body.z-current-usercp .myaccount-table td:nth-child(2) .btn,
body.z-current-usercp .myaccount-table td:nth-child(2) a.btn,
body.z-current-usercp .myaccount-table td:nth-child(2) input.btn,
body.z-current-usercp .myaccount-table td:nth-child(2) button.btn{
  margin-left:42px!important;
  float:right!important;
}

/* Si el correo sigue largo en pantallas medianas, baja un poco el tamaño
   solo del valor para que respire con el botón. */
@media(max-width:980px){
  body.z-current-usercp .myaccount-table td:nth-child(2):has(a),
  body.z-current-usercp .myaccount-table td:nth-child(2):has(button),
  body.z-current-usercp .myaccount-table td:nth-child(2):has(input[type="button"]),
  body.z-current-usercp .myaccount-table td:nth-child(2):has(input[type="submit"]){
    gap:34px!important;
  }
  body.z-current-usercp .myaccount-table td:nth-child(2):has(a) a,
  body.z-current-usercp .myaccount-table td:nth-child(2):has(button) button,
  body.z-current-usercp .myaccount-table td:nth-child(2):has(input[type="button"]) input[type="button"],
  body.z-current-usercp .myaccount-table td:nth-child(2):has(input[type="submit"]) input[type="submit"]{
    flex-basis:126px!important;
    width:126px!important;
    min-width:126px!important;
  }
}


/* =====================================================================
   FIX v16 — Rollback de v15 + ajuste fino SOLO del botón Password.
   Base estable: v14. No se vuelve a usar position:absolute.
   ===================================================================== */

/* Mantiene el comportamiento bueno de v14 para Email y evita tapar textos. */
body.z-current-usercp .myaccount-table td:nth-child(2):has(a),
body.z-current-usercp .myaccount-table td:nth-child(2):has(button),
body.z-current-usercp .myaccount-table td:nth-child(2):has(input[type="button"]),
body.z-current-usercp .myaccount-table td:nth-child(2):has(input[type="submit"]){
  position:static!important;
}

/* Ajuste solo para la fila Password:
   En tu layout es la 4ta fila: Status, Username, Email, Password.
   Se mueve el botón Change hacia la derecha sin cubrir los asteriscos. */
body.z-current-usercp .myaccount-table tr:nth-child(4) td:nth-child(2){
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:42px!important;
  padding-right:26px!important;
}

/* Password Change: alinear con el Change de Email usando margen automático,
   sin absolute, sin tapar texto. */
body.z-current-usercp .myaccount-table tr:nth-child(4) td:nth-child(2) a,
body.z-current-usercp .myaccount-table tr:nth-child(4) td:nth-child(2) button,
body.z-current-usercp .myaccount-table tr:nth-child(4) td:nth-child(2) input[type="button"],
body.z-current-usercp .myaccount-table tr:nth-child(4) td:nth-child(2) input[type="submit"],
body.z-current-usercp .myaccount-table tr:nth-child(4) td:nth-child(2) .btn{
  position:static!important;
  transform:none!important;
  float:none!important;
  margin-left:auto!important;
  margin-right:0!important;
  flex:0 0 132px!important;
  width:132px!important;
  min-width:132px!important;
  max-width:132px!important;
  height:36px!important;
  min-height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
}

/* Si en alguna instalación Password viene en una 3ra celda,
   también lo empuja hacia la derecha sin afectar Email. */
body.z-current-usercp .myaccount-table tr:nth-child(4) td:last-child a,
body.z-current-usercp .myaccount-table tr:nth-child(4) td:last-child button,
body.z-current-usercp .myaccount-table tr:nth-child(4) td:last-child input[type="button"],
body.z-current-usercp .myaccount-table tr:nth-child(4) td:last-child input[type="submit"],
body.z-current-usercp .myaccount-table tr:nth-child(4) td:last-child .btn{
  margin-left:auto!important;
  margin-right:0!important;
}

/* Protección: no tocar la fila Email más de lo que ya hacía v14. */
body.z-current-usercp .myaccount-table tr:nth-child(3) td:nth-child(2){
  position:static!important;
}


/* =====================================================================
   FIX v18 — Página INFO: tarjetas Rates / Eventos / Guías
   Más compactas, elegantes y consistentes con el diseño de Zenit.
   ===================================================================== */

body.z-current-info .game-infoBlock{
  margin-top: 10px !important;
}

body.z-current-info .game-info{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:stretch !important;
  gap:22px !important;
  width:100% !important;
  max-width:1120px !important;
  margin:0 auto !important;
  padding:8px 0 18px !important;
}

body.z-current-info .game-info > div{
  position:relative !important;
  width:calc(33.333% - 15px) !important;
  max-width:330px !important;
  min-width:260px !important;
  min-height:360px !important;
  height:auto !important;
  margin:0 !important;
  padding:34px 24px 26px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(95, 208, 255, .15), transparent 42%),
    linear-gradient(180deg, rgba(10,19,41,.94), rgba(8,14,28,.92)) !important;
  background-size:cover !important;
  border:1px solid rgba(91, 213, 255, .22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 16px 36px rgba(0,0,0,.26),
    0 0 28px rgba(63,227,255,.08) !important;
  clip-path: polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px) !important;
  overflow:hidden !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

body.z-current-info .game-info > div::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.045), transparent) top/100% 1px no-repeat,
    linear-gradient(180deg, rgba(63,227,255,.08), transparent 55%) !important;
  opacity:.9 !important;
}

body.z-current-info .game-info > div:hover{
  margin:0 !important;
  transform:translateY(-6px) !important;
  border-color:rgba(95,220,255,.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 18px 40px rgba(0,0,0,.30),
    0 0 34px rgba(63,227,255,.14) !important;
}

body.z-current-info .game-info h3{
  order:1 !important;
  margin:0 0 12px !important;
  font-size:32px !important;
  line-height:1 !important;
  color:#dff9ff !important;
  text-shadow:0 0 18px rgba(79,230,255,.22) !important;
  letter-spacing:.06em !important;
  text-align:center !important;
}

body.z-current-info .game-info img{
  order:2 !important;
  width:76px !important;
  height:76px !important;
  margin:0 0 16px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 0 14px rgba(83,227,255,.18)) !important;
}

body.z-current-info .game-info p{
  order:3 !important;
  margin:0 0 20px !important;
  max-width:100% !important;
  min-height:54px !important;
  font-size:15px !important;
  line-height:1.45 !important;
  color:#c9d8f7 !important;
  text-align:center !important;
}

body.z-current-info .game-info .more-btn{
  order:4 !important;
  margin-top:auto !important;
  position:relative !important;
  z-index:2 !important;
}

@media (max-width: 1040px){
  body.z-current-info .game-info > div{
    width:calc(50% - 11px) !important;
    max-width:360px !important;
  }
}

@media (max-width: 700px){
  body.z-current-info .game-info{
    gap:16px !important;
  }
  body.z-current-info .game-info > div{
    width:100% !important;
    max-width:420px !important;
    min-height:320px !important;
    padding:28px 20px 24px !important;
  }
  body.z-current-info .game-info h3{
    font-size:28px !important;
  }
  body.z-current-info .game-info img{
    width:68px !important;
    height:68px !important;
  }
}


/* =====================================================================
   FIX v19 — Tarjetas elegantes para INFO y GUÍAS
   - corrige icono encima del texto
   - títulos con tipografía/color estilo "Información del Servidor"
   - cuadros más compactos y limpios
   ===================================================================== */

body.z-current-info .content.game-info,
body.z-current-guides .content.game-info{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:20px!important;
  align-items:stretch!important;
}

body.z-current-info .content.game-info>div,
body.z-current-guides .content.game-info>div{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:300px!important;
  margin:0!important;
  padding:26px 22px 22px!important;
  justify-content:flex-start!important;
  gap:0!important;
}

body.z-current-info .content.game-info h3,
body.z-current-guides .content.game-info h3{
  width:100%!important;
  margin:0 0 14px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid var(--line)!important;
  font-family:var(--ff-display)!important;
  font-weight:600!important;
  font-size:18px!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:var(--ice-soft)!important;
  text-shadow:0 0 16px rgba(63,227,255,.25)!important;
  text-align:center!important;
  line-height:1.15!important;
}

body.z-current-info .content.game-info img,
body.z-current-guides .content.game-info img{
  display:block!important;
  width:auto!important;
  max-width:76px!important;
  max-height:76px!important;
  height:auto!important;
  margin:10px auto 14px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 12px rgba(63,227,255,.32))!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
}

body.z-current-info .content.game-info p,
body.z-current-guides .content.game-info p{
  margin:0 0 18px!important;
  min-height:46px!important;
  max-width:90%!important;
  font-family:var(--ff-tech)!important;
  font-size:14px!important;
  line-height:1.35!important;
  color:var(--steel)!important;
  text-align:center!important;
}

body.z-current-info .content.game-info .more-btn,
body.z-current-guides .content.game-info .more-btn{
  margin-top:auto!important;
}

@media (max-width: 980px){
  body.z-current-info .content.game-info,
  body.z-current-guides .content.game-info{
    grid-template-columns:repeat(2,1fr)!important;
  }
}

@media (max-width: 640px){
  body.z-current-info .content.game-info,
  body.z-current-guides .content.game-info{
    grid-template-columns:1fr!important;
  }
  body.z-current-info .content.game-info>div,
  body.z-current-guides .content.game-info>div{
    min-height:280px!important;
  }
}


/* =====================================================================
   FIX v20 — INFO: Party Bonus Experience 2-10 players
   ===================================================================== */
body.z-current-info table[data-zenit-party-v20="1"] td,
body.z-current-info table[data-zenit-party-v20="1"] th{
  vertical-align:middle!important;
}

body.z-current-info table[data-zenit-party-v20="1"] tr td:first-child{
  white-space:nowrap!important;
}


/* =====================================================================
   FIX v21 — Home cards como Guías + Party Bonus mejor alineado
   ===================================================================== */

/* HOME: aplicar el mismo acabado elegante que quedó en Guías */
body.z-page-general:not(.z-current-info):not(.z-current-guides) .content.game-info{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:20px!important;
  align-items:stretch!important;
}

body.z-page-general:not(.z-current-info):not(.z-current-guides) .content.game-info>div{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:300px!important;
  margin:0!important;
  padding:26px 22px 22px!important;
  justify-content:flex-start!important;
  gap:0!important;
}

body.z-page-general:not(.z-current-info):not(.z-current-guides) .content.game-info h3{
  width:100%!important;
  margin:0 0 14px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid var(--line)!important;
  font-family:var(--ff-display)!important;
  font-weight:600!important;
  font-size:18px!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:var(--ice-soft)!important;
  text-shadow:0 0 16px rgba(63,227,255,.25)!important;
  text-align:center!important;
  line-height:1.15!important;
}

body.z-page-general:not(.z-current-info):not(.z-current-guides) .content.game-info img{
  display:block!important;
  width:auto!important;
  max-width:76px!important;
  max-height:76px!important;
  height:auto!important;
  margin:10px auto 14px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 12px rgba(63,227,255,.32))!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
}

body.z-page-general:not(.z-current-info):not(.z-current-guides) .content.game-info p{
  margin:0 0 18px!important;
  min-height:46px!important;
  max-width:90%!important;
  font-family:var(--ff-tech)!important;
  font-size:14px!important;
  line-height:1.35!important;
  color:var(--steel)!important;
  text-align:center!important;
}

body.z-page-general:not(.z-current-info):not(.z-current-guides) .content.game-info .more-btn{
  margin-top:auto!important;
}

/* INFO: Party Bonus Experience más cuadrado y alineado */
body.z-current-info table.z-party-bonus-table{
  width:100%!important;
  table-layout:fixed!important;
}

body.z-current-info table.z-party-bonus-table tr > th,
body.z-current-info table.z-party-bonus-table tr > td{
  vertical-align:middle!important;
}

body.z-current-info table.z-party-bonus-table tr > th:first-child,
body.z-current-info table.z-party-bonus-table tr > td:first-child{
  width:28%!important;
  text-align:left!important;
  padding-left:18px!important;
  white-space:nowrap!important;
}

body.z-current-info table.z-party-bonus-table tr > th:nth-child(2),
body.z-current-info table.z-party-bonus-table tr > td:nth-child(2),
body.z-current-info table.z-party-bonus-table tr > th:nth-child(3),
body.z-current-info table.z-party-bonus-table tr > td:nth-child(3){
  width:36%!important;
  text-align:center!important;
  padding-left:8px!important;
  padding-right:8px!important;
}

body.z-current-info table.z-party-bonus-table .z-party-tophead{
  text-align:center!important;
  padding-left:0!important;
  padding-right:0!important;
}

body.z-current-info table.z-party-bonus-table .z-party-subhead{
  text-align:center!important;
  letter-spacing:.04em!important;
}


/* =====================================================================
   FIX v22 — INFO: Party Bonus table reconstruida y alineada limpia
   Mantiene intactas las tarjetas del Inicio que quedaron perfectas.
   ===================================================================== */

body.z-current-info table.z-party-bonus-v22{
  width:100%!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
  overflow:hidden!important;
}

body.z-current-info table.z-party-bonus-v22 th,
body.z-current-info table.z-party-bonus-v22 td{
  box-sizing:border-box!important;
  vertical-align:middle!important;
  border:none!important;
  border-bottom:1px solid rgba(120,180,230,.16)!important;
  background:rgba(63,227,255,.035)!important;
  font-family:var(--ff-tech)!important;
  line-height:1.25!important;
}

body.z-current-info table.z-party-bonus-v22 th{
  color:var(--steel)!important;
  font-size:14px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}

body.z-current-info table.z-party-bonus-v22 td{
  color:var(--silver)!important;
  font-size:15px!important;
  font-weight:600!important;
}

body.z-current-info table.z-party-bonus-v22 .z-party-empty{
  width:25%!important;
  background:rgba(63,227,255,.025)!important;
}

body.z-current-info table.z-party-bonus-v22 .z-party-title{
  text-align:center!important;
  color:var(--ice-soft)!important;
  font-size:16px!important;
  letter-spacing:.04em!important;
  padding:14px 8px!important;
}

body.z-current-info table.z-party-bonus-v22 .z-party-members{
  width:25%!important;
  text-align:left!important;
  padding:14px 18px!important;
  white-space:nowrap!important;
}

body.z-current-info table.z-party-bonus-v22 .z-party-same,
body.z-current-info table.z-party-bonus-v22 .z-party-diff{
  width:37.5%!important;
  text-align:center!important;
  padding:14px 8px!important;
}

body.z-current-info table.z-party-bonus-v22 td.z-party-members{
  color:var(--steel)!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}

body.z-current-info table.z-party-bonus-v22 td.z-party-same{
  color:var(--chrome)!important;
}

body.z-current-info table.z-party-bonus-v22 td.z-party-diff{
  color:var(--ice-soft)!important;
  text-shadow:0 0 12px rgba(63,227,255,.22)!important;
}

@media(max-width:760px){
  body.z-current-info table.z-party-bonus-v22 th,
  body.z-current-info table.z-party-bonus-v22 td{
    font-size:13px!important;
  }
  body.z-current-info table.z-party-bonus-v22 .z-party-members{
    padding-left:10px!important;
  }
}


/* =====================================================================
   FIX v23 — INFO: Chaos Machine con valores reales AL0 / AL3
   Normal = AL0, Gold = AL3 desde GameServerInfo - ChaosMix.dat
   ===================================================================== */

body.z-current-info table.z-chaos-rates-v23{
  width:100%!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
  overflow:hidden!important;
  margin-top:14px!important;
}

body.z-current-info table.z-chaos-rates-v23 th,
body.z-current-info table.z-chaos-rates-v23 td{
  box-sizing:border-box!important;
  vertical-align:middle!important;
  border:none!important;
  border-bottom:1px solid rgba(120,180,230,.16)!important;
  background:rgba(63,227,255,.035)!important;
  font-family:var(--ff-tech)!important;
  line-height:1.25!important;
}

body.z-current-info table.z-chaos-rates-v23 th{
  color:var(--steel)!important;
  font-size:14px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  padding:13px 12px!important;
}

body.z-current-info table.z-chaos-rates-v23 td{
  color:var(--silver)!important;
  font-size:15px!important;
  font-weight:600!important;
  padding:13px 12px!important;
}

body.z-current-info table.z-chaos-rates-v23 .z-chaos-title{
  text-align:center!important;
  color:var(--ice-soft)!important;
  font-size:16px!important;
  letter-spacing:.04em!important;
  padding:14px 8px!important;
}

body.z-current-info table.z-chaos-rates-v23 .z-chaos-combo{
  width:48%!important;
  text-align:left!important;
  padding-left:18px!important;
}

body.z-current-info table.z-chaos-rates-v23 .z-chaos-normal,
body.z-current-info table.z-chaos-rates-v23 .z-chaos-gold{
  width:26%!important;
  text-align:center!important;
  white-space:nowrap!important;
}

body.z-current-info table.z-chaos-rates-v23 td.z-chaos-combo{
  color:var(--steel)!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}

body.z-current-info table.z-chaos-rates-v23 td.z-chaos-normal{
  color:var(--chrome)!important;
}

body.z-current-info table.z-chaos-rates-v23 td.z-chaos-gold{
  color:var(--ice-soft)!important;
  text-shadow:0 0 12px rgba(63,227,255,.22)!important;
}

@media(max-width:760px){
  body.z-current-info table.z-chaos-rates-v23 th,
  body.z-current-info table.z-chaos-rates-v23 td{
    font-size:13px!important;
  }
  body.z-current-info table.z-chaos-rates-v23 .z-chaos-combo{
    width:46%!important;
    padding-left:10px!important;
  }
  body.z-current-info table.z-chaos-rates-v23 .z-chaos-normal,
  body.z-current-info table.z-chaos-rates-v23 .z-chaos-gold{
    width:27%!important;
  }
}


/* =====================================================================
   FIX v24 — HOME: MEDIA y CREADORES con la misma secuencia visual
   que Game Info y Rankings:
   encabezado arriba + panel debajo, sin elementos flotando ni cruzados.
   ===================================================================== */

body .z-section-media,
body .z-section-streamers{
  clear:both!important;
  position:relative!important;
}

body .z-section-media .z-head,
body .z-section-streamers .z-head{
  margin-bottom:24px!important;
}

/* Panel base debajo del título, igual que los otros bloques principales */
body .z-home-panel{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  padding:26px!important;
  background:var(--glass)!important;
  border:1px solid var(--line)!important;
  border-radius:0!important;
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))!important;
  box-shadow:none!important;
  overflow:hidden!important;
  position:relative!important;
}

body .z-home-panel::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,var(--ice),transparent)!important;
  opacity:.55!important;
  pointer-events:none!important;
}

/* MEDIA dentro del panel */
body .z-media-panel .z-media-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  margin:0!important;
}

body .z-media-panel .z-media-item{
  min-width:0!important;
}

body .z-media-panel .z-media-item--video{
  grid-column:span 2!important;
  grid-row:span 2!important;
  aspect-ratio:16/10!important;
}

body .z-media-panel .z-media-item:not(.z-media-item--video){
  aspect-ratio:16/10!important;
}

/* STREAMERS dentro del panel */
body .z-streamers-panel .z-streamers{
  width:100%!important;
  margin:0!important;
}

body .z-streamers-panel .z-stream-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(180px,1fr))!important;
  gap:18px!important;
  width:100%!important;
  max-width:820px!important;
  margin:0 auto!important;
  align-items:stretch!important;
}

body .z-streamers-panel .z-stream-card{
  min-height:210px!important;
  justify-content:center!important;
  background:rgba(18,26,46,.55)!important;
}

body .z-streamers-panel .z-stream-featured{
  margin-bottom:24px!important;
}

/* Evita que cualquier contenido viejo de estos módulos flote al lado del título */
body .z-section-media .z-media-grid,
body .z-section-streamers .z-streamers,
body .z-section-streamers .z-stream-grid{
  float:none!important;
  clear:both!important;
}

/* Responsive */
@media(max-width:980px){
  body .z-media-panel .z-media-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body .z-media-panel .z-media-item--video{
    grid-column:span 2!important;
    grid-row:span 1!important;
  }
  body .z-streamers-panel .z-stream-grid{
    grid-template-columns:repeat(2,minmax(180px,1fr))!important;
  }
}

@media(max-width:620px){
  body .z-home-panel{
    padding:18px!important;
  }
  body .z-media-panel .z-media-grid,
  body .z-streamers-panel .z-stream-grid{
    grid-template-columns:1fr!important;
  }
  body .z-media-panel .z-media-item--video{
    grid-column:span 1!important;
  }
}


/* =====================================================================
   FIX v27 — UserCP: lógica igual al template default
   Se quitó solo el botón AdminCP hardcodeado del sidebar.
   El acceso real al AdminCP queda controlado por WebEngine/admincp.
   ===================================================================== */


/* =====================================================================
   FIX v28 — AdminCP real del template default
   El template default NO crea el botón en usercp.php; WebEngine lo inyecta
   automáticamente para cuentas admin con la clase .admincp-button.
   Zenit solo necesitaba darle posición/z-index para que se vea.
   ===================================================================== */

.admincp-button,
a.admincp-button,
button.admincp-button{
  position:fixed!important;
  top:12px!important;
  right:14px!important;
  z-index:999999!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:92px!important;
  height:38px!important;
  padding:0 16px!important;
  background:linear-gradient(135deg,var(--amethyst-soft),var(--amethyst))!important;
  border:1px solid rgba(183,148,255,.65)!important;
  color:#12071f!important;
  font-family:var(--ff-tech)!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  line-height:1!important;
  border-radius:0!important;
  box-shadow:0 8px 24px rgba(139,92,246,.35),0 0 22px rgba(139,92,246,.22)!important;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)!important;
}

.admincp-button:hover,
a.admincp-button:hover,
button.admincp-button:hover{
  filter:brightness(1.08)!important;
  transform:translateY(-1px)!important;
  color:#12071f!important;
  text-decoration:none!important;
}

@media(max-width:760px){
  .admincp-button,
  a.admincp-button,
  button.admincp-button{
    top:8px!important;
    right:8px!important;
    min-width:82px!important;
    height:34px!important;
    padding:0 12px!important;
    font-size:12px!important;
  }
}