ranking.html

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ranking · VANTS GAMES</title>
<meta name="description" content="Ranking global del circuito VANTS: rating, RR, partidos y winrate de los jugadores reales.">
<link rel="canonical" href="https://vants.vants.workers.dev/ranking.html">
<meta property="og:title" content="Ranking · VANTS GAMES">
<meta property="og:url" content="https://vants.vants.workers.dev/ranking.html">
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M12 2H52L62 12V52L52 62H12L2 52V12Z' fill='%23191c22' stroke='%23ff0d2e' stroke-width='3'/%3E%3Cpath d='M9 14H23L34.5 44.5L32 52Z' fill='%23e8ecef'/%3E%3Cpath d='M55 14H41L32.4 37L42.2 37Z' fill='%23ff0d2e'/%3E%3C/svg%3E">
<link rel="preload" as="font" type="font/woff2" href="./assets/fonts/archivo-latin.var.woff2?v=1" crossorigin>
<link rel="preload" as="font" type="font/woff2" href="./assets/fonts/archivo-black-400-latin.woff2?v=1" crossorigin>
<link rel="stylesheet" href="./assets/css/fonts.css?v=1">
<script src="https://unpkg.com/lucide@0.454.0/dist/umd/lucide.min.js" defer onload="if(window.lucide)lucide.createIcons()"></script>
<link rel="stylesheet" href="./assets/css/arena.css?v=19">
<link rel="stylesheet" href="./assets/css/strafe.css?v=4">
  <link rel="stylesheet" href="./assets/css/vants-arena-reskin.css?v=2">
<link rel="stylesheet" href="./assets/css/vants-shop.css?v=1">
</head>
<body data-game="valorant" class="sf" data-crumb="RANKING|TABLA GLOBAL">

<!-- ===== SYMBOL DEL LOGO VANTS (usable en todo el sitio) ===== -->
<svg width="0" height="0" style="position:absolute" aria-hidden="true">
  <defs>
    <linearGradient id="vm-plate" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#1b1f26"/><stop offset="1" stop-color="#08090c"/></linearGradient>
    <linearGradient id="vm-edge" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#ff6b78"/><stop offset=".5" stop-color="#2a2f38"/><stop offset="1" stop-color="#ff0d2e"/></linearGradient>
    <linearGradient id="vm-steel" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#ffffff"/><stop offset=".55" stop-color="#d9dde3"/><stop offset="1" stop-color="#8d949e"/></linearGradient>
    <linearGradient id="vm-red" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#ff5a68"/><stop offset=".5" stop-color="#ff0d2e"/><stop offset="1" stop-color="#9e0019"/></linearGradient>
  </defs>
  <symbol id="vmark" viewBox="0 0 64 64">
    <path d="M12 2 H52 L62 12 V52 L52 62 H12 L2 52 V12 Z" fill="url(#vm-plate)" stroke="url(#vm-edge)" stroke-width="1.5"/>
    <path d="M9 14 H23 L34.5 44.5 L32 52 Z" fill="url(#vm-steel)"/>
    <path d="M55 14 H41 L32.4 37 L42.2 37 Z" fill="url(#vm-red)"/>
    <path d="M38.6 41 L41 41 L32 52 L33.6 47.6 Z" fill="#ff0d2e" opacity=".9"/>
    <path d="M9 14 H23 L23.8 16.2 H9.9 Z" fill="#fff" opacity=".75"/>
  </symbol>
</svg>


