/* MaeloWOW — tema del foro: misma estructura que el de MaeloRO, con los colores de Wrath of the Lich King
   (azul hielo de Rasganorte y el oro de los titulos de WoW). Va despues de todos los demas estilos. */
:root {
  --bg: #060b12; --card: #0c1520; --card2: #101c2a; --text: #d8e4ef; --muted: #7d97ad; --purple: #3f8fd0;
  --mro-fondo: #060b12; --mro-fondo-2: #0a1420; --mro-panel: #0c1622; --mro-panel-2: #11202f;
  --mro-panel-grad: linear-gradient(170deg, rgba(14, 26, 40, .94) 0%, rgba(7, 13, 22, .95) 100%);
  --mro-texto: #e8f0f7; --mro-texto-2: #bccddd; --mro-suave: #8aa4ba;
  --mro-lila: #8fd0ff; --mro-lila-2: #4f9bd6;
  --mro-linea: rgba(110, 170, 230, .22); --mro-linea-2: rgba(110, 170, 230, .42);
}
/* titulos con la fuente y el oro de WoW */
@font-face { font-family: 'Friz Quadrata'; src: url('/forum/assets/frizqt.ttf'); font-display: swap; }
h1, h2, h3, .nav-logo, .category-title, .section-title, .forum-name, .thread-title, .footer-logo {
  font-family: 'Friz Quadrata', 'Cinzel', Georgia, serif;
}
/* iconos de WoW: esquinas redondeadas y marco oscuro, como en la barra de acciones del juego */
.mro-glifo, .forum-icon, .fih-icon, .pinned-icon, .closed-icon, .mro-rango::before, .badge::before {
  border-radius: 6px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .7), 0 0 0 2px rgba(201, 168, 76, .35);
}
.nav-logo-icon { border-radius: 6px; }
/* fila de razas del pie: Alianza en azul, Horda en rojo */
.mro-pie-fila img.wow { width: 40px; height: 40px; border-radius: 6px; box-shadow: 0 0 0 2px rgba(0,0,0,.7), 0 0 10px rgba(79, 155, 214, .55); }
.mro-pie-fila img.wow.horda { box-shadow: 0 0 0 2px rgba(0,0,0,.7), 0 0 10px rgba(214, 64, 64, .55); }
/* icono propio de cada subforo (los iconos de WoW sustituyen a los de Ragnarok) */
.forum-row:has(a[href*="forum.php?id=1"]) .forum-icon, body[data-mro-foro="1"] .fih-icon { background-image: url('/forum/img/noticias.png'); }
.forum-row:has(a[href*="forum.php?id=2"]) .forum-icon, body[data-mro-foro="2"] .fih-icon { background-image: url('/forum/img/charla.png'); }
.forum-row:has(a[href*="forum.php?id=3"]) .forum-icon, body[data-mro-foro="3"] .fih-icon { background-image: url('/forum/img/guias.png'); }
.forum-row:has(a[href*="forum.php?id=4"]) .forum-icon, body[data-mro-foro="4"] .fih-icon { background-image: url('/forum/img/soporte.png'); }
.forum-row:has(a[href*="forum.php?id=5"]) .forum-icon, body[data-mro-foro="5"] .fih-icon { background-image: url('/forum/img/gremio.png'); }
.forum-row:has(a[href*="forum.php?id=6"]) .forum-icon, body[data-mro-foro="6"] .fih-icon { background-image: url('/forum/img/taberna.png'); }
@media (hover: hover) {
  .forum-row:hover:has(a[href*="forum.php?id=1"]) .forum-icon { background-image: url('/forum/img/noticias.png'); }
  .forum-row:hover:has(a[href*="forum.php?id=2"]) .forum-icon { background-image: url('/forum/img/charla.png'); }
  .forum-row:hover:has(a[href*="forum.php?id=4"]) .forum-icon { background-image: url('/forum/img/soporte.png'); }
  .forum-row:hover:has(a[href*="forum.php?id=5"]) .forum-icon { background-image: url('/forum/img/gremio.png'); }
  .forum-row:hover:has(a[href*="forum.php?id=6"]) .forum-icon { background-image: url('/forum/img/taberna.png'); }
}
/* banner: que se vea el logo completo de Wrath of the Lich King */
.site-banner-img { object-position: 50% 12%; }