/* ============================================================
   CS TUCUMAN · HOME V32.4
   ============================================================ */

/* Bloque social corto: nada de otra mega sección */
.cst324-join{
 width:min(1240px,calc(100% - 30px));
 margin:0 auto;
 padding:54px 0 48px;
 display:grid;
 grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);
 align-items:center;
 gap:38px;
 border-top:1px solid #111;
 border-bottom:1px solid #111;
}
.cst324-join>div>span{
 color:#ff8420;
 font-size:7px;
 font-weight:900;
 letter-spacing:2.2px;
}
.cst324-join h2{
 margin:7px 0 5px;
 color:#fff!important;
 font-size:32px!important;
 font-weight:900!important;
 letter-spacing:-1px!important;
}
.cst324-join p{
 margin:0;
 color:#6d6d6d;
 font-size:9px;
}
.cst324-join nav{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:8px;
}
.cst324-join nav a{
 min-height:72px;
 padding:0 15px;
 display:flex;
 align-items:center;
 gap:11px;
 border:1px solid #1b1b1b;
 border-radius:10px;
 background:#030303;
 color:#fff;
 text-decoration:none;
}
.cst324-join nav a:hover{
 transform:translateY(-2px);
 border-color:#382617;
 background:#060606;
}
.cst324-join nav ion-icon{
 font-size:24px;
 color:#ff8420;
}
.cst324-join nav span small,
.cst324-join nav span b{
 display:block;
}
.cst324-join nav span small{
 color:#5e5e5e;
 font-size:5.6px;
 font-weight:900;
}
.cst324-join nav span b{
 margin-top:4px;
 color:#fff;
 font-size:9px;
}

/* Últimos miembros: más presencia, misma información */
.cst323-members-zone{
 padding-top:58px!important;
}
.cst323-members-head{
 margin-bottom:28px!important;
}
.cst323-members-head>span{
 font-size:7.5px!important;
}
.cst323-members-head h2{
 font-size:46px!important;
}
.cst323-members-rows{
 gap:9px!important;
}
.cst323-member{
 width:236px!important;
 min-width:236px!important;
 height:72px!important;
 padding:9px 11px!important;
 border-radius:11px!important;
 background:
   radial-gradient(circle at 100% 0%,rgba(255,122,0,.035),transparent 30%),
   #030303!important;
}
.cst323-member:hover{
 border-color:#4a3019!important;
 background:#070604!important;
}
.cst323-member>img,
.cst323-member>i{
 width:50px!important;
 height:50px!important;
 min-width:50px!important;
 border-radius:10px!important;
}
.cst323-member>span b{
 max-width:155px!important;
 font-size:9.5px!important;
}
.cst323-member>span small{
 margin-top:5px!important;
 font-size:6.2px!important;
}
.cst323-member-lane:nth-child(2){
 padding-left:22px;
 padding-right:22px;
}

/* mini ficha: más parecida a un perfil, pero sigue mínima */
.cst323-profile-pop{
 width:360px!important;
 border-radius:14px!important;
}
.cst323-profile-pop .cover{
 height:96px!important;
}
.cst323-profile-pop .body{
 padding-top:49px!important;
}
.cst323-profile-pop .avatar{
 width:84px!important;
 height:84px!important;
 top:-47px!important;
}
.cst323-profile-pop h3{
 font-size:17px!important;
}
.cst323-profile-pop p{
 font-size:8.4px!important;
}

@media(max-width:850px){
 .cst324-join{
  grid-template-columns:1fr;
  gap:22px;
  text-align:center;
 }
 .cst324-join nav{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:620px){
 .cst324-join nav{grid-template-columns:1fr}
 .cst323-members-head h2{font-size:36px!important}
}