#gestor-ranking { color:#24364c; }
#gestor-ranking .ranking-deadline { margin:12px 0 18px; font-size:12px; color:#60738c; }
#gestor-ranking .ranking-summit { position:relative; padding:24px; border-radius:20px; background:#102d55; color:#fff; border:1px solid #caa852; }
#gestor-ranking .ranking-crown { float:right; color:#e8c66c; font-size:32px; line-height:1; }
#gestor-ranking .ranking-eyebrow { color:#e8c66c; font-size:11px; font-weight:800; letter-spacing:.06em; margin-bottom:14px; }
#gestor-ranking .ranking-leader { display:flex; align-items:baseline; justify-content:space-between; gap:16px; padding:10px 0; border-bottom:1px solid #ffffff25; }
#gestor-ranking .ranking-leader strong { font-size:24px; overflow-wrap:anywhere; }
#gestor-ranking .ranking-leader span { font-weight:800; color:#f4da97; white-space:nowrap; }
#gestor-ranking .ranking-summit-note { margin-top:14px; color:#d3deee; font-size:12px; line-height:1.6; }
#gestor-ranking .ranking-personal { margin-top:18px; padding:16px; border:1px solid #dbe6f4; border-radius:16px; }
#gestor-ranking .ranking-distance { margin:14px 0; font-size:14px; font-weight:800; line-height:1.6; }
#gestor-ranking .ranking-rules { margin-top:20px; font-size:12px; }
#gestor-ranking summary { cursor:pointer; font-weight:800; padding:8px 0; }
#gestor-ranking .ranking-history-note { margin-top:18px; font-size:11px; line-height:1.6; color:#60738c; }
#gestor-ranking .ranking-celebration { margin-top:14px; padding:12px; background:#fff6db; border-radius:12px; color:#614816; font-weight:800; font-size:14px; animation:ranking-hito 700ms ease-out; }
#gestor-ranking button:focus-visible, #gestor-ranking summary:focus-visible { outline:3px solid #b78b24; outline-offset:3px; }
@keyframes ranking-hito { from { transform:translateY(5px); opacity:.4; } to { transform:translateY(0); opacity:1; } }
@media(prefers-reduced-motion:reduce) { #gestor-ranking .ranking-celebration { animation:none; } }
@media(max-width:420px) { #gestor-ranking .ranking-summit { padding:18px; } #gestor-ranking .ranking-leader strong { font-size:20px; } #gestor-ranking .ranking-leader span { font-size:12px; } #gestor-ranking .ranking-personal { padding:12px; } }

#gestor-ranking .ranking-monthly-badge { margin-top:10px; padding:10px 12px; border-radius:12px; background:#fff6db; color:#614816; font-size:12px; font-weight:800; }
#gestor-ranking .ranking-history { margin-top:10px; display:grid; gap:8px; }
#gestor-ranking .ranking-history li { border:1px solid #dbe6f4; border-radius:12px; padding:12px; font-size:12px; line-height:1.7; }
#gestor-ranking .ranking-history li p:last-child { color:#60738c; font-size:11px; }