/* EXILIUM v3.10.195 — Gaming Pro public template, fully modular HTML/CSS */
:root{--gp-bg:#06090d;--gp-panel:#0b1118;--gp-panel2:#101923;--gp-text:#f4f7fb;--gp-muted:#8d9aa8;--gp-gold:#e6b34d;--gp-gold2:#b27a27;--gp-cyan:#46c6d7;--gp-line:#24303b}
body.gp195-site{margin:0;background:#030609;color:var(--gp-text);font-family:Inter,Segoe UI,Arial,sans-serif}.gp195{max-width:1600px;margin:0 auto;background:var(--gp-bg);min-height:100vh;border-left:1px solid #10161c;border-right:1px solid #10161c}.gp195 *{box-sizing:border-box}
.gp195-topbar{min-height:78px;display:flex;align-items:center;gap:24px;padding:12px 28px;background:rgba(4,7,10,.985);border-bottom:1px solid var(--gp-line);position:sticky;top:0;z-index:40}.gp195-brand{display:flex;align-items:center;gap:11px;margin-right:auto;min-width:170px;text-decoration:none;color:white}.gp195-brand img{width:52px;height:52px;object-fit:contain}.gp195-brand strong{display:block;font-size:19px;letter-spacing:.08em}.gp195-brand small{display:block;color:#c79c4b;font-size:9px;letter-spacing:.18em;margin-top:2px}.gp195-menu{display:flex;align-items:center;gap:22px}.gp195-menu a{color:#d9e0e6;text-decoration:none;font-size:10px;font-weight:950;letter-spacing:.07em;padding:27px 0 25px;position:relative}.gp195-menu a.active,.gp195-menu a:hover{color:var(--gp-gold)}.gp195-menu a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gp-gold)}.gp195-discord{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#5865f2}.gp195-discord img{width:24px;height:24px;filter:brightness(0) invert(1)}.gp195-join,.gp195-primary{border:0;border-radius:8px;background:linear-gradient(180deg,#f0c460,#d8a13b);color:#090b0d;font-weight:1000;cursor:pointer;box-shadow:0 9px 30px rgba(224,170,67,.14);font-family:inherit}.gp195-join{padding:14px 19px;font-size:10px}.gp195-login{border:0;background:none;color:#f2f4f7;font-size:10px;font-weight:950;cursor:pointer;font-family:inherit;white-space:nowrap}.gp195-login:before{content:"♟";color:var(--gp-gold);margin-right:7px}
.gp195-hero{min-height:550px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);overflow:hidden;background:radial-gradient(circle at 73% 33%,rgba(235,155,51,.31) 0 4%,rgba(154,82,23,.15) 10%,transparent 27%),linear-gradient(130deg,#0b1219 0%,#0c131a 42%,#17120b 72%,#070a0e 100%)}.gp195-hero-copy{padding:74px 52px;display:flex;flex-direction:column;justify-content:center;position:relative}.gp195-hero-copy:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 70%,rgba(255,255,255,.018) 70.3% 70.6%,transparent 71%);pointer-events:none}.gp195-eyebrow{color:var(--gp-gold);font-weight:1000;letter-spacing:.18em;font-size:11px;margin-bottom:14px}.gp195-hero h1{font-size:clamp(58px,6.5vw,104px);line-height:.84;margin:0 0 24px;letter-spacing:-.055em;font-weight:1000}.gp195-hero h1 span{color:var(--gp-gold)}.gp195-hero-copy>p{font-size:16px;line-height:1.65;color:#aab4be;max-width:590px;margin:0 0 26px}.gp195-actions{display:flex;gap:12px;flex-wrap:wrap}.gp195-primary,.gp195-secondary{padding:14px 20px;font-size:11px;text-decoration:none}.gp195-secondary{border-radius:7px;background:rgba(255,255,255,.025);color:#eef2f6;border:1px solid #4a5662;font-weight:950}.gp195-values{display:flex;gap:17px;flex-wrap:wrap;margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09)}.gp195-values span{font-size:10px;font-weight:950;color:#c8d0d7;letter-spacing:.1em}.gp195-hero-art{position:relative;min-height:550px;overflow:hidden;background:linear-gradient(135deg,#101821,#0b1016)}.gp195-hero-art:before{content:"";position:absolute;inset:0;background:url('/media/exilium_hero_v365.jpg') center 43%/cover no-repeat;filter:brightness(.76) saturate(.9);transform:scale(1.02)}.gp195-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,9,13,.72),transparent 30%),linear-gradient(180deg,rgba(6,9,13,.08),rgba(6,9,13,.35))}.gp195-art-glow{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(236,175,74,.48),rgba(147,72,19,.18) 36%,transparent 70%);right:13%;top:8%;z-index:1}.gp195-emblem{position:absolute;z-index:3;left:9%;right:9%;bottom:2%;width:82%;height:92%;object-fit:contain;filter:drop-shadow(0 26px 42px rgba(0,0,0,.7));mix-blend-mode:screen;opacity:.96}.gp195-pubg-badge{position:absolute;right:24px;top:24px;z-index:4;border:2px solid rgba(255,255,255,.76);padding:7px 12px;color:#fff;font-size:14px;font-weight:1000;letter-spacing:.08em;background:rgba(4,7,10,.35);backdrop-filter:blur(3px)}
.gp195-pillars{display:grid;grid-template-columns:repeat(4,1fr);background:#080d12;border-top:1px solid var(--gp-line);border-bottom:1px solid var(--gp-line)}.gp195-pillars article{display:flex;gap:12px;align-items:center;padding:19px 23px;border-right:1px solid #1d2630}.gp195-pillars article:last-child{border-right:0}.gp195-pillars>article>span{width:38px;height:38px;border:1px solid #6e542a;border-radius:10px;display:grid;place-items:center;color:var(--gp-gold);font-weight:1000;font-size:10px}.gp195-pillars b{display:block;font-size:11px}.gp195-pillars small{display:block;color:#7f8b96;font-size:9px;margin-top:3px}
.gp195-section{padding:48px 28px 36px;background:#0a0f15}.gp195-section-head{margin-bottom:24px}.gp195-section-head>div>span,.gp195-ai span,.gp195-showcase-copy>span{color:var(--gp-gold);font-size:9px;font-weight:1000;letter-spacing:.16em}.gp195-section-head h2{font-size:34px;line-height:1.02;margin:8px 0;font-weight:1000;letter-spacing:-.03em;max-width:850px}.gp195-section-head p{margin:0;color:#82909c;font-size:12px;max-width:670px;line-height:1.55}.gp195-grid{display:grid;grid-template-columns:1.17fr .9fr .95fr .95fr;gap:14px}.gp195-card{border:1px solid #293641;background:linear-gradient(180deg,#111923,#0a1016);border-radius:12px;padding:18px;min-width:0;overflow:hidden;min-height:360px}.gp195-label{color:var(--gp-gold);font-size:9px;font-weight:1000;letter-spacing:.16em}.gp195-card h3{font-size:17px;margin:7px 0}.gp195-card p{font-size:11px;line-height:1.55;color:#8d99a5;margin:0}.gp195-screen-stack{height:225px;position:relative;margin-top:18px}.gp195-screen-stack img{position:absolute;object-fit:cover;border:1px solid #30404c;border-radius:7px;box-shadow:0 20px 38px rgba(0,0,0,.64)}.gp195-screen-stack img:nth-child(1){left:0;top:22px;width:69%;height:69%}.gp195-screen-stack img:nth-child(2){right:0;top:0;width:48%;height:50%}.gp195-screen-stack img:nth-child(3){right:8%;bottom:0;width:57%;height:47%}.gp195-league-logo{height:240px;display:grid;place-items:center}.gp195-league-logo img{max-width:82%;max-height:230px;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.7))}.gp195-awards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.gp195-awards figure{margin:0;text-align:center;padding:7px;border:1px solid #24313b;border-radius:8px;background:#0a0f15}.gp195-awards img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 10px 18px #000)}.gp195-awards figcaption{font-size:8px;font-weight:950;color:#d7dde2}.gp195-community{height:230px;margin:18px -18px -18px;position:relative;overflow:hidden}.gp195-community img{width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(.8)}.gp195-community:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(5,8,11,.78))}.gp195-community strong{position:absolute;z-index:2;inset:0;display:grid;place-items:center;text-align:center;font-size:35px;line-height:.82;font-style:italic;transform:rotate(-4deg);text-shadow:0 5px 18px #000}
.gp195-ai{margin-top:16px;display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:center;border:1px solid #303c48;border-radius:14px;padding:25px;background:linear-gradient(120deg,#0d151e,#10171e 62%,#19140d)}.gp195-ai-logo{height:165px;display:grid;place-items:center;overflow:hidden}.gp195-ai-logo img{max-width:160px;max-height:155px;object-fit:contain;filter:drop-shadow(0 14px 25px rgba(0,0,0,.7))}.gp195-ai h2{margin:7px 0 10px;font-size:26px;line-height:1.04}.gp195-ai p{margin:0;color:#91a0ac;font-size:12px;line-height:1.65;max-width:900px}
.gp195-showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center;padding:50px 38px;border-top:1px solid #1f2a34;background:#070c11}.gp195-showcase-copy h2{font-size:46px;line-height:.9;margin:11px 0 15px}.gp195-showcase-copy h2 em{font-style:normal;color:var(--gp-gold)}.gp195-showcase-copy p{color:#9ba7b2;font-size:13px;line-height:1.65;max-width:560px}.gp195-showcase-media{height:330px;border:1px solid #283642;border-radius:14px;overflow:hidden;box-shadow:0 28px 55px rgba(0,0,0,.45)}.gp195-showcase-media img{width:100%;height:100%;object-fit:cover;object-position:center 49%;filter:brightness(.78) saturate(.88)}
.gp195-cta{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:32px 28px;background:#f1ede5;color:#11171c}.gp195-cta h2{margin:0;font-size:29px}.gp195-cta p{margin:5px 0 0;color:#5a646d;font-size:12px}
@media(max-width:1180px){.gp195-menu{gap:13px}.gp195-menu a{font-size:9px}.gp195-grid{grid-template-columns:1fr 1fr}.gp195-hero{grid-template-columns:1fr 1fr}.gp195-hero-copy{padding:54px 32px}}
@media(max-width:860px){.gp195-topbar{gap:12px;padding:10px 15px}.gp195-menu{order:5;width:100%;overflow:auto;flex-wrap:nowrap}.gp195-menu a{padding:10px 0}.gp195-login{display:none}.gp195-hero{grid-template-columns:1fr}.gp195-hero-art{min-height:480px}.gp195-pillars{grid-template-columns:1fr 1fr}.gp195-grid{grid-template-columns:1fr 1fr}.gp195-showcase{grid-template-columns:1fr}.gp195-ai{grid-template-columns:140px 1fr}}
@media(max-width:560px){.gp195-brand div{display:none}.gp195-discord{margin-left:auto}.gp195-join{padding:12px 13px}.gp195-hero-copy{padding:40px 22px}.gp195-hero h1{font-size:54px}.gp195-hero-art{min-height:390px}.gp195-pillars,.gp195-grid{grid-template-columns:1fr}.gp195-ai{grid-template-columns:1fr}.gp195-ai-logo{height:130px}.gp195-section,.gp195-showcase{padding:34px 18px}.gp195-showcase-copy h2{font-size:38px}}

/* v3.10.196 — approved EXILIUM cinematic banner as the main hero */
.gp196-banner-hero{position:relative;width:100%;background:#05080c;overflow:hidden;border-bottom:1px solid var(--gp-line)}
.gp196-banner-hero>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center center}
.gp196-banner-join{position:absolute;left:5.2%;bottom:12.5%;width:25%;height:18%;border:0;background:transparent;cursor:pointer;border-radius:8px}
.gp196-banner-join:focus-visible{outline:3px solid var(--gp-gold);outline-offset:3px}
@media(max-width:860px){.gp196-banner-hero>img{aspect-ratio:16/9}.gp196-banner-join{left:4.8%;bottom:11%;width:27%;height:20%}}

/* v3.10.197 — HD hero banner: preserve original framing and aspect ratio */
.gp196-banner-hero{
  position:relative;
  width:100%;
  background:#05080c;
  overflow:hidden;
  border-bottom:1px solid var(--gp-line);
  display:flex;
  justify-content:center;
  align-items:center;
}
.gp196-banner-hero>img{
  display:block;
  width:100%;
  height:auto;
  max-width:1792px;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center center;
  image-rendering:auto;
}
.gp196-banner-join{
  position:absolute;
  left:5.2%;
  bottom:12.5%;
  width:25%;
  height:18%;
  border:0;
  background:transparent;
  cursor:pointer;
  border-radius:8px;
}
@media(max-width:860px){
  .gp196-banner-hero>img{width:100%;height:auto;max-width:none;object-fit:contain}
  .gp196-banner-join{left:4.8%;bottom:11%;width:27%;height:20%}
}

/* =========================================================
   EXILIUM v3.10.198 — STEP 01 · HEADER FIJO + BANNER
   Solo se redefine la cabecera pública y el banner principal.
   ========================================================= */
.exilium-step1-header{
  position:sticky;
  top:0;
  z-index:1000;
  min-height:88px;
  display:grid;
  grid-template-columns:150px minmax(0,1fr) auto;
  align-items:center;
  gap:28px;
  padding:8px 30px;
  background:rgba(3,6,9,.985);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 28px rgba(0,0,0,.24);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.exilium-step1-brand{
  width:126px;
  height:72px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  text-decoration:none;
  min-width:0;
}
.exilium-step1-brand img{
  display:block;
  width:78px;
  height:72px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 7px 13px rgba(0,0,0,.48));
}
.exilium-step1-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(18px,2vw,34px);
  min-width:0;
}
.exilium-step1-nav a{
  position:relative;
  color:#f1f3f5;
  text-decoration:none;
  font-size:11px;
  font-weight:900;
  letter-spacing:.055em;
  line-height:1;
  white-space:nowrap;
  padding:34px 0 31px;
  transition:color .18s ease;
}
.exilium-step1-nav a:hover,
.exilium-step1-nav a.active{color:#e7b34d}
.exilium-step1-nav a.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  border-radius:3px 3px 0 0;
  background:#e7b34d;
}
.exilium-step1-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:13px;
  white-space:nowrap;
}
.exilium-step1-discord{
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border-radius:11px;
  text-decoration:none;
  background:#5865f2;
  box-shadow:0 7px 22px rgba(88,101,242,.18);
  transition:transform .18s ease, box-shadow .18s ease;
}
.exilium-step1-discord:hover{transform:translateY(-1px);box-shadow:0 10px 27px rgba(88,101,242,.3)}
.exilium-step1-discord img{display:block;width:25px;height:25px}
.exilium-step1-join{
  height:44px;
  padding:0 21px;
  border:1px solid rgba(255,216,120,.34);
  border-radius:8px;
  background:linear-gradient(180deg,#efc45e 0%,#dda73d 100%);
  color:#090b0e;
  font:900 10.5px/1 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:.02em;
  cursor:pointer;
  box-shadow:0 9px 28px rgba(223,169,63,.16);
}
.exilium-step1-login{
  height:44px;
  padding:0 3px 0 5px;
  border:0;
  background:transparent;
  color:#f2f4f6;
  font:900 10.5px/1 Inter,Segoe UI,Arial,sans-serif;
  cursor:pointer;
  white-space:nowrap;
}
.exilium-step1-login span{color:#e7b34d;margin-right:7px;font-size:17px;vertical-align:-1px}
.exilium-step1-banner{
  width:100%;
  background:#05080c;
  border-bottom:1px solid #1f2a34;
  overflow:hidden;
}
.exilium-step1-banner img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1792/1024;
  object-fit:cover;
  object-position:center center;
  image-rendering:auto;
}
@media(max-width:1250px){
  .exilium-step1-header{grid-template-columns:112px minmax(0,1fr) auto;gap:18px;padding-inline:18px}
  .exilium-step1-brand{width:100px}.exilium-step1-brand img{width:67px;height:66px}
  .exilium-step1-nav{gap:15px}.exilium-step1-nav a{font-size:9.5px}
  .exilium-step1-actions{gap:9px}.exilium-step1-join{padding-inline:15px}
}
@media(max-width:980px){
  .exilium-step1-header{grid-template-columns:auto 1fr auto;min-height:74px;padding:7px 14px;gap:12px}
  .exilium-step1-brand{width:65px;height:60px}.exilium-step1-brand img{width:61px;height:59px}
  .exilium-step1-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;gap:22px;padding:0 2px;scrollbar-width:none}
  .exilium-step1-nav::-webkit-scrollbar{display:none}.exilium-step1-nav a{padding:12px 0 13px}
  .exilium-step1-actions{grid-column:3;grid-row:1}.exilium-step1-login{display:none}
}
@media(max-width:620px){
  .exilium-step1-header{grid-template-columns:64px 1fr auto}
  .exilium-step1-discord{width:39px;height:39px}.exilium-step1-discord img{width:23px;height:23px}
  .exilium-step1-join{height:39px;padding:0 12px;font-size:9px}
  .exilium-step1-banner img{aspect-ratio:auto;min-height:330px;object-fit:cover;object-position:center}
}


/* =========================================================
   EXILIUM v3.10.200 — STEP 03 · BANNER PANORÁMICO + DISCORD
   Mantiene la cabecera aprobada; corrige únicamente encuadre
   del banner y escala visual del símbolo de Discord.
   ========================================================= */
.exilium-step1-banner{
  position:relative;
  left:50%;
  width:min(calc(100vw - 20px),1760px);
  transform:translateX(-50%);
  background:#05080c;
  border-bottom:1px solid #1f2a34;
  overflow:hidden;
}
.exilium-step1-banner img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:2048 / 682;
  object-fit:contain;
  object-position:center center;
  image-rendering:auto;
}
.exilium-step1-discord img{
  width:31px;
  height:31px;
  object-fit:contain;
}
@media(max-width:980px){
  .exilium-step1-banner{width:100%;left:auto;transform:none}
  .exilium-step1-banner img{width:100%;height:auto;aspect-ratio:2048 / 682;object-fit:cover;object-position:center center}
  .exilium-step1-discord img{width:28px;height:28px}
}
@media(max-width:620px){
  .exilium-step1-banner img{min-height:0;aspect-ratio:2048 / 682;object-fit:cover;object-position:center center}
  .exilium-step1-discord img{width:27px;height:27px}
}


/* =========================================================
   EXILIUM v3.10.201 — STEP 04 · COPY LATERAL + ANCHO MAESTRO
   El banner sigue siendo la referencia de anchura de la web.
   ========================================================= */
:root{--exilium-public-width:1600px}
.exilium-step1-header,
.gp195-pillars,
.gp195-section,
.gp195-showcase,
.gp195-cta{
  width:min(calc(100vw - 20px),var(--exilium-public-width));
  margin-left:auto;
  margin-right:auto;
}
.exilium-step1-header{
  grid-template-columns:150px minmax(0,1fr) auto;
}
.exilium-step1-banner{
  width:min(calc(100vw - 20px),var(--exilium-public-width));
}
.exilium-banner-copy{
  position:absolute;
  z-index:3;
  top:50%;
  transform:translateY(-50%);
  pointer-events:none;
  text-shadow:0 3px 14px rgba(0,0,0,.92);
}
.exilium-banner-copy-left{
  left:clamp(24px,3.2vw,58px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.exilium-banner-copy-left strong{
  display:block;
  font:950 clamp(19px,1.55vw,29px)/.94 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:-.025em;
  color:#f6f7f8;
}
.exilium-banner-copy-left strong:nth-child(3){color:#efb642}
.exilium-banner-copy-left span{
  display:block;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid rgba(239,182,66,.72);
  font:800 clamp(8px,.58vw,11px)/1 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:.14em;
  color:#d6dce2;
}
.exilium-banner-copy-right{
  right:clamp(24px,3.2vw,58px);
  width:clamp(150px,12vw,215px);
  display:grid;
  gap:18px;
  padding-left:17px;
  border-left:2px solid rgba(239,182,66,.9);
}
.exilium-banner-copy-right div{display:grid;gap:3px}
.exilium-banner-copy-right strong{
  color:#efb642;
  font:950 clamp(11px,.9vw,16px)/1 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:.015em;
}
.exilium-banner-copy-right span{
  color:#f2f4f6;
  font:800 clamp(8px,.61vw,11px)/1.18 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:.035em;
}
@media(max-width:1250px){
  .exilium-step1-header,
  .gp195-pillars,
  .gp195-section,
  .gp195-showcase,
  .gp195-cta,
  .exilium-step1-banner{width:calc(100vw - 16px)}
  .exilium-banner-copy-left{left:25px}
  .exilium-banner-copy-right{right:25px}
}
@media(max-width:980px){
  .exilium-step1-header,
  .gp195-pillars,
  .gp195-section,
  .gp195-showcase,
  .gp195-cta,
  .exilium-step1-banner{width:100%}
  .exilium-banner-copy-left{left:18px}
  .exilium-banner-copy-right{right:18px;gap:12px}
}
@media(max-width:760px){
  .exilium-banner-copy-left strong{font-size:17px}
  .exilium-banner-copy-left span{font-size:7px;margin-top:8px;padding-top:7px}
  .exilium-banner-copy-right{width:130px;padding-left:10px;gap:9px}
  .exilium-banner-copy-right strong{font-size:9px}
  .exilium-banner-copy-right span{font-size:7px}
}
@media(max-width:560px){
  .exilium-banner-copy-left{top:auto;bottom:16px;transform:none}
  .exilium-banner-copy-left strong{font-size:14px}
  .exilium-banner-copy-right{top:18px;transform:none;right:12px;width:116px}
}


/* =========================================================
   EXILIUM v3.10.202 — STEP 05 · CTA HERO + ANCHO REFINADO
   Añade CTA real bajo el copy izquierdo y reduce ligeramente
   el ancho maestro para una composición más contenida.
   ========================================================= */
.exilium-banner-copy-left{pointer-events:auto}
.exilium-banner-join{
  margin-top:14px;
  min-width:154px;
  height:42px;
  padding:0 18px;
  border:1px solid rgba(255,209,111,.9);
  border-radius:6px;
  background:linear-gradient(180deg,#f2c760 0%,#dfaa42 100%);
  color:#0a0c0f;
  box-shadow:0 8px 22px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.2);
  font:950 11px/1 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:.025em;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.exilium-banner-join:hover{
  transform:translateY(-1px);
  box-shadow:0 11px 26px rgba(0,0,0,.34),0 0 0 1px rgba(239,182,66,.18);
  filter:brightness(1.04);
}
.exilium-banner-join:active{transform:translateY(0)}
@media(max-width:760px){
  .exilium-banner-join{margin-top:10px;min-width:132px;height:36px;padding:0 13px;font-size:9px}
}
@media(max-width:560px){
  .exilium-banner-join{margin-top:8px;min-width:118px;height:33px;font-size:8px}
}


/* =========================================================
   EXILIUM v3.10.203 — STEP 06 · HERO COPY PRO + VIGNETTE
   Copy lateral de gran formato y degradado oscuro en bordes,
   manteniendo intacto el centro del artwork EXILIUM.
   ========================================================= */
.exilium-step1-banner::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(2,5,8,.82) 0%,
      rgba(2,5,8,.63) 7%,
      rgba(2,5,8,.34) 15%,
      rgba(2,5,8,.08) 24%,
      rgba(2,5,8,0) 34%,
      rgba(2,5,8,0) 66%,
      rgba(2,5,8,.08) 76%,
      rgba(2,5,8,.34) 85%,
      rgba(2,5,8,.63) 93%,
      rgba(2,5,8,.82) 100%);
}
.exilium-banner-copy{z-index:4;text-shadow:0 4px 18px rgba(0,0,0,.98),0 1px 2px rgba(0,0,0,1)}
.exilium-banner-copy-left{
  left:clamp(28px,3.1vw,52px);
  width:clamp(245px,20vw,330px);
}
.exilium-banner-copy-left strong{
  font:1000 clamp(30px,2.45vw,46px)/.88 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:-.045em;
  color:#f7f7f5;
}
.exilium-banner-copy-left strong.gold-line{color:#f0b840}
.exilium-banner-copy-left span{
  margin-top:16px;
  padding-top:0;
  border-top:0;
  font:900 clamp(11px,.82vw,15px)/1.16 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:.025em;
  color:#f3f3f1;
}
.exilium-banner-join{
  margin-top:17px;
  min-width:176px;
  height:46px;
  padding:0 20px;
  font-size:11.5px;
}
.exilium-banner-copy-right{
  right:clamp(28px,3.1vw,52px);
  width:clamp(190px,15.2vw,255px);
  gap:23px;
  padding-left:19px;
  border-left:2px solid rgba(239,182,66,.95);
}
.exilium-banner-copy-right strong{
  font:1000 clamp(16px,1.28vw,23px)/.95 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:-.02em;
  color:#f0b840;
}
.exilium-banner-copy-right span{
  font:900 clamp(10px,.78vw,14px)/1.12 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:.02em;
  color:#f7f7f5;
}
@media(max-width:1180px){
  .exilium-banner-copy-left{left:22px;width:230px}
  .exilium-banner-copy-left strong{font-size:28px}
  .exilium-banner-copy-left span{font-size:10px}
  .exilium-banner-copy-right{right:22px;width:180px;gap:15px}
  .exilium-banner-copy-right strong{font-size:15px}
  .exilium-banner-copy-right span{font-size:9px}
}
@media(max-width:760px){
  .exilium-step1-banner::before{background:linear-gradient(90deg,rgba(2,5,8,.73),rgba(2,5,8,.12) 38%,rgba(2,5,8,.12) 62%,rgba(2,5,8,.73))}
  .exilium-banner-copy-left{left:14px;width:150px}
  .exilium-banner-copy-left strong{font-size:19px}
  .exilium-banner-copy-left span{font-size:7px;margin-top:8px}
  .exilium-banner-join{margin-top:9px;min-width:125px;height:34px;font-size:8px}
  .exilium-banner-copy-right{right:13px;width:122px;padding-left:9px;gap:9px}
  .exilium-banner-copy-right strong{font-size:10px}
  .exilium-banner-copy-right span{font-size:7px}
}
@media(max-width:560px){
  .exilium-banner-copy-left{top:50%;bottom:auto;transform:translateY(-50%)}
  .exilium-banner-copy-right{top:50%;transform:translateY(-50%)}
}

/* =========================================================
   EXILIUM v3.10.204 — STEP 07 · ALINEACIÓN GLOBAL PIXEL GRID
   Un único contenedor maestro para header, hero y todo el contenido.
   ========================================================= */
:root{--exilium-public-width:1600px}
body.gp195-site{overflow-x:hidden}
.gp195{
  width:100%;
  max-width:none;
  margin:0;
  border-left:0;
  border-right:0;
  background:var(--gp-bg);
}
.exilium-step1-header,
.exilium-step1-banner,
.gp195-pillars,
.gp195-section,
.gp195-showcase,
.gp195-cta{
  width:min(calc(100% - 32px),var(--exilium-public-width));
  max-width:var(--exilium-public-width);
  margin-left:auto;
  margin-right:auto;
  left:auto;
  right:auto;
  transform:none;
}
.exilium-step1-header{box-sizing:border-box}
.exilium-step1-banner{box-sizing:border-box}
.gp195-pillars,.gp195-section,.gp195-showcase,.gp195-cta{box-sizing:border-box}
@media(max-width:980px){
  .exilium-step1-header,
  .exilium-step1-banner,
  .gp195-pillars,
  .gp195-section,
  .gp195-showcase,
  .gp195-cta{
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
  }
}


/* =========================================================
   EXILIUM v3.10.208 — STEP 11 · PILARES INTEGRADOS EN HERO
   Franja superpuesta al pie del banner, sin separadores ni bordes.
   ========================================================= */
.exilium-step1-banner{
  overflow:hidden;
  padding-bottom:0;
}
.exilium-step1-banner .gp195-pillars{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:5;
  width:100%;
  max-width:none;
  margin:0;
  min-height:96px;
  padding:22px 34px 16px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:end;
  background:linear-gradient(180deg,
    rgba(2,4,7,.48) 0%,
    rgba(2,4,7,.72) 22%,
    rgba(2,4,7,.90) 56%,
    rgba(2,4,7,.985) 100%);
  border:0;
  box-shadow:none;
  pointer-events:none;
}
.exilium-step1-banner .gp195-pillars article{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  padding:0 18px;
  border:0;
  background:transparent;
}
.exilium-step1-banner .gp195-pillars .pillar-symbol{
  width:40px;
  height:40px;
  min-width:40px;
  display:grid;
  place-items:center;
  color:#efb642;
  border:0;
  border-radius:0;
  background:transparent;
}
.exilium-step1-banner .gp195-pillars .pillar-symbol svg{
  width:34px;
  height:34px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.8));
}
.exilium-step1-banner .gp195-pillars b{
  display:block;
  font-size:11px;
  line-height:1.05;
  color:#f6f7f8;
  text-shadow:0 2px 10px rgba(0,0,0,.95);
}
.exilium-step1-banner .gp195-pillars small{
  display:block;
  margin-top:4px;
  color:#aeb6be;
  font-size:8.5px;
  line-height:1.1;
  text-shadow:0 2px 10px rgba(0,0,0,.95);
}
@media(max-width:980px){
  .exilium-step1-banner .gp195-pillars{padding:18px 12px 12px;min-height:86px}
  .exilium-step1-banner .gp195-pillars article{gap:9px;padding:0 8px}
  .exilium-step1-banner .gp195-pillars .pillar-symbol{width:34px;height:34px;min-width:34px}
  .exilium-step1-banner .gp195-pillars .pillar-symbol svg{width:30px;height:30px}
  .exilium-step1-banner .gp195-pillars b{font-size:9.5px}
  .exilium-step1-banner .gp195-pillars small{font-size:7.5px}
}
@media(max-width:620px){
  .exilium-step1-banner .gp195-pillars{grid-template-columns:repeat(2,1fr);min-height:126px;padding:24px 8px 8px;background:linear-gradient(180deg,rgba(3,6,9,0),rgba(3,6,9,.72) 34%,rgba(3,6,9,.95) 100%)}
  .exilium-step1-banner .gp195-pillars article{justify-content:flex-start;padding:0 10px;min-height:48px}
  .exilium-step1-banner .gp195-pillars .pillar-symbol{width:30px;height:30px;min-width:30px}
  .exilium-step1-banner .gp195-pillars .pillar-symbol svg{width:27px;height:27px}
}


/* EXILIUM v3.10.209 — darker integrated pillar overlay */
.exilium-step1-banner .gp195-pillars::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.38));
  backdrop-filter:blur(.35px);
}
.exilium-step1-banner .gp195-pillars b{font-weight:900;letter-spacing:.01em}
.exilium-step1-banner .gp195-pillars small{color:#aab2ba}

/* =========================================================
   EXILIUM v3.10.211 — STEP 14 · CENTER EXILIUM LOGO
   Sustituye el recorte de personaje de v3.10.211 por el logo completo
   solicitado, manteniendo el fondo original del banner y el resto intacto.
   ========================================================= */
.exilium-center-logo{
  position:absolute!important;
  z-index:2!important;
  left:50%!important;
  top:50%!important;
  width:min(48%,760px)!important;
  height:92%!important;
  transform:translate(-50%,-52%)!important;
  object-fit:contain!important;
  object-position:center!important;
  pointer-events:none!important;
  image-rendering:auto!important;
  -webkit-mask-image:radial-gradient(ellipse 64% 70% at 50% 50%,#000 0%,#000 56%,rgba(0,0,0,.88) 68%,rgba(0,0,0,.30) 84%,transparent 100%);
  mask-image:radial-gradient(ellipse 64% 70% at 50% 50%,#000 0%,#000 56%,rgba(0,0,0,.88) 68%,rgba(0,0,0,.30) 84%,transparent 100%);
}
.exilium-step1-banner::before{z-index:3}
.exilium-banner-copy{z-index:5}
.exilium-step1-banner .gp195-pillars{
  z-index:6;
  background:linear-gradient(180deg,
    rgba(0,0,0,.72) 0%,
    rgba(0,0,0,.88) 24%,
    rgba(0,0,0,.97) 56%,
    rgba(0,0,0,1) 100%);
}
.exilium-step1-banner .gp195-pillars::before{
  background:linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.72));
  backdrop-filter:none;
}
.exilium-step1-discord img{
  width:29px!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
@media(max-width:980px){
  .exilium-center-logo{width:min(56%,680px)!important;height:88%!important}
  .exilium-step1-discord img{width:27px!important}
}
@media(max-width:620px){
  .exilium-center-logo{width:68%!important;height:72%!important;top:45%!important}
  .exilium-step1-discord img{width:26px!important}
}

/* =========================================================
   EXILIUM v3.10.212 — STEP 15 · NUEVO BANNER + PILARES OSCUROS
   Sustituye únicamente el artwork del hero por el banner 2048×682
   indicado por el usuario. El logo EXILIUM ya forma parte del banner,
   por lo que no se superpone ninguna imagen central adicional.
   ========================================================= */
.exilium-step1-banner .gp195-pillars{
  background:linear-gradient(180deg,
    rgba(0,0,0,.46) 0%,
    rgba(0,0,0,.82) 28%,
    rgba(0,0,0,.96) 64%,
    rgba(0,0,0,1) 100%)!important;
}
.exilium-step1-banner .gp195-pillars::before{
  background:linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.60))!important;
}


/* =========================================================
   EXILIUM v3.10.213 — STEP 16 · INTERACCIONES + CARD PLATFORM
   - Navegacion activa por seccion.
   - Discord oficial con hover.
   - Primera card construida por capas sobre artwork real.
   - Microanimacion hero: respiracion central + pulso de visor.
   ========================================================= */
.exilium-step1-discord{
  overflow:hidden;
  isolation:isolate;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important;
}
.exilium-step1-discord img{
  width:34px!important;
  height:34px!important;
  object-fit:contain!important;
  filter:none!important;
  transform:none!important;
  transition:transform .22s ease,filter .22s ease!important;
}
.exilium-step1-discord:hover{
  transform:translateY(-2px) scale(1.045)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.14),0 10px 28px rgba(88,101,242,.48),0 0 30px rgba(88,101,242,.20)!important;
}
.exilium-step1-discord:hover img{transform:scale(1.08)!important;filter:drop-shadow(0 0 7px rgba(255,255,255,.42))!important}

/* El personaje central se duplica solo en una mascara central y se mueve muy poco.
   El fondo original permanece inmovil. */
.exilium-hero-character-motion{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background-image:url('/media/exilium_home_banner_step1.png');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:100% 100%;
  clip-path:polygon(34% 6%,66% 6%,68% 88%,32% 88%);
  transform-origin:50% 48%;
  animation:exiliumHeroBreath 8s ease-in-out infinite;
  will-change:transform;
}
.exilium-hero-visor-glow{
  position:absolute;
  z-index:4;
  left:50%;
  top:29.5%;
  width:6.65%;
  height:1.18%;
  min-height:4px;
  transform:translate(-50%,-50%);
  pointer-events:none;
  border-radius:2px;
  opacity:0;
  background:linear-gradient(180deg,rgba(255,78,62,.92) 0%,rgba(205,12,8,.96) 42%,rgba(111,0,0,.92) 100%);
  border:1px solid rgba(255,112,92,.42);
  filter:none;
  box-shadow:inset 0 0 5px rgba(255,188,165,.46),inset 0 0 11px rgba(255,20,8,.62),0 0 3px rgba(255,30,18,.34);
  animation:exiliumVisorPulse 8s linear infinite;
}
.exilium-hero-visor-glow::before{
  content:"";
  position:absolute;
  left:5%;right:5%;top:18%;height:24%;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(255,215,200,.34),rgba(255,238,226,.72),rgba(255,215,200,.34),transparent);
  opacity:.72;
}
.exilium-hero-visor-glow::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(90deg,rgba(80,0,0,.18),rgba(255,24,12,.10) 18%,rgba(255,83,56,.18) 50%,rgba(255,24,12,.10) 82%,rgba(80,0,0,.18));
}
@keyframes exiliumHeroBreath{
  0%,100%{transform:translateY(0) scale(1)}
  45%{transform:translateY(-2px) scale(1.004)}
  55%{transform:translateY(-1px) scale(1.003)}
}
@keyframes exiliumVisorPulse{
  0%,31%,43%,100%{opacity:0}
  33%{opacity:.28}
  35%{opacity:.96}
  37%{opacity:.58}
  39%{opacity:1}
  41%{opacity:.22}
  42%{opacity:0}
}
@media (prefers-reduced-motion:reduce){
  .exilium-hero-character-motion,.exilium-hero-visor-glow{animation:none!important}
  .exilium-hero-visor-glow{display:none}
}

