/* Ranking de antigüedad: página «Ranking», tarjeta «Mi suscripción» del panel y menú de cuenta.
   Cortes del tema: 659/660 (móvil), 899/900 (tableta) y 1099/1100 (escritorio completo). */

/* Animación de entrada */
.rk-up{animation:rkUp .7s cubic-bezier(.22,1,.36,1) both}
.rk-pop{animation:rkPop .8s cubic-bezier(.22,1,.36,1) both}
.rk-rise{transform-origin:bottom;animation:rkRise 1s cubic-bezier(.22,1,.36,1) both}
.rk-fill{transform-origin:left;animation:rkFill 1.5s cubic-bezier(.22,1,.36,1) both}
.rk-drop{animation:rkDrop .9s cubic-bezier(.34,1.56,.64,1) both}
.rk-roll{display:inline-block;overflow:hidden;vertical-align:bottom}
.rk-roll>span{display:inline-block;animation:rkRoll 1s cubic-bezier(.22,1,.36,1) both}
@keyframes rkUp{from{opacity:0;transform:translateY(16px)}}
@keyframes rkPop{from{opacity:0;transform:scale(.6)}}
@keyframes rkRise{from{transform:scaleY(0)}}
@keyframes rkFill{from{transform:scaleX(0)}}
@keyframes rkDrop{from{opacity:0;margin-top:-24px}}
@keyframes rkRoll{from{transform:translateY(100%);opacity:0}}
@keyframes rkSheen{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.rk-up,.rk-pop,.rk-rise,.rk-fill,.rk-drop,.rk-roll>span,.rk-me::after{animation:none!important}}

