#reglas-panel-productos { display: none !important; }
/* Estilos para el panel de reglas del curso (Cambios 1 y 15) */
.reglas-panel {
  background: var(--panel, #18191c);
  border: 1px solid var(--line, #282a30);
  border-radius: var(--r, 12px);
  padding: 20px;
  margin-top: 24px;
}
.reglas-cabeza {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--line, #282a30);
  padding-bottom: 14px;
  margin-bottom: 16px;
}
.reglas-cabeza h3 {
  margin: 0 0 4px 0;
  font-size: 1.1rem;
}
.reglas-subtitulo {
  margin: 0;
  font-size: 0.85rem;
}
.reglas-bloqueado {
  color: #ff5555;
  font-weight: 600;
}
.reglas-ok {
  color: #55ff77;
}
.reglas-chips {
  display: flex;
  gap: 8px;
  font-size: 0.8rem;
}
.reglas-chips span {
  padding: 4px 10px;
  border-radius: 20px;
  background: rgba(255,255,255,0.05);
}
.chip-si { color: #55ff77; }
.chip-no { color: #ff5555; }
.chip-na { color: #aaaaaa; }
.chip-pend { color: var(--amber, #ff7a1a); font-weight: 600; }

.reglas-lista {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 480px;
  overflow-y: auto;
}
.regla-fila {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 12px 14px;
  background: rgba(255,255,255,0.02);
  border: 1px solid var(--line, #282a30);
  border-radius: 8px;
  gap: 16px;
}
.regla-fila.prio-alta {
  border-left: 3px solid var(--amber, #ff7a1a);
}
.regla-info {
  flex: 1;
}
.regla-titulo-linea {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.regla-tag {
  font-size: 0.65rem;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 700;
}
.regla-tag.alta { background: rgba(255, 122, 26, 0.2); color: var(--amber, #ff7a1a); }
.regla-tag.media { background: rgba(255, 255, 255, 0.1); color: #ccc; }
.regla-tag.baja { background: rgba(255, 255, 255, 0.05); color: #888; }
.regla-que-hacer {
  margin: 0 0 4px 0;
  font-size: 0.88rem;
  color: #ddd;
  line-height: 1.4;
}
.regla-con-ia, .regla-matiz {
  margin: 2px 0;
  font-size: 0.8rem;
  color: #aaa;
}
.regla-con-ia em, .regla-matiz em {
  color: var(--amber, #ff7a1a);
  font-style: normal;
  font-weight: 600;
}
.regla-acciones {
  display: flex;
  gap: 6px;
}