/* El Top de entregas: lo usan el Laboratorio (#vTop) y la página pública /top/. */
/* ══ El top de entregas: la única pantalla con color (los metales de los rangos) ══ */
#vTop{--oro:#F5562F;--oro2:#FF8A3D;--plata:#1E1E1E;--bronce:#d08a4c;--platino:#7fe7da;--diam1:#8ab4ff;--diam2:#d19bff}
.t-cab{position:relative;text-align:center;padding:8px 0 4px}
.t-cab::before{content:"";position:absolute;left:-120px;right:-120px;top:-120px;height:440px;z-index:-1;background:radial-gradient(closest-side at 50% 45%,rgba(245,86,47,0.22),rgba(245,86,47,0.07) 55%,transparent);pointer-events:none}
.t-modo{display:inline-flex;gap:4px;padding:4px;border:1px solid rgba(0,0,0,0.18);border-radius:999px;margin-bottom:16px;background:#fff}
.t-modo button{background:none;border:0;color:#1E1E1E;border-radius:999px;padding:8px 16px;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.t-modo button.on{background:linear-gradient(135deg,var(--oro2),var(--oro));color:#fff;box-shadow:0 0 16px rgba(245,86,47,0.4)}
.t-cab .t-modo+.t-kick{display:flex;justify-content:center}
.t-tros{display:inline-flex;flex-wrap:wrap;gap:4px;justify-content:center}
.t-tro{border-radius:999px;padding:2px 8px;font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:700;white-space:nowrap;border:1px solid rgba(0,0,0,0.25)}
.t-tro.oro{background:linear-gradient(135deg,var(--oro2),var(--oro));color:#fff;border:0}
.t-tro.plata{background:linear-gradient(135deg,#1E1E1E,var(--plata));color:#fff;border:0}
.t-tro.bronce{background:linear-gradient(135deg,#f0b27a,var(--bronce));color:#fff;border:0}
.t-kick{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase}
.t-vivo{width:8px;height:8px;border-radius:50%;background:#1F9D55;box-shadow:0 0 0 0 rgba(31,157,85,0.7);animation:t-latido 1.8s infinite}
@keyframes t-latido{0%{box-shadow:0 0 0 0 rgba(31,157,85,0.6)}70%{box-shadow:0 0 0 10px rgba(31,157,85,0.0)}100%{box-shadow:0 0 0 0 rgba(31,157,85,0.0)}}
.t-cab h1{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(38px,10vw,72px);font-weight:800;letter-spacing:-.045em;line-height:.95;margin-top:10px}
.t-cab h1 em{display:block;font-style:normal;background:linear-gradient(90deg,var(--oro),var(--oro2),var(--oro));-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:capitalize;background-size:200% auto;animation:t-brillo 4s linear infinite}
@keyframes t-brillo{to{background-position:200% center}}
.t-cab>p{margin-top:12px;font-size:15px}
.t-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}
.t-stats div{border:1px solid rgba(0,0,0,0.14);border-radius:16px;padding:10px 16px;background:#fff;min-width:120px}
.t-stats strong{display:block;font-family:'IBM Plex Mono',monospace;font-size:clamp(18px,4.4vw,26px);font-weight:700;letter-spacing:-.03em}
.t-stats small{font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase}
.t-podio{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:10px;align-items:end;margin:30px auto 0;max-width:760px}
.t-pod{position:relative;border-radius:22px;padding:26px 10px 16px;text-align:center;display:grid;justify-items:center;gap:7px;background:#fff;border:1.5px solid rgba(0,0,0,0.18);min-width:0}
.t-pod.p1{padding-top:40px;border:0;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--giro,0deg),var(--oro),#fff6c9,var(--oro),#8a6512,var(--oro)) border-box;border:2px solid transparent;box-shadow:0 0 40px rgba(245,86,47,0.28),inset 0 0 40px rgba(245,86,47,0.08);animation:t-giro 5s linear infinite;transform:translateY(-14px)}
@property --giro{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes t-giro{to{--giro:360deg}}
.t-pod.p2{border-color:var(--diam1);box-shadow:0 0 26px rgba(138,180,255,.2)}
.t-pod.p3{border-color:var(--platino);box-shadow:0 0 22px rgba(127,231,218,.16)}
.t-pod.vacio{border-style:dashed;opacity:.7}.t-pod.vacio p{font-size:12px;margin:0}
.t-pod.yo{outline:2px solid #1E1E1E;outline-offset:3px}
.t-corona{position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-size:34px;color:var(--oro);text-shadow:0 0 18px rgba(245,86,47,0.8);animation:t-flota 3s ease-in-out infinite}
@keyframes t-flota{50%{transform:translate(-50%,-5px)}}
.t-pod-av{position:relative}
.t-pos{position:absolute;right:-4px;bottom:-4px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:700;background:#1E1E1E;color:#fff;border:2px solid #E9E9E9}
.t-pod.p1 .t-pos{background:var(--oro)}.t-pod.p2 .t-pos{background:var(--diam1)}.t-pod.p3 .t-pos{background:var(--platino)}
.t-pod.vacio .t-pos{position:static}
.t-pod-n{font-size:clamp(12px,3.4vw,16px);line-height:1.2;overflow-wrap:anywhere}
.t-pod-e strong{display:block;font-family:'IBM Plex Mono',monospace;font-size:clamp(20px,6vw,34px);font-weight:700;letter-spacing:-.04em;line-height:1}
.t-pod.p1 .t-pod-e strong{color:var(--oro2);text-shadow:0 0 18px rgba(245,86,47,0.45)}
.t-pod-e small{font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase}
.t-hoy{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:#1F9D55}
.t-av{--h:200;width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;color:#1E1E1E;
  background:radial-gradient(circle at 30% 25%,hsl(var(--h) 90% 68%),hsl(var(--h) 75% 40%));box-shadow:inset 0 0 0 2px rgba(255,255,255,.18)}
.t-av.xl{width:clamp(54px,15vw,76px);height:clamp(54px,15vw,76px);font-size:clamp(17px,4.6vw,24px);box-shadow:0 0 0 3px rgba(0,0,0,.1),0 0 0 5px rgba(255,255,255,.35)}
.t-pod.p1 .t-av.xl{box-shadow:0 0 0 3px rgba(0,0,0,.1),0 0 0 6px var(--oro),0 0 28px rgba(245,86,47,0.55)}
.t-badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 9px;font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;white-space:nowrap}
.t-badge.g{font-size:11.5px;padding:5px 12px}
.t-badge.bronce{background:linear-gradient(135deg,#f0b27a,var(--bronce),#8c5423)}
.t-badge.plata{background:linear-gradient(135deg,#1E1E1E,var(--plata),#F2F2F2)}
.t-badge.oro{background:linear-gradient(135deg,var(--oro2),var(--oro),#b8860b)}
.t-badge.platino{background:linear-gradient(135deg,#d9fffa,var(--platino),#2fb3a3)}
.t-badge.diamante{background:linear-gradient(135deg,var(--diam1),var(--diam2));box-shadow:0 0 12px rgba(160,150,255,.5)}
.t-badge.corona{background:linear-gradient(135deg,#fff6c9,var(--oro),#b8860b);box-shadow:0 0 14px rgba(245,86,47,0.6)}
.t-mia{margin:26px auto 0;max-width:760px;border-radius:22px;padding:18px;background:linear-gradient(135deg,#fff,#fff);border:1.5px solid #1E1E1E;display:grid;gap:12px;position:relative;overflow:hidden}
.t-mia::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(0,0,0,0.07) 50%,transparent 70%);transform:translateX(-100%);animation:t-reflejo 5s ease-in-out infinite;pointer-events:none}
@keyframes t-reflejo{60%,100%{transform:translateX(100%)}}
.t-mia.fuera{border-style:dashed}.t-mia.fuera p{margin:6px 0 0;font-size:13.5px;line-height:1.5}
.t-mia.oro,.t-mia.corona{border-color:var(--oro)}.t-mia.diamante{border-color:var(--diam2)}.t-mia.platino{border-color:var(--platino)}.t-mia.plata{border-color:var(--plata)}.t-mia.bronce{border-color:var(--bronce)}
.t-mia-cab{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.t-mia-cab b{display:block;font-size:15px;overflow-wrap:anywhere}
.t-mia-p{font-family:'IBM Plex Mono',monospace;font-size:26px;font-weight:700;letter-spacing:-.04em;line-height:1}
.t-mia-n{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}
.t-mia-n div{border:1px solid rgba(0,0,0,0.14);border-radius:14px;padding:9px 11px}
.t-mia-n strong{display:block;font-family:'IBM Plex Mono',monospace;font-size:20px;font-weight:700;letter-spacing:-.03em}
.t-mia-n small{font-size:11px;line-height:1.3;display:block}
.t-barra{height:10px;border-radius:99px;background:rgba(0,0,0,0.1);overflow:hidden}
.t-barra i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#1E1E1E,var(--oro));animation:t-llena 1.2s cubic-bezier(.2,.8,.2,1)}
.t-barra.plata i{background:linear-gradient(90deg,var(--bronce),var(--plata))}.t-barra.oro i{background:linear-gradient(90deg,var(--plata),var(--oro))}
.t-barra.platino i{background:linear-gradient(90deg,var(--oro),var(--platino))}.t-barra.diamante i{background:linear-gradient(90deg,var(--platino),var(--diam1),var(--diam2))}
@keyframes t-llena{from{width:0}}
.t-falta{margin:0;font-size:13.5px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.t-subiste{margin:0;font-weight:700;color:#1F9D55}
.t-correo{display:grid;gap:6px;margin-top:12px}
.t-correo label{font-size:13px;font-weight:600}
.t-correo div{display:flex;gap:6px;flex-wrap:wrap}
.t-correo input{flex:1 1 180px;min-width:0;background:#fff;border:1px solid rgba(0,0,0,0.25);border-radius:10px;padding:10px 12px;color:#1E1E1E;font-family:inherit;font-size:16px}
.t-correo small{font-size:11.5px}
.t-rangos{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 14px;margin:22px auto 0;max-width:760px}
.t-rangos div{display:grid;justify-items:center;gap:4px}.t-rangos small{font-family:'IBM Plex Mono',monospace;font-size:10px}
.t-lista{margin:24px auto 0;max-width:760px;display:grid;gap:6px}
.t-lista-cab{display:grid;grid-template-columns:84px minmax(0,1fr) auto;padding:0 14px;font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase}
.t-fila{display:grid;grid-template-columns:28px 46px 38px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 14px;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,0.1);transition:transform .15s}
.t-fila:hover{transform:translateX(3px)}
.t-fila.yo{border:1.5px solid #1E1E1E;background:#fff}
.t-fila.diamante{border-color:rgba(209,155,255,.45)}.t-fila.platino{border-color:rgba(127,231,218,.4)}.t-fila.oro{border-color:rgba(245,86,47,0.4)}
.t-fp{font-family:'IBM Plex Mono',monospace;font-size:15px;font-weight:700;text-align:center}
.t-cambio{font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:700;text-align:center;border-radius:8px;padding:3px 0}
.t-cambio.sube{color:#1F9D55;background:rgba(31,157,85,0.12)}.t-cambio.baja{color:#ff6b6b;background:rgba(255,107,107,.12)}
.t-cambio.nuevo{color:#fff;background:#1E1E1E;font-size:8.5px;letter-spacing:.06em;text-transform:uppercase}.t-cambio.igual{color:#1E1E1E}
.t-fn{display:grid;gap:4px;min-width:0;justify-items:start}.t-fn b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.t-fe{text-align:right}.t-fe strong{display:block;font-family:'IBM Plex Mono',monospace;font-size:17px;font-weight:700;letter-spacing:-.03em}
.t-fe small{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:#1F9D55}
.t-mas{justify-self:center;margin-top:6px}
.t-vacio{margin:26px auto 0;max-width:760px;border:1.5px dashed rgba(0,0,0,0.3);border-radius:22px;padding:26px;text-align:center}
.t-salon{margin:30px auto 0;max-width:760px;display:grid;gap:10px}
.t-salon-m{border:1px solid rgba(245,86,47,0.35);border-radius:18px;padding:12px 14px;display:grid;gap:8px;background:linear-gradient(135deg,#fff,#fff)}
.t-salon-m>b{text-transform:capitalize;font-size:14px}
.t-salon-m>div{display:flex;flex-wrap:wrap;gap:8px}
.t-salon-p{border-radius:999px;padding:5px 11px;font-size:12.5px;border:1px solid rgba(0,0,0,0.2)}
.t-salon-p.p1{border-color:var(--oro);color:var(--oro2)}.t-salon-p small{font-family:'IBM Plex Mono',monospace;font-size:10.5px}
.t-nota{margin:22px auto 0;max-width:760px;text-align:center;font-size:12.5px}
.t-confeti{position:fixed;inset:0;pointer-events:none;z-index:9998;overflow:hidden}
.t-confeti i{position:absolute;top:-12px;width:8px;height:14px;border-radius:2px;animation:t-cae linear forwards}
@keyframes t-cae{to{transform:translateY(110vh) rotate(720deg)}}
@media(max-width:719px){
  .t-podio{gap:6px}.t-pod{padding:22px 6px 12px;border-radius:18px}.t-pod.p1{padding-top:34px}
  .t-pod .t-badge{font-size:8.5px;padding:2px 6px}
  .t-fila{grid-template-columns:22px 38px 32px minmax(0,1fr) auto;gap:6px;padding:8px 10px}
  .t-av{width:32px;height:32px;font-size:11.5px}
  .t-stats div{min-width:0;flex:1 1 40%}
}
@media(prefers-reduced-motion:reduce){#vTop *{animation:none!important}}