/* smgr/css/pages/euroleague_manager.css — sólo lo propio del Mánager de Euroliga.
   El juego reutiliza css/pages/manager_acb.css; aquí van el selector de idioma y el título
   de texto que sustituye al logotipo de 200 Minutos (que es de la ACB y aquí no vale). */

/* .mj-bc-row (la fila de la miga) vive en rincon.css: la usan los 25 mini-juegos y no puede
   depender de que una página cargue su CSS propio. */
.mj-bc-extra { margin-left: auto; }

/* Selector de idioma: pastilla con las dos lenguas siempre visibles y la activa marcada.
   Un solo enlace que decía "English" no dejaba claro ni en qué idioma estabas ni que hubiera
   dos, que era la queja. */
.el-lang { display: inline-flex; align-items: center; gap: 0; border: 1px solid rgba(148,163,184,.35);
           border-radius: 999px; overflow: hidden; background: rgba(15,23,42,.04); font-size: 12px;
           line-height: 1; font-weight: 700; letter-spacing: .04em; }
.el-lang a, .el-lang span { padding: 6px 11px; text-decoration: none; color: #475569; transition: background .12s, color .12s; }
.el-lang a:hover { background: rgba(148,163,184,.22); color: #0f172a; text-decoration: none; }
.el-lang .on { background: #1e3a5f; color: #fff; cursor: default; }
@media (prefers-color-scheme: dark) {
  .el-lang { border-color: rgba(148,163,184,.28); background: rgba(255,255,255,.05); }
  .el-lang a, .el-lang span { color: #cbd5e1; }
  .el-lang a:hover { background: rgba(255,255,255,.12); color: #fff; }
  .el-lang .on { background: #d4a76a; color: #12212f; }
}

/* Título de texto en lugar del logotipo de la ACB, con el mismo hueco visual. */
.game-scope .mg-h1 { margin: 0; font-family: 'Space Grotesk', system-ui, sans-serif; font-weight: 700;
                     font-size: clamp(28px, 6vw, 46px); line-height: 1.05; letter-spacing: -.02em; }
.game-scope .mg-h1sub { margin-top: 6px; font-size: 12px; font-weight: 700; letter-spacing: .12em;
                        opacity: .62; text-transform: uppercase; }


/* ---------------------------------------------------------------------------
   Titular de la página. Se usa la cabecera del SITIO (sin la tira de escudos de
   la ACB, que se apaga con $hdr_sin_tira), así que aquí sólo va el titular y el
   selector de idioma. Un titular por pantalla: el juego no repite el suyo dentro
   de la tarjeta (formato.hero_titulo = false).
   --------------------------------------------------------------------------- */
.el-title { max-width: 1180px; margin: 18px auto 0; padding: 0 20px; color: #0f172a;
            font-family: 'Space Grotesk', system-ui, sans-serif; font-weight: 700;
            font-size: clamp(24px, 4.4vw, 34px); line-height: 1.1; letter-spacing: -.02em; }
/* "200 Minutos", la familia, encima y pequeño: hereda la marca sin competir con el nombre */
.el-title .el-fam { display: block; font-size: 12px; font-weight: 700; letter-spacing: .16em;
                    text-transform: uppercase; color: #94a3b8; margin-bottom: 3px; }
.el-title .el-sub { display: block; margin-top: 5px; font-size: 13px; font-weight: 600;
                    letter-spacing: .01em; color: #64748b; }