<header class="nav">
  <div class="wrap nav-in">
    <a href="index.html" class="nav-logo">
      <svg class="mark"><use href="#vmark"/></svg>
      <span class="wordmark"><b>VANT<em>S</em></b><small>GAMES</small></span>
    </a>
        <nav class="nav-links">
      <div class="ni has-sub"><a href="jugadores.html">SALA<span class="chev" aria-hidden="true">▾</span></a><div class="dd" role="menu"><a href="jugadores.html" role="menuitem">Sala de jugadores</a><a href="equipos.html" role="menuitem">Equipos del circuito</a><a href="equipo.html" role="menuitem">Equipo VANTS DE 5</a></div></div>
      <div class="ni has-sub"><a href="partidos.html">PARTIDOS<span class="chev" aria-hidden="true">▾</span></a><div class="dd" role="menu"><a href="partidos.html" role="menuitem">Agenda en vivo</a><a href="resultados.html" role="menuitem">Resultados</a><a href="calendario.html" role="menuitem">Calendario</a></div></div>
      <div class="ni has-sub"><a href="ranking.html">RANKING<span class="chev" aria-hidden="true">▾</span></a><div class="dd" role="menu"><a href="ranking.html" role="menuitem">Ranking global</a><a href="rangos.html" role="menuitem">Rangos</a></div></div>
      <div class="ni has-sub"><a href="torneos.html">TORNEOS<span class="chev" aria-hidden="true">▾</span></a><div class="dd" role="menu"><a href="torneos.html" role="menuitem">Calendario abierto</a><a href="torneo.html" role="menuitem">Torneo actual · Ascensión S4</a><a href="llaves.html" role="menuitem">Llaves · Bracket</a></div></div>
      <div class="ni"><a href="tienda.html">TIENDA</a></div>
      <div class="ni"><a href="descargar.html">DESCARGAR</a></div>
      <div class="ni has-sub"><a href="clips.html">CLIPS<span class="chev" aria-hidden="true">▾</span></a><div class="dd" role="menu"><a href="clips.html" role="menuitem">Momentos destacados</a><a href="historia.html" role="menuitem">Historia</a><a href="guia.html" role="menuitem">Guía de la arena</a></div></div>
    </nav>
    <div class="nav-right">
      <span class="pro-badge" id="proBadge"><i data-lucide="zap"></i>PRO</span>
      <a class="btn btn-ghost btn-sm" href="membresias.html"><i data-lucide="crown"></i>MEMBRESÍAS</a>
      <button class="btn btn-ghost btn-sm" id="arenaLoginBtn" hidden><i data-lucide="log-in"></i>ENTRAR</button>
      <button class="btn btn-ghost btn-sm" id="miCuentaBtn" hidden><i data-lucide="layout-dashboard"></i>MI CUENTA</button>
    </div>
  </div>
</header>
<main>
<!-- EN DIRECTO + PERFILES -->
<section class="sec alt" id="ranking">
  <div class="wrap">
    <div class="sec-head reveal">
      <div><span class="kicker">LÍDERES</span><h2>Ranking de jugadores</h2></div>
      <p class="sec-note">El emblema junto a cada nombre es su <b>rango APEX</b> real, calculado con los puntos que gana en FACEIT y Valorant.</p>
    </div>
    <div class="lb-controls reveal">
      <div class="lb-search"><i data-lucide="search"></i><input id="lbSearch" type="text" placeholder="Buscar jugador o equipo…" autocomplete="off"></div>
      <span class="lb-hint">ORDENÁ POR CUALQUIER COLUMNA</span>
    </div>
    <div class="table-wrap reveal">
      <table><thead id="lbHead"></thead><tbody id="lbBody"></tbody></table>
    </div>
    <div class="pro-cta-row reveal">
      <i data-lucide="lock" style="width:13px;height:13px;color:var(--accent)"></i>
      Las columnas <b style="color:var(--text)">&nbsp;IMPACTO&nbsp;</b> y <b style="color:var(--text)">&nbsp;CLUTCH&nbsp;</b> son exclusivas de miembros PRO.
      <button class="btn btn-cut btn-sm" id="tableProBtn" style="margin-left:auto"><i data-lucide="zap"></i>DESBLOQUEAR CON PRO</button>
    </div>
  </div>
</section>



