/* MaeloWOW — portada: lo propio de WoW encima del sistema visual copiado de maeloro.com */
@font-face { font-family: 'Friz Quadrata'; src: url('/forum/assets/frizqt.ttf'); font-display: swap; }
:root { --mro-lila: #8fd0ff; --mro-lila-2: #4f9bd6; --mro-linea: rgba(110, 170, 230, .22); --mro-linea-2: rgba(110, 170, 230, .42); }
body { background-color: #060b12; }
.tagline, .feature h2, .classes-head h3, .info-col h3 { font-family: 'Friz Quadrata', 'Cinzel', Georgia, serif; }
/* estado del reino en la barra superior */
.realm-mini { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 99px; border: 1px solid rgba(110, 170, 230, .35);
  background: rgba(8, 16, 26, .7); color: #bccddd; font: 600 12px Inter, system-ui, sans-serif; }
.realm-mini-dot { width: 8px; height: 8px; border-radius: 50%; background: #c0392b; box-shadow: 0 0 6px #c0392b; }
.realm-mini.is-on .realm-mini-dot { background: #2ecc71; box-shadow: 0 0 6px #2ecc71; }
.status-dot-offline { background: #c0392b; } .status-offline { color: #ff7b86; }
/* clases de WoW: los iconos del juego (64 px) con marco dorado */
.wow-clases .class-card img { width: 84px; height: 84px; margin: 22px auto 10px; border-radius: 10px; object-fit: cover;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, .75), 0 0 0 4px rgba(201, 168, 76, .55), 0 8px 18px rgba(0, 0, 0, .55); }
.wow-clases .class-card:hover img { box-shadow: 0 0 0 2px rgba(0, 0, 0, .75), 0 0 0 4px #f0c75e, 0 0 18px rgba(143, 208, 255, .6); }
/* iconos de las ventajas */
.feature-mini-icon.wow-ico { font-size: 0; background: center / cover no-repeat; border-radius: 10px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, .7), 0 0 0 3px rgba(201, 168, 76, .5); }
.apk-slides img { width: 100%; height: auto; border-radius: 8px; }
.wow-nota { opacity: .6; font-size: 12px; }
/* ventana de registro */
.wow-modal { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(0, 0, 0, .65); }
.wow-modal[hidden] { display: none; }
.wow-modal-caja { position: relative; width: min(400px, 100%); max-height: calc(100vh - 32px); overflow: auto; box-sizing: border-box; padding: 22px 24px;
  background: linear-gradient(170deg, rgba(14, 26, 40, .97), rgba(7, 13, 22, .98)); border: 2px solid #8a6a2c; border-radius: 10px; box-shadow: 0 0 30px #000;
  color: #d8e4ef; font: 14px Inter, system-ui, sans-serif; }
.wow-modal-caja h2 { margin: 0 0 4px; color: #f0c75e; font: 22px 'Friz Quadrata', 'Cinzel', Georgia, serif; text-align: center; }
.wow-modal-sub { margin: 0 0 14px; text-align: center; color: #8aa4ba; }
.wow-modal-caja label { display: block; margin-bottom: 11px; color: #f0c75e; font-weight: 600; font-size: 13px; }
.wow-modal-caja label small { color: #8aa4ba; font-weight: 400; }
.wow-modal-caja input { display: block; width: 100%; box-sizing: border-box; margin-top: 4px; padding: 9px 10px; font: 16px Inter, system-ui, sans-serif;
  color: #fff; background: #08111b; border: 1px solid #35506a; border-radius: 6px; }
.wow-modal-caja input:focus { outline: none; border-color: #f0c75e; }
.wow-modal-caja .btn { width: 100%; justify-content: center; }
.wow-cerrar { position: absolute; top: 8px; right: 12px; background: none; border: 0; color: #8aa4ba; font-size: 26px; cursor: pointer; }
.wow-trampa { position: absolute; left: -9999px; width: 1px; height: 1px; }
.wow-msg { min-height: 1.3em; font-size: 13px; } .wow-msg.ok { color: #6fe39a; } .wow-msg.mal { color: #ff7b86; }
/* fila de razas del pie */
.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); }
/* el Poring animado de maeloro.com (tira de 4 fotogramas) -> un icono fijo del Rey Exanime con marco */
#infoSection > section.feature:first-of-type::after, #infoSection > section.feature:last-of-type::after {
  width: 64px !important; height: 64px !important; top: -32px !important; border-radius: 10px; animation: none !important;
  background: url('/img/wow/lichking.png') center / 64px 64px no-repeat !important;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, .75), 0 0 0 4px rgba(201, 168, 76, .55), 0 0 16px rgba(143, 208, 255, .45);
}
#infoSection > section.feature:last-of-type::after { background-image: url('/img/wow/raza-orc_male.png') !important; }
/* paneles de la cuenta (Login de la esquina) */
.wow-recordar { display: flex; align-items: center; gap: 8px; justify-content: center; margin: 4px 0 10px; color: #bccddd; font-size: 13px; }
.wow-recordar input { width: auto !important; margin: 0 !important; }
.wow-panel-links { margin: 12px 0 0; text-align: center; font-size: .9em; }
.wow-panel-links a { color: #f0c75e; text-decoration: none; }
.wow-centro { text-align: center; margin: 6px 0; } .wow-suave { color: #8aa4ba; font-size: .9em; }
.wow-personajes { list-style: none; padding: 0 !important; margin: 0; display: grid; gap: 10px; }
.wow-personajes li { display: flex; align-items: center; gap: 10px; }
.wow-personajes img { width: 36px; height: 36px; border-radius: 6px; box-shadow: 0 0 0 2px rgba(0,0,0,.7), 0 0 0 3px rgba(201,168,76,.5); }
.wow-personajes small { color: #8aa4ba; }
.wow-enlinea { color: #2ecc71; font-style: normal; font-size: .8em; }
.wow-alianza { color: #6fb3ff; font-style: normal; } .wow-horda { color: #ff6b6b; font-style: normal; }
.panel-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 16px; }
.panel-actions .panel-action-btn { min-height: 44px; font-size: 12px; }