/* Tipografía: el tema fija el tamaño de los párrafos del área de cuenta, por eso se refuerza. */
.rk-page p{margin:0}
.rk-page p.rk-muted{font-size:13px!important;color:#9fadbb!important}
.rk-page .page-title{font-size:32px;margin-bottom:8px}
.rk-page .single-section-small{margin-bottom:32px}

/* Cabecera */
.rk-page .rk-head{margin-bottom:28px}
.rk-intro{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center;justify-content:space-between;margin-top:2px}
.rk-page .rk-intro p{font-size:15px!important;color:#9fadbb!important;max-width:620px}

/* Tu posición */
.rk-hero{border:1px solid #c7b180;border-radius:16px;background:linear-gradient(301deg,rgba(199,177,128,.5) .67%,#252c33 100%);padding:16px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}
.rk-hero-main{display:flex;align-items:center;gap:14px}
.rk-hero-main>img{width:44px;height:44px}
.rk-page p.rk-big{font-family:Montserrat,sans-serif!important;font-weight:600;font-size:40px!important;line-height:1!important;letter-spacing:-.02em;color:#fff!important}
.rk-big small{font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:16px;letter-spacing:0;color:#dde2e7;margin-left:8px}
.rk-page p.rk-sub{font-size:14px!important;color:#dde2e7!important;margin-top:2px}
.rk-prog{display:flex;flex-direction:column;gap:10px}
.rk-prog-head{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#dde2e7}
.rk-prog-head strong{color:#fff}
.rk-next{display:inline-flex;align-items:center;gap:6px;color:#dde2e7}
.rk-next img{width:18px;height:18px}
.rk-track{height:10px;border-radius:999px;background:#212529;overflow:hidden}
.rk-track .rk-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#a3885a,#e7cf97)}

/* Tarjetas grafito */
.rk-card{border:1px solid #3d444b;border-radius:16px;background:linear-gradient(303deg,#3d444b .7%,#252c33 96.95%);padding:14px 18px;display:flex;flex-direction:column;gap:10px}
.rk-next-head{display:flex;align-items:center;gap:10px}
.rk-next-head>img{width:32px;height:32px}
.rk-page p.rk-next-name{font-family:Montserrat,sans-serif!important;font-weight:600;font-size:19px!important;line-height:1.1!important;color:#fff!important}
.rk-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.rk-stats>div{background:#212529;border-radius:12px;padding:7px 10px}
.rk-page p.rk-stat{font-family:Montserrat,sans-serif!important;font-weight:600;font-size:17px!important;line-height:1.2!important;color:#fff!important}
.rk-page p.rk-note{font-size:13px!important;color:#dde2e7!important}
.rk-note strong{color:#fff}

/* Las cajas de una misma fila miden lo mismo */
.rk-page .row>[class*="col-"]>.single{display:flex;flex-direction:column;height:100%}
.rk-page .row>[class*="col-"]>.single>.rk-hero,
.rk-page .row>[class*="col-"]>.single>.rk-card,
.rk-page .row>[class*="col-"]>.single>.rk-tower{flex:1 1 auto}

/* Podio */
.rk-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end;max-width:520px;margin:0 auto}
.rk-pod{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-align:center}
.rk-av{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#3d444b;border:2px solid #dde2e7}
.rk-pod:nth-child(3) .rk-av{border-color:#a3885a}
.rk-av-gold{width:54px;height:54px;border-color:#c7b180;box-shadow:0 8px 24px rgba(199,177,128,.25)}
.rk-page p.rk-pname{font-size:14px!important;color:#fff!important;font-weight:600}
.rk-step{width:100%;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#3d444b,#2b3138);border:1px solid #3d444b;border-bottom:none;display:flex;flex-direction:column;align-items:center;padding-top:8px;gap:2px;box-sizing:border-box}
.rk-pod:nth-child(1) .rk-step{height:84px}
.rk-pod:nth-child(2) .rk-step{height:112px}
.rk-pod:nth-child(3) .rk-step{height:64px}
.rk-step-gold{background:linear-gradient(180deg,rgba(199,177,128,.55),#2b3138 85%);border-color:#c7b180}
.rk-page .rk-step p{font-family:Montserrat,sans-serif!important;font-size:13px!important;font-weight:600}
.rk-page .rk-step p.rk-pos{font-weight:700;font-size:22px!important;line-height:1.1!important;color:#dde2e7!important}
.rk-page .rk-step-gold p{color:#fff!important}
.rk-page .rk-step-gold p.rk-pos{font-size:28px!important;color:#fff!important}

/* Divisiones */
.rk-tower{border:1px solid #3d444b;border-radius:16px;background:linear-gradient(303deg,#373d44 .7%,#212529 96.95%);overflow:hidden}
.rk-fl{display:grid;grid-template-columns:28px minmax(0,140px) minmax(0,1fr) 40px;align-items:center;gap:12px;padding:9px 16px;border-bottom:1px solid #2f363d}
.rk-fl:last-child{border-bottom:none}
.rk-fl>img{width:28px;height:28px}
.rk-fl-name{display:flex;flex-direction:column}
.rk-fl-name b{font-family:Montserrat,sans-serif;font-weight:600;font-size:14px;color:#fff}
.rk-fl-name span{font-size:12px;color:#9fadbb}
.rk-fl-track{height:8px;border-radius:999px;background:#2b3138;overflow:hidden}
.rk-fl-bar{height:100%;border-radius:999px;background:#4a525a}
.rk-page p.rk-fl-n{font-family:Montserrat,sans-serif!important;font-weight:600;font-size:16px!important;color:#fff!important;text-align:right}
.rk-fl-mine{background:linear-gradient(90deg,rgba(199,177,128,.14),rgba(199,177,128,.03));border-top:1px solid #c7b180;border-bottom:1px solid #c7b180}
.rk-fl-mine .rk-fl-bar{background:linear-gradient(90deg,#a3885a,#e7cf97)}
.rk-fl-zoom{grid-column:1 / -1;display:flex;flex-direction:column;gap:6px;padding-top:4px}
.rk-zoom-line{position:relative;height:6px;border-radius:999px;background:#2b3138;margin-top:26px}
.rk-zoom-line>.rk-fill{height:100%;border-radius:999px;background:#c7b180}
.rk-pin{position:absolute;bottom:-5px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}
.rk-pin em{font-style:normal;font-family:Montserrat,sans-serif;font-weight:700;font-size:11px;color:#212529;background:#c7b180;border-radius:6px;padding:2px 7px;white-space:nowrap}
.rk-pin i{width:14px;height:14px;border-radius:50%;background:#c7b180;border:3px solid #212529;box-sizing:border-box}
.rk-zoom-scale{display:flex;justify-content:space-between;font-size:12px;color:#9fadbb}

/* Avatares */
.rk-av-s{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#3d444b;flex:none}

/* Listas con desplazamiento propio */
.rk-scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4a525a transparent;-webkit-overflow-scrolling:touch}
.rk-scroll:focus-visible{outline:2px solid #c7b180;outline-offset:2px}

/* Ascensos del mes */
.rk-asc{gap:8px;min-height:0}
.rk-page p.rk-asc-sum{font-size:14px!important;color:#dde2e7!important;padding-bottom:6px;border-bottom:1px solid #2f363d}
.rk-asc-sum strong{color:#fff}
.rk-asc-list{flex:1 1 0;min-height:0;margin-right:-10px;padding-right:10px}
.rk-pr{display:flex;align-items:center;gap:10px;padding:5px 0;border-bottom:1px solid #2f363d}
.rk-pr:last-child{border-bottom:none}
.rk-page .rk-pr p{font-size:14px!important;color:#dde2e7!important;min-width:0}
.rk-pr b{color:#fff}
.rk-pr-badge{width:18px;height:18px;margin-left:auto;flex:none}

/* Tu zona del ranking */
.rk-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.rk-tab{font-family:Montserrat,sans-serif;font-weight:500;font-size:13px;color:#dde2e7;background:transparent;border:1px solid #3d444b;border-radius:999px;padding:5px 12px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;min-height:34px}
.rk-tab:hover{border-color:#c7b180}
.rk-tab:focus-visible{outline:2px solid #c7b180;outline-offset:2px}
.rk-tab img{width:16px;height:16px}
.rk-tab span{color:#9fadbb;font-size:12px}
.rk-tab.rk-on{background:#c7b180;border-color:#c7b180;color:#212529}
.rk-tab.rk-on span{color:#212529}
.rk-list{max-height:356px;position:relative;border:1px solid #3d444b;border-radius:16px;background:linear-gradient(303deg,#373d44 .7%,#212529 96.95%)}
.rk-lr{display:grid;grid-template-columns:48px 30px minmax(0,1fr) 24px 170px 84px;align-items:center;gap:12px;padding:6px 20px;min-height:44px;box-sizing:border-box;border-bottom:1px solid #2f363d}
.rk-lr:last-child{border-bottom:none}
.rk-lr[hidden]{display:none}
.rk-rk{font-family:Montserrat,sans-serif;font-weight:600;font-size:14px;color:#9fadbb}
.rk-nm{color:#fff;font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-bd{width:22px;height:22px}
.rk-tm{color:#9fadbb;font-size:13px}
.rk-pt{color:#fff;font-family:Montserrat,sans-serif;font-weight:600;font-size:14px;text-align:right}
.rk-pt small{color:#9fadbb;font-weight:500;font-size:11px}
.rk-me{position:sticky;top:4px;bottom:4px;z-index:2;overflow:hidden;margin:4px 8px;padding:6px 12px;border:1px solid #c7b180!important;border-radius:12px;background:linear-gradient(90deg,rgba(199,177,128,.2),rgba(199,177,128,.07)),#272b30;box-shadow:0 4px 18px rgba(0,0,0,.35)}
.rk-me::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,rgba(231,207,151,.22) 50%,transparent 65%);animation:rkSheen 1.8s 1.2s ease-in-out both;pointer-events:none}
.rk-me .rk-rk{color:#c7b180}
.rk-foot{margin-top:10px}
.rk-hint{color:#c7b180;font-weight:700;margin-right:2px}

/* Tarjeta «Mi suscripción» del panel */
.subscription-info .rk-of{font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:12px;color:#dde2e7}
.subscription-info .rk-card-prog{width:100%;display:flex;flex-direction:column;gap:6px}
.subscription-info .rk-prog-head{font-size:12px;white-space:nowrap}
.subscription-info .rk-next{gap:5px}
.subscription-info .rk-track{height:8px}
.subscription-info .bottom.rk-actions{display:flex;flex-wrap:wrap;gap:8px}
.rk-btn-gold{background:#c7b180!important;border-color:#c7b180!important;color:#212529!important}
.rk-btn-gold:hover,.rk-btn-gold:focus-visible{background:#e7cf97!important;border-color:#e7cf97!important;box-shadow:0 8px 24px 0 #c7b18033!important}

/* Panel: «Próximo evento» y «Mi suscripción» terminan a la misma altura */
.dashboard-events-points .templatera_shortcode>.vc_row{flex:1 1 auto;display:flex;margin-bottom:0}
.dashboard-events-points .templatera_shortcode .wpb_column,
.dashboard-events-points .templatera_shortcode .vc_column-inner,
.dashboard-events-points .templatera_shortcode .wpb_wrapper,
.dashboard-events-points .templatera_shortcode .single{display:flex;flex-direction:column;flex:1 1 auto;width:100%}
.dashboard-events-points .dashboard-event{flex:1 1 auto}
.dashboard-events-points .dashboard-event .event-actions{margin-top:auto}

/* Menú de cuenta */
.rk-new-dot{font-family:Montserrat,sans-serif;font-weight:700;font-size:10px;letter-spacing:.04em;color:#212529;background:#c7b180;border-radius:999px;padding:2px 6px;margin-left:6px}

/* Hasta 1099 px las columnas se apilan */
@media (max-width:1099px){
.rk-page .row>[class*="col-"]+[class*="col-"]{margin-top:24px}
.rk-asc-list{flex:none;max-height:280px}
}

/* Móvil, hasta 659 px */
@media (max-width:659px){
.rk-page .page-title{font-size:28px}
.rk-page p.rk-big{font-size:36px!important}
.rk-podium{gap:8px}
.rk-fl{grid-template-columns:28px minmax(0,1fr) 40px;padding:9px 12px;gap:10px}
.rk-fl-track{grid-column:1 / -1;grid-row:2}
.rk-page p.rk-fl-n{grid-column:3;grid-row:1}
.rk-list{max-height:400px}
.rk-lr{grid-template-columns:36px 30px minmax(0,1fr) 20px 64px;padding:6px 12px;gap:10px}
.rk-tm{display:none}
.rk-me{margin:4px;padding:6px 8px}
}