/* ============================================================
   EMBLEMAS — helpers de tamaño, color y enganche en las clases
   que ya existen (rankings.css, landing.css).
   Cargar DESPUÉS de base.css. Los símbolos viven en
   /img/emblemas/sprite.svg (subir la carpeta web/img/emblemas/).
   ============================================================ */
.emblema{display:inline-block;width:1em;height:1em;vertical-align:-.125em;flex:none}
.emblema-oro{color:var(--oro, var(--c-oro-frio, #c9a227))}
.emblema-oro-calido{color:var(--c-oro-calido, #d8a24a)}
.emblema-plata{color:var(--plata, var(--c-plata, #c8ccd0))}
.emblema-violeta{color:var(--c-violeta, #c86eff)} /* reservado: Rey / rango */
.emblema-borgona{color:var(--c-rojo, #c9564e)} /* jefes / combate, ver dataviz */

/* /rankings — la corona: .tdp-rk-emblema deja de ser un glifo de fuente.
   El span conserva su clase y su font-size (2.6rem): el SVG hereda el tamaño. */
.tdp-rk-emblema .emblema{display:block;width:1em;height:1em}

/* /rankings — guardias: marcador de lista */
.tdp-rk-guardias span[aria-hidden] .emblema{font-size:1.1em;vertical-align:-.18em}

/* Overlay de Rankings (landing.php) — título de la card.
   Reemplaza el 👑 (glifo emoji: renderiza tofu según el SO). */
.tdp-rankings-card > h2 .emblema{
  font-size:1.15em;vertical-align:-.16em;margin-right:.18em;
  color:var(--tdp-oro, var(--c-oro-calido, #d8a24a));
}