/* Primera card: imagen real de plataforma + capas HTML, sin texto horneado. */
.gp195-platform-feature{
  position:relative;
  min-height:360px!important;
  padding:0!important;
  overflow:hidden;
  border:1px solid rgba(86,188,236,.42)!important;
  background:#05090d!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 16px 44px rgba(0,0,0,.28);
}
.gp195-platform-feature::before{display:none!important}
.gp195-platform-feature-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:brightness(.72) contrast(1.07) saturate(.96);
  transform:scale(1.015);
  transition:transform .55s ease,filter .55s ease;
}
.gp195-platform-feature-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg,rgba(3,7,11,.92) 0%,rgba(3,7,11,.36) 24%,rgba(3,7,11,.06) 48%,rgba(3,7,11,.18) 69%,rgba(3,7,11,.94) 100%),
    linear-gradient(90deg,rgba(2,6,10,.34),transparent 22%,transparent 78%,rgba(2,6,10,.32));
}
.gp195-platform-feature-glow{
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 18px rgba(61,193,255,.11),inset 0 0 2px rgba(125,220,255,.54);
}
.gp195-platform-feature-glow::before,.gp195-platform-feature-glow::after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.gp195-platform-feature-glow::before{
  left:-4%;top:13%;width:55%;height:62%;
  background:radial-gradient(ellipse at center,rgba(34,176,255,.22),rgba(34,176,255,0) 70%);
  filter:blur(18px);
}
.gp195-platform-feature-glow::after{
  right:-8%;bottom:0;width:48%;height:55%;
  background:radial-gradient(ellipse at center,rgba(32,161,255,.16),rgba(32,161,255,0) 72%);
  filter:blur(20px);
}
.gp195-platform-feature-copy{
  position:absolute;
  z-index:3;
  top:20px;
  left:18px;
  right:18px;
  text-align:center;
  text-shadow:0 3px 16px #000;
}
.gp195-platform-feature-title{font-size:20px;font-weight:1000;letter-spacing:.015em;color:#f4f6f8}
.gp195-platform-feature-subtitle{margin-top:4px;font-size:9px;font-weight:900;letter-spacing:.07em;color:#cbd7df}
.gp195-platform-feature-cta{
  position:absolute;
  z-index:4;
  left:18px;
  right:18px;
  bottom:16px;
  height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:6px;
  text-decoration:none;
  color:#0b0d0f;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.025em;
  background:linear-gradient(180deg,#ffd767 0%,#e7ae3f 100%);
  box-shadow:0 8px 24px rgba(230,174,64,.22);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.gp195-platform-feature:hover .gp195-platform-feature-bg{transform:scale(1.045);filter:brightness(.78) contrast(1.08) saturate(1.03)}
.gp195-platform-feature:hover .gp195-platform-feature-cta{transform:translateY(-2px);box-shadow:0 12px 30px rgba(230,174,64,.32);filter:brightness(1.05)}

@media(max-width:980px){
  .exilium-step1-discord img{width:31px!important;height:31px!important}
  .exilium-hero-visor-glow{width:9%;top:29.5%}
}
@media(max-width:620px){
  .exilium-step1-discord img{width:29px!important;height:29px!important}
  .exilium-hero-character-motion{display:none}
  .exilium-hero-visor-glow{display:none}
}

/* =========================================================
   EXILIUM v3.10.214 — PLATFORM CARD REFINEMENT
   Ajuste visual de la primera tarjeta para acercarla a la
   referencia aprobada: marco oscuro, brillo azul lateral,
   imagen protagonista y CTA dorado inferior.
   ========================================================= */
.gp195-platform-feature{
  min-height:390px!important;
  border:1px solid rgba(126,165,184,.46)!important;
  border-radius:12px!important;
  background:
    radial-gradient(circle at 8% 24%,rgba(0,170,255,.18),transparent 26%),
    radial-gradient(circle at 92% 70%,rgba(0,137,255,.13),transparent 30%),
    linear-gradient(180deg,#091018 0%,#060b10 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    inset 0 0 28px rgba(25,149,211,.08),
    0 18px 44px rgba(0,0,0,.34)!important;
}
.gp195-platform-feature::after{
  content:"";
  position:absolute;
  inset:7px;
  z-index:5;
  pointer-events:none;
  border:1px solid rgba(127,184,211,.18);
  border-radius:8px;
  box-shadow:inset 0 0 18px rgba(52,183,255,.055);
}
.gp195-platform-feature-bg{
  inset:72px 12px 60px;
  width:calc(100% - 24px);
  height:calc(100% - 132px);
  object-fit:cover;
  object-position:center;
  border-radius:7px;
  filter:brightness(.76) contrast(1.11) saturate(1.02);
  transform:scale(1.01);
  box-shadow:0 18px 34px rgba(0,0,0,.42);
}
.gp195-platform-feature-overlay{
  z-index:1;
  background:
    linear-gradient(180deg,rgba(4,8,12,.96) 0%,rgba(4,8,12,.42) 17%,rgba(4,8,12,.04) 46%,rgba(4,8,12,.15) 72%,rgba(4,8,12,.97) 100%),
    linear-gradient(90deg,rgba(0,138,218,.14) 0%,transparent 17%,transparent 83%,rgba(0,119,210,.12) 100%);
}
.gp195-platform-feature-glow{
  z-index:2;
  box-shadow:
    inset 14px 0 26px rgba(26,182,255,.08),
    inset -14px 0 26px rgba(26,182,255,.07),
    inset 0 0 2px rgba(143,220,255,.58);
}
.gp195-platform-feature-glow::before{
  left:-10%;top:15%;width:42%;height:70%;
  background:radial-gradient(ellipse at center,rgba(38,184,255,.31),rgba(38,184,255,0) 72%);
  filter:blur(22px);
}
.gp195-platform-feature-glow::after{
  right:-10%;bottom:7%;width:42%;height:66%;
  background:radial-gradient(ellipse at center,rgba(37,151,255,.24),rgba(37,151,255,0) 74%);
  filter:blur(24px);
}
.gp195-platform-feature-copy{
  top:16px;
  left:16px;
  right:16px;
  z-index:6;
  text-shadow:0 3px 18px rgba(0,0,0,.95),0 0 16px rgba(30,159,232,.10);
}
.gp195-platform-feature-title{
  font-size:18px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.02em;
  color:#f5f7f9;
}
.gp195-platform-feature-subtitle{
  margin-top:5px;
  font-size:8.5px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:.055em;
  color:#cbd5dc;
}
.gp195-platform-feature-cta{
  left:16px;
  right:16px;
  bottom:14px;
  z-index:7;
  height:42px;
  border:1px solid rgba(255,217,111,.95);
  border-radius:5px;
  background:linear-gradient(180deg,#ffe06d 0%,#f2bd47 55%,#dfa334 100%);
  box-shadow:0 8px 24px rgba(228,165,51,.22),inset 0 1px rgba(255,255,255,.4);
}
.gp195-platform-feature:hover .gp195-platform-feature-bg{
  transform:scale(1.035) translateY(-2px);
  filter:brightness(.82) contrast(1.12) saturate(1.07);
}
.gp195-platform-feature:hover{
  border-color:rgba(99,193,237,.62)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 20px 48px rgba(0,0,0,.38),0 0 28px rgba(38,181,244,.06)!important;
}
@media(max-width:560px){
  .gp195-platform-feature{min-height:365px!important}
  .gp195-platform-feature-bg{inset:68px 10px 58px;width:calc(100% - 20px);height:calc(100% - 126px)}
}

/* =========================================================
   EXILIUM v3.10.216 — STEP 19 · PILARES CON TEXTO MÁS GRANDE
   Aumenta únicamente la tipografía de los 4 mensajes inferiores
   del hero, manteniendo iconos, posiciones, fondos y estructura.
   ========================================================= */
.exilium-step1-banner .gp195-pillars b{
  font-size:14.5px!important;
  line-height:1.08!important;
  letter-spacing:.01em!important;
}
.exilium-step1-banner .gp195-pillars small{
  margin-top:5px!important;
  font-size:10.5px!important;
  line-height:1.15!important;
}
@media(max-width:980px){
  .exilium-step1-banner .gp195-pillars b{font-size:12.5px!important}
  .exilium-step1-banner .gp195-pillars small{font-size:9.5px!important}
}
@media(max-width:620px){
  .exilium-step1-banner .gp195-pillars b{font-size:11px!important}
  .exilium-step1-banner .gp195-pillars small{font-size:8.5px!important}
}

/* =========================================================
   EXILIUM v3.10.219 — STEP 22 · VISOR CURVO AJUSTADO
   - Rojo contenido dentro del cristal, sin fuga lateral izquierda.
   - Curvatura superior e inferior más marcada.
   - Rellena toda la ventana negra del visor.
   - Pulso de 5 s con intensidad media, ligeramente superior a 3.10.218.
   ========================================================= */
.exilium-hero-visor-glow{
  left:50.10%!important;
  top:30.18%!important;
  width:4.42%!important;
  height:3.16%!important;
  min-height:0!important;
  transform:translate(-50%,-50%)!important;
  border:0!important;
  border-radius:46% 46% 43% 43% / 34% 34% 38% 38%!important;
  clip-path:polygon(
    7% 31%, 10% 20%, 18% 13%, 30% 8%, 42% 5%, 50% 4%,
    58% 5%, 70% 8%, 82% 13%, 90% 20%, 93% 31%,
    92% 66%, 88% 75%, 78% 82%, 64% 87%, 50% 90%,
    36% 87%, 22% 82%, 12% 75%, 8% 66%
  )!important;
  opacity:0;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 50% 52%,rgba(245,54,43,.74) 0%,rgba(202,20,15,.62) 48%,rgba(110,3,2,.43) 78%,rgba(45,0,0,.20) 100%)!important;
  box-shadow:
    inset 0 0 4px rgba(255,215,205,.14),
    inset 0 0 8px rgba(232,34,24,.40),
    inset 0 -3px 7px rgba(75,0,0,.36)!important;
  filter:none!important;
  mix-blend-mode:screen;
  animation:exiliumVisorFill219 5s ease-in-out infinite!important;
}
.exilium-hero-visor-glow::before{
  left:16%!important;
  right:16%!important;
  top:16%!important;
  height:12%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,rgba(255,170,156,.06),rgba(255,225,217,.14),rgba(255,170,156,.06),transparent)!important;
  opacity:.24!important;
}
.exilium-hero-visor-glow::after{
  inset:0!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg,rgba(255,78,62,.10),rgba(196,10,8,.22) 55%,rgba(70,0,0,.20))!important;
}
@keyframes exiliumVisorFill219{
  0%,24%{opacity:0}
  40%{opacity:.12}
  55%{opacity:.30}
  69%{opacity:.49}
  80%{opacity:.70}
  88%{opacity:.52}
  95%{opacity:.20}
  100%{opacity:0}
}
.exilium-step1-discord img{
  width:38px!important;
  height:38px!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
}
@media(max-width:980px){
  .exilium-step1-discord img{width:35px!important;height:35px!important}
  .exilium-hero-visor-glow{width:5.82%!important;height:3.32%!important;top:30.18%!important;left:50.10%!important}
}
@media(max-width:620px){
  .exilium-step1-discord img{width:33px!important;height:33px!important}
}

/* =========================================================
   EXILIUM v3.10.220 — STEP 23 · VISOR AJUSTE DE COBERTURA
   - Cubre mejor los bordes izquierdo/derecho e inferior del cristal.
   - Mantiene la curvatura del visor y el pulso rojo moderado.
   - El movimiento del personaje se conserva porque es la microanimacion
     solicitada previamente; no depende del pulso del visor.
   ========================================================= */
.exilium-hero-visor-glow{
  left:50.08%!important;
  top:30.30%!important;
  width:4.72%!important;
  height:3.48%!important;
  border-radius:49% 49% 45% 45% / 37% 37% 43% 43%!important;
  clip-path:polygon(
    4% 30%, 7% 19%, 15% 11%, 27% 6%, 41% 3%, 50% 2%,
    59% 3%, 73% 6%, 85% 11%, 93% 19%, 96% 30%,
    96% 68%, 92% 79%, 82% 87%, 67% 92%, 50% 95%,
    33% 92%, 18% 87%, 8% 79%, 4% 68%
  )!important;
  background:
    radial-gradient(ellipse at 50% 54%,rgba(248,62,50,.80) 0%,rgba(207,23,17,.68) 48%,rgba(118,5,3,.48) 78%,rgba(48,0,0,.24) 100%)!important;
  box-shadow:
    inset 0 0 4px rgba(255,218,208,.16),
    inset 0 0 9px rgba(235,38,27,.44),
    inset 0 -4px 8px rgba(80,0,0,.38)!important;
}
@media(max-width:980px){
  .exilium-hero-visor-glow{width:6.05%!important;height:3.58%!important;top:30.30%!important;left:50.08%!important}
}

/* =========================================================
   EXILIUM v3.10.221 — STEP 24 · VISOR CONCAVO + SIN MOVIMIENTO
   - Corrige la geometria: el visor rojo ahora es concavo, no convexo.
   - Ajuste fino de ancho para evitar fuga por izquierda/derecha.
   - Elimina por completo la microanimacion del personaje central.
   ========================================================= */
.exilium-hero-character-motion{
  display:none!important;
  animation:none!important;
  transform:none!important;
}
.exilium-hero-visor-glow{
  left:50.08%!important;
  top:30.28%!important;
  width:4.48%!important;
  height:3.42%!important;
  border-radius:0!important;
  clip-path:polygon(
    4% 23%, 10% 17%, 22% 13%, 35% 16%, 50% 23%,
    65% 16%, 78% 13%, 90% 17%, 96% 23%,
    95% 67%, 89% 74%, 78% 79%, 64% 80%, 50% 74%,
    36% 80%, 22% 79%, 11% 74%, 5% 67%
  )!important;
  background:
    radial-gradient(ellipse at 50% 50%,rgba(248,62,50,.82) 0%,rgba(207,23,17,.70) 50%,rgba(118,5,3,.49) 80%,rgba(48,0,0,.24) 100%)!important;
  box-shadow:
    inset 0 0 4px rgba(255,218,208,.15),
    inset 0 0 8px rgba(235,38,27,.43),
    inset 0 -3px 7px rgba(80,0,0,.34)!important;
}
@media(max-width:980px){
  .exilium-hero-visor-glow{
    width:5.78%!important;
    height:3.52%!important;
    top:30.28%!important;
    left:50.08%!important;
  }
}

/* =========================================================
   EXILIUM v3.10.222 — STEP 25 · VISOR CON CURVA CONCAVA REAL
   - La arista superior sube en las esquinas y baja en el centro.
   - La arista inferior acompana la misma curvatura para rellenar el cristal.
   - Se mantiene el personaje completamente estatico.
   ========================================================= */
.exilium-hero-character-motion{
  display:none!important;
  animation:none!important;
  transform:none!important;
}
.exilium-hero-visor-glow{
  left:50.08%!important;
  top:30.30%!important;
  width:4.44%!important;
  height:3.48%!important;
  border-radius:0!important;
  clip-path:polygon(
    5% 16%, 12% 11%, 24% 10%, 36% 15%, 44% 21%, 50% 26%,
    56% 21%, 64% 15%, 76% 10%, 88% 11%, 95% 16%,
    95% 62%, 88% 66%, 76% 70%, 64% 75%, 56% 81%, 50% 85%,
    44% 81%, 36% 75%, 24% 70%, 12% 66%, 5% 62%
  )!important;
  background:
    radial-gradient(ellipse at 50% 54%,rgba(248,58,48,.84) 0%,rgba(211,24,18,.72) 50%,rgba(122,5,3,.50) 80%,rgba(48,0,0,.24) 100%)!important;
  box-shadow:
    inset 0 0 4px rgba(255,218,208,.15),
    inset 0 0 8px rgba(235,38,27,.43),
    inset 0 -3px 7px rgba(80,0,0,.34)!important;
}
@media(max-width:980px){
  .exilium-hero-visor-glow{
    width:5.74%!important;
    height:3.58%!important;
    top:30.30%!important;
    left:50.08%!important;
  }
}


/* =========================================================
   EXILIUM v3.10.223 — STEP 26 · VISOR CONCAVO MAS PROFUNDO
   - Profundiza claramente la curvatura concava del visor.
   - Las esquinas quedan altas y el centro baja de forma visible.
   - Mantiene el personaje completamente estatico.
   ========================================================= */
.exilium-hero-character-motion{
  display:none!important;
  animation:none!important;
  transform:none!important;
}
.exilium-hero-visor-glow{
  left:50.08%!important;
  top:30.30%!important;
  width:4.44%!important;
  height:3.48%!important;
  border-radius:0!important;
  clip-path:polygon(
    5% 12%, 12% 8%, 24% 9%, 34% 16%, 42% 26%, 47% 34%, 50% 39%,
    53% 34%, 58% 26%, 66% 16%, 76% 9%, 88% 8%, 95% 12%,
    95% 60%, 88% 64%, 76% 68%, 66% 74%, 58% 82%, 53% 88%, 50% 91%,
    47% 88%, 42% 82%, 34% 74%, 24% 68%, 12% 64%, 5% 60%
  )!important;
  background:
    radial-gradient(ellipse at 50% 56%,rgba(248,58,48,.84) 0%,rgba(211,24,18,.72) 50%,rgba(122,5,3,.50) 80%,rgba(48,0,0,.24) 100%)!important;
  box-shadow:
    inset 0 0 4px rgba(255,218,208,.15),
    inset 0 0 8px rgba(235,38,27,.43),
    inset 0 -3px 7px rgba(80,0,0,.34)!important;
}
@media(max-width:980px){
  .exilium-hero-visor-glow{
    width:5.74%!important;
    height:3.58%!important;
    top:30.30%!important;
    left:50.08%!important;
  }
}

/* =========================================================
   EXILIUM v3.10.224 — STORY MODULES UNDER EXILIUM INTELLIGENCE
   Modular recreation of the approved reference composition.
   ========================================================= */
.ex224-story{max-width:1600px;margin:0 auto;background:#080d12;border-top:1px solid #1b242d;overflow:hidden}
.ex224-module{position:relative;border-bottom:1px solid #1c2630;background:#0a1016}
.ex224-kicker{display:block;color:#e6b34d;font-size:11px;font-weight:1000;letter-spacing:.08em;line-height:1.15}
.ex224-performance{padding:42px 44px 28px;background:radial-gradient(circle at 50% 12%,rgba(57,109,132,.14),transparent 34%),linear-gradient(180deg,#101922 0%,#0a1016 72%,#091016 100%)}
.ex224-performance-head{display:grid;grid-template-columns:1fr 108px;gap:26px;align-items:start;max-width:1180px}
.ex224-performance-head h2,.ex224-league-copy h2,.ex224-legacy-head h2,.ex224-brain h2,.ex224-squad h2{margin:3px 0 8px;font-size:42px;line-height:.92;letter-spacing:-.04em;font-weight:1000}
.ex224-performance-head h2 em,.ex224-league-copy h2 em,.ex224-legacy-head h2 em{font-style:normal;color:#e6b34d}
.ex224-performance-head p,.ex224-league-copy p,.ex224-legacy-head p,.ex224-brain p,.ex224-squad p{margin:0;color:#b3bcc5;font-size:11px;line-height:1.5;max-width:710px}
.ex224-performance-head>img{width:92px;height:72px;object-fit:contain;justify-self:end;filter:drop-shadow(0 10px 22px rgba(0,0,0,.7))}
.ex224-performance-stage{position:relative;height:338px;margin:18px auto 0;max-width:1320px}
.ex224-panel{position:absolute;border:1px solid #465463;border-radius:7px;background:linear-gradient(180deg,rgba(18,28,38,.98),rgba(8,13,18,.98));box-shadow:0 24px 50px rgba(0,0,0,.58);overflow:hidden}
.ex224-ranking-panel{left:0;top:64px;width:24%;height:215px;padding:14px;transform:rotate(-3deg)}
.ex224-ranking-panel>span{display:block;color:#eef2f5;font-size:9px;font-weight:950;letter-spacing:.11em;margin-bottom:9px}
.ex224-ranking-panel ol{list-style:none;padding:0;margin:0;display:grid;gap:5px}.ex224-ranking-panel li{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:6px 7px;border-radius:4px;background:#0c141c;border:1px solid #1b2a35;font-size:8px;color:#b7c0c8}.ex224-ranking-panel li b{font-weight:800;color:#e8edf1}.ex224-ranking-panel li i{font-style:normal;color:#e9b247;font-weight:950}
.ex224-radar-panel{left:18%;top:0;width:61%;height:305px;z-index:3;padding:13px 16px}
.ex224-radar-panel header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #26343f;padding:0 2px 9px}.ex224-radar-panel header b{font-size:10px}.ex224-radar-panel header small{font-size:7px;color:#9ca7b0}
.ex224-radar-wrap{position:relative;height:247px;display:grid;place-items:center}.ex224-radar-wrap svg{width:76%;height:86%;filter:drop-shadow(0 8px 18px rgba(0,0,0,.4))}.ex224-radar-label{position:absolute;color:#c7ced5;font-size:7px}.ex224-radar-label.l1{top:8px;left:50%;transform:translateX(-50%)}.ex224-radar-label.l2{top:35%;right:6%}.ex224-radar-label.l3{bottom:10px;right:16%}.ex224-radar-label.l4{bottom:7px;left:14%}.ex224-radar-label.l5{top:35%;left:4%}
.ex224-stats-panel{right:0;top:76px;width:24%;height:210px;padding:15px;transform:rotate(2.6deg)}
.ex224-stat-row{display:flex;align-items:end;justify-content:space-between;gap:10px;border-bottom:1px solid #23303a;padding:6px 0}.ex224-stat-row span{font-size:7px;color:#98a5af}.ex224-stat-row b{font-size:17px;color:#e7b349}
.ex224-bars{height:83px;display:flex;align-items:flex-end;gap:6px;padding-top:13px}.ex224-bars i{display:block;flex:1;min-width:5px;background:linear-gradient(180deg,#e7b347,#b37b20);border-radius:2px 2px 0 0;box-shadow:0 0 12px rgba(231,179,71,.16)}
.ex224-tabs{max-width:760px;margin:-1px auto 0;padding:9px 16px;border:1px solid #33414d;border-radius:0 0 8px 8px;background:#0a1117;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.ex224-tabs span{padding:5px 10px;border:1px solid #293845;border-radius:12px;background:#0e171f;color:#bec6cd;font-size:6.5px;font-weight:850;letter-spacing:.04em}
.ex224-league-block{display:grid;grid-template-columns:1.04fr .96fr;min-height:390px;background:radial-gradient(circle at 25% 58%,rgba(220,139,27,.12),transparent 32%),linear-gradient(180deg,#0c1218,#0b1116)}
.ex224-league-art{position:relative;min-height:390px;overflow:hidden;background:radial-gradient(circle at 28% 50%,rgba(224,154,41,.18),transparent 28%)}.ex224-league-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 34% 51%,rgba(255,157,33,.16),transparent 28%),linear-gradient(90deg,rgba(4,8,12,.18),rgba(4,8,12,.76) 95%)}
.ex224-league-main{position:absolute;left:5%;top:9%;width:48%;height:80%;object-fit:contain;filter:drop-shadow(0 20px 36px #000)}
.ex224-league-cup{position:absolute;left:38%;bottom:4%;width:35%;height:55%;object-fit:contain;filter:drop-shadow(0 15px 28px #000)}
.ex224-league-copy{padding:58px 56px 46px;display:flex;flex-direction:column;justify-content:center}.ex224-league-copy h2{font-size:48px}.ex224-league-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.ex224-league-links a{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #33404b;border-radius:5px;background:#0d151c;color:#e6ebef;text-decoration:none;font-size:8px;font-weight:900;letter-spacing:.04em}.ex224-league-links a:before{content:"◎";color:#e6b34d;font-size:12px}
.ex224-legacy-block{padding:36px 30px 34px;background:linear-gradient(180deg,#0d1319,#0a0f14);overflow:hidden}.ex224-legacy-block:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:radial-gradient(circle at 15% 100%,rgba(225,101,22,.16),transparent 30%),radial-gradient(circle at 85% 100%,rgba(228,91,20,.16),transparent 34%);pointer-events:none}.ex224-legacy-head{position:relative;z-index:2;max-width:760px}.ex224-legacy-head h2{font-size:39px}.ex224-award-row{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:20px}.ex224-award-row article{min-height:190px;padding:10px 10px 11px;display:flex;flex-direction:column;align-items:center;border:1px solid #34424d;border-radius:6px;background:linear-gradient(180deg,#101820,#0a1015);text-align:center;box-shadow:0 10px 25px rgba(0,0,0,.3)}.ex224-award-row img{width:102px;height:102px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.72))}.ex224-award-row span{margin-top:2px;color:#e8b34a;font-size:7px;font-weight:1000;letter-spacing:.04em}.ex224-award-row b{margin:3px 0 8px;color:#e9edf0;font-size:7.5px;letter-spacing:.06em}.ex224-award-row a{margin-top:auto;width:100%;padding:6px 5px;border:1px solid #5e4926;border-radius:3px;color:#e8b34a;text-decoration:none;font-size:6.5px;font-weight:950;background:#0c1116}
.ex224-community-block{display:grid;grid-template-columns:1fr 1.35fr;min-height:245px;background:#080d12}.ex224-brain{display:grid;grid-template-columns:165px 1fr;align-items:center;gap:18px;padding:30px 28px;border-right:1px solid #28323c;background:radial-gradient(circle at 18% 50%,rgba(230,179,77,.13),transparent 34%),#0a1015}.ex224-brain>img{width:150px;height:118px;object-fit:contain;filter:drop-shadow(0 12px 24px #000)}.ex224-brain h2,.ex224-squad h2{font-size:34px;margin:2px 0 8px}.ex224-gold-btn{margin-top:14px;border:0;border-radius:4px;padding:10px 14px;background:linear-gradient(180deg,#f1c663,#dca63c);color:#0c1014;font-size:8px;font-weight:1000;cursor:pointer}.ex224-squad{position:relative;overflow:hidden;min-height:245px}.ex224-squad>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:brightness(.55) saturate(.85)}.ex224-squad:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,15,.95) 0%,rgba(7,11,15,.57) 45%,rgba(7,11,15,.20) 100%)}.ex224-squad>div{position:relative;z-index:2;padding:38px 34px;max-width:350px}.ex224-squad h2{font-size:42px}.ex224-squad p{max-width:290px}
@media(max-width:1000px){.ex224-performance{padding-inline:24px}.ex224-league-block,.ex224-community-block{grid-template-columns:1fr}.ex224-league-art{min-height:330px}.ex224-league-copy{padding:40px 30px}.ex224-award-row{grid-template-columns:repeat(3,1fr)}.ex224-brain{border-right:0;border-bottom:1px solid #28323c}}
@media(max-width:700px){.ex224-performance{padding:30px 16px 22px}.ex224-performance-head{grid-template-columns:1fr}.ex224-performance-head>img{display:none}.ex224-performance-head h2,.ex224-league-copy h2,.ex224-legacy-head h2{font-size:34px}.ex224-performance-stage{height:auto;display:grid;gap:10px;margin-top:18px}.ex224-panel{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;transform:none!important}.ex224-ranking-panel,.ex224-stats-panel{min-height:170px}.ex224-radar-panel{min-height:285px}.ex224-radar-wrap{height:225px}.ex224-tabs{margin-top:10px}.ex224-league-art{min-height:280px}.ex224-league-main{left:3%;width:58%}.ex224-league-cup{left:42%;width:43%}.ex224-award-row{grid-template-columns:1fr 1fr}.ex224-brain{grid-template-columns:110px 1fr;padding:24px 16px}.ex224-brain>img{width:100px;height:90px}.ex224-squad h2{font-size:34px}}

/* EXILIUM v3.10.225 — Liga: fondo cinematográfico, trofeo real, halo y navegación */
.ex224-league-block{
  background:
    linear-gradient(90deg,rgba(5,9,13,.88) 0%,rgba(7,11,15,.76) 42%,rgba(7,11,15,.92) 100%),
    url('/media/exilium_home_banner_step1.png') center 48%/cover no-repeat;
}
.ex224-league-art{background:transparent}
.ex224-league-art:before{
  background:
    radial-gradient(circle at 30% 50%,rgba(255,177,48,.22) 0%,rgba(255,135,20,.11) 20%,transparent 42%),
    radial-gradient(circle at 54% 62%,rgba(255,158,37,.18) 0%,transparent 32%),
    linear-gradient(90deg,rgba(3,7,10,.10),rgba(3,7,10,.48) 88%);
}
.ex224-league-art:after{
  content:"";position:absolute;inset:6% 5%;pointer-events:none;
  background:
    radial-gradient(circle at 30% 48%,rgba(255,196,77,.23),transparent 22%),
    radial-gradient(circle at 53% 64%,rgba(255,169,42,.20),transparent 18%);
  filter:blur(14px);opacity:.95;
}
.ex224-league-main{z-index:2;filter:drop-shadow(0 0 10px rgba(255,176,48,.34)) drop-shadow(0 22px 38px rgba(0,0,0,.9))}
.ex224-league-cup{z-index:3;left:40%;bottom:3%;width:34%;height:58%;filter:drop-shadow(0 0 11px rgba(255,181,51,.34)) drop-shadow(0 18px 32px rgba(0,0,0,.92))}
.ex224-league-copy{
  position:relative;margin:38px 0;padding:34px 56px 34px 46px;
  border-left:1px solid rgba(210,220,228,.34);
  background:linear-gradient(90deg,rgba(4,8,12,.48),rgba(4,8,12,.14));
}
.ex224-league-links{gap:10px;margin-top:24px}
.ex224-league-links a{
  min-height:44px;padding:9px 12px;border-color:#465461;background:rgba(10,17,23,.82);
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.ex224-league-links a:before{display:none}
.ex224-league-links a:hover{border-color:#d7a23d;background:rgba(19,27,35,.94);transform:translateY(-1px)}
.ex224-link-icon{width:22px;height:22px;display:grid;place-items:center;color:#e9b340;flex:none}
.ex224-link-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ex224-legacy-block{
  background:
    linear-gradient(180deg,rgba(9,14,19,.90) 0%,rgba(8,12,16,.76) 42%,rgba(8,12,16,.88) 100%),
    url('/media/exilium_home_banner_step1.png') center 78%/cover no-repeat;
}
.ex224-legacy-block:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,12,.48),transparent 48%,rgba(4,8,12,.30));pointer-events:none}
.ex224-community-block{
  background:
    linear-gradient(90deg,rgba(6,10,14,.91),rgba(6,10,14,.72)),
    url('/media/exilium_home_banner_step1.png') center 92%/cover no-repeat;
}
.ex224-brain{background:radial-gradient(circle at 18% 50%,rgba(230,179,77,.16),transparent 34%),rgba(7,12,16,.76)}
@media(max-width:1000px){.ex224-league-copy{margin:0;border-left:0;border-top:1px solid rgba(210,220,228,.26);padding:40px 30px}.ex224-league-cup{left:43%;width:38%}}

/* EXILIUM v3.10.226 — reconstrucción fiel de módulos inferiores con un único fondo continuo */
.ex224-story{
  position:relative;
  isolation:isolate;
  max-width:1600px;
  margin:0 auto;
  overflow:hidden;
  background:#06090c;
}
.ex224-story::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:url('/media/exilium_story_bg_310226.jpg') center top/100% 100% no-repeat;
  filter:saturate(.95) contrast(1.04);
}
.ex224-story::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(5,9,13,.54) 0%,rgba(5,9,13,.70) 18%,rgba(5,9,13,.54) 45%,rgba(5,9,13,.45) 72%,rgba(5,9,13,.62) 100%),
    linear-gradient(90deg,rgba(5,9,13,.42),rgba(5,9,13,.12) 48%,rgba(5,9,13,.34));
}
.ex224-module{background:transparent!important;border-bottom:1px solid rgba(201,214,224,.12)}
.ex224-performance{background:linear-gradient(180deg,rgba(8,14,19,.88),rgba(8,13,18,.72))!important}

/* LIGA — proporciones compactas de la referencia */
.ex224-league-block{
  display:grid;
  grid-template-columns:43% 57%;
  min-height:360px;
  background:linear-gradient(90deg,rgba(5,9,13,.30),rgba(7,12,17,.58) 50%,rgba(7,12,17,.80))!important;
}
.ex224-league-art{
  min-height:360px;
  position:relative;
  overflow:visible;
  background:transparent!important;
}
.ex224-league-art:before{
  content:"";
  position:absolute;
  inset:5% 2% 4% 3%;
  background:
    radial-gradient(circle at 39% 49%,rgba(255,181,56,.27) 0 9%,rgba(245,133,25,.13) 25%,transparent 46%),
    radial-gradient(circle at 58% 66%,rgba(255,194,77,.22) 0 8%,rgba(235,121,22,.10) 23%,transparent 42%);
  filter:blur(10px);
  pointer-events:none;
}
.ex224-league-art:after{
  content:"";
  position:absolute;
  left:8%;top:10%;width:57%;aspect-ratio:1;
  border:1px solid rgba(231,167,59,.18);
  border-radius:50%;
  box-shadow:0 0 0 18px rgba(233,159,39,.025),0 0 52px rgba(235,136,27,.12);
  pointer-events:none;
}
.ex224-league-main{
  left:7%;top:6%;width:53%;height:86%;
  z-index:2;object-fit:contain;
  filter:drop-shadow(0 0 8px rgba(255,174,44,.42)) drop-shadow(0 20px 32px rgba(0,0,0,.88));
}
.ex224-league-cup{
  left:41%;bottom:4%;width:34%;height:52%;
  z-index:3;object-fit:contain;
  filter:drop-shadow(0 0 8px rgba(255,190,63,.38)) drop-shadow(0 16px 28px rgba(0,0,0,.9));
}
.ex224-league-copy{
  position:relative;
  margin:34px 0 34px 0;
  padding:26px 50px 24px 34px;
  border-left:1px solid rgba(211,222,230,.42);
  background:linear-gradient(90deg,rgba(5,9,13,.46),rgba(5,9,13,.10));
  justify-content:center;
}
.ex224-league-copy h2{font-size:44px;margin:4px 0 8px;line-height:.88}
.ex224-league-copy p{font-size:10.5px;line-height:1.42;max-width:520px}
.ex224-league-links{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;max-width:560px}
.ex224-league-links a{min-height:42px;padding:8px 11px;border:1px solid rgba(112,129,142,.54);background:rgba(8,15,21,.72);border-radius:4px;font-size:7.5px}
.ex224-link-icon{width:20px;height:20px}.ex224-link-icon svg{width:17px;height:17px}

/* AWARDS — cinco tarjetas compactas, fondo único visible */
.ex224-legacy-block{
  padding:34px 30px 36px;
  background:linear-gradient(180deg,rgba(7,12,17,.46),rgba(7,12,17,.28))!important;
}
.ex224-legacy-block:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(4,8,12,.45),transparent 38%,transparent 68%,rgba(4,8,12,.20));
}
.ex224-legacy-block:after{display:none}
.ex224-legacy-head{max-width:700px}
.ex224-legacy-head h2{font-size:38px;line-height:.91;margin:4px 0 7px}
.ex224-legacy-head p{font-size:10.5px;max-width:650px}
.ex224-award-row{gap:18px;margin-top:24px;align-items:end}
.ex224-award-row article{
  min-height:206px;
  padding:13px 10px 10px;
  border:1px solid rgba(116,136,151,.64);
  border-radius:5px;
  background:linear-gradient(180deg,rgba(16,28,38,.92),rgba(8,14,19,.92));
  box-shadow:0 12px 24px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.025);
}
.ex224-award-row img{width:112px;height:112px;filter:drop-shadow(0 8px 15px rgba(0,0,0,.68))}
.ex224-award-row span{font-size:7.2px}.ex224-award-row b{font-size:8px;margin:3px 0 9px}
.ex224-award-row a{padding:6px 5px;font-size:6.6px;background:rgba(8,13,17,.84)}

/* CIERRE — una sola franja sobre el mismo fondo */
.ex224-community-block{
  display:grid;
  grid-template-columns:1fr 1.1fr;
  min-height:240px;
  background:linear-gradient(90deg,rgba(6,10,14,.74),rgba(6,10,14,.30) 56%,rgba(6,10,14,.18))!important;
}
.ex224-brain{
  grid-template-columns:150px 1fr;
  gap:20px;
  padding:28px 28px;
  border-right:1px solid rgba(210,220,228,.16);
  background:rgba(6,11,15,.34)!important;
}
.ex224-brain>img{width:138px;height:112px;filter:drop-shadow(0 12px 22px rgba(0,0,0,.74))}
.ex224-brain h2,.ex224-squad h2{font-size:32px;line-height:.9}
.ex224-brain p,.ex224-squad p{font-size:9.5px;line-height:1.45}
.ex224-squad{min-height:240px;background:transparent}
.ex224-squad>img{display:none}
.ex224-squad:after{background:linear-gradient(90deg,rgba(7,11,15,.82) 0%,rgba(7,11,15,.40) 43%,rgba(7,11,15,.10) 100%)}
.ex224-squad>div{padding:34px 34px;max-width:360px}
.ex224-squad h2{font-size:40px}

@media(max-width:1000px){
  .ex224-story::before{background-size:auto 100%;background-position:center top}
  .ex224-league-block,.ex224-community-block{grid-template-columns:1fr}
  .ex224-league-art{min-height:315px}
  .ex224-league-copy{margin:0;border-left:0;border-top:1px solid rgba(210,220,228,.26);padding:34px 28px}
  .ex224-award-row{grid-template-columns:repeat(3,1fr)}
  .ex224-brain{border-right:0;border-bottom:1px solid rgba(210,220,228,.16)}
}
@media(max-width:700px){
  .ex224-story::before{background-size:auto 100%;background-position:center top}
  .ex224-league-main{left:4%;width:58%}.ex224-league-cup{left:45%;width:40%}
  .ex224-award-row{grid-template-columns:1fr 1fr;gap:10px}
}
\n\n/* EXILIUM v3.10.227 — reconstrucción inferior fiel a la referencia */\n.ex224-story{background:#080d12!important}\n.ex224-story::before,.ex224-story::after{display:none!important}\n.ex227-lower-story{\n  position:relative;isolation:isolate;overflow:hidden;\n  min-height:1490px;\n  background:#071017 url('/media/exilium_story_bg_310227.jpg') center center/cover no-repeat;\n  border-top:1px solid rgba(255,255,255,.05);\n}\n.ex227-lower-story::before{\n  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;\n  background:\n    linear-gradient(180deg,rgba(5,10,14,.48) 0%,rgba(5,10,14,.56) 30%,rgba(4,9,13,.38) 57%,rgba(4,9,13,.28) 76%,rgba(4,9,13,.36) 100%),\n    linear-gradient(90deg,rgba(5,10,14,.38) 0%,rgba(5,10,14,.08) 40%,rgba(5,10,14,.22) 100%);\n}\n.ex227-lower-story>.ex224-module{position:relative;z-index:1;background:transparent!important}\n\n/* LIGA: misma jerarquía y proporciones de la referencia */\n.ex227-lower-story .ex224-league-block{\n  display:grid!important;grid-template-columns:49% 51%!important;\n  min-height:565px!important;height:565px!important;\n  padding:0 46px!important;\n  background:linear-gradient(90deg,rgba(4,10,14,.18),rgba(7,14,19,.48) 56%,rgba(7,14,19,.66))!important;\n  border-bottom:1px solid rgba(255,255,255,.06)!important;\n}\n.ex227-lower-story .ex224-league-art{\n  position:relative!important;min-height:565px!important;height:565px!important;overflow:visible!important;background:transparent!important;\n}\n.ex227-lower-story .ex224-league-art:before{\n  content:"";position:absolute!important;left:2%!important;top:8%!important;width:69%!important;height:76%!important;inset:auto!important;\n  border-radius:50%!important;filter:none!important;opacity:1!important;\n  background:\n    radial-gradient(circle at 50% 50%,transparent 0 31%,rgba(255,166,35,.22) 31.5% 32%,transparent 33% 39%,rgba(255,136,19,.22) 39.5% 40%,transparent 41% 47%,rgba(255,174,39,.18) 47.5% 48%,transparent 49%),\n    radial-gradient(circle at 48% 52%,rgba(255,167,43,.18),rgba(255,126,14,.05) 38%,transparent 66%);\n  box-shadow:none!important;\n}\n.ex227-lower-story .ex224-league-art:after{\n  content:"";position:absolute;left:3%;top:10%;width:68%;height:74%;border-radius:50%;\n  background:conic-gradient(from 208deg,transparent 0 8%,rgba(255,125,18,.84) 8.3% 8.8%,transparent 9.2% 18%,rgba(255,183,50,.72) 18.2% 18.7%,transparent 19.1% 43%,rgba(255,132,19,.70) 43.2% 43.8%,transparent 44.2% 72%,rgba(255,176,47,.78) 72.2% 72.8%,transparent 73.2% 100%);\n  filter:blur(.15px);opacity:.8;pointer-events:none;\n}\n.ex227-lower-story .ex224-league-main{\n  position:absolute!important;left:3%!important;top:7%!important;width:58%!important;height:82%!important;object-fit:contain!important;z-index:2!important;\n  filter:drop-shadow(0 0 13px rgba(255,156,34,.55)) drop-shadow(0 22px 32px rgba(0,0,0,.88))!important;\n}\n.ex227-lower-story .ex224-league-cup{\n  position:absolute!important;left:43%!important;bottom:7%!important;width:34%!important;height:50%!important;object-fit:contain!important;z-index:3!important;\n  filter:drop-shadow(0 0 11px rgba(255,185,62,.48)) drop-shadow(0 18px 28px rgba(0,0,0,.9))!important;\n}\n.ex227-lower-story .ex224-league-copy{\n  align-self:center!important;justify-content:center!important;\n  margin:0!important;padding:32px 34px 32px 48px!important;min-height:410px!important;\n  border-left:1px solid rgba(212,221,228,.42)!important;\n  background:linear-gradient(90deg,rgba(6,12,17,.30),rgba(6,12,17,.02))!important;\n}\n.ex227-lower-story .ex224-league-copy .ex224-kicker{font-size:14px!important;letter-spacing:.075em!important}\n.ex227-lower-story .ex224-league-copy h2{font-size:62px!important;line-height:.84!important;margin:8px 0 14px!important}\n.ex227-lower-story .ex224-league-copy p{font-size:13px!important;line-height:1.5!important;max-width:620px!important;color:#d1d6da!important}\n.ex227-lower-story .ex224-league-links{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:24px!important;max-width:650px!important}\n.ex227-lower-story .ex224-league-links a{min-height:52px!important;padding:10px 14px!important;border-radius:5px!important;border:1px solid rgba(111,132,147,.62)!important;background:rgba(9,17,23,.75)!important;font-size:10px!important}\n.ex227-lower-story .ex224-link-icon{width:24px!important;height:24px!important}.ex227-lower-story .ex224-link-icon svg{width:20px!important;height:20px!important}\n\n/* AWARDS: título alto + cinco vitrinas verticales como la referencia */\n.ex227-lower-story .ex224-legacy-block{\n  min-height:610px!important;height:610px!important;padding:46px 42px 48px!important;\n  background:linear-gradient(180deg,rgba(6,12,17,.25),rgba(6,12,17,.14))!important;\n  border-bottom:1px solid rgba(255,255,255,.06)!important;\n}\n.ex227-lower-story .ex224-legacy-block:before{display:none!important}\n.ex227-lower-story .ex224-legacy-head{position:relative;z-index:2;max-width:830px!important}\n.ex227-lower-story .ex224-legacy-head .ex224-kicker{font-size:13px!important}\n.ex227-lower-story .ex224-legacy-head h2{font-size:54px!important;line-height:.88!important;margin:8px 0 12px!important}\n.ex227-lower-story .ex224-legacy-head p{font-size:13px!important;line-height:1.45!important;max-width:760px!important;color:#d0d6da!important}\n.ex227-lower-story .ex224-award-row{\n  position:relative;z-index:2;grid-template-columns:repeat(5,1fr)!important;gap:22px!important;margin-top:34px!important;align-items:stretch!important;\n}\n.ex227-lower-story .ex224-award-row article{\n  min-height:335px!important;padding:20px 12px 14px!important;\n  border:1px solid rgba(129,151,166,.72)!important;border-radius:6px!important;\n  background:linear-gradient(180deg,rgba(17,31,41,.91),rgba(8,15,20,.94))!important;\n  box-shadow:0 12px 30px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.03)!important;\n}\n.ex227-lower-story .ex224-award-row img{width:165px!important;height:165px!important;margin:0 auto 8px!important;object-fit:contain!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.7))!important}\n.ex227-lower-story .ex224-award-row span{font-size:9px!important;line-height:1.2!important}.ex227-lower-story .ex224-award-row b{font-size:11px!important;margin:6px 0 12px!important}\n.ex227-lower-story .ex224-award-row a{margin-top:auto!important;padding:9px 6px!important;font-size:8px!important;border-color:rgba(222,171,73,.62)!important}\n\n/* CIERRE: una única escena continua, sin cajas independientes */\n.ex227-lower-story .ex224-community-block{\n  display:grid!important;grid-template-columns:50% 50%!important;min-height:315px!important;height:315px!important;\n  background:linear-gradient(90deg,rgba(5,10,14,.36),rgba(5,10,14,.11) 55%,rgba(5,10,14,.05))!important;\n  border-bottom:0!important;\n}\n.ex227-lower-story .ex224-brain{\n  display:grid!important;grid-template-columns:190px 1fr!important;gap:28px!important;align-items:center!important;\n  padding:34px 34px 34px 46px!important;border-right:0!important;background:transparent!important;\n}\n.ex227-lower-story .ex224-brain>img{width:180px!important;height:170px!important;object-fit:contain!important;filter:drop-shadow(0 14px 24px rgba(0,0,0,.72))!important}\n.ex227-lower-story .ex224-brain h2,.ex227-lower-story .ex224-squad h2{font-size:45px!important;line-height:.88!important;margin:6px 0 10px!important}\n.ex227-lower-story .ex224-brain p,.ex227-lower-story .ex224-squad p{font-size:11.5px!important;line-height:1.5!important;color:#d3d8dc!important}\n.ex227-lower-story .ex224-gold-btn{margin-top:14px!important}\n.ex227-lower-story .ex224-squad{position:relative!important;min-height:315px!important;height:315px!important;background:transparent!important}\n.ex227-lower-story .ex224-squad>img{display:none!important}\n.ex227-lower-story .ex224-squad:after{background:linear-gradient(90deg,rgba(5,10,14,.58) 0%,rgba(5,10,14,.20) 52%,transparent 100%)!important}\n.ex227-lower-story .ex224-squad>div{position:relative!important;z-index:2!important;padding:52px 38px!important;max-width:460px!important}\n.ex227-lower-story .ex224-squad .ex224-kicker{font-size:12px!important}\n\n@media(max-width:1000px){\n  .ex227-lower-story{min-height:auto;background-position:center top;background-size:auto 100%}\n  .ex227-lower-story .ex224-league-block{grid-template-columns:1fr!important;height:auto!important;min-height:0!important;padding:0 20px!important}\n  .ex227-lower-story .ex224-league-art{height:380px!important;min-height:380px!important}\n  .ex227-lower-story .ex224-league-copy{min-height:0!important;border-left:0!important;border-top:1px solid rgba(212,221,228,.3)!important;padding:36px 24px!important}\n  .ex227-lower-story .ex224-legacy-block{height:auto!important;min-height:0!important;padding:36px 22px!important}\n  .ex227-lower-story .ex224-award-row{grid-template-columns:repeat(3,1fr)!important}\n  .ex227-lower-story .ex224-community-block{grid-template-columns:1fr!important;height:auto!important;min-height:0!important}\n  .ex227-lower-story .ex224-brain{border-bottom:1px solid rgba(255,255,255,.06)!important}\n}\n@media(max-width:700px){\n  .ex227-lower-story .ex224-league-copy h2,.ex227-lower-story .ex224-legacy-head h2{font-size:38px!important}\n  .ex227-lower-story .ex224-league-links{grid-template-columns:1fr!important}\n  .ex227-lower-story .ex224-award-row{grid-template-columns:1fr 1fr!important;gap:12px!important}\n  .ex227-lower-story .ex224-award-row article{min-height:280px!important}.ex227-lower-story .ex224-award-row img{width:135px!important;height:135px!important}\n  .ex227-lower-story .ex224-brain{grid-template-columns:120px 1fr!important;padding:28px 18px!important}.ex227-lower-story .ex224-brain>img{width:115px!important;height:110px!important}\n  .ex227-lower-story .ex224-brain h2,.ex227-lower-story .ex224-squad h2{font-size:34px!important}\n}\n

/* EXILIUM v3.10.228 — fondo continuo SOLO debajo de "Todo tu juego / Todo tu legado" */
.ex224-performance{
  background:#080d12!important;
}
.ex227-lower-story{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background-color:#071017!important;
  background-image:url('/media/exilium_story_bg_310228.png')!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-size:100% 100%!important;
}
.ex227-lower-story::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(4,9,13,.42) 0%,rgba(4,9,13,.50) 31%,rgba(4,9,13,.34) 57%,rgba(4,9,13,.27) 76%,rgba(4,9,13,.34) 100%),
    linear-gradient(90deg,rgba(4,9,13,.30) 0%,rgba(4,9,13,.06) 44%,rgba(4,9,13,.22) 100%)!important;
}
.ex227-lower-story>.ex224-module{
  position:relative!important;
  z-index:1!important;
  background:transparent!important;
}
.ex227-lower-story .ex224-league-block,
.ex227-lower-story .ex224-legacy-block,
.ex227-lower-story .ex224-community-block,
.ex227-lower-story .ex224-brain,
.ex227-lower-story .ex224-squad{
  background:transparent!important;
}
@media(max-width:1000px){
  .ex227-lower-story{background-size:cover!important;background-position:center top!important}
}

/* EXILIUM v3.10.229 — reconstrucción exacta del bloque STORY según referencia aprobada */
.ex224-story{
  max-width:1600px!important;
  margin:0 auto!important;
  background:#09131b!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  overflow:hidden!important;
}
.ex224-story::before,.ex224-story::after{display:none!important}

/* TODO TU JUEGO / TODO TU LEGADO — SIN FOTO DE FONDO */
.ex224-performance{
  position:relative!important;
  min-height:760px!important;
  padding:56px 64px 38px!important;
  background:
    radial-gradient(circle at 52% 18%,rgba(33,65,83,.20),transparent 32%),
    linear-gradient(180deg,#101b24 0%,#0b151d 64%,#09131a 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.ex224-performance-head{max-width:none!important;grid-template-columns:1fr 118px!important;gap:30px!important}
.ex224-performance-head .ex224-kicker{font-size:14px!important;letter-spacing:.06em!important}
.ex224-performance-head h2{font-size:56px!important;line-height:.90!important;margin:5px 0 10px!important}
.ex224-performance-head p{font-size:12px!important;max-width:930px!important;line-height:1.45!important;color:#e0e5e8!important}
.ex224-performance-head>img{width:118px!important;height:95px!important;margin-top:0!important;filter:drop-shadow(0 10px 20px rgba(0,0,0,.8))!important}
.ex224-performance-stage{height:430px!important;max-width:1430px!important;margin:28px auto 0!important}
.ex224-ranking-panel{left:0!important;top:92px!important;width:25%!important;height:248px!important;padding:17px!important;transform:rotate(-2.6deg)!important}
.ex224-radar-panel{left:17.7%!important;top:0!important;width:63%!important;height:388px!important;padding:15px 18px!important;z-index:3!important}
.ex224-stats-panel{right:0!important;top:102px!important;width:25%!important;height:240px!important;padding:16px!important;transform:rotate(2.4deg)!important}
.ex224-radar-wrap{height:322px!important}.ex224-radar-wrap svg{width:75%!important;height:88%!important}
.ex224-ranking-panel li{padding:8px 9px!important;font-size:9px!important}.ex224-ranking-panel>span{font-size:10px!important}
.ex224-stat-row span{font-size:8px!important}.ex224-stat-row b{font-size:20px!important}.ex224-bars{height:100px!important}
.ex224-tabs{
  max-width:960px!important;margin:-6px auto 0!important;padding:15px 24px 16px!important;
  border:1px solid #40515f!important;border-radius:5px!important;background:rgba(7,15,21,.94)!important;
  display:block!important;text-align:center!important;
}
.ex224-tabs>strong{display:block;color:#e8b43f;font-size:13px!important;letter-spacing:.025em;font-weight:1000!important}
.ex224-tabs>small{display:block;color:#d6dde1;font-size:8.5px!important;margin:6px 0 12px!important}
.ex224-tab-row{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
.ex224-tab-row span{padding:6px 14px!important;border:1px solid #40515e!important;border-radius:16px!important;background:#0c151c!important;color:#e5e9ec!important;font-size:7px!important;font-weight:900!important}

/* DESDE LIGA HASTA EL FINAL: UNA ÚNICA IMAGEN CONTINUA, NO REPETIDA */
.ex227-lower-story{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  min-height:1800px!important;
  background:#071018 url('/media/exilium_story_bg_310229.jpg') center top/100% 100% no-repeat!important;
  border-top:0!important;
}
.ex227-lower-story::before{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(4,10,14,.26) 0%,rgba(4,10,14,.42) 31%,rgba(4,10,14,.20) 58%,rgba(4,10,14,.22) 100%),
    linear-gradient(90deg,rgba(3,8,12,.23),rgba(3,8,12,.04) 44%,rgba(3,8,12,.19))!important;
}
.ex227-lower-story>.ex224-module{position:relative!important;z-index:1!important;background:transparent!important}

/* LIGA EXILIUM — dos logos grandes a la izquierda, separador vertical y 4 menús a la derecha */
.ex227-lower-story .ex224-league-block{
  display:grid!important;grid-template-columns:50% 50%!important;
  height:600px!important;min-height:600px!important;padding:0 52px!important;
  background:linear-gradient(90deg,rgba(4,10,14,.07),rgba(5,11,16,.22) 53%,rgba(5,11,16,.37))!important;
  border-bottom:0!important;
}
.ex227-lower-story .ex224-league-art{height:600px!important;min-height:600px!important;background:transparent!important;overflow:visible!important}
.ex227-lower-story .ex224-league-art:before{
  content:""!important;display:block!important;position:absolute!important;left:5%!important;top:7%!important;width:70%!important;height:78%!important;inset:auto!important;border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 30%,rgba(255,158,27,.45) 30.5% 31%,transparent 31.5% 38%,rgba(255,147,20,.38) 38.5% 39%,transparent 39.5% 46%,rgba(255,178,42,.28) 46.5% 47%,transparent 47.5%),
    radial-gradient(circle at 48% 50%,rgba(255,154,23,.22),rgba(255,116,13,.06) 40%,transparent 68%)!important;
  filter:drop-shadow(0 0 12px rgba(255,119,16,.45))!important;opacity:1!important;
}
.ex227-lower-story .ex224-league-art:after{
  content:""!important;position:absolute!important;left:8%!important;top:8%!important;width:65%!important;height:74%!important;border-radius:50%!important;
  background:conic-gradient(from 190deg,transparent 0 7%,rgba(255,121,15,.9) 7.2% 7.7%,transparent 8% 21%,rgba(255,181,43,.8) 21.2% 21.7%,transparent 22% 48%,rgba(255,127,17,.8) 48.2% 48.8%,transparent 49.2% 73%,rgba(255,179,42,.86) 73.2% 73.8%,transparent 74.2% 100%)!important;
  opacity:.9!important;pointer-events:none!important;
}
.ex227-lower-story .ex224-league-main{left:4%!important;top:8%!important;width:58%!important;height:79%!important;z-index:2!important;object-fit:contain!important;filter:drop-shadow(0 0 16px rgba(255,141,25,.65)) drop-shadow(0 24px 35px #000)!important}
.ex227-lower-story .ex224-league-cup{left:43%!important;bottom:7%!important;width:35%!important;height:48%!important;z-index:3!important;object-fit:contain!important;filter:drop-shadow(0 0 14px rgba(255,182,53,.58)) drop-shadow(0 18px 28px #000)!important}
.ex227-lower-story .ex224-league-copy{
  align-self:center!important;min-height:430px!important;margin:0!important;padding:42px 38px 38px 50px!important;
  border-left:1px solid rgba(192,203,211,.52)!important;background:linear-gradient(90deg,rgba(6,13,18,.24),rgba(6,13,18,.02))!important;
}
.ex227-lower-story .ex224-league-copy .ex224-kicker{font-size:14px!important}
.ex227-lower-story .ex224-league-copy h2{font-size:62px!important;line-height:.83!important;margin:8px 0 14px!important}
.ex227-lower-story .ex224-league-copy p{font-size:12px!important;line-height:1.48!important;max-width:590px!important;color:#e4e8eb!important}
.ex227-lower-story .ex224-league-links{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:24px!important;max-width:620px!important}
.ex227-lower-story .ex224-league-links a{min-height:50px!important;padding:10px 14px!important;border:1px solid rgba(124,145,159,.75)!important;border-radius:4px!important;background:rgba(7,15,20,.74)!important;color:#fff!important;font-size:9px!important}
.ex227-lower-story .ex224-link-icon{width:24px!important;height:24px!important}.ex227-lower-story .ex224-link-icon svg{width:20px!important;height:20px!important;fill:none!important;stroke:#f0b536!important;stroke-width:1.8!important}

/* AWARDS — fondo visible, cinco tarjetas verticales compactas */
.ex227-lower-story .ex224-legacy-block{height:750px!important;min-height:750px!important;padding:48px 42px 44px!important;background:transparent!important;border-bottom:0!important}
.ex227-lower-story .ex224-legacy-block:before,.ex227-lower-story .ex224-legacy-block:after{display:none!important}
.ex227-lower-story .ex224-legacy-head{max-width:780px!important}
.ex227-lower-story .ex224-legacy-head .ex224-kicker{font-size:13px!important}
.ex227-lower-story .ex224-legacy-head h2{font-size:56px!important;line-height:.87!important;margin:7px 0 11px!important}
.ex227-lower-story .ex224-legacy-head p{font-size:12px!important;line-height:1.45!important;max-width:760px!important;color:#e3e7ea!important}
.ex227-lower-story .ex224-award-row{grid-template-columns:repeat(5,1fr)!important;gap:24px!important;margin-top:34px!important}
.ex227-lower-story .ex224-award-row article{
  height:390px!important;min-height:390px!important;padding:18px 13px 14px!important;
  border:1px solid rgba(143,163,177,.82)!important;border-radius:5px!important;
  background:linear-gradient(180deg,rgba(18,34,45,.94),rgba(7,15,20,.95))!important;
  box-shadow:0 14px 28px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.035)!important;
}
.ex227-lower-story .ex224-award-row img{width:172px!important;height:172px!important;margin:0 auto 8px!important;object-fit:contain!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.72))!important}
.ex227-lower-story .ex224-award-row span{font-size:10px!important;line-height:1.15!important;margin-top:2px!important;color:#f0b536!important}
.ex227-lower-story .ex224-award-row small{font-size:7.5px!important;color:#cfd6db!important;margin-top:4px!important;text-transform:uppercase!important}
.ex227-lower-story .ex224-award-row b{font-size:8px!important;color:#e6b33f!important;margin:8px 0 0!important}
.ex227-lower-story .ex224-award-row a{margin-top:auto!important;padding:9px 6px!important;font-size:8px!important;border:1px solid rgba(222,171,73,.74)!important;color:#f1bd4a!important;background:rgba(6,12,16,.55)!important}

/* CIERRE — una sola escena continua, logo+copy izquierda y Squad a derecha */
.ex227-lower-story .ex224-community-block{display:grid!important;grid-template-columns:52% 48%!important;height:450px!important;min-height:450px!important;background:transparent!important;border:0!important}
.ex227-lower-story .ex224-brain{display:grid!important;grid-template-columns:210px 1fr!important;gap:32px!important;align-items:center!important;padding:42px 34px 42px 50px!important;border-right:0!important;background:transparent!important}
.ex227-lower-story .ex224-brain>img{width:200px!important;height:190px!important;object-fit:contain!important;filter:drop-shadow(0 14px 26px #000)!important}
.ex227-lower-story .ex224-brain h2,.ex227-lower-story .ex224-squad h2{font-size:48px!important;line-height:.86!important;margin:6px 0 11px!important}
.ex227-lower-story .ex224-brain p,.ex227-lower-story .ex224-squad p{font-size:11px!important;line-height:1.45!important;color:#e2e6e9!important;max-width:460px!important}
.ex227-lower-story .ex224-gold-btn{margin-top:16px!important;padding:12px 18px!important;font-size:9px!important}
.ex227-lower-story .ex224-squad{position:relative!important;height:450px!important;min-height:450px!important;background:transparent!important;overflow:hidden!important}
.ex227-lower-story .ex224-squad>img{display:none!important}
.ex227-lower-story .ex224-squad:after{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(5,11,15,.66),rgba(5,11,15,.18) 58%,transparent)!important}
.ex227-lower-story .ex224-squad>div{position:relative!important;z-index:2!important;padding:80px 38px!important;max-width:510px!important}
.ex227-lower-story .ex224-squad .ex224-kicker{font-size:13px!important}

@media(max-width:1000px){
  .ex224-performance{min-height:auto!important;padding:40px 24px!important}.ex224-performance-stage{height:auto!important;display:grid!important;gap:14px!important}.ex224-panel{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;transform:none!important}.ex224-radar-panel{min-height:330px!important}.ex224-tabs{margin-top:14px!important}
  .ex227-lower-story{min-height:auto!important;background-size:cover!important;background-position:center top!important}
  .ex227-lower-story .ex224-league-block{grid-template-columns:1fr!important;height:auto!important;min-height:0!important;padding:0 20px!important}.ex227-lower-story .ex224-league-art{height:390px!important;min-height:390px!important}.ex227-lower-story .ex224-league-copy{border-left:0!important;border-top:1px solid rgba(192,203,211,.4)!important;min-height:0!important}
  .ex227-lower-story .ex224-legacy-block{height:auto!important;min-height:0!important}.ex227-lower-story .ex224-award-row{grid-template-columns:repeat(3,1fr)!important}.ex227-lower-story .ex224-community-block{grid-template-columns:1fr!important;height:auto!important;min-height:0!important}
}
@media(max-width:700px){
  .ex224-performance-head{grid-template-columns:1fr!important}.ex224-performance-head>img{display:none!important}.ex224-performance-head h2{font-size:39px!important}.ex224-tabs{padding-inline:12px!important}.ex224-tab-row{gap:6px!important}
  .ex227-lower-story .ex224-league-copy h2,.ex227-lower-story .ex224-legacy-head h2{font-size:39px!important}.ex227-lower-story .ex224-league-links{grid-template-columns:1fr!important}.ex227-lower-story .ex224-award-row{grid-template-columns:1fr 1fr!important;gap:12px!important}.ex227-lower-story .ex224-award-row article{height:320px!important;min-height:320px!important}.ex227-lower-story .ex224-award-row img{width:138px!important;height:138px!important}.ex227-lower-story .ex224-brain{grid-template-columns:120px 1fr!important;padding:28px 18px!important}.ex227-lower-story .ex224-brain>img{width:115px!important;height:110px!important}.ex227-lower-story .ex224-brain h2,.ex227-lower-story .ex224-squad h2{font-size:35px!important}
}

/* EXILIUM v3.10.230 — nuevo fondo continuo inferior, sin afectar TODO TU LEGADO */
.ex227-lower-story{
  background:#071018 url('/media/exilium_story_bg_310230.jpg') center top/100% 100% no-repeat!important;
}
\n\n/* EXILIUM v3.10.231 — carrusel de 20 medallas reales, selección aleatoria por carga */\n.ex227-lower-story .ex224-legacy-block{overflow:visible!important}\n.ex231-awards-shell{position:relative;z-index:3;margin-top:34px;padding:0 42px}\n.ex227-lower-story .ex231-awards-track{\n  display:flex!important;grid-template-columns:none!important;gap:18px!important;margin:0!important;\n  overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;scroll-snap-type:x mandatory;\n  scrollbar-width:none;padding:4px 2px 16px;overscroll-behavior-inline:contain;\n}\n.ex227-lower-story .ex231-awards-track::-webkit-scrollbar{display:none}\n.ex227-lower-story .ex231-awards-track article{\n  flex:0 0 clamp(190px,18.5vw,252px)!important;min-width:190px!important;max-width:252px!important;\n  height:340px!important;min-height:340px!important;scroll-snap-align:start;\n  padding:18px 14px 14px!important;border:1px solid rgba(131,153,168,.7)!important;border-radius:8px!important;\n  background:linear-gradient(180deg,rgba(15,29,39,.96),rgba(7,14,19,.96))!important;\n  box-shadow:0 16px 32px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.04)!important;\n  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;\n}\n.ex227-lower-story .ex231-awards-track article:hover{transform:translateY(-5px);border-color:rgba(240,181,54,.82)!important;box-shadow:0 20px 38px rgba(0,0,0,.48),0 0 24px rgba(240,181,54,.08)!important}\n.ex227-lower-story .ex231-awards-track img{width:168px!important;height:168px!important;margin:0 auto 10px!important;object-fit:contain!important;filter:drop-shadow(0 12px 20px rgba(0,0,0,.76))!important}\n.ex227-lower-story .ex231-awards-track span{font-size:10px!important;line-height:1.18!important;color:#f0b536!important;text-transform:uppercase!important;letter-spacing:.04em!important}\n.ex227-lower-story .ex231-awards-track small{font-size:7.5px!important;color:#cfd6db!important;margin-top:6px!important;letter-spacing:.08em!important;text-transform:uppercase!important}\n.ex227-lower-story .ex231-awards-track b{font-size:8px!important;color:#e7b33f!important;margin:9px 0 0!important}\n.ex227-lower-story .ex231-awards-track a{margin-top:auto!important;width:100%;padding:9px 7px!important;font-size:8px!important;border:1px solid rgba(222,171,73,.72)!important;border-radius:4px!important;color:#f2bd49!important;background:rgba(4,10,14,.6)!important;text-decoration:none!important}\n.ex231-awards-arrow{\n  position:absolute;top:50%;z-index:5;transform:translateY(-56%);width:46px;height:62px;border:1px solid rgba(242,186,69,.55);\n  border-radius:8px;background:linear-gradient(180deg,rgba(12,22,29,.96),rgba(5,10,14,.96));color:#f2ba45;font-size:38px;line-height:1;\n  display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.52);transition:transform .2s ease,border-color .2s ease,background .2s ease;\n}\n.ex231-awards-arrow:hover{transform:translateY(-56%) scale(1.06);border-color:#f2ba45;background:linear-gradient(180deg,#172934,#091117)}\n.ex231-awards-arrow:focus-visible{outline:2px solid #f2ba45;outline-offset:3px}\n.ex231-awards-prev{left:-8px}.ex231-awards-next{right:-8px}\n.ex231-awards-counter{display:block;margin-top:4px;text-align:right;color:#97a3ac;font-size:8px;letter-spacing:.08em}\n@media(max-width:1000px){.ex231-awards-shell{padding:0 34px}.ex231-awards-prev{left:-2px}.ex231-awards-next{right:-2px}.ex227-lower-story .ex231-awards-track article{flex-basis:220px!important}}\n@media(max-width:700px){.ex231-awards-shell{padding:0 28px}.ex231-awards-arrow{width:38px;height:54px;font-size:32px}.ex227-lower-story .ex231-awards-track article{flex-basis:208px!important;height:310px!important;min-height:310px!important}.ex227-lower-story .ex231-awards-track img{width:142px!important;height:142px!important}}\n@media(prefers-reduced-motion:reduce){.ex227-lower-story .ex231-awards-track{scroll-behavior:auto}.ex227-lower-story .ex231-awards-track article,.ex231-awards-arrow{transition:none}}\n
/* EXILIUM v3.10.232 — tira horizontal de Awards reales del archivo oficial */
.ex227-lower-story .ex231-awards-shell{
  position:relative!important;
  margin-top:28px!important;
  padding:0 58px!important;
}
.ex227-lower-story .ex231-awards-track{
  display:flex!important;
  gap:18px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(238,179,54,.72) rgba(4,10,14,.48)!important;
  padding:10px 4px 18px!important;
  margin:0!important;
}
.ex227-lower-story .ex231-awards-track::-webkit-scrollbar{height:8px!important;display:block!important}
.ex227-lower-story .ex231-awards-track::-webkit-scrollbar-track{background:rgba(4,10,14,.48)!important;border-radius:999px!important}
.ex227-lower-story .ex231-awards-track::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#c78921,#f0bf4e)!important;border-radius:999px!important}
.ex227-lower-story .ex231-awards-track .ex232-award-card{
  position:relative!important;
  flex:0 0 clamp(210px,18vw,270px)!important;
  min-width:210px!important;
  max-width:270px!important;
  height:clamp(250px,22vw,330px)!important;
  padding:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  scroll-snap-align:start!important;
  border:1px solid rgba(111,144,162,.66)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(10,23,31,.90),rgba(4,10,15,.96))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 18px 40px rgba(0,0,0,.38)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.ex227-lower-story .ex231-awards-track .ex232-award-card:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(242,184,62,.92)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 20px 44px rgba(0,0,0,.50),0 0 24px rgba(240,181,54,.12)!important;
}
.ex227-lower-story .ex231-awards-track .ex232-award-card img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:contain!important;
  margin:0!important;
  filter:drop-shadow(0 14px 20px rgba(0,0,0,.50))!important;
}
.ex232-award-index{
  position:absolute!important;
  right:10px!important;
  bottom:8px!important;
  min-width:28px!important;
  height:22px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(238,179,54,.34)!important;
  border-radius:999px!important;
  background:rgba(3,8,12,.72)!important;
  color:#eab23e!important;
  font-size:8px!important;
  letter-spacing:.08em!important;
}
.ex231-awards-arrow{
  width:48px!important;
  height:72px!important;
  border-radius:12px!important;
  background:rgba(5,12,17,.92)!important;
  backdrop-filter:blur(8px)!important;
}
@media(max-width:700px){
  .ex227-lower-story .ex231-awards-shell{padding:0 44px!important}
  .ex227-lower-story .ex231-awards-track .ex232-award-card{flex-basis:205px!important;height:255px!important}
  .ex231-awards-arrow{width:38px!important;height:60px!important}
}


/* =========================================================
   EXILIUM v3.10.245 — AWARDS COMO 3.10.244
   Carrusel limpio, fondo negro transparente y flechas hover.
   ========================================================= */
.ex227-lower-story .ex231-awards-shell{
  position:relative!important;
  margin-top:28px!important;
  padding:0!important;
  overflow:hidden!important;
}
.ex227-lower-story .ex231-awards-track{
  gap:18px!important;
  padding:10px 0 18px!important;
  scrollbar-width:none!important;
}
.ex227-lower-story .ex231-awards-track::-webkit-scrollbar{display:none!important}
.ex227-lower-story .ex231-awards-track .ex232-award-card{
  background:rgba(0,0,0,.48)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(2px)!important;
}
.ex227-lower-story .ex231-awards-track .ex232-award-card:hover{
  background:rgba(0,0,0,.58)!important;
  border-color:rgba(240,181,54,.62)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.38),0 0 20px rgba(240,181,54,.08)!important;
}
.ex232-award-index{display:none!important}
.ex231-awards-arrow{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:20!important;
  width:46px!important;
  height:72px!important;
  border-radius:10px!important;
  border:1px solid rgba(240,181,54,.50)!important;
  background:rgba(0,0,0,.62)!important;
  color:#f0b536!important;
  box-shadow:0 10px 24px rgba(0,0,0,.40)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .18s ease,transform .18s ease,background .18s ease!important;
}
.ex231-awards-prev{left:12px!important}
.ex231-awards-next{right:12px!important}
@media (hover:hover) and (pointer:fine){
  .ex231-awards-shell:hover .ex231-awards-arrow{
    opacity:1!important;
    pointer-events:auto!important
  }
  .ex231-awards-arrow:hover{
    transform:translateY(-50%) scale(1.05)!important;
    background:rgba(0,0,0,.80)!important
  }
}
@media (hover:none), (pointer:coarse){
  .ex231-awards-arrow{display:none!important}
}
@media(max-width:700px){
  .ex227-lower-story .ex231-awards-shell{padding:0!important}
}

/* El JS 3.10.245 fija posición/tamaño del visor respecto al bitmap real.
   Estas reglas evitan que media queries antiguas vuelvan a desplazarlo. */
.exilium-step1-banner{position:relative!important}
.exilium-hero-visor-glow{
  margin:0!important;
  transform-origin:center center!important;
}

/* =========================================================
   EXILIUM v3.10.254 — HOME · BLOQUE EXACTO BAJO EL BANNER
   Mantiene la composición de referencia aportada por el usuario.
   ========================================================= */
.gp254-showcase{
  width:100%;
  max-width:1600px;
  margin:0 auto;
  padding:0!important;
  background:#03070a;
}
.gp254-showcase-frame{
  position:relative;
  width:100%;
  line-height:0;
  overflow:hidden;
}
.gp254-showcase-frame>img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
}
.gp254-hotspot{
  position:absolute;
  z-index:5;
  display:block;
  border-radius:4px;
  background:transparent;
}
.gp254-platform-link{left:5.0%;top:72.1%;width:21.5%;height:8.4%}
.gp254-league-link{left:32.9%;top:72.1%;width:15.5%;height:8.4%}
.gp254-awards-link{left:54.5%;top:72.1%;width:19.8%;height:8.4%}
.gp254-clan-link{left:79.1%;top:72.1%;width:16.4%;height:8.4%}
.gp254-hotspot:focus-visible{outline:2px solid #f1bc43;outline-offset:2px}

/* =========================================================
   EXILIUM v3.10.254 — VISOR BLANCO FLASH + OJOS ROJOS MÍNIMOS
   El cristal deja de ser rojo: pasa a blanco muy claro y brillante.
   Solo permanecen dos puntos rojos diminutos como ojos.
   ========================================================= */
.exilium-hero-visor-glow{
  top:30.34%!important;
  width:4.48%!important;
  height:3.64%!important;
  background:
    radial-gradient(ellipse at 50% 52%,rgba(255,255,255,1) 0%,rgba(255,255,255,.98) 34%,rgba(242,250,255,.96) 66%,rgba(195,225,244,.78) 88%,rgba(124,166,194,.26) 100%)!important;
  box-shadow:
    inset 0 0 7px rgba(255,255,255,1),
    inset 0 0 15px rgba(224,244,255,.96),
    0 0 7px rgba(255,255,255,.94),
    0 0 16px rgba(221,243,255,.88),
    0 0 28px rgba(200,234,255,.62)!important;
  filter:brightness(1.38) contrast(1.05)!important;
  mix-blend-mode:screen!important;
  opacity:1!important;
  animation:exiliumVisorWhite254 4.8s ease-in-out infinite!important;
}
.exilium-hero-visor-glow::before{
  content:""!important;
  position:absolute!important;
  inset:6% 8% 12%!important;
  height:auto!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(240,250,255,.86) 42%,rgba(213,238,252,.55))!important;
  opacity:.95!important;
  filter:blur(.35px)!important;
}
.exilium-hero-visor-glow::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:
    radial-gradient(circle at 38% 53%,#ff1c16 0 2.1%,rgba(255,20,14,.96) 2.2% 3.2%,transparent 3.4%),
    radial-gradient(circle at 62% 53%,#ff1c16 0 2.1%,rgba(255,20,14,.96) 2.2% 3.2%,transparent 3.4%)!important;
  box-shadow:none!important;
  opacity:1!important;
  filter:drop-shadow(0 0 2px rgba(255,20,14,.75))!important;
}
@keyframes exiliumVisorWhite254{
  0%,100%{opacity:.92;filter:brightness(1.20) contrast(1.04)}
  50%{opacity:1;filter:brightness(1.62) contrast(1.08)}
}
@media(max-width:980px){
  .exilium-hero-visor-glow{height:3.72%!important;top:30.34%!important}
}

/* =========================================================
   EXILIUM v3.10.255 — HOME CARDS NATIVAS + KPIs REALES
   Reemplaza el bloque rasterizado por HTML/CSS e imágenes HD.
   ========================================================= */
.gp255-showcase{width:100%;max-width:1600px;margin:0 auto;background:#03070a;padding:22px 34px 0}
.gp255-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}
.gp255-card{position:relative;min-height:510px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #2a3945;border-radius:8px;background:linear-gradient(180deg,#071019 0%,#04090d 100%);box-shadow:inset 0 0 0 1px rgba(105,170,206,.08),0 18px 45px rgba(0,0,0,.28)}
.gp255-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 10%,rgba(43,165,224,.16),transparent 25%),linear-gradient(180deg,rgba(255,255,255,.025),transparent 20%)}
.gp255-card-head{position:relative;z-index:2;padding:24px 28px 7px}
.gp255-card-head h3{margin:0;color:#f3f6f8;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(24px,2vw,38px);font-weight:900;letter-spacing:.01em;line-height:1}
.gp255-card-head p{margin:9px 0 0;color:#d2d7dc;font-size:12px;font-weight:900;letter-spacing:.045em}
.gp255-visual{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;min-height:270px;padding:8px 18px;overflow:hidden}
.gp255-visual img{width:100%;height:100%;max-height:310px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.55))}
.gp255-platform .gp255-visual{padding:8px 12px 0}
.gp255-platform .gp255-visual img{max-height:330px;object-fit:cover;object-position:center;border-radius:4px;mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)}
.gp255-league-visual img{width:78%;max-height:260px}
.gp255-card ul{position:relative;z-index:2;list-style:none;margin:0 auto 18px;padding:0;width:72%;display:grid;gap:10px}
.gp255-card li{font-weight:900;color:#d9dde1;letter-spacing:.045em;font-size:15px}.gp255-card li:before{content:"◎";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:10px;border-radius:50%;background:#e9a91e;color:#111;font-size:11px}
.gp255-card>a{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:14px;margin:0 26px 22px;padding:17px 14px;border-radius:4px;background:linear-gradient(180deg,#ffd468,#e7a326);color:#111;text-decoration:none;font-weight:1000;font-size:15px;box-shadow:0 0 0 1px rgba(255,210,90,.45),0 8px 22px rgba(229,163,38,.18)}
.gp255-card>a:hover{filter:brightness(1.08)}.gp255-card>a span{font-size:24px;line-height:0}
.gp255-awards-grid{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:4px;align-items:center;padding:10px 18px 18px}
.gp255-awards-grid img{width:100%;height:138px;object-fit:contain;filter:drop-shadow(0 12px 15px rgba(0,0,0,.6))}.gp255-awards-grid img:nth-child(4){grid-column:1/2}.gp255-awards-grid img:nth-child(5){grid-column:2/4}
.gp255-clan{isolation:isolate}.gp255-clan-bg{position:absolute;inset:92px 0 72px;background:linear-gradient(180deg,rgba(4,8,11,.05),rgba(4,8,11,.64)),url('/media/exilium_hero_official.jpg') center/cover no-repeat;z-index:0;filter:saturate(.9) contrast(1.07)}
.gp255-clan .gp255-card-head,.gp255-clan ul,.gp255-clan>a{z-index:2}.gp255-clan ul{margin-top:auto;margin-bottom:24px;text-shadow:0 2px 5px #000}
.gp255-live-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:14px 0 0;border-top:1px solid #18232c;border-bottom:1px solid #18232c;background:#050a0e}
.gp255-live-stats>div{min-height:102px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-right:1px solid #18232c}.gp255-live-stats>div:last-child{border-right:0}
.gp255-live-stats b{font-size:30px;color:#f2b22c;line-height:1;font-weight:1000}.gp255-live-stats span{font-size:10px;color:#c3cbd2;font-weight:900;letter-spacing:.1em;text-align:center}.gp255-live-stats>div:nth-child(4) span:after{content:" · EN MILES";color:#72808b}
@media(max-width:1180px){.gp255-cards{grid-template-columns:repeat(2,1fr)}.gp255-live-stats{grid-template-columns:repeat(3,1fr)}.gp255-live-stats>div:nth-child(3){border-right:0}}
@media(max-width:680px){.gp255-showcase{padding:14px 12px 0}.gp255-cards{grid-template-columns:1fr}.gp255-card{min-height:460px}.gp255-live-stats{grid-template-columns:1fr 1fr}.gp255-live-stats>div{border-bottom:1px solid #18232c}.gp255-live-stats>div:nth-child(even){border-right:0}}


/* =========================================================
   EXILIUM v3.10.256 — AJUSTES HOME SOLICITADOS
   - Visor: mismo pulso original de encendido/apagado, ahora blanco.
   - Sin puntos/ojos rojos.
   - Las 4 tarjetas quedan independientes y ocupan todo el ancho.
   - EXILIUM Intelligence es un bloque independiente bajo los KPIs.
   - Awards: segunda fila perfectamente centrada.
   ========================================================= */

/* Visor blanco con exactamente el ritmo de pulso clásico. */
.exilium-hero-visor-glow{
  border-radius:0!important;
  background:
    radial-gradient(ellipse at 50% 56%,rgba(255,255,255,.98) 0%,rgba(247,252,255,.95) 46%,rgba(220,241,255,.78) 76%,rgba(120,166,194,.28) 100%)!important;
  border:1px solid rgba(255,255,255,.48)!important;
  box-shadow:
    inset 0 0 5px rgba(255,255,255,.72),
    inset 0 0 11px rgba(228,246,255,.72),
    0 0 4px rgba(255,255,255,.45),
    0 0 13px rgba(220,244,255,.38)!important;
  filter:none!important;
  mix-blend-mode:screen!important;
  opacity:0!important;
  animation:exiliumVisorWhitePulse256 8s linear infinite!important;
}
.exilium-hero-visor-glow::before{
  content:""!important;
  position:absolute!important;
  left:5%!important;right:5%!important;top:18%!important;height:24%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),rgba(255,255,255,.94),rgba(255,255,255,.38),transparent)!important;
  opacity:.82!important;
  filter:none!important;
}
.exilium-hero-visor-glow::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,rgba(210,236,250,.08),rgba(255,255,255,.10) 18%,rgba(255,255,255,.22) 50%,rgba(255,255,255,.10) 82%,rgba(210,236,250,.08))!important;
  box-shadow:none!important;
  opacity:1!important;
  filter:none!important;
}
@keyframes exiliumVisorWhitePulse256{
  0%,31%,43%,100%{opacity:0}
  33%{opacity:.28}
  35%{opacity:.96}
  37%{opacity:.58}
  39%{opacity:1}
  41%{opacity:.22}
  42%{opacity:0}
}

/* No contenedor visual adicional: las 4 tarjetas son las únicas cajas. */
.gp255-showcase{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:16px 0 0!important;
  background:transparent!important;
}
.gp255-cards{
  width:100%!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  padding:0!important;
  margin:0!important;
}
.gp255-card{min-width:0!important}

/* Awards: 3 arriba + 2 abajo, ambos inferiores centrados simétricamente. */
.gp255-awards-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:4px 2px!important;
  align-items:center!important;
  justify-items:center!important;
  padding:10px 12px 18px!important;
}
.gp255-awards-grid img{
  width:100%!important;
  max-width:138px!important;
  height:138px!important;
  object-fit:contain!important;
}
.gp255-awards-grid img:nth-child(1){grid-column:1 / span 2!important;grid-row:1!important}
.gp255-awards-grid img:nth-child(2){grid-column:3 / span 2!important;grid-row:1!important}
.gp255-awards-grid img:nth-child(3){grid-column:5 / span 2!important;grid-row:1!important}
.gp255-awards-grid img:nth-child(4){grid-column:2 / span 2!important;grid-row:2!important}
.gp255-awards-grid img:nth-child(5){grid-column:4 / span 2!important;grid-row:2!important}

/* KPIs siguen inmediatamente debajo de las cuatro tarjetas y a todo el ancho. */
.gp255-live-stats{margin:14px 0 0!important;width:100%!important}

/* Intelligence: rectángulo independiente, sin pertenecer al showcase. */
.gp256-ai-independent{
  width:100%!important;
  max-width:none!important;
  margin:14px 0 0!important;
  border-left:1px solid #303c48!important;
  border-right:1px solid #303c48!important;
  border-radius:14px!important;
}
.gp256-ai-independent .gp195-ai-logo{height:170px!important}
.gp256-ai-independent .gp195-ai-logo img{
  max-width:176px!important;
  max-height:164px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}

@media(max-width:1180px){
  .gp255-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
}
@media(max-width:680px){
  .gp255-showcase{padding-top:12px!important}
  .gp255-cards{grid-template-columns:1fr!important;gap:12px!important}
  .gp256-ai-independent{margin-top:12px!important;border-radius:10px!important}
  .gp255-awards-grid img{max-width:150px!important;height:145px!important}
}

/* =========================================================
   EXILIUM v3.10.257 — VISOR BLANCO VISIBLE
   Recupera el efecto original de encendido/apagado del visor,
   pero en blanco frío y sin ojos/puntos rojos.
   Se fuerza también cuando el sistema tiene reduced motion,
   porque el visor forma parte de la identidad visual del banner.
   ========================================================= */
.exilium-hero-visor-glow{
  display:block!important;
  top:30.34%!important;
  width:4.48%!important;
  height:3.64%!important;
  border-radius:0!important;
  background:linear-gradient(180deg,
    rgba(255,255,255,1) 0%,
    rgba(246,252,255,.99) 42%,
    rgba(213,239,255,.94) 72%,
    rgba(129,184,216,.72) 100%)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:
    inset 0 0 7px rgba(255,255,255,1),
    inset 0 0 15px rgba(226,246,255,.95),
    0 0 8px rgba(255,255,255,.95),
    0 0 19px rgba(221,244,255,.82),
    0 0 32px rgba(191,229,255,.54)!important;
  mix-blend-mode:screen!important;
  opacity:.04;
  filter:brightness(1.2) contrast(1.03);
  animation:exiliumVisorWhitePulse257 5.2s linear infinite!important;
}
.exilium-hero-visor-glow::before{
  content:""!important;
  position:absolute!important;
  left:5%!important;
  right:5%!important;
  top:18%!important;
  height:25%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,
    transparent,
    rgba(235,248,255,.55),
    rgba(255,255,255,1),
    rgba(235,248,255,.55),
    transparent)!important;
  opacity:.9!important;
  filter:none!important;
}
.exilium-hero-visor-glow::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,
    rgba(190,224,244,.10),
    rgba(255,255,255,.14) 18%,
    rgba(255,255,255,.28) 50%,
    rgba(255,255,255,.14) 82%,
    rgba(190,224,244,.10))!important;
  box-shadow:none!important;
  opacity:1!important;
  filter:none!important;
}
@keyframes exiliumVisorWhitePulse257{
  0%,23%,47%,100%{opacity:.06;filter:brightness(1.05) contrast(1.02)}
  27%{opacity:.34;filter:brightness(1.22) contrast(1.03)}
  31%{opacity:1;filter:brightness(1.95) contrast(1.06)}
  35%{opacity:.56;filter:brightness(1.42) contrast(1.04)}
  39%{opacity:1;filter:brightness(2.10) contrast(1.06)}
  43%{opacity:.28;filter:brightness(1.22) contrast(1.03)}
}
@media (prefers-reduced-motion:reduce){
  .exilium-hero-visor-glow{
    display:block!important;
    animation:exiliumVisorWhitePulse257 5.2s linear infinite!important;
  }
}

/* =========================================================
   EXILIUM v3.10.258 — ALINEACIÓN AL ANCHO REAL DE LA WEB
   Las cuatro tarjetas, KPIs e Intelligence comparten exactamente
   el mismo ancho máximo que el resto de la web pública (1600px).
   ========================================================= */
.gp255-showcase{
  width:min(100%,1600px)!important;
  max-width:1600px!important;
  margin:0 auto!important;
  padding:16px 0 0!important;
  background:transparent!important;
}
.gp255-cards{
  width:100%!important;
  max-width:100%!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  padding:0!important;
  margin:0!important;
}
.gp255-live-stats{
  width:100%!important;
  max-width:100%!important;
  margin:14px 0 0!important;
}
.gp256-ai-independent{
  width:min(100%,1600px)!important;
  max-width:1600px!important;
  margin:14px auto 0!important;
}
@media(max-width:1600px){
  .gp255-showcase,.gp256-ai-independent{width:100%!important}
}


/* =========================================================
   EXILIUM v3.10.259 — VISOR ANIMADO REAL + RESPIRACIÓN ENTRE BLOQUES
   - Corrige el visor: opacity/filter ya no usan !important, por lo que
     los keyframes pueden encender y apagar de verdad el blanco.
   - Añade un pequeño hueco entre Intelligence y Todo tu legado.
   ========================================================= */
.gp256-ai-independent{
  margin-bottom:20px!important;
}
@media(max-width:680px){
  .gp256-ai-independent{margin-bottom:14px!important;}
}
\n\n/* =========================================================\n   EXILIUM v3.10.260 — VISOR CALIBRADO SOBRE LA RANURA REAL\n   La capa anterior estaba ~10 px demasiado baja sobre el bitmap 2048x682.\n   Esta versión ilumina la ranura negra real y mantiene el pulso blanco.\n   ========================================================= */\n.exilium-hero-visor-glow{\n  display:block!important;\n  z-index:8!important;\n  border-radius:2px!important;\n  background:linear-gradient(180deg,rgba(255,255,255,1),rgba(247,253,255,.98) 46%,rgba(213,241,255,.94) 100%)!important;\n  border:1px solid rgba(255,255,255,.86)!important;\n  box-shadow:inset 0 0 5px #fff,inset 0 0 11px rgba(224,246,255,.98),0 0 8px rgba(255,255,255,.98),0 0 20px rgba(218,243,255,.88),0 0 34px rgba(190,230,255,.62)!important;\n  mix-blend-mode:screen!important;\n  animation:exiliumVisorWhitePulse260 5.2s linear infinite!important;\n}\n.exilium-hero-visor-glow::before{\n  content:""!important;position:absolute!important;inset:12% 4%!important;border-radius:999px!important;\n  background:linear-gradient(90deg,transparent 0%,rgba(236,249,255,.72) 18%,#fff 48%,rgba(236,249,255,.72) 82%,transparent 100%)!important;\n  opacity:1!important;filter:none!important;\n}\n.exilium-hero-visor-glow::after{content:none!important;display:none!important}\n@keyframes exiliumVisorWhitePulse260{\n  0%,24%,48%,100%{opacity:.02;filter:brightness(1)}\n  28%{opacity:.34;filter:brightness(1.35)}\n  32%{opacity:1;filter:brightness(2.15)}\n  36%{opacity:.58;filter:brightness(1.55)}\n  40%{opacity:1;filter:brightness(2.35)}\n  44%{opacity:.22;filter:brightness(1.25)}\n}\n@media (prefers-reduced-motion:reduce){.exilium-hero-visor-glow{animation:exiliumVisorWhitePulse260 5.2s linear infinite!important}}\n
/* =========================================================
   EXILIUM v3.10.261 — VISOR: RECONSTRUIDO DESDE LA VERSIÓN ROJA QUE FUNCIONABA
   Se recuperan EXACTAMENTE las coordenadas/geometría del visor funcional
   (v3.10.223 + posicionamiento responsive v3.10.245). Solo cambia rojo -> blanco.
   Sin ojos/puntos rojos. Sin recalibraciones nuevas.
   ========================================================= */
.exilium-hero-visor-glow{
  display:block!important;
  left:50.08%!important;
  top:30.30%!important;
  width:4.44%!important;
  height:3.48%!important;
  min-height:0!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center center!important;
  z-index:8!important;
  pointer-events:none!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  clip-path:polygon(
    5% 12%, 12% 8%, 24% 9%, 34% 16%, 42% 26%, 47% 34%, 50% 39%,
    53% 34%, 58% 26%, 66% 16%, 76% 9%, 88% 8%, 95% 12%,
    95% 60%, 88% 64%, 76% 68%, 66% 74%, 58% 82%, 53% 88%, 50% 91%,
    47% 88%, 42% 82%, 34% 74%, 24% 68%, 12% 64%, 5% 60%
  )!important;
  opacity:0;
  background:radial-gradient(ellipse at 50% 56%,rgba(255,255,255,.98) 0%,rgba(250,253,255,.92) 50%,rgba(221,242,255,.70) 80%,rgba(190,225,255,.28) 100%)!important;
  box-shadow:inset 0 0 4px rgba(255,255,255,.95),inset 0 0 9px rgba(229,247,255,.90),inset 0 -3px 7px rgba(193,228,255,.55),0 0 10px rgba(255,255,255,.72)!important;
  filter:none!important;
  mix-blend-mode:screen!important;
  animation:exiliumVisorFill261 5s ease-in-out infinite!important;
}
.exilium-hero-visor-glow::before{
  content:""!important;
  position:absolute!important;
  left:16%!important;
  right:16%!important;
  top:16%!important;
  height:12%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,rgba(235,249,255,.16),rgba(255,255,255,.46),rgba(235,249,255,.16),transparent)!important;
  opacity:.55!important;
  filter:none!important;
}
.exilium-hero-visor-glow::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  display:block!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(225,246,255,.24) 55%,rgba(184,224,255,.16))!important;
}
@keyframes exiliumVisorFill261{
  0%,24%{opacity:0}
  40%{opacity:.12}
  55%{opacity:.30}
  69%{opacity:.49}
  80%{opacity:.70}
  88%{opacity:.52}
  95%{opacity:.20}
  100%{opacity:0}
}
@media(max-width:980px){
  .exilium-hero-visor-glow{width:5.74%!important;height:3.58%!important;top:30.30%!important;left:50.08%!important}
}
@media(prefers-reduced-motion:reduce){
  .exilium-hero-visor-glow{display:block!important;animation:exiliumVisorFill261 5s ease-in-out infinite!important}
}


/* =========================================================
   EXILIUM v3.10.262 — VISOR BLANCO DESDE CERO
   Overlay transparente 2048x682 alineado 1:1 con el banner real.
   No usa coordenadas JS ni formas CSS pequeñas: por eso no puede desplazarse.
   Mantiene el encendido/apagado del visor, rojo -> blanco.
   ========================================================= */
.exilium-step1-banner>.exilium-hero-visor-glow{
  position:absolute!important;
  inset:0!important;
  left:0!important;top:0!important;right:0!important;bottom:0!important;
  width:100%!important;height:100%!important;
  margin:0!important;transform:none!important;
  display:block!important;z-index:8!important;pointer-events:none!important;
  clip-path:none!important;border:0!important;border-radius:0!important;
  background:url('/media/exilium_visor_white_overlay_310262.png') center center/100% 100% no-repeat!important;
  box-shadow:none!important;filter:none!important;mix-blend-mode:screen!important;
  overflow:visible!important;
  opacity:.035;
  animation:exiliumVisorOverlay262 5s ease-in-out infinite!important;
}
.exilium-step1-banner>.exilium-hero-visor-glow::before,
.exilium-step1-banner>.exilium-hero-visor-glow::after{content:none!important;display:none!important}
@keyframes exiliumVisorOverlay262{
  0%,18%,100%{opacity:.035}
  31%{opacity:.18}
  45%{opacity:.55}
  58%{opacity:1}
  72%{opacity:.78}
  84%{opacity:.30}
  94%{opacity:.08}
}
@media(max-width:620px){
  .exilium-step1-banner>.exilium-hero-visor-glow{background-size:cover!important;background-position:center center!important}
}
@media(prefers-reduced-motion:reduce){
  .exilium-step1-banner>.exilium-hero-visor-glow{animation:exiliumVisorOverlay262 5s ease-in-out infinite!important}
}
\n\n/* =========================================================\n   EXILIUM v3.10.264 — VISOR BLANCO, COPIA DEL ROJO FUNCIONAL\n   Geometria, clip-path, posicion responsive y ciclo heredados de\n   la version roja que funcionaba. Solo se sustituyen tonos rojos por blancos.\n   ========================================================= */\n.exilium-step1-banner{position:relative!important}\n.exilium-step1-banner > .exilium-hero-visor-glow{\n  position:absolute!important;\n  display:block!important;\n  z-index:8!important;\n  left:50.08%!important;\n  top:30.30%!important;\n  width:4.44%!important;\n  height:3.48%!important;\n  min-height:0!important;\n  margin:0!important;\n  transform:translate(-50%,-50%)!important;\n  transform-origin:center center!important;\n  pointer-events:none!important;\n  overflow:hidden!important;\n  border:0!important;\n  border-radius:0!important;\n  clip-path:polygon(\n    5% 12%, 12% 8%, 24% 9%, 34% 16%, 42% 26%, 47% 34%, 50% 39%,\n    53% 34%, 58% 26%, 66% 16%, 76% 9%, 88% 8%, 95% 12%,\n    95% 60%, 88% 64%, 76% 68%, 66% 74%, 58% 82%, 53% 88%, 50% 91%,\n    47% 88%, 42% 82%, 34% 74%, 24% 68%, 12% 64%, 5% 60%\n  )!important;\n  opacity:0;\n  background:radial-gradient(ellipse at 50% 56%,\n    rgba(255,255,255,.98) 0%,\n    rgba(250,253,255,.92) 50%,\n    rgba(226,244,255,.72) 80%,\n    rgba(205,234,255,.30) 100%)!important;\n  box-shadow:\n    inset 0 0 4px rgba(255,255,255,.78),\n    inset 0 0 8px rgba(238,250,255,.72),\n    inset 0 -3px 7px rgba(205,232,250,.48),\n    0 0 8px rgba(255,255,255,.48)!important;\n  filter:none!important;\n  mix-blend-mode:screen!important;\n  animation:exiliumVisorWhite264 5s ease-in-out infinite!important;\n}\n.exilium-step1-banner > .exilium-hero-visor-glow::before{\n  content:""!important;\n  display:block!important;\n  position:absolute!important;\n  left:16%!important;\n  right:16%!important;\n  top:16%!important;\n  height:12%!important;\n  border-radius:999px!important;\n  background:linear-gradient(90deg,transparent,rgba(244,252,255,.12),rgba(255,255,255,.32),rgba(244,252,255,.12),transparent)!important;\n  opacity:.42!important;\n  filter:none!important;\n}\n.exilium-step1-banner > .exilium-hero-visor-glow::after{\n  content:""!important;\n  display:block!important;\n  position:absolute!important;\n  inset:0!important;\n  border-radius:inherit!important;\n  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(232,248,255,.20) 55%,rgba(205,232,250,.12))!important;\n}\n@keyframes exiliumVisorWhite264{\n  0%,24%{opacity:0}\n  40%{opacity:.12}\n  55%{opacity:.30}\n  69%{opacity:.49}\n  80%{opacity:.70}\n  88%{opacity:.52}\n  95%{opacity:.20}\n  100%{opacity:0}\n}\n@media(max-width:980px){\n  .exilium-step1-banner > .exilium-hero-visor-glow{\n    width:5.74%!important;\n    height:3.58%!important;\n    top:30.30%!important;\n    left:50.08%!important;\n  }\n}\n@media(prefers-reduced-motion:reduce){\n  .exilium-step1-banner > .exilium-hero-visor-glow{\n    display:block!important;\n    animation:exiliumVisorWhite264 5s ease-in-out infinite!important;\n  }\n}\n