.nm-top-block, .nm-cat-block{
  margin-top: 22px;
}

.nm-block-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  margin: 10px 0 12px;
}

.nm-block-title{
  margin: 0;
  font-size: 20px;
  letter-spacing: -.2px;
}

.nm-nav{
  display:flex;
  gap: 10px;
}

.nm-nav-btn{
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.10);
  background: #fff;
  cursor: pointer;
  font-size: 18px;
  font-weight: 900;
  color: #7d2a80;
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
  transition: transform .18s ease, box-shadow .18s ease;
}

.nm-nav-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 40px rgba(0,0,0,.12);
}

.swiper{
  padding-bottom: 8px;
}

.swiper-slide{
  height: auto;
}

.nm-pag{
  margin-top: 10px;
}
.nm-pag .swiper-pagination-bullet{
  opacity: .25;
}
.nm-pag .swiper-pagination-bullet-active{
  opacity: 1;
}

/* =========================================
   BADGE ESTADO CURSO - NOVAMENTES PALETA
========================================= */

.nm-curso-badge{
  position: absolute;
  top: 14px;
  left: 14px;
  padding: 8px 16px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: .4px;
  z-index: 5;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
  color: #fff;
}

/* 🟣 PRÓXIMAMENTE — Morado Nova */
.nm-curso-badge--proximamente{
  background: #7b2b6d;
}

/* 🟡 EN CURSO — Amarillo Nova */
.nm-curso-badge--en_curso{
  background: #f4b400;
  color: #222; /* mejor contraste para amarillo */
}

/* 🟢 CUPOS ABIERTOS — Teal Nova */
.nm-curso-badge--cupos_abiertos{
  background: #1aa89f;
}

/* 🔴 FINALIZADO — Rojo Nova elegante */
.nm-curso-badge--finalizado{
  background: #c62828;
}