/* =========================================
   CURSOS - LISTA DE LECCIONES
   (Complemento de estilos existentes)
   ========================================= */

/* CONTENEDOR LISTA */

.curso-lista{
display:flex;
flex-direction:column;
gap:10px;
margin-top:10px;
}

/* ITEM LECCIÓN */

.curso-item{
display:flex;
align-items:center;
gap:12px;
padding:10px 12px;
border-radius:10px;
background:#0b1220;
border:1px solid rgba(255,255,255,.05);
text-decoration:none;
color:white;
transition:all .2s ease;
}

/* HOVER */

.curso-item:hover{
background:#111827;
transform:translateY(-1px);
}

/* ACTIVO */

.curso-item.active{
background:#f59e0b;
color:#000;
font-weight:600;
}

/* NÚMERO */

.curso-item span{
font-weight:700;
min-width:28px;
text-align:center;
}

/* TEXTO */

.curso-item div{
display:flex;
align-items:center;
gap:6px;
font-size:14px;
line-height:1.3;
}

/* BADGE MIEMBRO (ajuste leve) */

.curso-item .am-badge-member{
display:inline-flex;
align-items:center;
justify-content:center;
margin-left:6px;
}

/* =========================================
   RESPONSIVE
   ========================================= */

@media (max-width:768px){

.curso-item{
padding:10px;
gap:10px;
}

.curso-item div{
font-size:13px;
}

}