.ranking{color:var(--fg);background:var(--bg);min-height:100vh}.ranking .gold{color:var(--accent);font-style:italic}.ranking .ranking-hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100svh;padding:120px 0 64px;overflow:hidden}.ranking .ranking-hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 34%,hsla(39,46%,61%,.14) 0,hsla(39,46%,61%,.05) 36%,transparent 64%)}.ranking .ranking-hero-glow:after{content:"";position:absolute;inset:0;background:var(--vignette-hero);opacity:.5}.ranking .ranking-hero-inner{position:relative;z-index:1;text-align:center;transform:translateY(calc(var(--p, 0) * 28px));will-change:transform}.ranking .ranking-title{margin-top:20px;font-size:clamp(2.2rem,6.4vw,4.6rem);text-wrap:balance}.ranking .ranking-sub{margin:18px auto 0;font-size:16px}.ranking .ranking-lead,.ranking .ranking-sub{max-width:52ch;color:var(--muted);line-height:1.7}.ranking .ranking-lead{margin-top:14px;font-size:15px}.ranking .ranking-vacio{margin:48px auto 0;max-width:44ch;color:var(--muted);font-size:15px;line-height:1.7}.ranking .ranking-podio{list-style:none;padding:0;margin:48px auto 0;display:grid;gap:12px;max-width:940px}.ranking .ranking-podio>li{display:flex;min-width:0}.ranking .ranking-podio-card{position:relative;display:flex;flex-direction:column;gap:8px;justify-content:flex-end;width:100%;min-height:168px;padding:20px 22px 24px;text-align:left;border:1px solid var(--border);border-radius:var(--r-lg);background:linear-gradient(160deg,var(--surface),var(--elev));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--sh-sm);color:var(--fg);text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .25s}.ranking .ranking-podio-card:hover{border-color:var(--accent-dim);box-shadow:var(--glow);transform:translateY(-3px)}.ranking .ranking-podio-card:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 30%,transparent)}.ranking .ranking-podio-card--1{min-height:216px;border-color:var(--accent-dim);box-shadow:0 0 0 1px color-mix(in oklch,var(--accent) 34%,transparent),var(--sh-sm)}.ranking .ranking-podio-card--1:hover{box-shadow:0 0 0 1px color-mix(in oklch,var(--accent) 48%,transparent),0 0 26px hsla(39,46%,61%,.22)}.ranking .ranking-podio-pos{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.ranking .ranking-podio-nombre{font-family:var(--font-display);font-weight:700;font-size:clamp(1.3rem,3.4vw,2rem);line-height:1.1;letter-spacing:-.01em;text-wrap:balance}.ranking .ranking-podio-familia{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.ranking .ranking-podio-unidades{margin-top:auto;display:flex;align-items:baseline;gap:8px}.ranking .ranking-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:clamp(2rem,5.6vw,3.2rem);line-height:1;letter-spacing:.02em;color:var(--accent)}.ranking .ranking-podio-unidad-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}@media (min-width:760px){.ranking .ranking-podio{grid-template-columns:1fr 1.18fr 1fr;align-items:end;gap:16px}.ranking .ranking-podio>li{display:block}.ranking .ranking-podio>li:first-child{grid-column:2;grid-row:1}.ranking .ranking-podio>li:nth-child(2){grid-column:1;grid-row:1}.ranking .ranking-podio>li:nth-child(3){grid-column:3;grid-row:1}}.ranking .ranking-cargando{margin:48px auto 0;max-width:940px;display:grid;gap:12px}.ranking .ranking-skeleton{display:block;border-radius:var(--r-lg);background:linear-gradient(100deg,var(--tertiary) 40%,var(--surface) 60%,var(--tertiary) 80%);background-size:200% 100%;animation:ranking-shimmer 1.4s linear infinite}.ranking .ranking-skeleton--podio{height:200px}.ranking .ranking-skeleton--linea{height:56px}@keyframes ranking-shimmer{to{background-position:-200% 0}}.ranking .ranking-lista{padding-top:8px}.ranking .ranking-filas{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:8px}.ranking .ranking-fila{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:56px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--r-md);background:color-mix(in oklch,var(--surface) 72%,transparent);color:var(--fg);text-decoration:none;transition:border-color .2s,background-color .2s}.ranking .ranking-fila:hover{border-color:var(--accent-dim);background:var(--elev)}.ranking .ranking-fila:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 28%,transparent)}.ranking .ranking-fila-pos{min-width:3.4ch;font-family:var(--font-mono);font-size:13px;color:var(--accent);font-variant-numeric:tabular-nums}.ranking .ranking-fila-texto{display:grid;gap:2px;min-width:0}.ranking .ranking-fila-nombre{font-family:var(--font-display);font-size:18px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking .ranking-fila-familia{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking .ranking-fila-cifra{display:grid;justify-items:end;gap:1px}.ranking .ranking-fila-unidades{font-family:var(--font-mono);font-size:18px;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}.ranking .ranking-fila-unidad-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.ranking .ranking-pares{overflow:hidden}.ranking .ranking-rail-banda{margin-top:32px}.ranking .ranking-rail{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 16px 20px;scrollbar-width:thin;scrollbar-color:var(--tertiary) transparent}@media (min-width:1072px){.ranking .ranking-rail{padding-inline:calc((100vw - 1040px) / 2 + 16px)}}.ranking .ranking-rail:focus-visible{outline:2px solid var(--accent-dim);outline-offset:-2px;border-radius:var(--r-lg)}.ranking .ranking-par{scroll-snap-align:start;flex:0 0 min(78%,320px);display:grid;gap:8px;padding:22px;border:1px solid var(--border);border-radius:var(--r-lg);background:linear-gradient(160deg,var(--surface),var(--elev));box-shadow:var(--sh-sm)}.ranking .ranking-par-nombre{font-family:var(--font-display);font-size:20px;font-weight:700;line-height:1.15;color:var(--fg);text-decoration:none;transition:color .2s}.ranking .ranking-par-nombre:hover{color:var(--accent)}.ranking .ranking-par-nombre:focus-visible{outline:2px solid var(--accent-dim);outline-offset:2px;border-radius:var(--r-sm)}.ranking .ranking-par-mas{font-family:var(--font-mono);font-size:16px;color:var(--accent)}.ranking .ranking-par-juntos{margin-top:4px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.ranking .ranking-par-juntos b{color:var(--accent);font-weight:500;font-variant-numeric:tabular-nums}.ranking .ranking-caseros-filas{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:8px;max-width:640px}.ranking .ranking-caseros-filas>li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:52px;padding:10px 16px;border:1px solid var(--border);border-radius:var(--r-md);background:color-mix(in oklch,var(--surface) 72%,transparent)}.ranking .ranking-caseros-pos{min-width:3.4ch;font-family:var(--font-mono);font-size:13px;color:var(--accent);font-variant-numeric:tabular-nums}.ranking .ranking-caseros-alias{font-family:var(--font-display);font-size:18px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking .ranking-caseros-compras{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--dim);white-space:nowrap}.ranking .ranking-yo{margin-top:28px;max-width:640px;padding:20px 22px;display:grid;gap:14px;justify-items:start;border:1px dashed var(--accent-dim);border-radius:var(--r-lg);background:color-mix(in oklch,var(--accent) 5%,transparent)}.ranking .ranking-yo-titulo{font-family:var(--font-display);font-size:20px;font-weight:600;line-height:1.2;text-wrap:balance}.ranking .ranking-yo-pedido{color:var(--muted);font-size:14px;line-height:1.6}.ranking .ranking-yo-pedido b{color:var(--fg);font-weight:600}.ranking .ranking-yo-cta,.ranking .ranking-yo-link{min-height:44px}.ranking .ranking-yo-seccion{padding:0 0 96px}.ranking .ranking-yo--logueado{margin-top:0}.ranking .ranking-packs{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:12px}@media (min-width:760px){.ranking .ranking-packs{grid-template-columns:repeat(3,1fr)}}.ranking .ranking-pack{display:grid;gap:8px;padding:24px;border:1px solid var(--border);border-radius:var(--r-lg);background:color-mix(in oklch,var(--surface) 78%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ranking .ranking-pack-nombre{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.01em}.ranking .ranking-pack-detalle{font-family:var(--font-mono);font-size:13px;letter-spacing:.02em;color:var(--accent)}.ranking .ranking-pack-precio{font-family:var(--font-mono);font-size:20px;color:var(--fg);font-variant-numeric:tabular-nums}.ranking .ranking-pack-ahorro{font-size:13px;color:var(--muted)}.ranking .ranking-cta{margin-top:36px}@media (prefers-reduced-motion:reduce){.ranking .ranking-hero-inner{transform:none}.ranking .ranking-fila,.ranking .ranking-par-nombre,.ranking .ranking-podio-card{transition:none}.ranking .ranking-skeleton{animation:none}.ranking .ranking-rail{scroll-snap-type:none}}