:root {
  --ivr-cyan: #31e8ff;
  --ivr-blue: #2475ff;
  --ivr-violet: #9a5cff;
  --ivr-pink: #ff3fb4;
  --ivr-ink: #040713;
  --ivr-panel: rgba(9, 15, 35, .78);
  --ivr-line: rgba(77, 225, 255, .28);
  --ivr-glow: 0 0 28px rgba(49, 232, 255, .18);
}

html { scroll-behavior: smooth; }
body {
  color: #e9f8ff;
  background:
    radial-gradient(circle at 12% 12%, rgba(36,117,255,.22), transparent 32rem),
    radial-gradient(circle at 88% 18%, rgba(154,92,255,.2), transparent 30rem),
    linear-gradient(145deg, #02040d 0%, #071126 48%, #030611 100%) fixed;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .22;
  background-image:
    linear-gradient(rgba(49,232,255,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(49,232,255,.12) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, #000, transparent 82%);
}

.site-header {
  border: 1px solid var(--ivr-line) !important;
  border-top: 2px solid var(--ivr-cyan) !important;
  background: linear-gradient(120deg, rgba(4,10,25,.94), rgba(13,18,43,.88)) !important;
  box-shadow: 0 12px 48px rgba(0,0,0,.48), 0 0 30px rgba(36,117,255,.14) !important;
  backdrop-filter: blur(20px) saturate(145%);
}
.site-brand { padding: 8px 18px !important; text-decoration: none; }
.site-brand::before, .site-brand::after { display: none !important; }
.ivr-brand-mark {
  display: flex;
  align-items: baseline;
  gap: .38rem;
  color: #f3fdff;
  font: 800 clamp(1rem,2vw,1.45rem)/1 "Segoe UI",sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
  text-shadow: 0 0 14px rgba(49,232,255,.55);
}
.ivr-brand-mark b {
  color: var(--ivr-cyan) !important;
  -webkit-text-fill-color: var(--ivr-cyan) !important;
  text-shadow: 0 0 18px rgba(49,232,255,.9);
}
.ivr-brand-mark small {
  color: #8fa6cf;
  font-size: .46em;
  letter-spacing: .28em;
}
.site-nav>a, .site-nav-more>summary {
  border: 1px solid transparent !important;
  border-radius: 7px !important;
}
.site-nav>a:hover, .site-nav-more>summary:hover {
  color: #fff !important;
  border-color: var(--ivr-line) !important;
  background: rgba(36,117,255,.16) !important;
  box-shadow: inset 0 0 18px rgba(49,232,255,.08), 0 0 16px rgba(49,232,255,.12) !important;
}

.sl-hero {
  min-height: 650px !important;
  border: 1px solid var(--ivr-line) !important;
  background:
    linear-gradient(110deg, rgba(2,5,16,.96), rgba(7,15,38,.68)),
    radial-gradient(circle at 73% 42%, rgba(49,232,255,.22), transparent 22rem),
    linear-gradient(135deg, #071126, #100b2d 55%, #04131e) !important;
  box-shadow: inset 0 0 90px rgba(36,117,255,.13), var(--ivr-glow) !important;
  overflow: hidden;
}
.sl-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(90deg, transparent 0 79px, rgba(49,232,255,.05) 80px),
              repeating-linear-gradient(0deg, transparent 0 79px, rgba(49,232,255,.05) 80px);
  transform: perspective(600px) rotateX(60deg) scale(1.5) translateY(22%);
  transform-origin: bottom;
}
.sl-hero-copy { position: relative; z-index: 2; }
.sl-eyebrow, .sl-section-heading>span {
  color: var(--ivr-cyan) !important;
  letter-spacing: .28em !important;
}
.sl-wow-title span {
  color: #f5fbff !important;
  font-family: "Segoe UI", sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase;
  -webkit-text-stroke: 0 !important;
  text-shadow: 0 0 12px #31e8ff, 0 0 36px rgba(36,117,255,.8), 0 4px 0 #061332 !important;
}
.sl-wow-title em { color: #aebde2 !important; letter-spacing: .38em !important; }
.sl-rune-divider i { background: linear-gradient(90deg, transparent, var(--ivr-cyan)) !important; }
.sl-rune-divider i:last-child { background: linear-gradient(90deg, var(--ivr-cyan), transparent) !important; }
.sl-rune-divider b { color: var(--ivr-cyan) !important; filter: drop-shadow(0 0 8px var(--ivr-cyan)); }
.sl-livebar { background: rgba(3,8,22,.88) !important; border-top-color: var(--ivr-line) !important; }

.card, .sl-realm-card, .sl-manifesto, .sl-step-grid article, .sl-community,
.news-board, .portal-card, .panel-realm-overview, table {
  border-color: var(--ivr-line) !important;
  background: linear-gradient(145deg, rgba(10,18,40,.88), rgba(5,9,24,.82)) !important;
  box-shadow: 0 16px 45px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.04), var(--ivr-glow) !important;
}
.sl-realm-card, .sl-step-grid article, .card { transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.sl-realm-card:hover, .sl-step-grid article:hover, .card:hover {
  transform: translateY(-4px);
  border-color: rgba(49,232,255,.62) !important;
  box-shadow: 0 20px 55px rgba(0,0,0,.42), 0 0 30px rgba(49,232,255,.18) !important;
}
.sl-realm-art { filter: saturate(.72) hue-rotate(18deg) contrast(1.15); }
.sl-realm-top b, .online-realm, .summary-wotlk, .summary-cata { border-radius: 999px !important; }

.sl-button, button, .button, input[type=submit] {
  border: 1px solid rgba(49,232,255,.55) !important;
  border-radius: 8px !important;
  color: #f4fdff !important;
  background: linear-gradient(135deg, rgba(36,117,255,.82), rgba(154,92,255,.72)) !important;
  box-shadow: 0 0 20px rgba(36,117,255,.22), inset 0 1px rgba(255,255,255,.18) !important;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.sl-button:hover, button:hover, .button:hover, input[type=submit]:hover {
  border-color: var(--ivr-cyan) !important;
  box-shadow: 0 0 28px rgba(49,232,255,.38) !important;
  transform: translateY(-2px);
}
input, select, textarea {
  color: #eafaff !important;
  border: 1px solid rgba(49,232,255,.25) !important;
  border-radius: 7px !important;
  background: rgba(2,7,20,.84) !important;
  box-shadow: inset 0 0 18px rgba(36,117,255,.08);
}
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--ivr-cyan) !important;
  box-shadow: 0 0 0 3px rgba(49,232,255,.12), 0 0 22px rgba(49,232,255,.12) !important;
}
th { color: var(--ivr-cyan) !important; background: rgba(36,117,255,.14) !important; }
tr:hover td { background: rgba(49,232,255,.045) !important; }
a { text-underline-offset: 3px; }

.ivr-title-panel {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  padding: .75rem 1.1rem;
  border: 1px solid var(--ivr-line);
  border-radius: 8px;
  color: #fff;
  background: rgba(4,10,27,.86);
  box-shadow: var(--ivr-glow);
  font: 900 clamp(1.4rem,4vw,3rem)/1 "Segoe UI",sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.ivr-title-panel b { color: var(--ivr-cyan); text-shadow: 0 0 16px var(--ivr-cyan); }

.ivr-vote-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 18px;
  margin-top: 28px;
}
.ivr-vote-card {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid var(--ivr-line);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(10,20,48,.92), rgba(8,8,28,.88));
  box-shadow: var(--ivr-glow);
}
.ivr-vote-card::after {
  content: "";
  position: absolute;
  inset: auto -30% -55% 35%;
  height: 140px;
  background: radial-gradient(circle, rgba(49,232,255,.2), transparent 68%);
}
.ivr-vote-card h3 { margin: 7px 0 8px; color: #fff; }
.ivr-vote-card p { min-height: 48px; color: #9fb3d8; }
.ivr-vote-card .sl-button { position: relative; z-index: 1; display: inline-flex; margin-top: 12px; }
.ivr-vote-reward { color: var(--ivr-cyan); font-size: .76rem; font-weight: 800; letter-spacing: .12em; }
.ivr-vote-footer { margin-top: 22px; text-align: center; }

@media (max-width: 760px) {
  .site-brand { padding: 7px 8px !important; }
  .ivr-brand-mark { letter-spacing: .08em; }
  .ivr-brand-mark small { display: none; }
  .sl-hero { min-height: 610px !important; }
  .sl-wow-title span { font-size: clamp(2.2rem,12vw,4rem) !important; }
}

/* COMUNIDAD IVR multi-game portal */
.ivr-multigame-hero {
  background:
    linear-gradient(105deg, rgba(1,4,15,.97), rgba(7,13,39,.72)),
    radial-gradient(circle at 76% 25%, rgba(255,63,180,.18), transparent 22rem),
    radial-gradient(circle at 68% 72%, rgba(49,232,255,.22), transparent 28rem),
    linear-gradient(135deg, #050817, #130b34 58%, #03141b) !important;
}
.ivr-network-bar { display: grid !important; grid-template-columns: repeat(4,1fr); gap: 0 !important; }
.ivr-network-bar span { justify-content: center; min-height: 46px; border-right: 1px solid var(--ivr-line); }
.ivr-network-bar span:last-child { border-right: 0; }
.ivr-world-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 22px;
  margin-top: 36px;
}
.ivr-world-card {
  --world-color: var(--ivr-cyan);
  --world-image: none;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  min-height: 560px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--world-color) 45%, transparent);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(8,15,36,.96), rgba(4,7,19,.92));
  box-shadow: 0 22px 55px rgba(0,0,0,.4), 0 0 26px color-mix(in srgb, var(--world-color) 14%, transparent);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.ivr-world-card:hover {
  transform: translateY(-7px);
  border-color: var(--world-color);
  box-shadow: 0 28px 65px rgba(0,0,0,.48), 0 0 36px color-mix(in srgb, var(--world-color) 25%, transparent);
}
.ivr-world-gta { --world-color: #ff3fb4; --world-image: url('/assets/servers/spainlive-rp.png?v=20260621'); }
.ivr-world-minecraft { --world-color: #75f06b; --world-image: url('/assets/servers/ivr-mc.png?v=20260621'); }
.ivr-world-wotlk { --world-color: #39cfff; --world-image: url('/assets/servers/wow-custom.png?v=20260621'); }
.ivr-world-cata { --world-color: #ff7b35; --world-image: url('/assets/servers/wow-434-ivr.png?v=20260621'); }
.ivr-world-visual {
  position: relative;
  display: grid;
  place-content: center;
  text-align: center;
  isolation: isolate;
  min-height: 245px;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--world-color) 12%, transparent), rgba(3,7,18,.18) 55%, rgba(3,7,18,.9)),
    var(--world-image) center/cover no-repeat,
    #050a18;
  border-bottom: 1px solid color-mix(in srgb, var(--world-color) 35%, transparent);
}
.ivr-world-visual::before {
  content: "";
  position: absolute;
  inset: 18% 8%;
  z-index: -1;
  border: 1px solid color-mix(in srgb, var(--world-color) 52%, transparent);
  clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  background: color-mix(in srgb, var(--world-color) 8%, transparent);
  filter: drop-shadow(0 0 18px var(--world-color));
}
.ivr-world-visual span {
  color: #fff;
  font: 900 clamp(3rem,7vw,6.5rem)/.85 "Segoe UI",sans-serif;
  letter-spacing: -.06em;
  text-shadow: 0 0 12px var(--world-color), 0 0 34px var(--world-color);
}
.ivr-world-visual small { margin-top: 16px; color: var(--world-color); font-weight: 800; letter-spacing: .22em; }
.ivr-world-content { display: flex; flex-direction: column; padding: 28px; }
.ivr-world-content h3 { margin: 20px 0 10px; color: #fff; font-size: clamp(1.45rem,2.2vw,2.15rem); }
.ivr-world-content>p { flex: 1; color: #aebcda; line-height: 1.65; }
.ivr-world-status { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ivr-world-status>span { color: var(--world-color); font-size: .72rem; font-weight: 800; letter-spacing: .15em; }
.ivr-world-status b { padding: 6px 9px; border-radius: 999px; font-size: .62rem; letter-spacing: .1em; }
.ivr-world-status .is-building { color: #ffe39c; border: 1px solid #ffd05a66; background: #7e5c172e; }
.ivr-world-status .is-ready { color: #8dffb5; border: 1px solid #45ff8a55; background: #0e6e3833; }
.ivr-world-status .is-live { color: #8dffb5; border: 1px solid #45ff8a55; background: #0e6e3833; }
.ivr-world-status .is-down { color: #ff9daa; border: 1px solid #ff617455; background: #70233133; }
.ivr-world-content dl { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; }
.ivr-world-content dl div { min-width: 84px; padding: 9px 11px; border: 1px solid var(--ivr-line); border-radius: 8px; background: rgba(2,7,20,.72); }
.ivr-world-content dt { color: #7187ad; font-size: .64rem; text-transform: uppercase; }
.ivr-world-content dd { margin: 3px 0 0; color: #fff; font-weight: 800; }
.ivr-world-actions { display: flex; align-items: center; gap: 14px; }
.ivr-world-actions>a:not(.sl-button) { color: var(--world-color); font-weight: 800; }
.ivr-network-numbers {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 1px;
  margin: 22px 0 70px;
  border: 1px solid var(--ivr-line);
  border-radius: 12px;
  overflow: hidden;
  background: var(--ivr-line);
  box-shadow: var(--ivr-glow);
}
.ivr-network-numbers article { padding: 25px 16px; text-align: center; background: rgba(5,11,28,.94); }
.ivr-network-numbers b { display: block; color: var(--ivr-cyan); font-size: clamp(1.8rem,4vw,3rem); text-shadow: 0 0 18px #31e8ff88; }
.ivr-network-numbers span { color: #8093b8; font-size: .68rem; font-weight: 800; letter-spacing: .16em; }

@media (max-width: 900px) {
  .ivr-world-grid { grid-template-columns: 1fr; }
  .ivr-network-bar { grid-template-columns: repeat(2,1fr); }
  .ivr-network-numbers { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 560px) {
  .ivr-world-visual { min-height: 190px; border-right: 0; border-bottom: 1px solid color-mix(in srgb, var(--world-color) 35%, transparent); }
  .ivr-world-visual span { font-size: 4.5rem; }
  .ivr-network-bar { grid-template-columns: 1fr; }
  .ivr-network-bar span { border-right: 0; border-bottom: 1px solid var(--ivr-line); }
}

/* Escena 3D COMUNIDAD IVR */
.ivr-multigame-hero {
  min-height: 820px !important;
  perspective: 1500px;
  background:
    radial-gradient(ellipse at 50% 42%,rgba(24,83,148,.28),transparent 31%),
    radial-gradient(ellipse at 50% 88%,rgba(35,224,255,.13),transparent 36%),
    linear-gradient(180deg,#02040c,#050a1c 62%,#02050d) !important;
}
.ivr-multigame-hero::after {
  content:"";
  position:absolute;
  inset:42% -10% -40%;
  z-index:0;
  background:repeating-linear-gradient(90deg,transparent 0 74px,rgba(50,220,255,.09) 75px),repeating-linear-gradient(0deg,transparent 0 74px,rgba(50,220,255,.09) 75px);
  transform:perspective(520px) rotateX(67deg);
  transform-origin:top;
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent 75%);
  mask-image:linear-gradient(to bottom,#000,transparent 75%);
}
.ivr-3d-scene { position:relative; z-index:3; width:100%; min-height:810px; perspective:1500px; overflow:hidden; }
.ivr-3d-space {
  --scene-rx:0deg;--scene-ry:0deg;
  position:relative;
  width:min(1480px,96vw);
  height:620px;
  margin:10px auto 0;
  transform-style:preserve-3d;
  transform:rotateX(var(--scene-rx)) rotateY(var(--scene-ry));
  transition:transform .22s ease-out;
}
.ivr-3d-space::before { content:"";position:absolute;left:50%;top:47%;width:780px;height:310px;border-radius:50%;background:radial-gradient(ellipse,rgba(55,225,255,.18),transparent 66%);transform:translate(-50%,-50%) translateZ(-100px);filter:blur(16px); }
.ivr-3d-core { position:absolute;left:50%;top:45%;width:560px;height:330px;transform:translate(-50%,-50%) translateZ(70px);transform-style:preserve-3d;display:grid;place-items:center; }
.core-title { position:relative;z-index:5;display:grid;place-items:center;transform:translateZ(90px) rotateX(-2deg);text-align:center; }
.core-title span { color:#eafcff;font:1000 clamp(3.2rem,6vw,6.4rem)/.76 "Segoe UI",sans-serif;letter-spacing:.015em;text-shadow:1px 1px 0 #1ec8e8,2px 2px 0 #1599c5,3px 3px 0 #0a6b9e,4px 4px 0 #064b78,5px 5px 0 #042f54,7px 10px 16px #000,0 0 18px #38e8ff,0 0 46px #186cff; }
.core-title strong { margin-top:9px;color:#83f5ff;font:1000 clamp(4.4rem,8vw,8rem)/.7 "Segoe UI",sans-serif;letter-spacing:.05em;text-shadow:1px 1px 0 #29cce8,3px 3px 0 #0b7dad,5px 5px 0 #064c7f,7px 8px 0 #032846,10px 14px 20px #000,0 0 24px #35efff; }
.core-title small { margin-top:28px;padding:8px 20px;border:1px solid #37dbff66;border-radius:999px;color:#b8f7ff;background:#041323cc;font-size:.68rem;letter-spacing:.32em;box-shadow:0 0 22px #24d9ff33; }
.core-orbit { position:absolute;left:50%;top:50%;border:1px solid #39e7ff88;border-radius:50%;transform-style:preserve-3d;box-shadow:0 0 20px #26dfff35,inset 0 0 20px #26dfff20; }
.core-orbit::before,.core-orbit::after { content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#c7fbff;box-shadow:0 0 14px 5px #27e8ff; }
.orbit-one { width:610px;height:210px;margin:-105px 0 0 -305px;transform:rotateX(68deg) rotateZ(0);animation:ivrOrbitOne 11s linear infinite; }
.orbit-one::before{left:8%;top:24%}.orbit-one::after{right:8%;bottom:24%}
.orbit-two { width:420px;height:420px;margin:-210px 0 0 -210px;transform:rotateY(72deg) rotateZ(18deg);border-color:#a269ff77;animation:ivrOrbitTwo 15s linear infinite reverse; }
.orbit-two::before{left:13%;top:15%;background:#c69aff;box-shadow:0 0 14px 5px #9b55ff}.orbit-two::after{right:13%;bottom:15%;background:#c69aff;box-shadow:0 0 14px 5px #9b55ff}
.orbit-three { width:520px;height:520px;margin:-260px 0 0 -260px;transform:rotateY(-72deg) rotateX(12deg);border-color:#ffbf4c55;animation:ivrOrbitTwo 20s linear infinite; }
.core-crystal { position:absolute;left:50%;top:50%;width:92px;height:92px;transform:translate(-50%,-50%) translateZ(35px) rotate(45deg);transform-style:preserve-3d;animation:ivrCrystal 5s ease-in-out infinite; }
.core-crystal i { position:absolute;inset:0;border:1px solid #7cf5ff;background:linear-gradient(135deg,#d4ffffbb,#1fc8ff33 45%,#7748ff55);box-shadow:inset 0 0 25px #fff8,0 0 35px #24dfff88; }
.core-crystal i:nth-child(2){transform:translateZ(-20px);opacity:.5}.core-crystal i:nth-child(3){transform:rotateY(90deg);opacity:.65}
@keyframes ivrOrbitOne{to{transform:rotateX(68deg) rotateZ(360deg)}}
@keyframes ivrOrbitTwo{to{transform:rotateY(72deg) rotateZ(378deg)}}
@keyframes ivrCrystal{50%{transform:translate(-50%,-50%) translateZ(65px) rotate(225deg)}}

.ivr-portal { --portal-color:#31e8ff;position:absolute;width:285px;height:178px;z-index:6;text-decoration:none;transform-style:preserve-3d;filter:drop-shadow(0 24px 24px #000b); }
.portal-gta{left:1.5%;top:8%;--portal-color:#ff3fb4;transform:rotateY(22deg) rotateX(5deg) translateZ(-10px)}
.portal-mc{left:5%;top:61%;--portal-color:#75f06b;transform:rotateY(18deg) rotateX(-6deg) translateZ(5px)}
.portal-wotlk{right:1.5%;top:8%;--portal-color:#39cfff;transform:rotateY(-22deg) rotateX(5deg) translateZ(-10px)}
.portal-cata{right:5%;top:61%;--portal-color:#ff7b35;transform:rotateY(-18deg) rotateX(-6deg) translateZ(5px)}
.portal-face { position:absolute;inset:0;display:flex!important;flex-direction:column;justify-content:flex-end;min-height:0!important;padding:18px!important;overflow:hidden;border:1px solid var(--portal-color)!important;border-radius:14px;background-position:center!important;background-size:cover!important;box-shadow:inset 0 0 50px #0008,0 0 28px color-mix(in srgb,var(--portal-color) 30%,transparent);transform:translateZ(18px);transition:transform .3s ease,box-shadow .3s ease; }
.portal-face::before { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 18%,rgba(2,5,14,.22) 45%,rgba(2,5,14,.96)); }
.portal-face::after { content:"";position:absolute;left:12px;right:12px;bottom:-13px;height:13px;background:color-mix(in srgb,var(--portal-color) 36%,#02040a);transform:rotateX(-78deg);transform-origin:top; }
.portal-gta .portal-face{background-image:url('/assets/servers/spainlive-rp.png?v=20260621')!important}.portal-mc .portal-face{background-image:url('/assets/servers/ivr-mc.png?v=20260621')!important}.portal-wotlk .portal-face{background-image:url('/assets/servers/wow-custom.png?v=20260621')!important}.portal-cata .portal-face{background-image:url('/assets/servers/wow-434-ivr.png?v=20260621')!important}
.ivr-portal:hover .portal-face { transform:translateZ(58px) scale(1.045);box-shadow:inset 0 0 38px #0007,0 0 42px color-mix(in srgb,var(--portal-color) 58%,transparent); }
.portal-face>*{position:relative;z-index:2}.portal-face i{position:absolute;left:18px;top:14px;color:#fff;font:1000 2.4rem/1 "Segoe UI",sans-serif;font-style:normal;text-shadow:2px 3px 0 color-mix(in srgb,var(--portal-color) 55%,#000),0 0 18px var(--portal-color)}.portal-face b{color:#fff;font-size:1rem;letter-spacing:.05em}.portal-face small{margin-top:5px;color:var(--portal-color);font-size:.62rem;font-weight:900;letter-spacing:.14em}.portal-face em{position:absolute;right:14px;top:14px;padding:5px 8px;border-radius:999px;color:#ff8c9c;background:#541521cc;font-size:.52rem;font-style:normal;font-weight:900}.portal-face em.online{color:#6fffb1;background:#0a5538d9;box-shadow:0 0 14px #42ff9655}
.ivr-3d-copy { position:absolute;left:50%;bottom:26px;z-index:20;width:min(720px,90%);transform:translateX(-50%);text-align:center; }
.ivr-3d-copy p { margin:0 0 14px;color:#c9d7e9;font-size:1rem;text-shadow:0 2px 8px #000; }
.ivr-3d-copy .sl-hero-actions { justify-content:center; }

@media(max-width:1180px){.ivr-portal{width:230px;height:150px}.core-title span{font-size:4.3rem}.core-title strong{font-size:5.8rem}.ivr-3d-core{width:480px}.portal-gta,.portal-wotlk{top:10%}.portal-mc,.portal-cata{top:60%}}
@media(max-width:900px){
  .ivr-multigame-hero{min-height:980px!important}.ivr-3d-scene{min-height:970px}.ivr-3d-space{height:820px;transform:none!important}.ivr-3d-core{top:28%;width:100%;transform:translate(-50%,-50%) scale(.78)}
  .ivr-portal{width:calc(50% - 22px);height:168px;transform:none!important}.portal-gta{left:14px;top:52%}.portal-wotlk{right:14px;top:52%}.portal-mc{left:14px;top:75%}.portal-cata{right:14px;top:75%}.portal-face{transform:translateZ(10px)}.ivr-3d-copy{bottom:14px}
}
@media(max-width:560px){
  .ivr-multigame-hero{min-height:1110px!important}.ivr-3d-scene{min-height:1100px}.ivr-3d-space{height:970px;margin-top:0}.ivr-3d-core{top:22%;transform:translate(-50%,-50%) scale(.58)}.core-title small{font-size:.58rem;white-space:nowrap}
  .ivr-portal{left:18px!important;right:18px!important;width:auto;height:142px}.portal-gta{top:43%}.portal-wotlk{top:58%}.portal-mc{top:73%}.portal-cata{top:88%}.portal-face i{font-size:1.8rem}.portal-face b{font-size:.86rem}.ivr-3d-copy{display:none}
}
@media(prefers-reduced-motion:reduce){.core-orbit,.core-crystal{animation:none!important}.ivr-3d-space{transition:none!important}}

/* Portal visual de los cuatro servidores */
.ivr-multigame-hero { isolation: isolate; min-height: 720px !important; }
.ivr-multigame-hero .sl-wow-title span {
  text-shadow: 0 0 8px #31e8ff, 0 0 22px rgba(36,117,255,.72), 0 4px 0 #061332 !important;
}
.ivr-hero-mosaic {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  overflow: hidden;
  opacity: .27;
  -webkit-mask-image: linear-gradient(to bottom,rgba(0,0,0,.78),rgba(0,0,0,.25) 72%,transparent 94%);
  mask-image: linear-gradient(to bottom,rgba(0,0,0,.78),rgba(0,0,0,.25) 72%,transparent 94%);
}
.ivr-hero-mosaic i {
  position: relative;
  min-width: 0;
  filter: saturate(1.15) contrast(1.1);
  background-position: center;
  background-size: cover;
  border-right: 1px solid rgba(255,255,255,.1);
}
.ivr-hero-mosaic i::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(2,4,14,.16),rgba(2,5,18,.84)); }
.ivr-hero-mosaic .mosaic-gta { background-image:url('/assets/servers/spainlive-rp.png?v=20260621'); box-shadow:inset 0 -100px 100px #ff249933; }
.ivr-hero-mosaic .mosaic-mc { background-image:url('/assets/servers/ivr-mc.png?v=20260621'); box-shadow:inset 0 -100px 100px #55ee6633; }
.ivr-hero-mosaic .mosaic-wotlk { background-image:url('/assets/servers/wow-custom.png?v=20260621'); box-shadow:inset 0 -100px 100px #25cfff3b; }
.ivr-hero-mosaic .mosaic-cata { background-image:url('/assets/servers/wow-434-ivr.png?v=20260621'); box-shadow:inset 0 -100px 100px #ff682f3b; border-right:0; }
.ivr-multigame-hero .sl-hero-shade { position:absolute; inset:0; z-index:1; background:radial-gradient(circle at center,rgba(3,7,22,.44),rgba(2,4,14,.86) 72%); }
.ivr-multigame-hero .sl-hero-copy { z-index:2; padding-bottom:100px; }
.ivr-network-bar {
  z-index: 4;
  align-items: stretch !important;
  min-height: 84px;
  padding: 0 !important;
  background: rgba(2,6,18,.94) !important;
  backdrop-filter: blur(14px);
}
.ivr-network-bar .ivr-signal {
  --signal-color:#31e8ff;
  display:grid;
  grid-template-columns:44px 1fr auto;
  gap:11px;
  align-items:center;
  min-width:0;
  padding:13px 15px;
  color:#fff;
  text-decoration:none;
  border-right:1px solid color-mix(in srgb,var(--signal-color) 32%,transparent);
  background:linear-gradient(145deg,color-mix(in srgb,var(--signal-color) 9%,transparent),rgba(3,7,18,.35));
  transition:background .22s ease,box-shadow .22s ease,transform .22s ease;
}
.ivr-network-bar .ivr-signal:hover { z-index:2; transform:translateY(-3px); background:color-mix(in srgb,var(--signal-color) 16%,#050918); box-shadow:0 0 28px color-mix(in srgb,var(--signal-color) 28%,transparent); }
.ivr-network-bar .ivr-signal:last-child { border-right:0; }
.ivr-network-bar .signal-gta { --signal-color:#ff3fb4; }
.ivr-network-bar .signal-mc { --signal-color:#75f06b; }
.ivr-network-bar .signal-wotlk { --signal-color:#39cfff; }
.ivr-network-bar .signal-cata { --signal-color:#ff7b35; }
.ivr-network-bar .ivr-signal>b { display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--signal-color); border-radius:10px; color:#fff; background:color-mix(in srgb,var(--signal-color) 18%,#050817); font:900 1.1rem/1 "Segoe UI",sans-serif; box-shadow:0 0 17px color-mix(in srgb,var(--signal-color) 28%,transparent); }
.ivr-network-bar .ivr-signal span { display:block !important; min-height:0 !important; padding:0 !important; border:0 !important; }
.ivr-network-bar .ivr-signal strong { display:block; overflow:hidden; color:#fff; font-size:.78rem; letter-spacing:.06em; text-overflow:ellipsis; white-space:nowrap; }
.ivr-network-bar .ivr-signal small { display:block; margin-top:4px; overflow:hidden; color:var(--signal-color); font-size:.58rem; font-weight:800; letter-spacing:.12em; text-overflow:ellipsis; white-space:nowrap; }
.ivr-network-bar .ivr-signal em { position:relative; padding-left:12px; color:#ff9aaa; font-size:.56rem; font-style:normal; font-weight:900; letter-spacing:.08em; }
.ivr-network-bar .ivr-signal em::before { content:""; position:absolute; left:0; top:50%; width:6px; height:6px; border-radius:50%; background:currentColor; transform:translateY(-50%); box-shadow:0 0 9px currentColor; }
.ivr-network-bar .ivr-signal em.is-online { width:auto !important; height:auto !important; color:#5effa8 !important; background:none !important; box-shadow:none !important; }
.ivr-network-bar .ivr-signal em.is-offline { color:#ff7185 !important; }

@media (max-width: 1050px) {
  .ivr-network-bar .ivr-signal { grid-template-columns:38px 1fr; }
  .ivr-network-bar .ivr-signal em { grid-column:2; padding-left:12px; }
}
@media (max-width: 900px) {
  .ivr-multigame-hero { min-height:790px !important; }
  .ivr-hero-mosaic { grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(2,1fr); }
  .ivr-network-bar { grid-template-columns:repeat(2,1fr) !important; }
}
@media (max-width: 560px) {
  .ivr-multigame-hero { min-height:970px !important; }
  .ivr-multigame-hero .sl-hero-copy { padding-bottom:310px; }
  .ivr-multigame-hero .sl-wow-title span { font-size:10vw !important; letter-spacing:.02em !important; }
  .ivr-multigame-hero .sl-eyebrow { max-width:92%; margin-inline:auto; font-size:.58rem; letter-spacing:.14em !important; }
  .ivr-network-bar { left:12px !important; right:12px !important; width:auto !important; grid-template-columns:1fr !important; }
  .ivr-network-bar .ivr-signal { grid-template-columns:40px minmax(0,1fr) 58px; gap:8px; padding:11px 10px; border-right:0; border-bottom:1px solid color-mix(in srgb,var(--signal-color) 28%,transparent); }
  .ivr-network-bar .ivr-signal strong { font-size:.7rem; }
  .ivr-network-bar .ivr-signal small { font-size:.5rem; letter-spacing:.07em; }
  .ivr-network-bar .ivr-signal em { padding-left:10px; font-size:.47rem; letter-spacing:.03em; white-space:nowrap; }
  .ivr-network-bar .ivr-signal em { grid-column:auto; }
}