<!-- FOOTER -->
</main>
<footer>
  <div class="wrap">
    <div class="f-grid">
      <div class="f-brand">
        <span class="nav-logo"><svg class="mark" style="width:34px;height:34px"><use href="#vmark"/></svg><span class="wordmark"><b style="font-size:24px">VANT<em>S</em></b><small>GAMES</small></span></span>
        <p>La arena competitiva de VALORANT y Counter-Strike 2: torneos con premio, rangos propios, insignias verificadas y una comunidad que juega para subir. Donde nace la ventaja.</p>
      </div>
                  <div class="f-col"><h2>COMPETIR</h2><a href="torneos.html">Torneos abiertos</a><a href="llaves.html">Brackets</a><a href="ranking.html">Ranking global</a><a href="rangos.html">Rangos APEX</a><a href="clips.html">Clips · Momentos destacados</a><a href="guia.html">Guía de la arena</a></div>
      <div class="f-col"><h2>IDENTIDAD</h2><a href="jugadores.html">Sala de jugadores</a><a href="equipo.html">Equipo VANTS DE 5</a><a href="identidad.html">Tienda de identidad</a><a href="historia.html">Historia de la marca</a><a href="membresias.html">Programa de socios</a></div>
      <div class="f-col"><h2>MEMBRESÍA</h2><a href="membresias.html">VANTS PRO</a><a href="membresias.html">VANTS CREATOR</a><a href="torneos.html">Torneos abiertos</a><a href="tienda.html">Tienda oficial × VegaStore</a><a href="membresias.html">Patrocinios y colaboradores</a></div>
    </div>
    <div class="f-bottom">
      <span>© 2026 VANTS GAMES — Donde nace la ventaja. No afiliado a Riot Games ni a Valve.</span>
      <span>Pagos seguros procesados por Stripe · Tarjeta, Klarna, Link y más.</span>
      <span><a href="politica-de-privacidad.html" style="color:#93939D;text-decoration:underline;text-underline-offset:3px">Privacidad</a> · <a href="terminos-de-servicio.html" style="color:#93939D;text-decoration:underline;text-underline-offset:3px">Términos</a> · <a href="politica-de-reembolsos.html" style="color:#93939D;text-decoration:underline;text-underline-offset:3px">Reembolsos</a> · <a href="preguntas-frecuentes.html" style="color:#93939D;text-decoration:underline;text-underline-offset:3px">Preguntas frecuentes</a></span>
    </div>
  </div>
</footer>


<div class="ov" id="drawerOv"></div>
<aside class="drawer" id="drawer"></aside>
<div class="modal" id="modal"><div class="modal-bg" id="modalBg"></div><div class="modal-card" id="modalCard"></div></div>
<div class="toasts" id="toasts"></div>

<script src="./assets/js/arena.js?v=36" defer></script><!-- Capa viva: Auth0 (login) + Neon (torneos reales) -->
<script src="https://cdn.auth0.com/js/auth0-spa-js/2.1/auth0-spa-js.production.js" defer></script>
<script src="./assets/js/auth0-config.js?v=16" defer></script>
<script src="./assets/js/vants-supervisor.js?v=2" defer></script>
<script src="./assets/js/arena-live.js?v=35" defer></script><script src="./assets/js/vants-shop.js?v=1" defer></script>
<script>
window.addEventListener('load',function(){setTimeout(function(){try{if(window.renderLbHead)renderLbHead();if(window.renderLbBody)renderLbBody();}catch(e){}},250);});
</script>
<script src="./assets/js/menu-preview.js?v=10" defer></script>
<script>
/* D24: tabs con submenú = abren el panel, NO navegan (solo puntero fino; en táctil el tab sigue navegando). */
(function () {
  'use strict';
  var fine = window.matchMedia && window.matchMedia("(hover: hover) and (pointer: fine)").matches;
  if (!fine) return;
  var tabs = document.querySelectorAll('.nav-links .ni.has-sub > a');
  Array.prototype.forEach.call(tabs, function (a) {
    a.addEventListener("click", function (e) { e.preventDefault(); a.focus(); });
    a.addEventListener("keydown", function (e) { if (e.key === "Escape") a.blur(); });
  });
})();
</script>
<script src="./assets/js/nav-movil.js?v=2" defer></script>
</body>
</html>