.page-title_ranking{color:var(--color-navy);font-size:42px;font-weight:var(--font-weight-bold);line-height:1.1;margin:0 0 4px}.page-subtitle-ranking{color:var(--color-text-secondary);font-size:var(--font-size-base)}.page-line-ranking{border:none;border-top:1px solid var(--color-border);margin:12px 0 16px}.ranking-tabs-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.ranking-tab{align-items:center;background:#fff;border:1px solid #d8dde8;border-radius:6px;color:#888;cursor:pointer;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:6px;max-width:130px;padding:7px 14px;transition:all .15s;white-space:nowrap;width:100%}.ranking-tab.is-active{background:var(--color-navy);border-color:var(--color-gold);color:var(--color-white)}.ranking-tab:not(.is-active):hover{background:#e5f9fb;border-color:var(--color-navy-mid);color:var(--color-navy-mid)}.ranking-tab:not(.is-active) .tab-icon--active{display:none}.ranking-tab:not(.is-active) .tab-icon--inactive{display:inline-block}.ranking-tab:not(.is-active) .tab-icon--hover{display:none}.ranking-tab:not(.is-active):hover .tab-icon--hover{display:inline-block}.ranking-tab:not(.is-active):hover .tab-icon--inactive{display:none}.ranking-tab.is-active .tab-icon--active{display:inline-block}.ranking-tab.is-active .tab-icon--hover,.ranking-tab.is-active .tab-icon--inactive{display:none}.user-highlight-card{background:#fff8e6;border:2px solid var(--color-gold-light);border-radius:10px;justify-content:space-between;margin-bottom:20px;padding:20px 24px}.user-highlight-card,.user-highlight-content-left,.user-highlight-content-right{align-items:center;display:flex;gap:20px}.user-highlight-content-right{position:relative}@media(min-width:901px) and (max-width:1200px){.user-highlight-content-right{align-items:flex-start;flex-direction:column}}@media(max-width:900px){.user-highlight-card{align-items:flex-start;flex-direction:column}}@media(max-width:550px){.user-highlight-content-left,.user-highlight-content-right{align-items:center;flex-direction:column;gap:12px}.user-highlight-card{align-items:center}.user-highlight-aciertos,.user-highlight-arriba,.user-highlight-name{text-align:center}}.user-highlight-pos{color:var(--color-navy);font-size:var(--font-size-6xl);font-weight:var(--font-weight-extrabold);min-width:80px}.user-highlight-avatar{align-items:center;background:var(--color-gold);border-radius:50%;color:var(--color-navy);display:flex;flex-shrink:0;font-size:1rem;font-weight:var(--font-weight-bold);height:48px;justify-content:center;width:48px}.user-highlight-info{flex:1}.user-highlight-name{color:var(--color-navy);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.user-highlight-aciertos{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:2px}.user-highlight-arriba{color:var(--font-navy);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-top:2px}.user-highlight-premio{color:var(--color-navy,#0d2447);font-size:1.5rem;font-weight:800;position:absolute;right:175%;width:230px}@media(max-width:1300px){.user-highlight-premio{right:140%}}@media(max-width:1225px){.user-highlight-premio{right:120%;top:-20%}}@media(max-width:1100px){.user-highlight-premio{position:static}}.user-highlight-puntos{color:var(--color-navy,#0d2447);font-size:1.1rem;font-weight:700}.ranking-card{background:#dadcdd;border-radius:10px;overflow:hidden;padding-left:20px;padding-right:20px}.ranking-table{border-collapse:collapse;width:100%}.ranking-table th{border-bottom:1px solid #888;color:var(--font-navy);font-size:var(--font-size-xs);font-weight:500;padding:12px 16px;text-align:center}.ranking-table th:first-child{text-align:center;width:60px}.ranking-table th:nth-child(3),.ranking-table th:nth-child(4){text-align:center}.ranking-table td{border-bottom:1px solid #888;color:var(--color-navy);font-size:.88rem;padding:14px 16px}.ranking-table td:first-child,.ranking-table td:nth-child(3),.ranking-table td:nth-child(4){color:var(--color-navy,#0d2447);font-weight:700;text-align:center}.rank-user{gap:10px}.rank-avatar,.rank-user{align-items:center;display:flex}.rank-avatar{background:var(--color-navy,#0d2447);border-radius:50%;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:700;height:36px;justify-content:center;width:36px}.premio-highlight{color:var(--color-navy,#0d2447);font-weight:700}.premio-pts{color:#e8b800;font-weight:700}.user-highlight{background:linear-gradient(135deg,var(--color-navy,#0d2447) 0,var(--color-teal,#2d8c9e) 100%);border-color:transparent;color:#fff}.user-highlight .user-highlight-name,.user-highlight .user-highlight-pos,.user-highlight .user-highlight-puntos{color:#fff}.user-highlight .user-highlight-aciertos{color:hsla(0,0%,100%,.75)}.user-highlight .user-highlight-avatar{background:hsla(0,0%,100%,.2);color:#fff}.ranking-cluster-badge{background:var(--color-navy,#0d2447);border-radius:20px;color:#fff;display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.02em;padding:2px 10px;white-space:nowrap}.ranking-table__pinned-divider td{background:repeating-linear-gradient(90deg,#e8b800,#e8b800 6px,transparent 0,transparent 12px);border:none;height:3px;padding:0}.ranking-search-bar{margin-bottom:16px}.ranking-search-bar__input{background:#fff;border:1px solid #d8dde8;border-radius:8px;box-sizing:border-box;color:#333;font-size:.875rem;outline:none;padding:9px 14px;transition:border-color .15s;width:100%}.ranking-search-bar__input:focus{border-color:var(--color-teal,#2d8c9e);box-shadow:0 0 0 3px rgba(45,140,158,.15)}.ranking-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px;padding:4px 0 8px}@media(max-width:500px){.ranking-pagination{flex-direction:column}}.ranking-pagination__btn{align-items:center;background:var(--color-navy-mid);border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:7px 16px;transition:all .15s}.ranking-pagination__btn:hover:not(:disabled){background:var(--color-gold);color:var(--color-navy)}.ranking-pagination__btn:disabled{background:#9e9e9e;color:var(--color-white);cursor:not-allowed}.ranking-pagination__info{color:#666;font-size:.82rem;white-space:nowrap}.ranking-no-results{background:#fff;border:1px solid #e8eaed;border-radius:10px;color:#888;font-size:.9rem;padding:32px 16px;text-align:center}.ranking-empty-state{padding:48px 16px;text-align:center}.ranking-empty-state__icon{margin-bottom:16px}.ranking-empty-state__text{color:#666;font-size:.95rem}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.ranking-table .ranking-table__cluster{text-align:right}.ranking-phase-tab{align-items:center;background:#fff;border:1px solid #d8dde8;border-radius:6px;color:#444;cursor:pointer;display:flex;font-size:.82rem;font-weight:500;gap:6px;padding:7px 14px;transition:all .15s;white-space:nowrap}.ranking-phase-tab.is-active{background:var(--color-navy,#0d2447);border-color:var(--color-navy,#0d2447);color:#fff}.user-highlight-cluster{background:hsla(0,0%,100%,.2);border-radius:20px;color:#fff;display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.02em;margin-top:4px;padding:2px 10px;white-space:nowrap}.user-highlight-card .user-highlight-cluster{background:var(--color-navy,#0d2447);color:#fff}.user-highlight-competitor{color:hsla(0,0%,100%,.7);font-size:.75rem;margin-top:4px}.user-highlight-card .user-highlight-competitor{color:#888}.ranking-table td:nth-child(5),.ranking-table th:nth-child(5){text-align:right}.ranking-select-mobile{display:none}.ranking-select-label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:8px}.select-fase-ranking{appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%230d2447' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:18px;border:1.5px solid #d8dde8;border-radius:8px;color:var(--color-navy,#0d2447);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:var(--font-weight-semibold);outline:none;padding:12px 40px 12px 16px;width:100%}.select-fase-ranking:focus{border-color:var(--color-teal,#009fa3)}@media (max-width:768px){.ranking-tabs-bar{display:none}.ranking-select-mobile{display:block;margin-bottom:20px}}