/* ============================================================
   CS TUCUMAN · HOME V32.3
   Últimos miembros: 3 filas / fila central inversa.
   ============================================================ */

.cst310-ranking-members{display:none!important}

.cst323-members-zone{
 width:min(1240px,calc(100% - 30px));
 margin:0 auto;
 padding:68px 0 80px;
 border-top:1px solid #101010;
 overflow:hidden;
}
.cst323-members-head{
 margin-bottom:24px;
 text-align:center;
}
.cst323-members-head>span{
 color:#ff8420;
 font-size:7px;
 font-weight:900;
 letter-spacing:2.4px;
}
.cst323-members-head h2{
 margin:7px 0 0;
 color:#fff!important;
 font-size:42px!important;
 font-weight:900!important;
 letter-spacing:-1.3px!important;
}

.cst323-members-rows{
 display:grid;
 gap:8px;
}
.cst323-member-lane{
 overflow:hidden;
 padding:1px 0;
 mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
}
.cst323-member-track{
 width:max-content;
 display:flex;
 gap:8px;
 will-change:transform;
 animation:cst323Scroll 38s linear infinite;
}
.cst323-member-lane.reverse .cst323-member-track{
 animation-direction:reverse;
 animation-duration:43s;
}
.cst323-member-lane:nth-child(3) .cst323-member-track{
 animation-duration:48s;
}
.cst323-member-lane:hover .cst323-member-track{
 animation-play-state:paused;
}
@keyframes cst323Scroll{
 to{transform:translateX(-50%)}
}

.cst323-member{
 width:218px;
 min-width:218px;
 height:64px;
 padding:8px 10px;
 box-sizing:border-box;
 display:flex;
 align-items:center;
 gap:9px;
 border:1px solid #181818;
 border-radius:10px;
 background:#030303;
 color:#fff;
 text-decoration:none;
}
.cst323-member:hover{
 border-color:#3a2717;
 background:#060606;
}
.cst323-member>img,
.cst323-member>i{
 width:44px;
 height:44px;
 min-width:44px;
 display:grid;
 place-items:center;
 object-fit:cover;
 border-radius:9px;
 background:#0d0d0d;
 color:#ff9a42;
 font-style:normal;
 font-size:11px;
 font-weight:900;
}
.cst323-member>span{
 min-width:0;
}
.cst323-member>span b,
.cst323-member>span small{
 display:block;
}
.cst323-member>span b{
 max-width:142px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 color:#fff;
 font-size:9px;
}
.cst323-member>span b ion-icon{
 margin-left:3px;
 color:#ff8420;
 font-size:12px;
 vertical-align:-2px;
}
.cst323-member>span small{
 margin-top:4px;
 color:#656565;
 font-size:6px;
}

/* mini perfil: estilo tarjeta flotante, sólo datos que ya existen */
.cst323-profile-pop{
 position:fixed;
 z-index:2600;
 width:340px;
 overflow:hidden;
 opacity:0;
 visibility:hidden;
 pointer-events:none;
 transform:translateY(7px);
 border:1px solid #292016;
 border-radius:13px;
 background:#090909;
 box-shadow:0 28px 85px rgba(0,0,0,.78);
 transition:opacity .12s ease,transform .12s ease,visibility .12s ease;
}
.cst323-profile-pop.show{
 opacity:1;
 visibility:visible;
 transform:none;
}
.cst323-profile-pop .cover{
 height:82px;
 background:
  radial-gradient(circle at 75% 30%,rgba(255,122,0,.16),transparent 35%),
  linear-gradient(135deg,#1b120b,#050505 68%);
 background-size:cover;
 background-position:center;
}
.cst323-profile-pop .body{
 position:relative;
 padding:45px 18px 15px;
 text-align:center;
}
.cst323-profile-pop .avatar{
 position:absolute;
 left:50%;
 top:-43px;
 width:78px;
 height:78px;
 transform:translateX(-50%);
 overflow:hidden;
 display:grid;
 place-items:center;
 border:4px solid #090909;
 border-radius:50%;
 background:#111;
 color:#ff9a42;
 font-size:20px;
 font-weight:900;
}
.cst323-profile-pop .avatar img{
 width:100%;
 height:100%;
 object-fit:cover;
}
.cst323-profile-pop h3{
 margin:0;
 color:#fff!important;
 font-size:16px!important;
 font-weight:900!important;
}
.cst323-profile-pop h3 ion-icon{
 color:#ff8420;
 font-size:15px;
 vertical-align:-2px;
}
.cst323-profile-pop .role{
 display:block;
 margin-top:4px;
 color:#ff8420;
 font-size:7px;
 font-weight:900;
}
.cst323-profile-pop .when{
 display:block;
 margin-top:5px;
 color:#666;
 font-size:6.5px;
}
.cst323-profile-pop p{
 margin:12px auto 0;
 max-width:280px;
 color:#929292;
 font-size:8px;
 line-height:1.55;
}
.cst323-profile-pop footer{
 margin-top:13px;
 padding-top:10px;
 display:flex;
 justify-content:space-between;
 gap:10px;
 border-top:1px solid #181818;
 color:#626262;
 font-size:6.5px;
}
.cst323-profile-pop footer b{
 color:#bbb;
 font-weight:700;
}
.cst323-profile-pop .open{
 margin-top:11px;
 min-height:34px;
 display:flex;
 align-items:center;
 justify-content:center;
 border:1px solid #252525;
 border-radius:8px;
 background:#050505;
 color:#ff8a24;
 font-size:7px;
 font-weight:900;
}

@media(max-width:700px){
 .cst323-members-zone{padding:50px 0 60px}
 .cst323-members-head h2{font-size:34px!important}
 .cst323-profile-pop{display:none!important}
 .cst323-member-track{animation-duration:30s}
 .cst323-member-lane.reverse .cst323-member-track{animation-duration:34s}
}