/* ============================================================================
   NM2 — Stock compacto con umbral en preview de marcas (hover)
   Carlos · 2026-05-29
   Complementa los estilos ya existentes en /nm2/styles.css (BLINDADO 30021).
   Sólo añade la variante --low (1..5 unidades, ámbar).
   .--in y .--out ya están definidas en styles.css y se respetan.
   ============================================================================ */

/* Estado: stock 1..5 unidades — ámbar (avisa "quedan pocas") */
.nm2-brand2-preview-stock--low {
  background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%) !important;
  color: #B45309 !important;
  border: 1px solid #FCD34D !important;
}

/* Variante hero (Dahua) sobre fondo oscuro */
.nm2-brand2--hero .nm2-brand2-preview-stock--low {
  background: rgba(245, 158, 11, .15) !important;
  border-color: rgba(245, 158, 11, .35) !important;
  color: #FBBF24 !important;
}

/* Reafirma --in (idéntico al base verde) para que sea explícito y compacto */
.nm2-brand2-preview-stock--in {
  background: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%);
  color: #047857;
  border: 1px solid #A7F3D0;
}
.nm2-brand2--hero .nm2-brand2-preview-stock--in {
  background: rgba(16, 185, 129, .15);
  border-color: rgba(16, 185, 129, .3);
  color: #6EE7B7;
}