.wiki-page { min-height: 100vh; background: radial-gradient(ellipse at 50% 30%,#1b1117 0,#101319 55%); }
.wiki-header { gap: clamp(12px,2vw,28px); }
.wiki-search { width: min(360px,30vw); height: 42px; display: flex; align-items: center; gap: 10px; flex: 0 1 360px; padding: 0 12px; border: 1px solid #39343b; border-radius: 7px; background: #17181e; color: #ff737b; transition: border-color .2s,box-shadow .2s; }
.wiki-search:focus-within { border-color: #a53b46; box-shadow: 0 0 0 3px #b3323c20; }
.wiki-search > span { font-size: 21px; }
.wiki-search input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: #f8f5f3; font: inherit; font-size: 12px; }
.wiki-search input::placeholder { color: #8d8e97; }
.wiki-search kbd { white-space: nowrap; color: #888a93; font: 10px var(--font-body); }
.wiki-mobile-menu { display: none; }
.wiki-layout { width: min(1600px,100%); min-height: calc(100vh - 84px); display: grid; grid-template-columns: 250px minmax(0,1fr); align-items: start; gap: 24px; margin: 0 auto; padding: 24px max(3vw,calc((100vw - 1500px)/2)) 60px; }
.wiki-sidebar { height: calc(100vh - 132px); display: flex; flex-direction: column; gap: 7px; position: sticky; top: 108px; padding: 14px; overflow-y: auto; border: 1px solid #343238; border-radius: 10px; background: #17181d; box-shadow: 0 15px 40px #0003; }
.wiki-sidebar a { min-height: 40px; display: flex; align-items: center; gap: 11px; padding: 8px 10px; border: 1px solid transparent; border-radius: 6px; color: #aaaab2; font-size: 12px; transition: background .2s,border-color .2s,color .2s,transform .2s; }
.wiki-sidebar a:hover { transform: translateX(3px); background: #23191e; color: #fff; }
.wiki-sidebar a span { width: 17px; color: #d44a55; font-size: 16px; text-align: center; }
.wiki-sidebar .wiki-welcome, .wiki-sidebar .wiki-welcome.is-current { margin-bottom: 9px; border-color: #593139; background: #2d1b21; color: #ff858c; font-weight: 700; }
.wiki-sidebar .wiki-welcome span { color: #ff6670; }
.wiki-sidebar-heading { margin: 12px 10px 3px; color: #777982; font-size: 9px; font-weight: 800; letter-spacing: .14em; }
.wiki-sidebar details { color: #adadb4; }
.wiki-sidebar details summary { display: flex; align-items: center; gap: 11px; padding: 10px; border-radius: 6px; cursor: pointer; font-size: 12px; }
.wiki-sidebar details summary:hover { background: #222127; color: #fff; }
.wiki-sidebar details summary span { color: #d44a55; }
.wiki-sidebar details a { min-height: 34px; margin-left: 18px; padding-left: 13px; border-left: 1px solid #483036; }
.wiki-sidebar .wiki-tech { min-height: 42px; margin-top: auto; border-color: #633139; background: #29191e; color: #ff858c; }
.wiki-article { min-width: 0; max-width: 1440px; margin-inline: auto; overflow: hidden; border: 1px solid #393238; border-radius: 11px; background: #17181d; box-shadow: 0 22px 65px #0004; }

/* Banner de la Wiki optimizado para imagen real */
.wiki-banner { 
  height: clamp(245px,23vw,360px); 
  position: relative; 
  overflow: hidden; 
  background-image: url('../assets/ninja-rise-server-logo.png'); /* <-- Cambia aquí la ruta de tu imagen */
  background-position: center; 
  background-size: cover; 
  background-repeat: no-repeat; 
  background-color: #101319; 
}
.wiki-banner { 
  height: clamp(200px, 20vw, 300px); 
  position: relative; 
  overflow: hidden; 
  background-position: center; 
  background-size: contain; /* Ajusta la imagen completa sin recortarla */
  background-repeat: no-repeat; 
  background-color: #101319; 
}

/* Oculta completamente cualquier texto o elemento hijo previo */
.wiki-banner * {
  display: none !important;
}

/* Soporte para la clase que aplica app.js */
.wiki-banner.has-custom-art {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #101319;
}
.wiki-content { max-width: 1030px; margin-inline: auto; padding: 31px clamp(22px,5vw,72px) 52px; color: #e5e3e3; }
.wiki-breadcrumb { display: flex; gap: 11px; margin-bottom: 22px; color: #858891; font-size: 11px; }
.wiki-breadcrumb a { color: #ff7981; }
.wiki-content h1 { display: flex; align-items: center; gap: 14px; margin: 0 0 23px; color: #f7f4f3; font-family: var(--font-display); font-size: clamp(32px,4vw,47px); letter-spacing: .01em; }
.wiki-heading-icon { color: #ee5964; font-size: 30px; }
.wiki-content p, .wiki-content li { font-size: 15px; line-height: 1.8; }
.wiki-content p { margin: 16px 0; color: #c2c1c7; }
.wiki-content strong { color: #fff; }
.wiki-lead { text-align: center; color: #f0e6e6 !important; font-size: 18px !important; }
.wiki-callout { display: grid; gap: 7px; margin: 26px 0; padding: 17px 19px; border: 1px solid #553139; border-left: 3px solid #e74653; border-radius: 6px; background: linear-gradient(110deg,#29191e,#1d1a20); font-size: 13px; line-height: 1.7; }
.wiki-callout strong { color: #ff858d; font-size: 15px; }
.wiki-topic { scroll-margin-top: 104px; margin-top: 43px; padding-top: 13px; border-top: 1px solid #353239; }
.wiki-topic h2 { margin: 13px 0; color: #f6f2f1; font-family: var(--font-display); font-size: 27px; }
.wiki-topic h3 { color: #ff8790; font-size: 18px; }
.wiki-platform-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 14px; }
.wiki-platform-grid section { padding: 17px; border: 1px solid #39343b; border-radius: 7px; background: #1c1c22; transition: border-color .2s,transform .2s; }
.wiki-platform-grid section:hover { transform: translateY(-3px); border-color: #7b3741; }
.wiki-platform-grid p { font-size: 13px; }
.wiki-article-footer { margin-top: 48px; padding-top: 18px; border-top: 1px solid #37333a; color: #9999a2; font-size: 12px; }
.wiki-article-footer span { color: #ef5964; }

@media (max-width: 1050px) {
  .wiki-layout { grid-template-columns: 220px minmax(0,1fr); gap: 15px; padding-inline: 2%; }
  .wiki-header { padding-inline: 3%; }
  .wiki-search { width: min(280px,26vw); }
}
@media (max-width: 760px) {
  .wiki-header { gap: 10px; }
  .wiki-header .wiki-search { order: 4; width: 100%; flex: 1 0 100%; }
  .wiki-header .main-nav { top: 64px; }
  .wiki-layout { min-height: auto; grid-template-columns: 1fr; padding: 16px 4% 40px; }
  .wiki-mobile-menu { display: block; position: sticky; top: 65px; z-index: 19; width: 100%; padding: 11px 5%; border: 0; border-bottom: 1px solid #383039; background: #19181e; color: #f4eeee; text-align: left; font-size: 12px; font-weight: 700; cursor: pointer; }
  .wiki-sidebar { width: min(290px,86vw); height: calc(100vh - 145px); position: fixed; z-index: 40; top: 140px; bottom: auto; left: 12px; transform: translateX(calc(-100% - 20px)); transition: transform .25s ease; }
  .wiki-sidebar.is-open { transform: translateX(0); }
  .wiki-banner { height: 250px; }
}
@media (max-width: 560px) {
  .wiki-header { height: auto; min-height: 65px; flex-wrap: wrap; padding: 10px 4%; }
  .wiki-header .brand__logo { width: 52px; height: 36px; }
  .wiki-header .header-actions { display: flex; margin-left: auto; margin-right: 0; }
  .wiki-header .header-actions .discord-button, .wiki-header .header-actions .server-address { display: none; }
  .wiki-header .main-nav { top: 63px; }
  .wiki-layout { padding-inline: 10px; }
  .wiki-sidebar { top: 130px; }
  .wiki-banner { height: 215px; }
  .wiki-content { padding: 25px 19px 37px; }
  .wiki-content p, .wiki-content li { font-size: 14px; }
  .wiki-content h1 { align-items: start; font-size: 31px; }
  .wiki-platform-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .wiki-sidebar, .wiki-sidebar a, .wiki-platform-grid section { transition: none; }
}